From 55cb3cafc181010db310edb3976a822c7cf90036 Mon Sep 17 00:00:00 2001 From: renet <1551001+renet@users.noreply.github.com> Date: Thu, 11 Jan 2024 09:54:02 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20emdgroup?= =?UTF-8?q?-liquid/liquid@7d09521ed85ff56e911fddab96e6e11e0e2f341f=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 1704894792450/css_components/ld-badge.css | 1 - 1704894792450/css_components/ld-bg-cells.css | 1 - 1704894792450/css_components/ld-card.css | 1 - 1704894792450/css_components/ld-checkbox.css | 1 - .../css_components/ld-circular-progress.css | 5 --- .../ld-cookie-consent.shadow.css | 15 ------- 1704894792450/css_components/ld-header.css | 1 - 1704894792450/css_components/ld-icon.css | 1 - 1704894792450/css_components/ld-input.css | 1 - 1704894792450/css_components/ld-label.css | 1 - 1704894792450/css_components/ld-link.css | 1 - 1704894792450/css_components/ld-modal.css | 1 - .../css_components/ld-notification.shadow.css | 1 - .../ld-optgroup-internal.shadow.css | 1 - .../ld-option-internal.shadow.css | 1 - 1704894792450/css_components/ld-progress.css | 1 - 1704894792450/css_components/ld-radio.css | 1 - .../ld-select-popper.shadow.css | 1 - .../css_components/ld-sidenav-back.shadow.css | 3 -- .../ld-sidenav-navitem.shadow.css | 27 ----------- .../ld-sidenav-scroller-internal.shadow.css | 1 - .../css_components/ld-sidenav.shadow.css | 9 ---- 1704894792450/css_components/ld-sr-only.css | 1 - 1704894792450/css_components/ld-stepper.css | 1 - .../css_components/ld-tab.shadow.css | 5 --- .../css_components/ld-table-cell.shadow.css | 1 - .../css_components/ld-table-header.shadow.css | 1 - 1704894792450/css_components/ld-table.css | 1 - 1704894792450/css_components/ld-toggle.css | 1 - .../ld-tooltip-popper.shadow.css | 1 - 1704894792450/dist/build/p-02b02d74.entry.js | 2 - 1704894792450/dist/build/p-073ab0b5.entry.js | 2 - 1704894792450/dist/build/p-093e3bf1.entry.js | 2 - 1704894792450/dist/build/p-0adaf635.entry.js | 2 - 1704894792450/dist/build/p-0ffd75f4.entry.js | 2 - 1704894792450/dist/build/p-15140e15.entry.js | 2 - 1704894792450/dist/build/p-1566b81f.entry.js | 2 - 1704894792450/dist/build/p-1579946c.entry.js | 2 - 1704894792450/dist/build/p-16163f05.entry.js | 2 - 1704894792450/dist/build/p-361761eb.entry.js | 2 - 1704894792450/dist/build/p-41b3aee4.entry.js | 2 - 1704894792450/dist/build/p-459ef4d7.entry.js | 2 - 1704894792450/dist/build/p-4fbea300.entry.js | 2 - 1704894792450/dist/build/p-51eab3cf.entry.js | 2 - 1704894792450/dist/build/p-5a913e48.entry.js | 2 - 1704894792450/dist/build/p-5d7cb542.entry.js | 2 - 1704894792450/dist/build/p-62839ae4.entry.js | 2 - 1704894792450/dist/build/p-6e08f789.entry.js | 2 - 1704894792450/dist/build/p-737fa13e.entry.js | 2 - 1704894792450/dist/build/p-74123e3d.entry.js | 2 - 1704894792450/dist/build/p-7cb5365e.entry.js | 2 - 1704894792450/dist/build/p-7cff147f.entry.js | 2 - 1704894792450/dist/build/p-7d04a869.entry.js | 2 - 1704894792450/dist/build/p-822a6b5a.entry.js | 2 - 1704894792450/dist/build/p-8362445f.entry.js | 2 - 1704894792450/dist/build/p-8791e36a.entry.js | 2 - 1704894792450/dist/build/p-89c2e5d1.entry.js | 2 - .../dist/build/p-89c2e5d1.entry.js.map | 1 - 1704894792450/dist/build/p-8b757c69.entry.js | 2 - 1704894792450/dist/build/p-8f77c4bf.entry.js | 2 - 1704894792450/dist/build/p-93a96eb6.entry.js | 2 - 1704894792450/dist/build/p-96f2a9f8.entry.js | 2 - 1704894792450/dist/build/p-9786b72d.entry.js | 2 - 1704894792450/dist/build/p-a1156dfa.entry.js | 2 - 1704894792450/dist/build/p-a3123fb7.entry.js | 2 - 1704894792450/dist/build/p-a7ff3bff.entry.js | 2 - 1704894792450/dist/build/p-b1fb6a28.entry.js | 2 - 1704894792450/dist/build/p-b20a1cf5.entry.js | 2 - 1704894792450/dist/build/p-b691e7f1.entry.js | 2 - 1704894792450/dist/build/p-ba5e362d.entry.js | 2 - 1704894792450/dist/build/p-bcd51be4.entry.js | 2 - 1704894792450/dist/build/p-bdbeb76a.entry.js | 2 - 1704894792450/dist/build/p-bff13f85.entry.js | 2 - 1704894792450/dist/build/p-c0a477e6.entry.js | 2 - 1704894792450/dist/build/p-cdf78ae7.entry.js | 2 - 1704894792450/dist/build/p-d2ce627c.entry.js | 2 - 1704894792450/dist/build/p-e4aeb305.entry.js | 2 - 1704894792450/dist/build/p-f2d23c8b.entry.js | 2 - 1704894792450/dist/build/p-f66c7c23.entry.js | 2 - .../assets/android-chrome-192x192.png | Bin .../assets/android-chrome-512x512.png | Bin .../assets/animations/burger-cross.json | 0 .../assets/animations/comment.json | 0 .../assets/animations/download.json | 0 .../assets/animations/export.json | 0 .../assets/animations/eye.json | 0 .../assets/animations/mute.json | 0 .../animations/notification-number.json | 0 .../assets/animations/notification.json | 0 .../assets/animations/play.json | 0 .../assets/animations/refresh.json | 0 .../assets/animations/search.json | 0 .../assets/animations/test-tube.json | 0 .../assets/animations/trash.json | 0 .../assets/animations/upload.json | 0 .../assets/animations/warning.json | 0 .../assets/apple-touch-icon.png | Bin .../assets/browserconfig.xml | 0 .../assets/examples/numerals.json | 0 .../assets/examples/periodicTable.json | 0 .../assets/favicon-16x16.png | Bin .../assets/favicon-32x32.png | Bin .../assets/favicon.ico | Bin .../assets/mstile-144x144.png | Bin .../assets/mstile-150x150.png | Bin .../assets/mstile-310x150.png | Bin .../assets/mstile-310x310.png | Bin .../assets/mstile-70x70.png | Bin .../assets/safari-pinned-tab.svg | 0 .../assets/site.webmanifest | 0 .../ld-accordion-panel.shadow.css | 2 +- .../ld-accordion-section.shadow.css | 0 .../ld-accordion-toggle.shadow.css | 4 +- .../css_components/ld-accordion.shadow.css | 2 +- 1704966176737/css_components/ld-badge.css | 1 + 1704966176737/css_components/ld-bg-cells.css | 1 + .../css_components/ld-breadcrumbs.css | 0 .../css_components/ld-button.css | 2 +- .../css_components/ld-card-stack.css | 2 +- 1704966176737/css_components/ld-card.css | 1 + 1704966176737/css_components/ld-checkbox.css | 1 + .../css_components/ld-circular-progress.css | 5 +++ .../css_components/ld-context-menu.shadow.css | 0 .../ld-cookie-consent.shadow.css | 15 +++++++ .../css_components/ld-crumb.css | 0 1704966176737/css_components/ld-header.css | 1 + 1704966176737/css_components/ld-icon.css | 1 + .../css_components/ld-input-message.css | 0 1704966176737/css_components/ld-input.css | 1 + 1704966176737/css_components/ld-label.css | 1 + 1704966176737/css_components/ld-link.css | 1 + .../css_components/ld-loading.css | 2 +- .../css_components/ld-menu.css | 0 .../css_components/ld-menuitem-group.css | 0 .../css_components/ld-menuitem.css | 0 1704966176737/css_components/ld-modal.css | 1 + .../css_components/ld-notice.css | 0 .../css_components/ld-notification.shadow.css | 1 + .../ld-optgroup-internal.shadow.css | 1 + .../css_components/ld-optgroup.shadow.css | 0 .../ld-option-internal.shadow.css | 1 + .../css_components/ld-option.shadow.css | 0 .../css_components/ld-pagination.shadow.css | 0 1704966176737/css_components/ld-progress.css | 1 + 1704966176737/css_components/ld-radio.css | 1 + .../ld-select-popper.shadow.css | 1 + .../css_components/ld-select.css | 2 +- .../ld-sidenav-accordion.shadow.css | 4 +- .../css_components/ld-sidenav-back.shadow.css | 3 ++ .../ld-sidenav-header.shadow.css | 4 +- .../ld-sidenav-heading.shadow.css | 0 .../ld-sidenav-navitem.shadow.css | 27 +++++++++++ .../ld-sidenav-scroller-internal.shadow.css | 1 + .../ld-sidenav-separator.shadow.css | 2 +- .../ld-sidenav-slider.shadow.css | 0 .../ld-sidenav-subnav.shadow.css | 2 +- .../ld-sidenav-toggle-outside.shadow.css | 2 +- .../css_components/ld-sidenav.shadow.css | 9 ++++ .../css_components/ld-slider.shadow.css | 2 +- .../css_components/ld-sr-live.shadow.css | 0 1704966176737/css_components/ld-sr-only.css | 1 + .../css_components/ld-step.css | 0 1704966176737/css_components/ld-stepper.css | 1 + .../css_components/ld-switch-item.css | 4 +- .../css_components/ld-switch.css | 2 +- .../css_components/ld-tab.shadow.css | 5 +++ .../css_components/ld-table-body.shadow.css | 0 .../ld-table-caption.shadow.css | 0 .../css_components/ld-table-cell.shadow.css | 1 + .../css_components/ld-table-col.shadow.css | 0 .../ld-table-colgroup.shadow.css | 0 .../css_components/ld-table-foot.shadow.css | 0 .../css_components/ld-table-head.shadow.css | 0 .../css_components/ld-table-header.shadow.css | 1 + .../css_components/ld-table-row.shadow.css | 2 +- .../ld-table-toolbar.shadow.css | 0 1704966176737/css_components/ld-table.css | 1 + .../css_components/ld-tablist.shadow.css | 4 +- .../css_components/ld-tabpanel.shadow.css | 0 .../css_components/ld-tabpanellist.shadow.css | 0 .../css_components/ld-tabs.shadow.css | 0 1704966176737/css_components/ld-toggle.css | 1 + .../ld-tooltip-popper.shadow.css | 1 + .../css_components/ld-tooltip.shadow.css | 0 .../css_components/ld-typo.css | 0 .../dist/build/assets/3d.svg | 0 .../dist/build/assets/add-icon.svg | 0 .../dist/build/assets/add.svg | 0 .../dist/build/assets/arrow-double-left.svg | 0 .../dist/build/assets/arrow-double-right.svg | 0 .../dist/build/assets/arrow-down.svg | 0 .../dist/build/assets/arrow-left.svg | 0 .../dist/build/assets/arrow-right.svg | 0 .../dist/build/assets/arrow-up-n-down.svg | 0 .../dist/build/assets/arrow-up.svg | 0 .../dist/build/assets/atom.svg | 0 .../dist/build/assets/attention.svg | 0 .../dist/build/assets/audio.svg | 0 .../dist/build/assets/baby.svg | 0 .../dist/build/assets/back.svg | 0 .../build/assets/bacteria-microscope-view.svg | 0 .../dist/build/assets/basket.svg | 0 .../dist/build/assets/battery-empty.svg | 0 .../dist/build/assets/battery-full.svg | 0 .../dist/build/assets/battery-half.svg | 0 .../dist/build/assets/battery-low.svg | 0 .../dist/build/assets/battery.svg | 0 .../dist/build/assets/beaker.svg | 0 .../dist/build/assets/beard.svg | 0 .../dist/build/assets/bell.svg | 0 .../dist/build/assets/big-cross.svg | 0 .../dist/build/assets/bin.svg | 0 .../dist/build/assets/bioreliance-cell.svg | 0 .../dist/build/assets/bitcoin.svg | 0 .../dist/build/assets/bottle.svg | 0 .../dist/build/assets/bottom-left.svg | 0 .../dist/build/assets/bottom-right.svg | 0 .../dist/build/assets/bulb.svg | 0 .../dist/build/assets/burger-menu.svg | 0 .../dist/build/assets/burger.svg | 0 .../dist/build/assets/cabriolet.svg | 0 .../dist/build/assets/calendar.svg | 0 .../dist/build/assets/camcorder.svg | 0 .../dist/build/assets/camera.svg | 0 .../dist/build/assets/car.svg | 0 .../dist/build/assets/cards.svg | 0 .../dist/build/assets/chat.svg | 0 .../dist/build/assets/checkmark.svg | 0 .../build/assets/chevron-components-dark.svg | 0 .../build/assets/chevron-components-light.svg | 0 .../chevron-data-visualization-dark.svg | 0 .../chevron-data-visualization-light.svg | 0 .../build/assets/chevron-globals-dark.svg | 0 .../build/assets/chevron-globals-light.svg | 0 .../dist/build/assets/chevron-guides-dark.svg | 0 .../build/assets/chevron-guides-light.svg | 0 .../assets/chevron-introduction-dark.svg | 0 .../assets/chevron-introduction-light.svg | 0 .../dist/build/assets/choir.svg | 0 .../dist/build/assets/clip.svg | 0 .../dist/build/assets/clock.svg | 0 .../dist/build/assets/cloud-download.svg | 0 .../dist/build/assets/cloud-upload.svg | 0 .../dist/build/assets/cloud.svg | 0 .../dist/build/assets/coffee.svg | 0 .../dist/build/assets/components.svg | 0 .../dist/build/assets/control.svg | 0 .../dist/build/assets/conversation.svg | 0 .../dist/build/assets/copy.svg | 0 .../dist/build/assets/cost-center.svg | 0 .../dist/build/assets/coupon.svg | 0 .../dist/build/assets/credit-card.svg | 0 .../dist/build/assets/cross.svg | 0 .../dist/build/assets/dashboard.svg | 0 .../dist/build/assets/data-storage.svg | 0 .../dist/build/assets/data-visualization.svg | 0 .../dist/build/assets/dna.svg | 0 .../dist/build/assets/documents-storage.svg | 0 .../dist/build/assets/documents.svg | 0 .../dist/build/assets/dollar.svg | 0 .../dist/build/assets/donut.svg | 0 .../dist/build/assets/dot.svg | 0 .../dist/build/assets/dots.svg | 0 .../dist/build/assets/download.svg | 0 .../dist/build/assets/eco.svg | 0 .../dist/build/assets/education.svg | 0 .../dist/build/assets/electric-car.svg | 0 .../dist/build/assets/energy.svg | 0 .../dist/build/assets/euro.svg | 0 .../dist/build/assets/external-export.svg | 0 .../dist/build/assets/f-cell.svg | 0 .../dist/build/assets/fast-forward.svg | 0 .../dist/build/assets/favorite.svg | 0 .../dist/build/assets/figma.svg | 0 .../dist/build/assets/files.svg | 0 .../dist/build/assets/filter.svg | 0 .../dist/build/assets/finance.svg | 0 .../dist/build/assets/first-aid.svg | 0 .../dist/build/assets/flask.svg | 0 .../dist/build/assets/football.svg | 0 .../dist/build/assets/gamepad.svg | 0 .../dist/build/assets/github.svg | 0 .../dist/build/assets/globals.svg | 0 .../dist/build/assets/guides.svg | 0 .../dist/build/assets/half-dot.svg | 0 .../dist/build/assets/half-star.svg | 0 .../dist/build/assets/hexagon-cell.svg | 0 .../dist/build/assets/house.svg | 0 .../dist/build/assets/hyperlink.svg | 0 .../dist/build/assets/info-mark.svg | 0 .../dist/build/assets/info.svg | 0 .../dist/build/assets/initial-m.svg | 0 .../dist/build/assets/introduction.svg | 0 .../dist/build/assets/jpeg.svg | 0 .../dist/build/assets/keys.svg | 0 .../dist/build/assets/laptop-mobile.svg | 0 .../dist/build/assets/laptop.svg | 0 .../dist/build/assets/layer.svg | 0 .../build/assets/ld-input-message-error.svg | 0 .../build/assets/ld-input-message-info.svg | 9 ++-- .../build/assets/ld-input-message-success.svg | 0 .../build/assets/ld-input-message-valid.svg | 0 .../build/assets/ld-input-message-warning.svg | 0 .../dist/build/assets/list.svg | 0 .../dist/build/assets/location.svg | 0 .../dist/build/assets/lock-save.svg | 0 .../dist/build/assets/logistic.svg | 0 .../dist/build/assets/logo.svg | 0 .../dist/build/assets/m-card.svg | 0 .../dist/build/assets/magnifier.svg | 0 .../dist/build/assets/mail.svg | 0 .../dist/build/assets/matryoshka.svg | 0 .../dist/build/assets/mdo-cell.svg | 0 .../dist/build/assets/medical-file.svg | 0 .../dist/build/assets/medicine.svg | 0 .../dist/build/assets/meetup.svg | 0 .../dist/build/assets/mic.svg | 0 .../dist/build/assets/microscope.svg | 0 .../dist/build/assets/millipore-cell.svg | 0 .../dist/build/assets/milliq-cell.svg | 0 .../dist/build/assets/minus.svg | 0 .../dist/build/assets/mobile.svg | 0 .../dist/build/assets/money.svg | 0 .../dist/build/assets/monitor.svg | 0 .../dist/build/assets/monkey.svg | 0 .../dist/build/assets/navigator.svg | 0 .../dist/build/assets/o-cell.svg | 0 .../dist/build/assets/option-h.svg | 0 .../dist/build/assets/option-v.svg | 0 .../dist/build/assets/option.svg | 0 .../dist/build/assets/pause.svg | 0 .../dist/build/assets/pdf.svg | 0 .../dist/build/assets/pen.svg | 0 .../dist/build/assets/phone.svg | 0 .../dist/build/assets/pill.svg | 0 .../dist/build/assets/pipette.svg | 0 .../dist/build/assets/pisces.svg | 0 .../dist/build/assets/placeholder.svg | 0 .../dist/build/assets/plane.svg | 0 .../dist/build/assets/plant.svg | 0 .../dist/build/assets/play.svg | 0 .../dist/build/assets/plus.svg | 0 .../dist/build/assets/pound.svg | 0 .../dist/build/assets/pretzel.svg | 0 .../dist/build/assets/print.svg | 0 .../dist/build/assets/pulse.svg | 0 .../dist/build/assets/puzzle.svg | 0 .../dist/build/assets/real-arrow-down.svg | 0 .../dist/build/assets/real-arrow-left.svg | 0 .../dist/build/assets/real-arrow-right.svg | 0 .../dist/build/assets/real-arrow-up.svg | 0 .../dist/build/assets/real-arrow.svg | 0 .../dist/build/assets/refresh.svg | 0 .../dist/build/assets/remove-icon.svg | 0 .../dist/build/assets/remove.svg | 0 .../dist/build/assets/repost.svg | 0 .../dist/build/assets/rewind.svg | 0 .../dist/build/assets/rocket.svg | 0 .../dist/build/assets/safc-cell.svg | 0 .../dist/build/assets/san-francisco.svg | 0 .../dist/build/assets/satelite.svg | 0 .../dist/build/assets/savings.svg | 0 .../dist/build/assets/scientific-paper.svg | 0 .../dist/build/assets/scissors.svg | 0 .../dist/build/assets/secure-conncetion.svg | 0 .../dist/build/assets/security.svg | 0 .../dist/build/assets/settings.svg | 0 .../dist/build/assets/share.svg | 0 .../dist/build/assets/shield.svg | 0 .../dist/build/assets/sidenav-left.svg | 0 .../dist/build/assets/sidenav-right.svg | 0 .../dist/build/assets/sigma-aldrich-cell.svg | 0 .../dist/build/assets/sock.svg | 0 .../dist/build/assets/solar-power.svg | 0 .../dist/build/assets/star.svg | 0 .../dist/build/assets/stethoscope.svg | 0 .../dist/build/assets/stop.svg | 0 .../dist/build/assets/supelco-cell.svg | 0 .../dist/build/assets/syringe.svg | 0 .../dist/build/assets/t-cell.svg | 0 .../dist/build/assets/tea-pot.svg | 0 .../dist/build/assets/test-tube.svg | 0 .../dist/build/assets/tile-cell.svg | 0 .../dist/build/assets/top-left.svg | 0 .../dist/build/assets/top-right.svg | 0 .../dist/build/assets/truck.svg | 0 .../dist/build/assets/upload.svg | 0 .../dist/build/assets/user.svg | 0 .../dist/build/assets/ux.svg | 0 .../dist/build/assets/virus.svg | 0 .../dist/build/assets/visibility.svg | 0 .../dist/build/assets/vr.svg | 0 .../dist/build/assets/watch.svg | 0 .../dist/build/assets/website.svg | 0 .../dist/build/assets/wi-fi.svg | 0 .../dist/build/assets/world.svg | 0 .../dist/build/assets/youtube.svg | 0 .../dist/build/assets/zip.svg | 0 .../dist/build/index.esm.js | 0 .../dist/build/index.esm.js.map | 0 .../dist/build/liquid.css | 2 +- .../dist/build/liquid.esm.js | 2 +- .../dist/build/liquid.esm.js.map | 0 .../dist/build/liquid.js | 0 .../dist/build/p-00dcb85b.entry.js | 0 .../dist/build/p-00dcb85b.entry.js.map | 0 1704966176737/dist/build/p-065e1cbd.entry.js | 2 + .../dist/build/p-065e1cbd.entry.js.map | 2 +- 1704966176737/dist/build/p-0751677e.entry.js | 2 + .../dist/build/p-0751677e.entry.js.map | 2 +- 1704966176737/dist/build/p-084c417e.entry.js | 2 + .../dist/build/p-084c417e.entry.js.map | 2 +- .../dist/build/p-0cd46190.js | 0 .../dist/build/p-0cd46190.js.map | 0 .../dist/build/p-0cff3d08.entry.js | 4 +- .../dist/build/p-0cff3d08.entry.js.map | 0 .../dist/build/p-108eca21.entry.js | 0 .../dist/build/p-108eca21.entry.js.map | 0 .../dist/build/p-112455b1.js | 0 .../dist/build/p-112455b1.js.map | 0 .../dist/build/p-1133c92e.js | 0 .../dist/build/p-1133c92e.js.map | 0 .../dist/build/p-18028a34.entry.js | 0 .../dist/build/p-18028a34.entry.js.map | 0 .../dist/build/p-1813e3df.entry.js | 0 .../dist/build/p-1813e3df.entry.js.map | 0 1704966176737/dist/build/p-1c01ac4e.entry.js | 2 + .../dist/build/p-1c01ac4e.entry.js.map | 2 +- 1704966176737/dist/build/p-1ff9802e.entry.js | 2 + .../dist/build/p-1ff9802e.entry.js.map | 2 +- .../dist/build/p-21a69c18.js | 0 .../dist/build/p-21a69c18.js.map | 0 .../dist/build/p-21c59b99.entry.js | 0 .../dist/build/p-21c59b99.entry.js.map | 0 1704966176737/dist/build/p-236dbb56.entry.js | 2 + .../dist/build/p-236dbb56.entry.js.map | 2 +- 1704966176737/dist/build/p-24dedd5e.entry.js | 2 + .../dist/build/p-24dedd5e.entry.js.map | 2 +- 1704966176737/dist/build/p-2dcf38f5.entry.js | 2 + .../dist/build/p-2dcf38f5.entry.js.map | 2 +- .../dist/build/p-2f695d4a.js | 0 .../dist/build/p-2f695d4a.js.map | 0 .../dist/build/p-2f76f5f2.entry.js | 4 +- .../dist/build/p-2f76f5f2.entry.js.map | 2 +- .../dist/build/p-34dc80c9.entry.js | 0 .../dist/build/p-34dc80c9.entry.js.map | 0 .../dist/build/p-36bbded8.entry.js | 0 .../dist/build/p-36bbded8.entry.js.map | 0 1704966176737/dist/build/p-385d2a88.entry.js | 2 + .../dist/build/p-385d2a88.entry.js.map | 2 +- .../dist/build/p-3a42d32d.entry.js | 0 .../dist/build/p-3a42d32d.entry.js.map | 0 .../dist/build/p-3aadade1.entry.js | 0 .../dist/build/p-3aadade1.entry.js.map | 0 1704966176737/dist/build/p-3b79636e.entry.js | 2 + .../dist/build/p-3b79636e.entry.js.map | 2 +- .../dist/build/p-40a74ea6.entry.js | 0 .../dist/build/p-40a74ea6.entry.js.map | 0 1704966176737/dist/build/p-42bd57e0.entry.js | 2 + .../dist/build/p-42bd57e0.entry.js.map | 2 +- .../dist/build/p-430fe27d.entry.js | 0 .../dist/build/p-430fe27d.entry.js.map | 0 .../dist/build/p-43a7d779.entry.js | 0 .../dist/build/p-43a7d779.entry.js.map | 0 .../dist/build/p-47f9082b.entry.js | 0 .../dist/build/p-47f9082b.entry.js.map | 0 .../dist/build/p-488f0189.entry.js | 4 +- .../dist/build/p-488f0189.entry.js.map | 0 1704966176737/dist/build/p-48d582a3.entry.js | 2 + .../dist/build/p-48d582a3.entry.js.map | 2 +- .../dist/build/p-49b9f144.js | 0 .../dist/build/p-49b9f144.js.map | 0 1704966176737/dist/build/p-4a9a72a7.entry.js | 2 + .../dist/build/p-4a9a72a7.entry.js.map | 2 +- .../dist/build/p-6191a5f8.entry.js | 0 .../dist/build/p-6191a5f8.entry.js.map | 0 .../dist/build/p-62594aee.entry.js | 4 +- .../dist/build/p-62594aee.entry.js.map | 2 +- .../dist/build/p-6378f694.entry.js | 0 .../dist/build/p-6378f694.entry.js.map | 0 .../dist/build/p-6443c1fe.entry.js | 4 +- .../dist/build/p-6443c1fe.entry.js.map | 2 +- 1704966176737/dist/build/p-699b0a42.entry.js | 2 + .../dist/build/p-699b0a42.entry.js.map | 2 +- 1704966176737/dist/build/p-6d64a66c.entry.js | 2 + .../dist/build/p-6d64a66c.entry.js.map | 2 +- .../dist/build/p-6e5841ef.js | 0 .../dist/build/p-6e5841ef.js.map | 0 .../dist/build/p-6f1c0dce.entry.js | 0 .../dist/build/p-6f1c0dce.entry.js.map | 0 .../dist/build/p-6f9b9619.js | 0 .../dist/build/p-6f9b9619.js.map | 0 .../dist/build/p-6fdf0745.entry.js | 0 .../dist/build/p-6fdf0745.entry.js.map | 0 .../dist/build/p-71026bf3.js | 0 .../dist/build/p-71026bf3.js.map | 0 1704966176737/dist/build/p-7161caa6.entry.js | 2 + .../dist/build/p-7161caa6.entry.js.map | 0 1704966176737/dist/build/p-71d931bf.entry.js | 2 + .../dist/build/p-71d931bf.entry.js.map | 2 +- 1704966176737/dist/build/p-73303dba.entry.js | 2 + .../dist/build/p-73303dba.entry.js.map | 2 +- 1704966176737/dist/build/p-760822ab.entry.js | 2 + .../dist/build/p-760822ab.entry.js.map | 2 +- 1704966176737/dist/build/p-79ffd165.entry.js | 2 + .../dist/build/p-79ffd165.entry.js.map | 2 +- .../dist/build/p-7ecbe9da.entry.js | 0 .../dist/build/p-7ecbe9da.entry.js.map | 0 .../dist/build/p-7ef0fda6.entry.js | 0 .../dist/build/p-7ef0fda6.entry.js.map | 0 1704966176737/dist/build/p-7f19e682.entry.js | 2 + .../dist/build/p-7f19e682.entry.js.map | 2 +- 1704966176737/dist/build/p-8157d479.entry.js | 2 + .../dist/build/p-8157d479.entry.js.map | 2 +- 1704966176737/dist/build/p-890d5ddc.entry.js | 2 + .../dist/build/p-890d5ddc.entry.js.map | 2 +- .../dist/build/p-8dc70a87.js | 0 .../dist/build/p-8dc70a87.js.map | 0 .../dist/build/p-94719925.entry.js | 0 .../dist/build/p-94719925.entry.js.map | 0 .../dist/build/p-98010be8.js | 0 .../dist/build/p-98010be8.js.map | 0 1704966176737/dist/build/p-9833ecb4.entry.js | 2 + .../dist/build/p-9833ecb4.entry.js.map | 2 +- .../dist/build/p-98b11beb.entry.js | 0 .../dist/build/p-98b11beb.entry.js.map | 0 1704966176737/dist/build/p-99899d8a.entry.js | 2 + .../dist/build/p-99899d8a.entry.js.map | 2 +- 1704966176737/dist/build/p-9dc79166.entry.js | 2 + .../dist/build/p-9dc79166.entry.js.map | 2 +- .../dist/build/p-9eccdd55.entry.js | 4 +- .../dist/build/p-9eccdd55.entry.js.map | 2 +- 1704966176737/dist/build/p-a088f7d3.entry.js | 2 + .../dist/build/p-a088f7d3.entry.js.map | 2 +- 1704966176737/dist/build/p-a4360635.entry.js | 2 + .../dist/build/p-a4360635.entry.js.map | 2 +- .../dist/build/p-a5f4b2c5.entry.js | 0 .../dist/build/p-a5f4b2c5.entry.js.map | 0 .../dist/build/p-ad64dade.entry.js | 0 .../dist/build/p-ad64dade.entry.js.map | 0 .../dist/build/p-b05f0e4e.js | 0 .../dist/build/p-b05f0e4e.js.map | 0 1704966176737/dist/build/p-b2dd29b5.entry.js | 2 + .../dist/build/p-b2dd29b5.entry.js.map | 2 +- .../dist/build/p-b5ea1bc0.entry.js | 0 .../dist/build/p-b5ea1bc0.entry.js.map | 0 1704966176737/dist/build/p-b6223ce4.entry.js | 2 + .../dist/build/p-b6223ce4.entry.js.map | 2 +- .../dist/build/p-bb2b75da.entry.js | 0 .../dist/build/p-bb2b75da.entry.js.map | 0 1704966176737/dist/build/p-bc9ce66e.entry.js | 2 + .../dist/build/p-bc9ce66e.entry.js.map | 2 +- 1704966176737/dist/build/p-c170dd3c.entry.js | 2 + .../dist/build/p-c170dd3c.entry.js.map | 2 +- .../dist/build/p-c2112f1e.js | 0 .../dist/build/p-c2112f1e.js.map | 0 .../dist/build/p-c34a6e59.entry.js | 0 .../dist/build/p-c34a6e59.entry.js.map | 0 1704966176737/dist/build/p-c4ae61a1.entry.js | 2 + .../dist/build/p-c4ae61a1.entry.js.map | 2 +- .../dist/build/p-c5fe7236.entry.js | 0 .../dist/build/p-c5fe7236.entry.js.map | 0 1704966176737/dist/build/p-c79ebadf.entry.js | 2 + .../dist/build/p-c79ebadf.entry.js.map | 2 +- 1704966176737/dist/build/p-c8998fe6.entry.js | 2 + .../dist/build/p-c8998fe6.entry.js.map | 2 +- .../dist/build/p-cbbb0672.entry.js | 4 +- .../dist/build/p-cbbb0672.entry.js.map | 2 +- 1704966176737/dist/build/p-cf5797c3.entry.js | 2 + .../dist/build/p-cf5797c3.entry.js.map | 2 +- .../dist/build/p-d05ada8a.entry.js | 0 .../dist/build/p-d05ada8a.entry.js.map | 0 .../dist/build/p-d29aae54.entry.js | 0 .../dist/build/p-d29aae54.entry.js.map | 0 1704966176737/dist/build/p-d426b460.entry.js | 2 + .../dist/build/p-d426b460.entry.js.map | 2 +- 1704966176737/dist/build/p-d45e8f89.entry.js | 2 + .../dist/build/p-d45e8f89.entry.js.map | 2 +- 1704966176737/dist/build/p-d630f46e.entry.js | 2 + .../dist/build/p-d630f46e.entry.js.map | 2 +- .../dist/build/p-d73a1df9.entry.js | 4 +- .../dist/build/p-d73a1df9.entry.js.map | 0 .../dist/build/p-d7b432ae.entry.js | 0 .../dist/build/p-d7b432ae.entry.js.map | 0 .../dist/build/p-d833bc8b.entry.js | 4 +- .../dist/build/p-d833bc8b.entry.js.map | 2 +- .../dist/build/p-db30d2eb.js | 0 .../dist/build/p-db30d2eb.js.map | 0 1704966176737/dist/build/p-db6c1ebb.entry.js | 2 + .../dist/build/p-db6c1ebb.entry.js.map | 2 +- .../dist/build/p-dce80f80.entry.js | 0 .../dist/build/p-dce80f80.entry.js.map | 0 1704966176737/dist/build/p-ddad1f31.entry.js | 2 + .../dist/build/p-ddad1f31.entry.js.map | 2 +- 1704966176737/dist/build/p-ddb0738a.entry.js | 2 + .../dist/build/p-ddb0738a.entry.js.map | 2 +- .../dist/build/p-de51c23f.entry.js | 0 .../dist/build/p-de51c23f.entry.js.map | 0 1704966176737/dist/build/p-e304d827.entry.js | 2 + .../dist/build/p-e304d827.entry.js.map | 2 +- 1704966176737/dist/build/p-e4ded3bc.entry.js | 2 + .../dist/build/p-e4ded3bc.entry.js.map | 2 +- 1704966176737/dist/build/p-e64a3ea9.entry.js | 2 + .../dist/build/p-e64a3ea9.entry.js.map | 2 +- .../dist/build/p-ee2a2191.entry.js | 0 .../dist/build/p-ee2a2191.entry.js.map | 0 1704966176737/dist/build/p-ee7d1073.entry.js | 2 + .../dist/build/p-ee7d1073.entry.js.map | 1 + .../dist/build/p-f13d3119.js | 0 .../dist/build/p-f13d3119.js.map | 0 1704966176737/dist/build/p-f962b3cd.entry.js | 2 + .../dist/build/p-f962b3cd.entry.js.map | 2 +- 1704966176737/dist/build/p-fff65bfe.entry.js | 2 + .../dist/build/p-fff65bfe.entry.js.map | 2 +- .../dist/host.config.json | 0 {1704894792450 => 1704966176737}/docs.css | 2 +- .../liquid.global.css | 2 +- 404.html | 22 ++++----- components/index.html | 24 +++++----- components/ld-accordion/index.html | 22 ++++----- .../ld-accordion-panel/index.html | 22 ++++----- .../ld-accordion-section/index.html | 22 ++++----- .../ld-accordion-toggle/index.html | 22 ++++----- components/ld-badge/index.html | 26 +++++------ components/ld-bg-cells/index.html | 24 +++++----- components/ld-breadcrumbs/index.html | 30 ++++++------- components/ld-breadcrumbs/ld-crumb/index.html | 22 ++++----- components/ld-button/index.html | 26 +++++------ components/ld-card/index.html | 26 +++++------ components/ld-card/ld-card-stack/index.html | 26 +++++------ components/ld-checkbox/index.html | 30 ++++++------- components/ld-circular-progress/index.html | 28 ++++++------ components/ld-context-menu/index.html | 22 ++++----- components/ld-context-menu/ld-menu/index.html | 22 ++++----- .../ld-menuitem-group/index.html | 22 ++++----- .../ld-context-menu/ld-menuitem/index.html | 22 ++++----- components/ld-cookie-consent/index.html | 24 +++++----- components/ld-header/index.html | 30 ++++++------- components/ld-icon/index.html | 24 +++++----- components/ld-input-message/index.html | 26 +++++------ components/ld-input/index.html | 32 ++++++------- components/ld-label/index.html | 34 +++++++------- components/ld-link/index.html | 28 ++++++------ components/ld-loading/index.html | 24 +++++----- components/ld-modal/index.html | 28 ++++++------ components/ld-notice/index.html | 30 ++++++------- components/ld-notification/index.html | 22 ++++----- components/ld-pagination/index.html | 22 ++++----- components/ld-progress/index.html | 26 +++++------ components/ld-radio/index.html | 30 ++++++------- components/ld-select/index.html | 30 ++++++------- components/ld-select/ld-optgroup/index.html | 22 ++++----- components/ld-select/ld-option/index.html | 22 ++++----- components/ld-sidenav/index.html | 24 +++++----- .../ld-sidenav-accordion/index.html | 22 ++++----- .../ld-sidenav/ld-sidenav-back/index.html | 22 ++++----- .../ld-sidenav/ld-sidenav-header/index.html | 22 ++++----- .../ld-sidenav/ld-sidenav-heading/index.html | 22 ++++----- .../ld-sidenav/ld-sidenav-navitem/index.html | 22 ++++----- .../ld-sidenav-separator/index.html | 22 ++++----- .../ld-sidenav/ld-sidenav-slider/index.html | 22 ++++----- .../ld-sidenav/ld-sidenav-subnav/index.html | 24 +++++----- .../ld-sidenav-toggle-outside/index.html | 22 ++++----- components/ld-slider/index.html | 24 +++++----- components/ld-sr-live/index.html | 22 ++++----- components/ld-sr-only/index.html | 24 +++++----- components/ld-stepper/index.html | 30 ++++++------- components/ld-stepper/ld-step/index.html | 22 ++++----- components/ld-switch/index.html | 28 ++++++------ .../ld-switch/ld-switch-item/index.html | 22 ++++----- .../ld-table-caption/index.html | 22 ++++----- components/ld-table/index.html | 42 +++++++++--------- components/ld-table/ld-table-body/index.html | 22 ++++----- components/ld-table/ld-table-cell/index.html | 22 ++++----- components/ld-table/ld-table-col/index.html | 22 ++++----- .../ld-table/ld-table-colgroup/index.html | 22 ++++----- components/ld-table/ld-table-foot/index.html | 22 ++++----- components/ld-table/ld-table-head/index.html | 22 ++++----- .../ld-table/ld-table-header/index.html | 22 ++++----- components/ld-table/ld-table-row/index.html | 24 +++++----- .../ld-table/ld-table-toolbar/index.html | 24 +++++----- components/ld-tabs/index.html | 24 +++++----- components/ld-tabs/ld-tab/index.html | 24 +++++----- components/ld-tabs/ld-tablist/index.html | 24 +++++----- components/ld-tabs/ld-tabpanel/index.html | 24 +++++----- components/ld-tabs/ld-tabpanellist/index.html | 24 +++++----- components/ld-toggle/index.html | 30 ++++++------- components/ld-tooltip/index.html | 24 +++++----- components/ld-typo/index.html | 24 +++++----- css_components/ld-accordion-panel.shadow.css | 2 +- css_components/ld-accordion-toggle.shadow.css | 4 +- css_components/ld-accordion.shadow.css | 2 +- css_components/ld-badge.css | 2 +- css_components/ld-bg-cells.css | 2 +- css_components/ld-button.css | 2 +- css_components/ld-card-stack.css | 2 +- css_components/ld-card.css | 2 +- css_components/ld-checkbox.css | 2 +- css_components/ld-circular-progress.css | 2 +- css_components/ld-cookie-consent.shadow.css | 6 +-- css_components/ld-header.css | 2 +- css_components/ld-icon.css | 2 +- css_components/ld-input.css | 2 +- css_components/ld-label.css | 2 +- css_components/ld-link.css | 2 +- css_components/ld-loading.css | 2 +- css_components/ld-modal.css | 2 +- css_components/ld-notification.shadow.css | 2 +- .../ld-optgroup-internal.shadow.css | 2 +- css_components/ld-option-internal.shadow.css | 2 +- css_components/ld-progress.css | 2 +- css_components/ld-radio.css | 2 +- css_components/ld-select-popper.shadow.css | 2 +- css_components/ld-select.css | 2 +- .../ld-sidenav-accordion.shadow.css | 4 +- css_components/ld-sidenav-back.shadow.css | 2 +- css_components/ld-sidenav-header.shadow.css | 4 +- css_components/ld-sidenav-navitem.shadow.css | 6 +-- .../ld-sidenav-scroller-internal.shadow.css | 2 +- .../ld-sidenav-separator.shadow.css | 2 +- css_components/ld-sidenav-subnav.shadow.css | 2 +- .../ld-sidenav-toggle-outside.shadow.css | 2 +- css_components/ld-sidenav.shadow.css | 2 +- css_components/ld-slider.shadow.css | 2 +- css_components/ld-sr-only.css | 2 +- css_components/ld-stepper.css | 2 +- css_components/ld-switch-item.css | 4 +- css_components/ld-switch.css | 2 +- css_components/ld-tab.shadow.css | 4 +- css_components/ld-table-cell.shadow.css | 2 +- css_components/ld-table-header.shadow.css | 2 +- css_components/ld-table-row.shadow.css | 2 +- css_components/ld-table.css | 2 +- css_components/ld-tablist.shadow.css | 4 +- css_components/ld-toggle.css | 2 +- css_components/ld-tooltip-popper.shadow.css | 2 +- data-visualization/getting-started/index.html | 22 ++++----- dist/build/assets/ld-input-message-info.svg | 9 ++-- dist/build/liquid.css | 2 +- dist/build/liquid.esm.js | 2 +- dist/build/p-02b02d74.entry.js | 2 - dist/build/p-065e1cbd.entry.js | 2 + ...1.entry.js.map => p-065e1cbd.entry.js.map} | 2 +- dist/build/p-073ab0b5.entry.js | 2 - dist/build/p-0751677e.entry.js | 2 + ...d.entry.js.map => p-0751677e.entry.js.map} | 2 +- dist/build/p-084c417e.entry.js | 2 + ...a.entry.js.map => p-084c417e.entry.js.map} | 2 +- dist/build/p-093e3bf1.entry.js | 2 - dist/build/p-0adaf635.entry.js | 2 - ...-37906c0c.entry.js => p-0cff3d08.entry.js} | 4 +- ...c.entry.js.map => p-0cff3d08.entry.js.map} | 0 dist/build/p-0ffd75f4.entry.js | 2 - dist/build/p-15140e15.entry.js | 2 - dist/build/p-1566b81f.entry.js | 2 - dist/build/p-1579946c.entry.js | 2 - dist/build/p-16163f05.entry.js | 2 - dist/build/p-1c01ac4e.entry.js | 2 + .../build/p-1c01ac4e.entry.js.map | 2 +- dist/build/p-1ff9802e.entry.js | 2 + .../build/p-1ff9802e.entry.js.map | 2 +- dist/build/p-236dbb56.entry.js | 2 + .../build/p-236dbb56.entry.js.map | 2 +- dist/build/p-24dedd5e.entry.js | 2 + .../build/p-24dedd5e.entry.js.map | 2 +- dist/build/p-2dcf38f5.entry.js | 2 + ...3.entry.js.map => p-2dcf38f5.entry.js.map} | 2 +- .../build/p-2f76f5f2.entry.js | 4 +- ...9.entry.js.map => p-2f76f5f2.entry.js.map} | 2 +- dist/build/p-361761eb.entry.js | 2 - dist/build/p-385d2a88.entry.js | 2 + .../build/p-385d2a88.entry.js.map | 2 +- dist/build/p-3b79636e.entry.js | 2 + .../build/p-3b79636e.entry.js.map | 2 +- dist/build/p-41b3aee4.entry.js | 2 - dist/build/p-42bd57e0.entry.js | 2 + ...b.entry.js.map => p-42bd57e0.entry.js.map} | 2 +- dist/build/p-459ef4d7.entry.js | 2 - ...-0a8191fa.entry.js => p-488f0189.entry.js} | 4 +- ...a.entry.js.map => p-488f0189.entry.js.map} | 0 dist/build/p-48d582a3.entry.js | 2 + ...2.entry.js.map => p-48d582a3.entry.js.map} | 2 +- dist/build/p-4a9a72a7.entry.js | 2 + .../build/p-4a9a72a7.entry.js.map | 2 +- dist/build/p-4fbea300.entry.js | 2 - dist/build/p-51eab3cf.entry.js | 2 - dist/build/p-5a913e48.entry.js | 2 - dist/build/p-5d7cb542.entry.js | 2 - .../build/p-62594aee.entry.js | 4 +- .../build/p-62594aee.entry.js.map | 2 +- dist/build/p-62839ae4.entry.js | 2 - ...-338b6c38.entry.js => p-6443c1fe.entry.js} | 4 +- ...8.entry.js.map => p-6443c1fe.entry.js.map} | 2 +- dist/build/p-699b0a42.entry.js | 2 + .../build/p-699b0a42.entry.js.map | 2 +- dist/build/p-6d64a66c.entry.js | 2 + ...1.entry.js.map => p-6d64a66c.entry.js.map} | 2 +- dist/build/p-6e08f789.entry.js | 2 - dist/build/p-7161caa6.entry.js | 2 + ...f.entry.js.map => p-7161caa6.entry.js.map} | 0 dist/build/p-71d931bf.entry.js | 2 + .../build/p-71d931bf.entry.js.map | 2 +- dist/build/p-73303dba.entry.js | 2 + ...e.entry.js.map => p-73303dba.entry.js.map} | 2 +- dist/build/p-737fa13e.entry.js | 2 - dist/build/p-74123e3d.entry.js | 2 - dist/build/p-760822ab.entry.js | 2 + ...6.entry.js.map => p-760822ab.entry.js.map} | 2 +- dist/build/p-79ffd165.entry.js | 2 + ...5.entry.js.map => p-79ffd165.entry.js.map} | 2 +- dist/build/p-7cb5365e.entry.js | 2 - dist/build/p-7cff147f.entry.js | 2 - dist/build/p-7d04a869.entry.js | 2 - dist/build/p-7f19e682.entry.js | 2 + .../build/p-7f19e682.entry.js.map | 2 +- dist/build/p-8157d479.entry.js | 2 + .../build/p-8157d479.entry.js.map | 2 +- dist/build/p-822a6b5a.entry.js | 2 - dist/build/p-8362445f.entry.js | 2 - dist/build/p-8791e36a.entry.js | 2 - dist/build/p-890d5ddc.entry.js | 2 + ...8.entry.js.map => p-890d5ddc.entry.js.map} | 2 +- dist/build/p-89c2e5d1.entry.js | 2 - dist/build/p-89c2e5d1.entry.js.map | 1 - dist/build/p-8b757c69.entry.js | 2 - dist/build/p-8f77c4bf.entry.js | 2 - dist/build/p-93a96eb6.entry.js | 2 - dist/build/p-96f2a9f8.entry.js | 2 - dist/build/p-9786b72d.entry.js | 2 - dist/build/p-9833ecb4.entry.js | 2 + ...5.entry.js.map => p-9833ecb4.entry.js.map} | 2 +- dist/build/p-99899d8a.entry.js | 2 + ...7.entry.js.map => p-99899d8a.entry.js.map} | 2 +- dist/build/p-9dc79166.entry.js | 2 + ...f.entry.js.map => p-9dc79166.entry.js.map} | 2 +- .../build/p-9eccdd55.entry.js | 4 +- .../build/p-9eccdd55.entry.js.map | 2 +- dist/build/p-a088f7d3.entry.js | 2 + .../build/p-a088f7d3.entry.js.map | 2 +- dist/build/p-a1156dfa.entry.js | 2 - dist/build/p-a3123fb7.entry.js | 2 - dist/build/p-a4360635.entry.js | 2 + .../build/p-a4360635.entry.js.map | 2 +- dist/build/p-a7ff3bff.entry.js | 2 - dist/build/p-b1fb6a28.entry.js | 2 - dist/build/p-b20a1cf5.entry.js | 2 - dist/build/p-b2dd29b5.entry.js | 2 + ...5.entry.js.map => p-b2dd29b5.entry.js.map} | 2 +- dist/build/p-b6223ce4.entry.js | 2 + ...b.entry.js.map => p-b6223ce4.entry.js.map} | 2 +- dist/build/p-b691e7f1.entry.js | 2 - dist/build/p-ba5e362d.entry.js | 2 - dist/build/p-bc9ce66e.entry.js | 2 + .../build/p-bc9ce66e.entry.js.map | 2 +- dist/build/p-bcd51be4.entry.js | 2 - dist/build/p-bdbeb76a.entry.js | 2 - dist/build/p-bff13f85.entry.js | 2 - dist/build/p-c0a477e6.entry.js | 2 - dist/build/p-c170dd3c.entry.js | 2 + .../build/p-c170dd3c.entry.js.map | 2 +- dist/build/p-c4ae61a1.entry.js | 2 + .../build/p-c4ae61a1.entry.js.map | 2 +- dist/build/p-c79ebadf.entry.js | 2 + .../build/p-c79ebadf.entry.js.map | 2 +- dist/build/p-c8998fe6.entry.js | 2 + ...7.entry.js.map => p-c8998fe6.entry.js.map} | 2 +- ...-93d0f596.entry.js => p-cbbb0672.entry.js} | 4 +- .../build/p-cbbb0672.entry.js.map | 2 +- dist/build/p-cdf78ae7.entry.js | 2 - dist/build/p-cf5797c3.entry.js | 2 + .../build/p-cf5797c3.entry.js.map | 2 +- dist/build/p-d2ce627c.entry.js | 2 - dist/build/p-d426b460.entry.js | 2 + ...4.entry.js.map => p-d426b460.entry.js.map} | 2 +- dist/build/p-d45e8f89.entry.js | 2 + ...f.entry.js.map => p-d45e8f89.entry.js.map} | 2 +- dist/build/p-d630f46e.entry.js | 2 + .../build/p-d630f46e.entry.js.map | 2 +- ...-31ffc68b.entry.js => p-d73a1df9.entry.js} | 4 +- ...b.entry.js.map => p-d73a1df9.entry.js.map} | 0 ...-e2bfe18d.entry.js => p-d833bc8b.entry.js} | 4 +- ...d.entry.js.map => p-d833bc8b.entry.js.map} | 2 +- dist/build/p-db6c1ebb.entry.js | 2 + ...8.entry.js.map => p-db6c1ebb.entry.js.map} | 2 +- dist/build/p-ddad1f31.entry.js | 2 + ...0.entry.js.map => p-ddad1f31.entry.js.map} | 2 +- dist/build/p-ddb0738a.entry.js | 2 + .../build/p-ddb0738a.entry.js.map | 2 +- dist/build/p-e304d827.entry.js | 2 + .../build/p-e304d827.entry.js.map | 2 +- dist/build/p-e4aeb305.entry.js | 2 - dist/build/p-e4ded3bc.entry.js | 2 + .../build/p-e4ded3bc.entry.js.map | 2 +- dist/build/p-e64a3ea9.entry.js | 2 + .../build/p-e64a3ea9.entry.js.map | 2 +- dist/build/p-ee7d1073.entry.js | 2 + dist/build/p-ee7d1073.entry.js.map | 1 + dist/build/p-f2d23c8b.entry.js | 2 - dist/build/p-f66c7c23.entry.js | 2 - dist/build/p-f962b3cd.entry.js | 2 + ...4.entry.js.map => p-f962b3cd.entry.js.map} | 2 +- dist/build/p-fff65bfe.entry.js | 2 + ...a.entry.js.map => p-fff65bfe.entry.js.map} | 2 +- docs.css | 2 +- global/animations/index.html | 22 ++++----- global/border-radius/index.html | 22 ++++----- global/colors/index.html | 22 ++++----- global/focus/index.html | 22 ++++----- global/fonts/index.html | 22 ++++----- global/index.html | 22 ++++----- global/shadows/index.html | 22 ++++----- global/spacings/index.html | 22 ++++----- global/theming/index.html | 22 ++++----- global/typography/index.html | 22 ++++----- guides/component-assets/index.html | 22 ++++----- guides/contributing/index.html | 22 ++++----- guides/css-vs-web-components/index.html | 22 ++++----- guides/design-tokens/index.html | 22 ++++----- guides/event-handling/index.html | 22 ++++----- guides/faq/index.html | 22 ++++----- guides/form-validation/index.html | 22 ++++----- guides/index.html | 22 ++++----- guides/sandbox-applications/index.html | 22 ++++----- guides/server-side-rendering/index.html | 22 ++++----- guides/tailwindcss-integration/index.html | 22 ++++----- guides/testing/index.html | 22 ++++----- .../index.html | 22 ++++----- guides/troubleshooting/index.html | 22 ++++----- .../index.html | 22 ++++----- .../type-checking-and-intellisense/index.html | 22 ++++----- index.html | 22 ++++----- introduction/getting-started/index.html | 22 ++++----- introduction/getting-started/react/index.html | 22 ++++----- introduction/getting-started/vue/index.html | 22 ++++----- introduction/why-liquid-oxygen/index.html | 22 ++++----- legal/imprint/index.html | 22 ++++----- legal/license/index.html | 22 ++++----- legal/privacy/index.html | 22 ++++----- legal/terms/index.html | 22 ++++----- liquid.global.css | 2 +- 940 files changed, 1800 insertions(+), 1802 deletions(-) delete mode 100644 1704894792450/css_components/ld-badge.css delete mode 100644 1704894792450/css_components/ld-bg-cells.css delete mode 100644 1704894792450/css_components/ld-card.css delete mode 100644 1704894792450/css_components/ld-checkbox.css delete mode 100644 1704894792450/css_components/ld-circular-progress.css delete mode 100644 1704894792450/css_components/ld-cookie-consent.shadow.css delete mode 100644 1704894792450/css_components/ld-header.css delete mode 100644 1704894792450/css_components/ld-icon.css delete mode 100644 1704894792450/css_components/ld-input.css delete mode 100644 1704894792450/css_components/ld-label.css delete mode 100644 1704894792450/css_components/ld-link.css delete mode 100644 1704894792450/css_components/ld-modal.css delete mode 100644 1704894792450/css_components/ld-notification.shadow.css delete mode 100644 1704894792450/css_components/ld-optgroup-internal.shadow.css delete mode 100644 1704894792450/css_components/ld-option-internal.shadow.css delete mode 100644 1704894792450/css_components/ld-progress.css delete mode 100644 1704894792450/css_components/ld-radio.css delete mode 100644 1704894792450/css_components/ld-select-popper.shadow.css delete mode 100644 1704894792450/css_components/ld-sidenav-back.shadow.css delete mode 100644 1704894792450/css_components/ld-sidenav-navitem.shadow.css delete mode 100644 1704894792450/css_components/ld-sidenav-scroller-internal.shadow.css delete mode 100644 1704894792450/css_components/ld-sidenav.shadow.css delete mode 100644 1704894792450/css_components/ld-sr-only.css delete mode 100644 1704894792450/css_components/ld-stepper.css delete mode 100644 1704894792450/css_components/ld-tab.shadow.css delete mode 100644 1704894792450/css_components/ld-table-cell.shadow.css delete mode 100644 1704894792450/css_components/ld-table-header.shadow.css delete mode 100644 1704894792450/css_components/ld-table.css delete mode 100644 1704894792450/css_components/ld-toggle.css delete mode 100644 1704894792450/css_components/ld-tooltip-popper.shadow.css delete mode 100644 1704894792450/dist/build/p-02b02d74.entry.js delete mode 100644 1704894792450/dist/build/p-073ab0b5.entry.js delete mode 100644 1704894792450/dist/build/p-093e3bf1.entry.js delete mode 100644 1704894792450/dist/build/p-0adaf635.entry.js delete mode 100644 1704894792450/dist/build/p-0ffd75f4.entry.js delete mode 100644 1704894792450/dist/build/p-15140e15.entry.js delete mode 100644 1704894792450/dist/build/p-1566b81f.entry.js delete mode 100644 1704894792450/dist/build/p-1579946c.entry.js delete mode 100644 1704894792450/dist/build/p-16163f05.entry.js delete mode 100644 1704894792450/dist/build/p-361761eb.entry.js delete mode 100644 1704894792450/dist/build/p-41b3aee4.entry.js delete mode 100644 1704894792450/dist/build/p-459ef4d7.entry.js delete mode 100644 1704894792450/dist/build/p-4fbea300.entry.js delete mode 100644 1704894792450/dist/build/p-51eab3cf.entry.js delete mode 100644 1704894792450/dist/build/p-5a913e48.entry.js delete mode 100644 1704894792450/dist/build/p-5d7cb542.entry.js delete mode 100644 1704894792450/dist/build/p-62839ae4.entry.js delete mode 100644 1704894792450/dist/build/p-6e08f789.entry.js delete mode 100644 1704894792450/dist/build/p-737fa13e.entry.js delete mode 100644 1704894792450/dist/build/p-74123e3d.entry.js delete mode 100644 1704894792450/dist/build/p-7cb5365e.entry.js delete mode 100644 1704894792450/dist/build/p-7cff147f.entry.js delete mode 100644 1704894792450/dist/build/p-7d04a869.entry.js delete mode 100644 1704894792450/dist/build/p-822a6b5a.entry.js delete mode 100644 1704894792450/dist/build/p-8362445f.entry.js delete mode 100644 1704894792450/dist/build/p-8791e36a.entry.js delete mode 100644 1704894792450/dist/build/p-89c2e5d1.entry.js delete mode 100644 1704894792450/dist/build/p-89c2e5d1.entry.js.map delete mode 100644 1704894792450/dist/build/p-8b757c69.entry.js delete mode 100644 1704894792450/dist/build/p-8f77c4bf.entry.js delete mode 100644 1704894792450/dist/build/p-93a96eb6.entry.js delete mode 100644 1704894792450/dist/build/p-96f2a9f8.entry.js delete mode 100644 1704894792450/dist/build/p-9786b72d.entry.js delete mode 100644 1704894792450/dist/build/p-a1156dfa.entry.js delete mode 100644 1704894792450/dist/build/p-a3123fb7.entry.js delete mode 100644 1704894792450/dist/build/p-a7ff3bff.entry.js delete mode 100644 1704894792450/dist/build/p-b1fb6a28.entry.js delete mode 100644 1704894792450/dist/build/p-b20a1cf5.entry.js delete mode 100644 1704894792450/dist/build/p-b691e7f1.entry.js delete mode 100644 1704894792450/dist/build/p-ba5e362d.entry.js delete mode 100644 1704894792450/dist/build/p-bcd51be4.entry.js delete mode 100644 1704894792450/dist/build/p-bdbeb76a.entry.js delete mode 100644 1704894792450/dist/build/p-bff13f85.entry.js delete mode 100644 1704894792450/dist/build/p-c0a477e6.entry.js delete mode 100644 1704894792450/dist/build/p-cdf78ae7.entry.js delete mode 100644 1704894792450/dist/build/p-d2ce627c.entry.js delete mode 100644 1704894792450/dist/build/p-e4aeb305.entry.js delete mode 100644 1704894792450/dist/build/p-f2d23c8b.entry.js delete mode 100644 1704894792450/dist/build/p-f66c7c23.entry.js rename {1704894792450 => 1704966176737}/assets/android-chrome-192x192.png (100%) rename {1704894792450 => 1704966176737}/assets/android-chrome-512x512.png (100%) rename {1704894792450 => 1704966176737}/assets/animations/burger-cross.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/comment.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/download.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/export.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/eye.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/mute.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/notification-number.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/notification.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/play.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/refresh.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/search.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/test-tube.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/trash.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/upload.json (100%) rename {1704894792450 => 1704966176737}/assets/animations/warning.json (100%) rename {1704894792450 => 1704966176737}/assets/apple-touch-icon.png (100%) rename {1704894792450 => 1704966176737}/assets/browserconfig.xml (100%) rename {1704894792450 => 1704966176737}/assets/examples/numerals.json (100%) rename {1704894792450 => 1704966176737}/assets/examples/periodicTable.json (100%) rename {1704894792450 => 1704966176737}/assets/favicon-16x16.png (100%) rename {1704894792450 => 1704966176737}/assets/favicon-32x32.png (100%) rename {1704894792450 => 1704966176737}/assets/favicon.ico (100%) rename {1704894792450 => 1704966176737}/assets/mstile-144x144.png (100%) rename {1704894792450 => 1704966176737}/assets/mstile-150x150.png (100%) rename {1704894792450 => 1704966176737}/assets/mstile-310x150.png (100%) rename {1704894792450 => 1704966176737}/assets/mstile-310x310.png (100%) rename {1704894792450 => 1704966176737}/assets/mstile-70x70.png (100%) rename {1704894792450 => 1704966176737}/assets/safari-pinned-tab.svg (100%) rename {1704894792450 => 1704966176737}/assets/site.webmanifest (100%) rename {1704894792450 => 1704966176737}/css_components/ld-accordion-panel.shadow.css (69%) rename {1704894792450 => 1704966176737}/css_components/ld-accordion-section.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-accordion-toggle.shadow.css (66%) rename {1704894792450 => 1704966176737}/css_components/ld-accordion.shadow.css (55%) create mode 100644 1704966176737/css_components/ld-badge.css create mode 100644 1704966176737/css_components/ld-bg-cells.css rename {1704894792450 => 1704966176737}/css_components/ld-breadcrumbs.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-button.css (62%) rename {1704894792450 => 1704966176737}/css_components/ld-card-stack.css (81%) create mode 100644 1704966176737/css_components/ld-card.css create mode 100644 1704966176737/css_components/ld-checkbox.css create mode 100644 1704966176737/css_components/ld-circular-progress.css rename {1704894792450 => 1704966176737}/css_components/ld-context-menu.shadow.css (100%) create mode 100644 1704966176737/css_components/ld-cookie-consent.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-crumb.css (100%) create mode 100644 1704966176737/css_components/ld-header.css create mode 100644 1704966176737/css_components/ld-icon.css rename {1704894792450 => 1704966176737}/css_components/ld-input-message.css (100%) create mode 100644 1704966176737/css_components/ld-input.css create mode 100644 1704966176737/css_components/ld-label.css create mode 100644 1704966176737/css_components/ld-link.css rename {1704894792450 => 1704966176737}/css_components/ld-loading.css (57%) rename {1704894792450 => 1704966176737}/css_components/ld-menu.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-menuitem-group.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-menuitem.css (100%) create mode 100644 1704966176737/css_components/ld-modal.css rename {1704894792450 => 1704966176737}/css_components/ld-notice.css (100%) create mode 100644 1704966176737/css_components/ld-notification.shadow.css create mode 100644 1704966176737/css_components/ld-optgroup-internal.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-optgroup.shadow.css (100%) create mode 100644 1704966176737/css_components/ld-option-internal.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-option.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-pagination.shadow.css (100%) create mode 100644 1704966176737/css_components/ld-progress.css create mode 100644 1704966176737/css_components/ld-radio.css create mode 100644 1704966176737/css_components/ld-select-popper.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-select.css (61%) rename {1704894792450 => 1704966176737}/css_components/ld-sidenav-accordion.shadow.css (91%) create mode 100644 1704966176737/css_components/ld-sidenav-back.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-sidenav-header.shadow.css (50%) rename {1704894792450 => 1704966176737}/css_components/ld-sidenav-heading.shadow.css (100%) create mode 100644 1704966176737/css_components/ld-sidenav-navitem.shadow.css create mode 100644 1704966176737/css_components/ld-sidenav-scroller-internal.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-sidenav-separator.shadow.css (90%) rename {1704894792450 => 1704966176737}/css_components/ld-sidenav-slider.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-sidenav-subnav.shadow.css (67%) rename {1704894792450 => 1704966176737}/css_components/ld-sidenav-toggle-outside.shadow.css (57%) create mode 100644 1704966176737/css_components/ld-sidenav.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-slider.shadow.css (89%) rename {1704894792450 => 1704966176737}/css_components/ld-sr-live.shadow.css (100%) create mode 100644 1704966176737/css_components/ld-sr-only.css rename {1704894792450 => 1704966176737}/css_components/ld-step.css (100%) create mode 100644 1704966176737/css_components/ld-stepper.css rename {1704894792450 => 1704966176737}/css_components/ld-switch-item.css (93%) rename {1704894792450 => 1704966176737}/css_components/ld-switch.css (95%) create mode 100644 1704966176737/css_components/ld-tab.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-table-body.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-table-caption.shadow.css (100%) create mode 100644 1704966176737/css_components/ld-table-cell.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-table-col.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-table-colgroup.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-table-foot.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-table-head.shadow.css (100%) create mode 100644 1704966176737/css_components/ld-table-header.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-table-row.shadow.css (64%) rename {1704894792450 => 1704966176737}/css_components/ld-table-toolbar.shadow.css (100%) create mode 100644 1704966176737/css_components/ld-table.css rename {1704894792450 => 1704966176737}/css_components/ld-tablist.shadow.css (76%) rename {1704894792450 => 1704966176737}/css_components/ld-tabpanel.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-tabpanellist.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-tabs.shadow.css (100%) create mode 100644 1704966176737/css_components/ld-toggle.css create mode 100644 1704966176737/css_components/ld-tooltip-popper.shadow.css rename {1704894792450 => 1704966176737}/css_components/ld-tooltip.shadow.css (100%) rename {1704894792450 => 1704966176737}/css_components/ld-typo.css (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/3d.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/add-icon.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/add.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/arrow-double-left.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/arrow-double-right.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/arrow-down.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/arrow-left.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/arrow-right.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/arrow-up-n-down.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/arrow-up.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/atom.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/attention.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/audio.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/baby.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/back.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/bacteria-microscope-view.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/basket.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/battery-empty.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/battery-full.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/battery-half.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/battery-low.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/battery.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/beaker.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/beard.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/bell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/big-cross.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/bin.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/bioreliance-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/bitcoin.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/bottle.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/bottom-left.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/bottom-right.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/bulb.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/burger-menu.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/burger.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/cabriolet.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/calendar.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/camcorder.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/camera.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/car.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/cards.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chat.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/checkmark.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-components-dark.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-components-light.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-data-visualization-dark.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-data-visualization-light.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-globals-dark.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-globals-light.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-guides-dark.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-guides-light.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-introduction-dark.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/chevron-introduction-light.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/choir.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/clip.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/clock.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/cloud-download.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/cloud-upload.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/cloud.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/coffee.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/components.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/control.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/conversation.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/copy.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/cost-center.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/coupon.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/credit-card.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/cross.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/dashboard.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/data-storage.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/data-visualization.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/dna.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/documents-storage.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/documents.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/dollar.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/donut.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/dot.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/dots.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/download.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/eco.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/education.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/electric-car.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/energy.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/euro.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/external-export.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/f-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/fast-forward.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/favorite.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/figma.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/files.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/filter.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/finance.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/first-aid.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/flask.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/football.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/gamepad.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/github.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/globals.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/guides.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/half-dot.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/half-star.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/hexagon-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/house.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/hyperlink.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/info-mark.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/info.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/initial-m.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/introduction.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/jpeg.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/keys.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/laptop-mobile.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/laptop.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/layer.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/ld-input-message-error.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/ld-input-message-info.svg (71%) rename {1704894792450 => 1704966176737}/dist/build/assets/ld-input-message-success.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/ld-input-message-valid.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/ld-input-message-warning.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/list.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/location.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/lock-save.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/logistic.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/logo.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/m-card.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/magnifier.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/mail.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/matryoshka.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/mdo-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/medical-file.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/medicine.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/meetup.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/mic.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/microscope.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/millipore-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/milliq-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/minus.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/mobile.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/money.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/monitor.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/monkey.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/navigator.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/o-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/option-h.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/option-v.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/option.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/pause.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/pdf.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/pen.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/phone.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/pill.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/pipette.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/pisces.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/placeholder.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/plane.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/plant.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/play.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/plus.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/pound.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/pretzel.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/print.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/pulse.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/puzzle.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/real-arrow-down.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/real-arrow-left.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/real-arrow-right.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/real-arrow-up.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/real-arrow.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/refresh.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/remove-icon.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/remove.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/repost.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/rewind.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/rocket.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/safc-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/san-francisco.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/satelite.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/savings.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/scientific-paper.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/scissors.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/secure-conncetion.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/security.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/settings.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/share.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/shield.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/sidenav-left.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/sidenav-right.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/sigma-aldrich-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/sock.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/solar-power.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/star.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/stethoscope.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/stop.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/supelco-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/syringe.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/t-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/tea-pot.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/test-tube.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/tile-cell.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/top-left.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/top-right.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/truck.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/upload.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/user.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/ux.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/virus.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/visibility.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/vr.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/watch.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/website.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/wi-fi.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/world.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/youtube.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/assets/zip.svg (100%) rename {1704894792450 => 1704966176737}/dist/build/index.esm.js (100%) rename {1704894792450 => 1704966176737}/dist/build/index.esm.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/liquid.css (99%) rename {1704894792450 => 1704966176737}/dist/build/liquid.esm.js (82%) rename {1704894792450 => 1704966176737}/dist/build/liquid.esm.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/liquid.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-00dcb85b.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-00dcb85b.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-065e1cbd.entry.js rename 1704894792450/dist/build/p-b691e7f1.entry.js.map => 1704966176737/dist/build/p-065e1cbd.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-0751677e.entry.js rename 1704894792450/dist/build/p-ba5e362d.entry.js.map => 1704966176737/dist/build/p-0751677e.entry.js.map (96%) create mode 100644 1704966176737/dist/build/p-084c417e.entry.js rename 1704894792450/dist/build/p-bdbeb76a.entry.js.map => 1704966176737/dist/build/p-084c417e.entry.js.map (98%) rename {1704894792450 => 1704966176737}/dist/build/p-0cd46190.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-0cd46190.js.map (100%) rename 1704894792450/dist/build/p-37906c0c.entry.js => 1704966176737/dist/build/p-0cff3d08.entry.js (92%) rename 1704894792450/dist/build/p-37906c0c.entry.js.map => 1704966176737/dist/build/p-0cff3d08.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-108eca21.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-108eca21.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-112455b1.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-112455b1.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-1133c92e.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-1133c92e.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-18028a34.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-18028a34.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-1813e3df.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-1813e3df.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-1c01ac4e.entry.js rename dist/build/p-93a96eb6.entry.js.map => 1704966176737/dist/build/p-1c01ac4e.entry.js.map (98%) create mode 100644 1704966176737/dist/build/p-1ff9802e.entry.js rename dist/build/p-1579946c.entry.js.map => 1704966176737/dist/build/p-1ff9802e.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-21a69c18.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-21a69c18.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-21c59b99.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-21c59b99.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-236dbb56.entry.js rename dist/build/p-d2ce627c.entry.js.map => 1704966176737/dist/build/p-236dbb56.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-24dedd5e.entry.js rename dist/build/p-8791e36a.entry.js.map => 1704966176737/dist/build/p-24dedd5e.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-2dcf38f5.entry.js rename 1704894792450/dist/build/p-f66c7c23.entry.js.map => 1704966176737/dist/build/p-2dcf38f5.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-2f695d4a.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-2f695d4a.js.map (100%) rename dist/build/p-ed3ca999.entry.js => 1704966176737/dist/build/p-2f76f5f2.entry.js (72%) rename 1704894792450/dist/build/p-ed3ca999.entry.js.map => 1704966176737/dist/build/p-2f76f5f2.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-34dc80c9.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-34dc80c9.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-36bbded8.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-36bbded8.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-385d2a88.entry.js rename dist/build/p-073ab0b5.entry.js.map => 1704966176737/dist/build/p-385d2a88.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-3a42d32d.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-3a42d32d.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-3aadade1.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-3aadade1.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-3b79636e.entry.js rename dist/build/p-0ffd75f4.entry.js.map => 1704966176737/dist/build/p-3b79636e.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-40a74ea6.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-40a74ea6.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-42bd57e0.entry.js rename 1704894792450/dist/build/p-f2d23c8b.entry.js.map => 1704966176737/dist/build/p-42bd57e0.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-430fe27d.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-430fe27d.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-43a7d779.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-43a7d779.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-47f9082b.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-47f9082b.entry.js.map (100%) rename 1704894792450/dist/build/p-0a8191fa.entry.js => 1704966176737/dist/build/p-488f0189.entry.js (67%) rename 1704894792450/dist/build/p-0a8191fa.entry.js.map => 1704966176737/dist/build/p-488f0189.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-48d582a3.entry.js rename 1704894792450/dist/build/p-5d7cb542.entry.js.map => 1704966176737/dist/build/p-48d582a3.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-49b9f144.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-49b9f144.js.map (100%) create mode 100644 1704966176737/dist/build/p-4a9a72a7.entry.js rename dist/build/p-b1fb6a28.entry.js.map => 1704966176737/dist/build/p-4a9a72a7.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-6191a5f8.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-6191a5f8.entry.js.map (100%) rename dist/build/p-f4b6d705.entry.js => 1704966176737/dist/build/p-62594aee.entry.js (57%) rename dist/build/p-f4b6d705.entry.js.map => 1704966176737/dist/build/p-62594aee.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-6378f694.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-6378f694.entry.js.map (100%) rename 1704894792450/dist/build/p-338b6c38.entry.js => 1704966176737/dist/build/p-6443c1fe.entry.js (64%) rename 1704894792450/dist/build/p-338b6c38.entry.js.map => 1704966176737/dist/build/p-6443c1fe.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-699b0a42.entry.js rename dist/build/p-459ef4d7.entry.js.map => 1704966176737/dist/build/p-699b0a42.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-6d64a66c.entry.js rename 1704894792450/dist/build/p-093e3bf1.entry.js.map => 1704966176737/dist/build/p-6d64a66c.entry.js.map (95%) rename {1704894792450 => 1704966176737}/dist/build/p-6e5841ef.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-6e5841ef.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-6f1c0dce.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-6f1c0dce.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-6f9b9619.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-6f9b9619.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-6fdf0745.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-6fdf0745.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-71026bf3.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-71026bf3.js.map (100%) create mode 100644 1704966176737/dist/build/p-7161caa6.entry.js rename 1704894792450/dist/build/p-1566b81f.entry.js.map => 1704966176737/dist/build/p-7161caa6.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-71d931bf.entry.js rename dist/build/p-15140e15.entry.js.map => 1704966176737/dist/build/p-71d931bf.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-73303dba.entry.js rename 1704894792450/dist/build/p-737fa13e.entry.js.map => 1704966176737/dist/build/p-73303dba.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-760822ab.entry.js rename 1704894792450/dist/build/p-c0a477e6.entry.js.map => 1704966176737/dist/build/p-760822ab.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-79ffd165.entry.js rename 1704894792450/dist/build/p-0adaf635.entry.js.map => 1704966176737/dist/build/p-79ffd165.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-7ecbe9da.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-7ecbe9da.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-7ef0fda6.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-7ef0fda6.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-7f19e682.entry.js rename dist/build/p-51eab3cf.entry.js.map => 1704966176737/dist/build/p-7f19e682.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-8157d479.entry.js rename dist/build/p-bff13f85.entry.js.map => 1704966176737/dist/build/p-8157d479.entry.js.map (98%) create mode 100644 1704966176737/dist/build/p-890d5ddc.entry.js rename 1704894792450/dist/build/p-5a913e48.entry.js.map => 1704966176737/dist/build/p-890d5ddc.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-8dc70a87.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-8dc70a87.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-94719925.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-94719925.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-98010be8.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-98010be8.js.map (100%) create mode 100644 1704966176737/dist/build/p-9833ecb4.entry.js rename 1704894792450/dist/build/p-16163f05.entry.js.map => 1704966176737/dist/build/p-9833ecb4.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-98b11beb.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-98b11beb.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-99899d8a.entry.js rename 1704894792450/dist/build/p-cdf78ae7.entry.js.map => 1704966176737/dist/build/p-99899d8a.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-9dc79166.entry.js rename 1704894792450/dist/build/p-8362445f.entry.js.map => 1704966176737/dist/build/p-9dc79166.entry.js.map (99%) rename dist/build/p-9982eec9.entry.js => 1704966176737/dist/build/p-9eccdd55.entry.js (55%) rename dist/build/p-9982eec9.entry.js.map => 1704966176737/dist/build/p-9eccdd55.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-a088f7d3.entry.js rename dist/build/p-8f77c4bf.entry.js.map => 1704966176737/dist/build/p-a088f7d3.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-a4360635.entry.js rename dist/build/p-8b757c69.entry.js.map => 1704966176737/dist/build/p-a4360635.entry.js.map (97%) rename {1704894792450 => 1704966176737}/dist/build/p-a5f4b2c5.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-a5f4b2c5.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-ad64dade.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-ad64dade.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-b05f0e4e.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-b05f0e4e.js.map (100%) create mode 100644 1704966176737/dist/build/p-b2dd29b5.entry.js rename 1704894792450/dist/build/p-b20a1cf5.entry.js.map => 1704966176737/dist/build/p-b2dd29b5.entry.js.map (97%) rename {1704894792450 => 1704966176737}/dist/build/p-b5ea1bc0.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-b5ea1bc0.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-b6223ce4.entry.js rename 1704894792450/dist/build/p-361761eb.entry.js.map => 1704966176737/dist/build/p-b6223ce4.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-bb2b75da.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-bb2b75da.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-bc9ce66e.entry.js rename dist/build/p-6e08f789.entry.js.map => 1704966176737/dist/build/p-bc9ce66e.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-c170dd3c.entry.js rename dist/build/p-62839ae4.entry.js.map => 1704966176737/dist/build/p-c170dd3c.entry.js.map (98%) rename {1704894792450 => 1704966176737}/dist/build/p-c2112f1e.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-c2112f1e.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-c34a6e59.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-c34a6e59.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-c4ae61a1.entry.js rename dist/build/p-74123e3d.entry.js.map => 1704966176737/dist/build/p-c4ae61a1.entry.js.map (98%) rename {1704894792450 => 1704966176737}/dist/build/p-c5fe7236.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-c5fe7236.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-c79ebadf.entry.js rename dist/build/p-822a6b5a.entry.js.map => 1704966176737/dist/build/p-c79ebadf.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-c8998fe6.entry.js rename 1704894792450/dist/build/p-a3123fb7.entry.js.map => 1704966176737/dist/build/p-c8998fe6.entry.js.map (98%) rename 1704894792450/dist/build/p-93d0f596.entry.js => 1704966176737/dist/build/p-cbbb0672.entry.js (71%) rename dist/build/p-93d0f596.entry.js.map => 1704966176737/dist/build/p-cbbb0672.entry.js.map (98%) create mode 100644 1704966176737/dist/build/p-cf5797c3.entry.js rename dist/build/p-02b02d74.entry.js.map => 1704966176737/dist/build/p-cf5797c3.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-d05ada8a.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-d05ada8a.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-d29aae54.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-d29aae54.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-d426b460.entry.js rename 1704894792450/dist/build/p-41b3aee4.entry.js.map => 1704966176737/dist/build/p-d426b460.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-d45e8f89.entry.js rename 1704894792450/dist/build/p-7cff147f.entry.js.map => 1704966176737/dist/build/p-d45e8f89.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-d630f46e.entry.js rename dist/build/p-e4aeb305.entry.js.map => 1704966176737/dist/build/p-d630f46e.entry.js.map (98%) rename 1704894792450/dist/build/p-31ffc68b.entry.js => 1704966176737/dist/build/p-d73a1df9.entry.js (86%) rename 1704894792450/dist/build/p-31ffc68b.entry.js.map => 1704966176737/dist/build/p-d73a1df9.entry.js.map (100%) rename {1704894792450 => 1704966176737}/dist/build/p-d7b432ae.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-d7b432ae.entry.js.map (100%) rename 1704894792450/dist/build/p-e2bfe18d.entry.js => 1704966176737/dist/build/p-d833bc8b.entry.js (98%) rename 1704894792450/dist/build/p-e2bfe18d.entry.js.map => 1704966176737/dist/build/p-d833bc8b.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-db30d2eb.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-db30d2eb.js.map (100%) create mode 100644 1704966176737/dist/build/p-db6c1ebb.entry.js rename 1704894792450/dist/build/p-96f2a9f8.entry.js.map => 1704966176737/dist/build/p-db6c1ebb.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-dce80f80.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-dce80f80.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-ddad1f31.entry.js rename 1704894792450/dist/build/p-4fbea300.entry.js.map => 1704966176737/dist/build/p-ddad1f31.entry.js.map (97%) create mode 100644 1704966176737/dist/build/p-ddb0738a.entry.js rename dist/build/p-7d04a869.entry.js.map => 1704966176737/dist/build/p-ddb0738a.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-de51c23f.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-de51c23f.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-e304d827.entry.js rename dist/build/p-a7ff3bff.entry.js.map => 1704966176737/dist/build/p-e304d827.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-e4ded3bc.entry.js rename dist/build/p-9786b72d.entry.js.map => 1704966176737/dist/build/p-e4ded3bc.entry.js.map (98%) create mode 100644 1704966176737/dist/build/p-e64a3ea9.entry.js rename dist/build/p-7cb5365e.entry.js.map => 1704966176737/dist/build/p-e64a3ea9.entry.js.map (99%) rename {1704894792450 => 1704966176737}/dist/build/p-ee2a2191.entry.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-ee2a2191.entry.js.map (100%) create mode 100644 1704966176737/dist/build/p-ee7d1073.entry.js create mode 100644 1704966176737/dist/build/p-ee7d1073.entry.js.map rename {1704894792450 => 1704966176737}/dist/build/p-f13d3119.js (100%) rename {1704894792450 => 1704966176737}/dist/build/p-f13d3119.js.map (100%) create mode 100644 1704966176737/dist/build/p-f962b3cd.entry.js rename 1704894792450/dist/build/p-bcd51be4.entry.js.map => 1704966176737/dist/build/p-f962b3cd.entry.js.map (99%) create mode 100644 1704966176737/dist/build/p-fff65bfe.entry.js rename 1704894792450/dist/build/p-a1156dfa.entry.js.map => 1704966176737/dist/build/p-fff65bfe.entry.js.map (95%) rename {1704894792450 => 1704966176737}/dist/host.config.json (100%) rename {1704894792450 => 1704966176737}/docs.css (97%) rename {1704894792450 => 1704966176737}/liquid.global.css (99%) delete mode 100644 dist/build/p-02b02d74.entry.js create mode 100644 dist/build/p-065e1cbd.entry.js rename dist/build/{p-b691e7f1.entry.js.map => p-065e1cbd.entry.js.map} (99%) delete mode 100644 dist/build/p-073ab0b5.entry.js create mode 100644 dist/build/p-0751677e.entry.js rename dist/build/{p-ba5e362d.entry.js.map => p-0751677e.entry.js.map} (96%) create mode 100644 dist/build/p-084c417e.entry.js rename dist/build/{p-bdbeb76a.entry.js.map => p-084c417e.entry.js.map} (98%) delete mode 100644 dist/build/p-093e3bf1.entry.js delete mode 100644 dist/build/p-0adaf635.entry.js rename dist/build/{p-37906c0c.entry.js => p-0cff3d08.entry.js} (92%) rename dist/build/{p-37906c0c.entry.js.map => p-0cff3d08.entry.js.map} (100%) delete mode 100644 dist/build/p-0ffd75f4.entry.js delete mode 100644 dist/build/p-15140e15.entry.js delete mode 100644 dist/build/p-1566b81f.entry.js delete mode 100644 dist/build/p-1579946c.entry.js delete mode 100644 dist/build/p-16163f05.entry.js create mode 100644 dist/build/p-1c01ac4e.entry.js rename 1704894792450/dist/build/p-93a96eb6.entry.js.map => dist/build/p-1c01ac4e.entry.js.map (98%) create mode 100644 dist/build/p-1ff9802e.entry.js rename 1704894792450/dist/build/p-1579946c.entry.js.map => dist/build/p-1ff9802e.entry.js.map (99%) create mode 100644 dist/build/p-236dbb56.entry.js rename 1704894792450/dist/build/p-d2ce627c.entry.js.map => dist/build/p-236dbb56.entry.js.map (99%) create mode 100644 dist/build/p-24dedd5e.entry.js rename 1704894792450/dist/build/p-8791e36a.entry.js.map => dist/build/p-24dedd5e.entry.js.map (99%) create mode 100644 dist/build/p-2dcf38f5.entry.js rename dist/build/{p-f66c7c23.entry.js.map => p-2dcf38f5.entry.js.map} (99%) rename 1704894792450/dist/build/p-ed3ca999.entry.js => dist/build/p-2f76f5f2.entry.js (72%) rename dist/build/{p-ed3ca999.entry.js.map => p-2f76f5f2.entry.js.map} (99%) delete mode 100644 dist/build/p-361761eb.entry.js create mode 100644 dist/build/p-385d2a88.entry.js rename 1704894792450/dist/build/p-073ab0b5.entry.js.map => dist/build/p-385d2a88.entry.js.map (99%) create mode 100644 dist/build/p-3b79636e.entry.js rename 1704894792450/dist/build/p-0ffd75f4.entry.js.map => dist/build/p-3b79636e.entry.js.map (99%) delete mode 100644 dist/build/p-41b3aee4.entry.js create mode 100644 dist/build/p-42bd57e0.entry.js rename dist/build/{p-f2d23c8b.entry.js.map => p-42bd57e0.entry.js.map} (99%) delete mode 100644 dist/build/p-459ef4d7.entry.js rename dist/build/{p-0a8191fa.entry.js => p-488f0189.entry.js} (67%) rename dist/build/{p-0a8191fa.entry.js.map => p-488f0189.entry.js.map} (100%) create mode 100644 dist/build/p-48d582a3.entry.js rename dist/build/{p-5d7cb542.entry.js.map => p-48d582a3.entry.js.map} (99%) create mode 100644 dist/build/p-4a9a72a7.entry.js rename 1704894792450/dist/build/p-b1fb6a28.entry.js.map => dist/build/p-4a9a72a7.entry.js.map (99%) delete mode 100644 dist/build/p-4fbea300.entry.js delete mode 100644 dist/build/p-51eab3cf.entry.js delete mode 100644 dist/build/p-5a913e48.entry.js delete mode 100644 dist/build/p-5d7cb542.entry.js rename 1704894792450/dist/build/p-f4b6d705.entry.js => dist/build/p-62594aee.entry.js (57%) rename 1704894792450/dist/build/p-f4b6d705.entry.js.map => dist/build/p-62594aee.entry.js.map (99%) delete mode 100644 dist/build/p-62839ae4.entry.js rename dist/build/{p-338b6c38.entry.js => p-6443c1fe.entry.js} (64%) rename dist/build/{p-338b6c38.entry.js.map => p-6443c1fe.entry.js.map} (99%) create mode 100644 dist/build/p-699b0a42.entry.js rename 1704894792450/dist/build/p-459ef4d7.entry.js.map => dist/build/p-699b0a42.entry.js.map (99%) create mode 100644 dist/build/p-6d64a66c.entry.js rename dist/build/{p-093e3bf1.entry.js.map => p-6d64a66c.entry.js.map} (95%) delete mode 100644 dist/build/p-6e08f789.entry.js create mode 100644 dist/build/p-7161caa6.entry.js rename dist/build/{p-1566b81f.entry.js.map => p-7161caa6.entry.js.map} (100%) create mode 100644 dist/build/p-71d931bf.entry.js rename 1704894792450/dist/build/p-15140e15.entry.js.map => dist/build/p-71d931bf.entry.js.map (99%) create mode 100644 dist/build/p-73303dba.entry.js rename dist/build/{p-737fa13e.entry.js.map => p-73303dba.entry.js.map} (99%) delete mode 100644 dist/build/p-737fa13e.entry.js delete mode 100644 dist/build/p-74123e3d.entry.js create mode 100644 dist/build/p-760822ab.entry.js rename dist/build/{p-c0a477e6.entry.js.map => p-760822ab.entry.js.map} (99%) create mode 100644 dist/build/p-79ffd165.entry.js rename dist/build/{p-0adaf635.entry.js.map => p-79ffd165.entry.js.map} (99%) delete mode 100644 dist/build/p-7cb5365e.entry.js delete mode 100644 dist/build/p-7cff147f.entry.js delete mode 100644 dist/build/p-7d04a869.entry.js create mode 100644 dist/build/p-7f19e682.entry.js rename 1704894792450/dist/build/p-51eab3cf.entry.js.map => dist/build/p-7f19e682.entry.js.map (99%) create mode 100644 dist/build/p-8157d479.entry.js rename 1704894792450/dist/build/p-bff13f85.entry.js.map => dist/build/p-8157d479.entry.js.map (98%) delete mode 100644 dist/build/p-822a6b5a.entry.js delete mode 100644 dist/build/p-8362445f.entry.js delete mode 100644 dist/build/p-8791e36a.entry.js create mode 100644 dist/build/p-890d5ddc.entry.js rename dist/build/{p-5a913e48.entry.js.map => p-890d5ddc.entry.js.map} (99%) delete mode 100644 dist/build/p-89c2e5d1.entry.js delete mode 100644 dist/build/p-89c2e5d1.entry.js.map delete mode 100644 dist/build/p-8b757c69.entry.js delete mode 100644 dist/build/p-8f77c4bf.entry.js delete mode 100644 dist/build/p-93a96eb6.entry.js delete mode 100644 dist/build/p-96f2a9f8.entry.js delete mode 100644 dist/build/p-9786b72d.entry.js create mode 100644 dist/build/p-9833ecb4.entry.js rename dist/build/{p-16163f05.entry.js.map => p-9833ecb4.entry.js.map} (99%) create mode 100644 dist/build/p-99899d8a.entry.js rename dist/build/{p-cdf78ae7.entry.js.map => p-99899d8a.entry.js.map} (99%) create mode 100644 dist/build/p-9dc79166.entry.js rename dist/build/{p-8362445f.entry.js.map => p-9dc79166.entry.js.map} (99%) rename 1704894792450/dist/build/p-9982eec9.entry.js => dist/build/p-9eccdd55.entry.js (55%) rename 1704894792450/dist/build/p-9982eec9.entry.js.map => dist/build/p-9eccdd55.entry.js.map (99%) create mode 100644 dist/build/p-a088f7d3.entry.js rename 1704894792450/dist/build/p-8f77c4bf.entry.js.map => dist/build/p-a088f7d3.entry.js.map (99%) delete mode 100644 dist/build/p-a1156dfa.entry.js delete mode 100644 dist/build/p-a3123fb7.entry.js create mode 100644 dist/build/p-a4360635.entry.js rename 1704894792450/dist/build/p-8b757c69.entry.js.map => dist/build/p-a4360635.entry.js.map (97%) delete mode 100644 dist/build/p-a7ff3bff.entry.js delete mode 100644 dist/build/p-b1fb6a28.entry.js delete mode 100644 dist/build/p-b20a1cf5.entry.js create mode 100644 dist/build/p-b2dd29b5.entry.js rename dist/build/{p-b20a1cf5.entry.js.map => p-b2dd29b5.entry.js.map} (97%) create mode 100644 dist/build/p-b6223ce4.entry.js rename dist/build/{p-361761eb.entry.js.map => p-b6223ce4.entry.js.map} (99%) delete mode 100644 dist/build/p-b691e7f1.entry.js delete mode 100644 dist/build/p-ba5e362d.entry.js create mode 100644 dist/build/p-bc9ce66e.entry.js rename 1704894792450/dist/build/p-6e08f789.entry.js.map => dist/build/p-bc9ce66e.entry.js.map (99%) delete mode 100644 dist/build/p-bcd51be4.entry.js delete mode 100644 dist/build/p-bdbeb76a.entry.js delete mode 100644 dist/build/p-bff13f85.entry.js delete mode 100644 dist/build/p-c0a477e6.entry.js create mode 100644 dist/build/p-c170dd3c.entry.js rename 1704894792450/dist/build/p-62839ae4.entry.js.map => dist/build/p-c170dd3c.entry.js.map (98%) create mode 100644 dist/build/p-c4ae61a1.entry.js rename 1704894792450/dist/build/p-74123e3d.entry.js.map => dist/build/p-c4ae61a1.entry.js.map (98%) create mode 100644 dist/build/p-c79ebadf.entry.js rename 1704894792450/dist/build/p-822a6b5a.entry.js.map => dist/build/p-c79ebadf.entry.js.map (99%) create mode 100644 dist/build/p-c8998fe6.entry.js rename dist/build/{p-a3123fb7.entry.js.map => p-c8998fe6.entry.js.map} (98%) rename dist/build/{p-93d0f596.entry.js => p-cbbb0672.entry.js} (71%) rename 1704894792450/dist/build/p-93d0f596.entry.js.map => dist/build/p-cbbb0672.entry.js.map (98%) delete mode 100644 dist/build/p-cdf78ae7.entry.js create mode 100644 dist/build/p-cf5797c3.entry.js rename 1704894792450/dist/build/p-02b02d74.entry.js.map => dist/build/p-cf5797c3.entry.js.map (99%) delete mode 100644 dist/build/p-d2ce627c.entry.js create mode 100644 dist/build/p-d426b460.entry.js rename dist/build/{p-41b3aee4.entry.js.map => p-d426b460.entry.js.map} (99%) create mode 100644 dist/build/p-d45e8f89.entry.js rename dist/build/{p-7cff147f.entry.js.map => p-d45e8f89.entry.js.map} (99%) create mode 100644 dist/build/p-d630f46e.entry.js rename 1704894792450/dist/build/p-e4aeb305.entry.js.map => dist/build/p-d630f46e.entry.js.map (98%) rename dist/build/{p-31ffc68b.entry.js => p-d73a1df9.entry.js} (86%) rename dist/build/{p-31ffc68b.entry.js.map => p-d73a1df9.entry.js.map} (100%) rename dist/build/{p-e2bfe18d.entry.js => p-d833bc8b.entry.js} (98%) rename dist/build/{p-e2bfe18d.entry.js.map => p-d833bc8b.entry.js.map} (99%) create mode 100644 dist/build/p-db6c1ebb.entry.js rename dist/build/{p-96f2a9f8.entry.js.map => p-db6c1ebb.entry.js.map} (99%) create mode 100644 dist/build/p-ddad1f31.entry.js rename dist/build/{p-4fbea300.entry.js.map => p-ddad1f31.entry.js.map} (97%) create mode 100644 dist/build/p-ddb0738a.entry.js rename 1704894792450/dist/build/p-7d04a869.entry.js.map => dist/build/p-ddb0738a.entry.js.map (99%) create mode 100644 dist/build/p-e304d827.entry.js rename 1704894792450/dist/build/p-a7ff3bff.entry.js.map => dist/build/p-e304d827.entry.js.map (99%) delete mode 100644 dist/build/p-e4aeb305.entry.js create mode 100644 dist/build/p-e4ded3bc.entry.js rename 1704894792450/dist/build/p-9786b72d.entry.js.map => dist/build/p-e4ded3bc.entry.js.map (98%) create mode 100644 dist/build/p-e64a3ea9.entry.js rename 1704894792450/dist/build/p-7cb5365e.entry.js.map => dist/build/p-e64a3ea9.entry.js.map (99%) create mode 100644 dist/build/p-ee7d1073.entry.js create mode 100644 dist/build/p-ee7d1073.entry.js.map delete mode 100644 dist/build/p-f2d23c8b.entry.js delete mode 100644 dist/build/p-f66c7c23.entry.js create mode 100644 dist/build/p-f962b3cd.entry.js rename dist/build/{p-bcd51be4.entry.js.map => p-f962b3cd.entry.js.map} (99%) create mode 100644 dist/build/p-fff65bfe.entry.js rename dist/build/{p-a1156dfa.entry.js.map => p-fff65bfe.entry.js.map} (95%) diff --git a/1704894792450/css_components/ld-badge.css b/1704894792450/css_components/ld-badge.css deleted file mode 100644 index 9221753bd1..0000000000 --- a/1704894792450/css_components/ld-badge.css +++ /dev/null @@ -1 +0,0 @@ -.ld-badge,:host{--ld-badge-size-md:1.0625rem;--ld-badge-size-lg:1rem;--ld-badge-icon-size-md:0.5625rem;--ld-badge-icon-size-lg:0.75rem;--ld-badge-bg-col:var(--ld-thm-primary);--ld-badge-gap-md:var(--ld-sp-6);--ld-badge-gap-lg:var(--ld-sp-8);--ld-badge-padding-block-md:0.2125rem;--ld-badge-padding-block-lg:0.25rem;--ld-badge-padding-inline-md:0.5rem;--ld-badge-padding-inline-lg:0.625rem;align-items:center;background-color:var(--ld-thm-primary);background-color:var(--ld-badge-bg-col);border-radius:var(--ld-br-full);box-sizing:border-box;color:var(--ld-col-wht);display:inline-flex;font:var(--ld-typo-body-xs);font-weight:700;gap:var(--ld-sp-6);gap:var(--ld-badge-gap-md);justify-content:center;line-height:1.1;padding:.2125rem .5rem;padding:var(--ld-badge-padding-block-md) var(--ld-badge-padding-inline-md);position:relative}.ld-badge ::slotted(.ld-icon),.ld-badge ::slotted(ld-icon),.ld-badge>.ld-icon,.ld-badge>ld-icon,:host ::slotted(.ld-icon),:host ::slotted(ld-icon),:host>.ld-icon,:host>ld-icon{--ld-icon-size-md:var(--ld-badge-icon-size-md);flex-shrink:0;margin:0 calc(-1 * var(--ld-sp-8))}.ld-badge.ld-badge--with-text ::slotted(.ld-icon),.ld-badge.ld-badge--with-text ::slotted(ld-icon),.ld-badge.ld-badge--with-text>.ld-icon,.ld-badge.ld-badge--with-text>ld-icon,:host(.ld-badge.ld-badge--with-text) ::slotted(.ld-icon),:host(.ld-badge.ld-badge--with-text) ::slotted(ld-icon),:host(.ld-badge.ld-badge--with-text)>.ld-icon,:host(.ld-badge.ld-badge--with-text)>ld-icon,:host(:host.ld-badge--with-text) ::slotted(.ld-icon),:host(:host.ld-badge--with-text) ::slotted(ld-icon),:host(:host.ld-badge--with-text)>.ld-icon,:host(:host.ld-badge--with-text)>ld-icon,:host.ld-badge--with-text ::slotted(.ld-icon),:host.ld-badge--with-text ::slotted(ld-icon),:host.ld-badge--with-text>.ld-icon,:host.ld-badge--with-text>ld-icon{margin:0 auto}.ld-badge--lg,:host(.ld-badge--lg){font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-badge-gap-lg);line-height:1.1;padding:var(--ld-badge-padding-block-lg) var(--ld-badge-padding-inline-lg)}.ld-badge--lg ::slotted(.ld-icon),.ld-badge--lg ::slotted(ld-icon),.ld-badge--lg>.ld-icon,.ld-badge--lg>ld-icon,:host(.ld-badge--lg) ::slotted(.ld-icon),:host(.ld-badge--lg) ::slotted(ld-icon),:host(.ld-badge--lg)>.ld-icon,:host(.ld-badge--lg)>ld-icon{--ld-icon-size-md:var(--ld-badge-icon-size-lg);transform:none}.ld-badge--brand-color,:host(.ld-badge--brand-color){background-color:var(--ld-col-wht);color:var(--ld-thm-primary)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-bg-cells.css b/1704894792450/css_components/ld-bg-cells.css deleted file mode 100644 index 5ab78ab2b4..0000000000 --- a/1704894792450/css_components/ld-bg-cells.css +++ /dev/null @@ -1 +0,0 @@ -.ld-bg-cells,:host{--ld-bg-cells-bg-col:var(--ld-thm-secondary);--ld-bg-cells-layer-col:var(--ld-thm-primary);--ld-bg-cells-layer-translation-x:-80%;--ld-bg-cells-layer-translation-y:-6%;--ld-bg-cells-layer-size:260%;--ld-bg-cells-layer-rotation:0deg;--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-secondary-layer-translation-x:0%;--ld-bg-cells-secondary-layer-translation-y:0%;--ld-bg-cells-secondary-layer-size:150%;--ld-bg-cells-secondary-layer-rotation:0deg;--ld-bg-cells-base-size-factor:0.39;--ld-bg-cells-layer-size-clamped:max(50%,min(var(--ld-bg-cells-layer-size),800%));--ld-bg-cells-layer-size-normalized:calc(var(--ld-bg-cells-layer-size-clamped) * var(--ld-bg-cells-base-size-factor));--ld-bg-cells-secondary-layer-size-clamped:max(50%,min(var(--ld-bg-cells-secondary-layer-size),800%));--ld-bg-cells-secondary-layer-size-normalized:calc(var(--ld-bg-cells-secondary-layer-size-clamped) * var(--ld-bg-cells-base-size-factor));--ld-bg-cells-layer-animation-translate:0.3%;--ld-bg-cells-layer-animation-scale:4%;--ld-bg-cells-layer-animation-rotate:6deg;--ld-bg-cells-layer-animation-speed:1;--ld-bg-cells-layer-animation-dur:calc(126s / var(--ld-bg-cells-layer-animation-speed));--ld-bg-cells-secondary-layer-animation-dur:calc(84s / var(--ld-bg-cells-layer-animation-speed));background:var(--ld-thm-secondary);background:var(--ld-bg-cells-bg-col);display:block;height:100%;overflow:hidden;position:relative;width:100%}.ld-bg-cells__layer,.ld-bg-cells__secondary-layer{bottom:0;left:0;left:50%;min-height:1000%;min-width:1000%;position:absolute;right:0;top:0;top:50%}.ld-bg-cells__layer{color:var(--ld-bg-cells-layer-col);transform:translate(calc((var(--ld-bg-cells-layer-translation-x) / 10) - 50%),calc((var(--ld-bg-cells-layer-translation-y) / 10) - 50%)) scale(var(--ld-bg-cells-layer-size-normalized)) rotate(var(--ld-bg-cells-layer-rotation))}.ld-bg-cells__layer--animated{animation:layer-animate var(--ld-bg-cells-layer-animation-dur) ease-in-out infinite}@media (prefers-reduced-motion:reduce){.ld-bg-cells__layer--animated{animation:none}}.ld-bg-cells__secondary-layer{color:var(--ld-bg-cells-secondary-layer-col);transform:translate(calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - 50%),calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - 50%)) scale(var(--ld-bg-cells-secondary-layer-size-normalized)) rotate(var(--ld-bg-cells-secondary-layer-rotation))}.ld-bg-cells__secondary-layer--animated{animation:secondary-layer-animate var(--ld-bg-cells-secondary-layer-animation-dur) ease-in-out infinite reverse}@media (prefers-reduced-motion:reduce){.ld-bg-cells__secondary-layer--animated{animation:none}}.ld-bg-cells--three-layers,:host(.ld-bg-cells--three-layers){--ld-bg-cells-layer-col:var(--ld-thm-primary);--ld-bg-cells-secondary-layer-col:var(--ld-col-vy);--ld-bg-cells-layer-size:390%;--ld-bg-cells-layer-translation-x:-50%;--ld-bg-cells-layer-rotation:-30deg;--ld-bg-cells-secondary-layer-size:580%;--ld-bg-cells-secondary-layer-translation-x:-20%;--ld-bg-cells-secondary-layer-translation-y:-100%}.ld-bg-cells--bioreliance,:host(.ld-bg-cells--bioreliance){--ld-bg-cells-base-size-factor:0.46;--ld-bg-cells-bg-col:var(--ld-col-vg);--ld-bg-cells-layer-col:var(--ld-col-rp);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-89%;--ld-bg-cells-layer-translation-y:48%;--ld-bg-cells-layer-size:297%}.ld-bg-cells--f,:host(.ld-bg-cells--f){--ld-bg-cells-base-size-factor:0.49;--ld-bg-cells-layer-translation-x:-79%;--ld-bg-cells-layer-translation-y:24%;--ld-bg-cells-layer-size:240%}.ld-bg-cells--mdo,:host(.ld-bg-cells--mdo){--ld-bg-cells-base-size-factor:0.2;--ld-bg-cells-bg-col:var(--ld-col-rb);--ld-bg-cells-layer-col:var(--ld-col-sy);--ld-bg-cells-secondary-layer-col:var(--ld-col-sb);--ld-bg-cells-layer-translation-x:-107%;--ld-bg-cells-layer-translation-y:-32%;--ld-bg-cells-layer-size:147%;--ld-bg-cells-layer-rotation:145deg;--ld-bg-cells-secondary-layer-translation-x:133%;--ld-bg-cells-secondary-layer-translation-y:46%;--ld-bg-cells-secondary-layer-size:150%;--ld-bg-cells-secondary-layer-rotation:145deg}.ld-bg-cells--millipore,:host(.ld-bg-cells--millipore){--ld-bg-cells-base-size-factor:0.43;--ld-bg-cells-bg-col:var(--ld-col-rb);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-80%;--ld-bg-cells-layer-translation-y:43%;--ld-bg-cells-layer-size:230%}.ld-bg-cells--milliq,:host(.ld-bg-cells--milliq){--ld-bg-cells-base-size-factor:0.23;--ld-bg-cells-bg-col:var(--ld-col-vc);--ld-bg-cells-layer-col:var(--ld-col-rp);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-70%;--ld-bg-cells-layer-translation-y:100%;--ld-bg-cells-layer-size:420%}.ld-bg-cells--o,:host(.ld-bg-cells--o){--ld-bg-cells-base-size-factor:0.33;--ld-bg-cells-layer-translation-x:-75%;--ld-bg-cells-layer-translation-y:-21%;--ld-bg-cells-layer-size:190%}.ld-bg-cells--supelco,:host(.ld-bg-cells--supelco){--ld-bg-cells-base-size-factor:0.66;--ld-bg-cells-bg-col:var(--ld-col-rg);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-59%;--ld-bg-cells-layer-translation-y:43%;--ld-bg-cells-layer-size:190%}.ld-bg-cells--safc,:host(.ld-bg-cells--safc){--ld-bg-cells-base-size-factor:0.34;--ld-bg-cells-bg-col:var(--ld-col-vm);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-122%;--ld-bg-cells-layer-translation-y:5%;--ld-bg-cells-layer-size:362%}.ld-bg-cells--sigma-aldrich,:host(.ld-bg-cells--sigma-aldrich){--ld-bg-cells-base-size-factor:0.53;--ld-bg-cells-bg-col:var(--ld-col-rr);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-124%;--ld-bg-cells-layer-translation-y:-2%;--ld-bg-cells-layer-size:460%}.ld-bg-cells--t,:host(.ld-bg-cells--t){--ld-bg-cells-base-size-factor:0.47;--ld-bg-cells-layer-translation-x:-108%;--ld-bg-cells-layer-translation-y:72%;--ld-bg-cells-layer-size:312%}.ld-bg-cells--tile,:host(.ld-bg-cells--tile){--ld-bg-cells-base-size-factor:0.31;--ld-bg-cells-layer-translation-x:-93%;--ld-bg-cells-layer-translation-y:-1%;--ld-bg-cells-layer-size:340%}@keyframes layer-animate{0%,to{transform:translate(calc((var(--ld-bg-cells-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))),calc((var(--ld-bg-cells-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))) scale(calc(var(--ld-bg-cells-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-layer-rotation)))}25%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate)))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2)))) scale(calc(var(--ld-bg-cells-layer-size-normalized) + var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-layer-rotation) - var(--ld-bg-cells-layer-animation-rotate)))}50%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-layer-rotation)))}75%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-layer-size-normalized) - var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-layer-rotation) + var(--ld-bg-cells-layer-animation-rotate)))}}@keyframes secondary-layer-animate{0%,to{transform:translate(calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))),calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)))}25%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate)))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2)))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized) + var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation) - var(--ld-bg-cells-layer-animation-rotate)))}50%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)))}75%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized) - var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation) + var(--ld-bg-cells-layer-animation-rotate)))}} \ No newline at end of file diff --git a/1704894792450/css_components/ld-card.css b/1704894792450/css_components/ld-card.css deleted file mode 100644 index 9e1796978a..0000000000 --- a/1704894792450/css_components/ld-card.css +++ /dev/null @@ -1 +0,0 @@ -.ld-card,:host{--ld-card-bg-col:var(--ld-col-wht);--ld-card-border-radius:var(--ld-br-l);--ld-card-padding:var(--ld-sp-32);-webkit-appearance:none;appearance:none;background-color:var(--ld-col-wht);background-color:var(--ld-card-bg-col);border:none;border-radius:var(--ld-br-l);border-radius:var(--ld-card-border-radius);box-sizing:border-box;color:inherit;display:inline-grid;justify-items:flex-start;list-style:none;padding:var(--ld-card-padding);position:relative;-webkit-text-decoration:none;text-decoration:none}.ld-card:after,.ld-card:before,:host:after,:host:before{border-radius:inherit;bottom:0;box-shadow:var(--ld-shadow-stacked);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--ld-transition-duration-normal) ease-out}.ld-card:after,:host:after{opacity:0}slot{border-radius:inherit}.ld-card--interactive-sticky:after,.ld-card--sticky:before,:host(.ld-card--interactive-sticky):after,:host(.ld-card--sticky):before{box-shadow:var(--ld-shadow-sticky)}.ld-card--hover:before,.ld-card--interactive-hover:after,:host(.ld-card--hover):before,:host(.ld-card--interactive-hover):after{box-shadow:var(--ld-shadow-hover)}.ld-card--active:before,.ld-card--interactive-active:after,:host(.ld-card--active):before,:host(.ld-card--interactive-active):after{box-shadow:var(--ld-shadow-active)}.ld-card--interactive-active:focus-within:before,.ld-card--interactive-active:hover:before,.ld-card--interactive-hover:focus-within:before,.ld-card--interactive-hover:hover:before,.ld-card--interactive-stacked:focus-within:before,.ld-card--interactive-stacked:hover:before,.ld-card--interactive-sticky:focus-within:before,.ld-card--interactive-sticky:hover:before,:host(.ld-card--interactive-active:focus-within):before,:host(.ld-card--interactive-active:hover):before,:host(.ld-card--interactive-hover:focus-within):before,:host(.ld-card--interactive-hover:hover):before,:host(.ld-card--interactive-stacked:focus-within):before,:host(.ld-card--interactive-stacked:hover):before,:host(.ld-card--interactive-sticky:focus-within):before,:host(.ld-card--interactive-sticky:hover):before{opacity:0}.ld-card--interactive-active:focus-within:after,.ld-card--interactive-active:hover:after,.ld-card--interactive-hover:focus-within:after,.ld-card--interactive-hover:hover:after,.ld-card--interactive-stacked:focus-within:after,.ld-card--interactive-stacked:hover:after,.ld-card--interactive-sticky:focus-within:after,.ld-card--interactive-sticky:hover:after,:host(.ld-card--interactive-active:focus-within):after,:host(.ld-card--interactive-active:hover):after,:host(.ld-card--interactive-hover:focus-within):after,:host(.ld-card--interactive-hover:hover):after,:host(.ld-card--interactive-stacked:focus-within):after,:host(.ld-card--interactive-stacked:hover):after,:host(.ld-card--interactive-sticky:focus-within):after,:host(.ld-card--interactive-sticky:hover):after{opacity:1}.ld-card--sm,:host(.ld-card--sm){--ld-card-padding:var(--ld-sp-16)}.ld-card--zero,:host(.ld-card--zero){--ld-card-padding:0px} \ No newline at end of file diff --git a/1704894792450/css_components/ld-checkbox.css b/1704894792450/css_components/ld-checkbox.css deleted file mode 100644 index 120e4804c6..0000000000 --- a/1704894792450/css_components/ld-checkbox.css +++ /dev/null @@ -1 +0,0 @@ -.ld-checkbox,:host{--ld-checkbox-size:1.25rem;--ld-checkbox-bg-col:var(--ld-col-wht);--ld-checkbox-bg-col-hover:var(--ld-col-neutral-010);--ld-checkbox-bg-col-active:var(--ld-col-neutral-050);--ld-checkbox-disabled-col:var(--ld-col-neutral-300);--ld-checkbox-disabled-bg-col:var(--ld-col-neutral-100);--ld-checkbox-dark-bg-col:var(--ld-col-neutral-050);--ld-checkbox-dark-bg-col-hover:var(--ld-col-neutral-100);--ld-checkbox-dark-bg-col-active:var(--ld-col-neutral-300);--ld-checkbox-checked-col:var(--ld-col-wht);--ld-checkbox-checked-col-active:var(--ld-col-wht);--ld-checkbox-col:var(--ld-thm-primary);--ld-checkbox-col-hover:var(--ld-thm-primary-hover);--ld-checkbox-col-active:var(--ld-thm-primary-active);--ld-checkbox-col-focus:var(--ld-thm-primary-focus);--ld-checkbox-invalid-col:var(--ld-thm-error);--ld-checkbox-invalid-col-hover:var(--ld-thm-error-hover);--ld-checkbox-invalid-col-focus:var(--ld-thm-error-focus);--ld-checkbox-invalid-col-active:var(--ld-thm-error-active);--ld-checkbox-warn-col:var(--ld-thm-warning);--ld-checkbox-warn-col-hover:var(--ld-thm-warning-hover);--ld-checkbox-warn-col-focus:var(--ld-thm-warning-focus);--ld-checkbox-warn-col-active:var(--ld-thm-warning-active);--ld-checkbox-warn-checked-col:var(--ld-thm-warning-active);--ld-checkbox-warn-checked-col-active:var(--ld-thm-warning-hover);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:1.25rem;height:var(--ld-checkbox-size);min-width:auto!important;position:relative;width:1.25rem;width:var(--ld-checkbox-size)}.ld-checkbox input,:host input{-webkit-appearance:none;appearance:none;background-color:initial;bottom:0;height:100%;left:0;margin:0;position:absolute;right:0;top:0;width:100%;z-index:1}.ld-checkbox input:checked~.ld-checkbox__check,:host input:checked~.ld-checkbox__check{visibility:inherit}.ld-checkbox input:indeterminate~.ld-checkbox__box:before,:host input:indeterminate~.ld-checkbox__box:before{border-radius:var(--ld-sp-2);box-shadow:inherit;content:"";height:var(--ld-sp-2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1}.ld-checkbox input:where(:disabled)~.ld-checkbox__check,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__check,:host input:where(:disabled)~.ld-checkbox__check,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__check{color:var(--ld-checkbox-disabled-col)}.ld-checkbox input:where(:disabled)~.ld-checkbox__box,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__box,:host input:where(:disabled)~.ld-checkbox__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-disabled-bg-col)}.ld-checkbox input:where(:disabled):checked~.ld-checkbox__box,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-checkbox__box,:host input:where(:disabled):checked~.ld-checkbox__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-checkbox__box{background-color:var(--ld-checkbox-disabled-bg-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__check{color:var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-checkbox__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-checkbox__box,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__check{color:var(--ld-checkbox-checked-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__box{background-color:var(--ld-checkbox-col);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__check{color:var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__box{background-color:var(--ld-checkbox-col-focus);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__check,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__check{color:var(--ld-checkbox-checked-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__box,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__box{background-color:var(--ld-checkbox-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col)}@media (hover:hover){.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__check,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__check{color:var(--ld-checkbox-checked-col)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__box{background-color:var(--ld-checkbox-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover)}}.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col)}@media (hover:hover){.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col-hover)}}.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-checkbox__box,.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col-active)}.ld-checkbox__check{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;z-index:1}.ld-checkbox__box{height:100%;pointer-events:none;position:absolute;width:100%}.ld-checkbox,.ld-checkbox__box,:host{border-radius:var(--ld-br-m)}.ld-checkbox--highlight,:host(.ld-checkbox--highlight){--ld-checkbox-col:var(--ld-checkbox-warn-col);--ld-checkbox-col-hover:var(--ld-checkbox-warn-col-hover);--ld-checkbox-col-focus:var(--ld-checkbox-warn-col-focus);--ld-checkbox-col-active:var(--ld-checkbox-warn-col-active);--ld-checkbox-checked-col:var(--ld-checkbox-warn-checked-col);--ld-checkbox-checked-col-active:var(--ld-checkbox-warn-checked-col-active)}.ld-checkbox--danger,.ld-checkbox--invalid,:host(.ld-checkbox--danger),:host(.ld-checkbox--invalid){--ld-checkbox-col:var(--ld-checkbox-invalid-col);--ld-checkbox-col-hover:var(--ld-checkbox-invalid-col-hover);--ld-checkbox-col-active:var(--ld-checkbox-invalid-col-active);--ld-checkbox-col-focus:var(--ld-checkbox-invalid-col-focus)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-circular-progress.css b/1704894792450/css_components/ld-circular-progress.css deleted file mode 100644 index 3f18396b1c..0000000000 --- a/1704894792450/css_components/ld-circular-progress.css +++ /dev/null @@ -1,5 +0,0 @@ -.ld-circular-progress,:host{--ld-circular-progress-valuemin:0;--ld-circular-progress-valuemax:100;--ld-circular-progress-valuenow:0;--ld-circular-progress-size:7.5rem;--ld-circular-progress-transition-duration:var( - --ld-transition-duration-normal - );--ld-circular-progress-stroke-mask:url('data:image/svg+xml;utf8,');--ld-circular-progress-bar-col:var(--ld-thm-primary);--ld-circular-progress-bar-col-overflow:var(--ld-thm-error);--ld-circular-progress-bg-col:var(--ld-col-neutral-100);--ld-circular-progress-bg-col-overflow:var(--ld-thm-error);--ld-circular-progress-circle-bg-col:var(--ld-circular-progress-bg-col);--ld-circular-progress-circle-bg-col-overflow:var( - --ld-circular-progress-bg-col-overflow - );--ld-circular-progress-pi:3.141592653589793;--ld-circular-progress-wht-overlay-col:var(--ld-col-wht-alpha-high);--ld-circular-progress-calc-valuenow:max(0,calc(var(--ld-circular-progress-valuenow) - var(--ld-circular-progress-valuemin)));--ld-circular-progress-calc-valuemax:calc(var(--ld-circular-progress-valuemax) - var(--ld-circular-progress-valuemin));--ld-circular-progress-calc-relative-progress:calc(var(--ld-circular-progress-calc-valuenow) / var(--ld-circular-progress-calc-valuemax));--ld-circular-progress-has-overflow:max(0,min(calc((var(--ld-circular-progress-calc-relative-progress) - 1) * 99999999999),1));align-items:center;box-sizing:initial!important;display:inline-flex;flex-direction:column;gap:var(--ld-sp-4);height:calc(7.5rem - 7.5rem * .4);height:calc(var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * .4);justify-content:center;max-width:100%;padding:calc(7.5rem * .165) calc(7.5rem * .2) calc(7.5rem * .235);padding:calc(var(--ld-circular-progress-size) * .165) calc(var(--ld-circular-progress-size) * .2) calc(var(--ld-circular-progress-size) * .235);position:relative;width:calc(7.5rem - 7.5rem * .4);width:calc(var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * .4)}.ld-circular-progress:after,.ld-circular-progress:before,:host:after,:host:before{bottom:0;content:"";left:0;-webkit-mask-image:var(--ld-circular-progress-stroke-mask);mask-image:var(--ld-circular-progress-stroke-mask);position:absolute;right:0;top:0;transition:opacity var(--ld-circular-progress-transition-duration) linear}.ld-circular-progress:before,:host:before{background-color:var(--ld-circular-progress-bg-col);opacity:calc(1 - var(--ld-circular-progress-has-overflow))}.ld-circular-progress:after,:host:after{box-shadow:inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem) var(--ld-circular-progress-wht-overlay-col),inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem) var(--ld-circular-progress-bg-col-overflow);opacity:var(--ld-circular-progress-has-overflow);position:absolute}.ld-circular-progress--brand-color,:host(.ld-circular-progress--brand-color){--ld-circular-progress-bar-col:var(--ld-col-wht);--ld-circular-progress-bg-col:var(--ld-thm-primary-focus);--ld-circular-progress-bg-col-overflow:var(--ld-thm-error-active);--ld-circular-progress-wht-overlay-col:var(--ld-col-wht-alpha-low)}:root,_::-webkit-full-page-media,_:future{--ld-circular-progress-bar-correction:3.5px}.ld-circular-progress__stroke{fill:none;bottom:0;left:0;-webkit-mask-image:var(--ld-circular-progress-stroke-mask);mask-image:var(--ld-circular-progress-stroke-mask);position:absolute;right:0;top:0;transform:rotate(-90deg);width:100%;z-index:1}.ld-circular-progress__stroke circle{stroke-width:2.2;stroke-dasharray:calc(100 / var(--ld-circular-progress-pi));transform-origin:center;transition:opacity var(--ld-circular-progress-transition-duration) linear,stroke-dashoffset var(--ld-circular-progress-transition-duration) ease}.ld-circular-progress__stroke circle:first-of-type{stroke:var(--ld-circular-progress-bar-col);stroke-dashoffset:calc(-1 * min(0px, (-100px + var(--ld-circular-progress-calc-relative-progress) * (100px - 3.5px)) / var(--ld-circular-progress-pi)));stroke-dashoffset:calc(-1 * min(0px, (-100px + var(--ld-circular-progress-calc-relative-progress) * (100px - var(--ld-circular-progress-bar-correction, 1px))) / var(--ld-circular-progress-pi)));opacity:calc(1 - var(--ld-circular-progress-has-overflow))}.ld-circular-progress__stroke circle:last-of-type{stroke:var(--ld-circular-progress-bar-col-overflow);stroke-dashoffset:calc(-1 * max(-100px / var(--ld-circular-progress-pi), min(0px, (-100px + (var(--ld-circular-progress-calc-relative-progress) - 1) * (100px - 3.5px)) / var(--ld-circular-progress-pi))));stroke-dashoffset:calc(-1 * max(-100px / var(--ld-circular-progress-pi), min(0px, (-100px + (var(--ld-circular-progress-calc-relative-progress) - 1) * (100px - var(--ld-circular-progress-bar-correction, 1px))) / var(--ld-circular-progress-pi))));opacity:var(--ld-circular-progress-has-overflow)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-cookie-consent.shadow.css b/1704894792450/css_components/ld-cookie-consent.shadow.css deleted file mode 100644 index 23e2096239..0000000000 --- a/1704894792450/css_components/ld-cookie-consent.shadow.css +++ /dev/null @@ -1,15 +0,0 @@ -:host{--ld-cookie-consent-br-s:var(--ld-br-s);--ld-cookie-consent-br-m:var(--ld-br-m);--ld-cookie-consent-br-l:var(--ld-br-l);--ld-cookie-consent-col-neutral-010:var(--ld-col-neutral-010);--ld-cookie-consent-col-neutral-050:var(--ld-col-neutral-050);--ld-cookie-consent-col-neutral-100:var(--ld-col-neutral-100);--ld-cookie-consent-col-neutral-600:var(--ld-col-neutral-600);--ld-cookie-consent-col-neutral-900:var(--ld-col-neutral-900);--ld-cookie-consent-col-wht:var(--ld-col-wht);--ld-cookie-consent-font-body:var(--ld-font-body);--ld-cookie-consent-thm-primary:var(--ld-thm-primary);--ld-cookie-consent-thm-primary-active:var(--ld-thm-primary-active);--ld-cookie-consent-thm-primary-alpha-low:var(--ld-thm-primary-alpha-low);--ld-cookie-consent-thm-primary-alpha-lowest:var( - --ld-thm-primary-alpha-lowest - );--ld-cookie-consent-thm-primary-focus:var(--ld-thm-primary-focus);--ld-cookie-consent-thm-primary-highlight:var(--ld-thm-primary-highlight);--ld-cookie-consent-thm-primary-hover:var(--ld-thm-primary-hover);--ld-cookie-consent-thm-secondary:var(--ld-thm-secondary);--ld-cookie-consent-thm-secondary-active:var(--ld-thm-secondary-active);--ld-cookie-consent-thm-secondary-focus:var(--ld-thm-secondary-focus);--ld-cookie-consent-thm-secondary-highlight:var( - --ld-thm-secondary-highlight - );--ld-cookie-consent-thm-secondary-hover:var(--ld-thm-secondary-hover);--ld-cookie-consent-logo-size:var(--ld-sp-32);--ld-cookie-consent-initial-m-size:2.5rem;--ld-cookie-consent-max-inline-size:38rem;--ld-cookie-consent-max-block-size:max(20rem,min(50vh,70rem));--ld-cookie-consent-min-inline-size:18rem;--ld-cookie-consent-transition-duration:var( - --ld-transition-duration-instant - );--ld-cookie-consent-disclaimer-transition-delay:0s}@media (prefers-reduced-motion:no-preference){:host{--ld-cookie-consent-transition-duration:var( - --ld-transition-duration-normal - );--ld-cookie-consent-disclaimer-transition-delay:var( - --ld-transition-duration-quick - )}}:host{position:fixed;position:var(--ld-cookie-consent-position,fixed);z-index:2147483647;z-index:var(--ld-cookie-consent-z-index,2147483647 )}.ld-cookie-consent__disclaimer,.ld-cookie-consent__preferences{--ld-br-s:var(--ld-cookie-consent-br-s);--ld-br-m:var(--ld-cookie-consent-br-m);--ld-br-l:var(--ld-cookie-consent-br-l);--ld-col-neutral-010:var(--ld-cookie-consent-col-neutral-010);--ld-col-neutral-050:var(--ld-cookie-consent-col-neutral-050);--ld-col-neutral-100:var(--ld-cookie-consent-col-neutral-100);--ld-col-neutral-600:var(--ld-cookie-consent-col-neutral-600);--ld-col-neutral-900:var(--ld-cookie-consent-col-neutral-900);--ld-col-wht:var(--ld-cookie-consent-col-wht);--ld-font-body:var(--ld-cookie-consent-font-body);--ld-thm-primary-active:var(--ld-cookie-consent-thm-primary-active);--ld-thm-primary-alpha-low:var(--ld-cookie-consent-thm-primary-alpha-low);--ld-thm-primary-alpha-lowest:var( - --ld-cookie-consent-thm-primary-alpha-lowest - );--ld-thm-primary-focus:var(--ld-cookie-consent-thm-primary-focus);--ld-thm-primary-highlight:var(--ld-cookie-consent-thm-primary-highlight);--ld-thm-primary-hover:var(--ld-cookie-consent-thm-primary-hover);--ld-thm-primary:var(--ld-cookie-consent-thm-primary);--ld-thm-secondary-active:var(--ld-cookie-consent-thm-secondary-active);--ld-thm-secondary-focus:var(--ld-cookie-consent-thm-secondary-focus);--ld-thm-secondary-highlight:var( - --ld-cookie-consent-thm-secondary-highlight - );--ld-thm-secondary-hover:var(--ld-cookie-consent-thm-secondary-hover);--ld-thm-secondary:var(--ld-cookie-consent-thm-secondary);font-family:var(--ld-cookie-consent-font-body);font-family:var(--ld-font-body)}.ld-cookie-consent__disclaimer ld-accordion-toggle::part(toggle),.ld-cookie-consent__disclaimer ld-button::part(button),.ld-cookie-consent__disclaimer ld-typo::part(tag),.ld-cookie-consent__preferences ld-accordion-toggle::part(toggle),.ld-cookie-consent__preferences ld-button::part(button),.ld-cookie-consent__preferences ld-typo::part(tag){font-family:inherit}@keyframes ld-cookie-consent-in{0%{transform:translateY(calc(-100% - var(--ld-sp-24)))}to{transform:translateY(calc(-100% - var(--ld-sp-40)))}}@keyframes ld-cookie-consent-out{0%{transform:translateY(calc(-100% - var(--ld-sp-40))) scale(1)}to{transform:translateY(calc(-100% - var(--ld-sp-40))) scale(.9)}}@keyframes ld-cookie-consent-out-mobile{0%{transform:translateY(calc(-100% - var(--ld-sp-40)))}to{transform:translateY(calc(-100% - var(--ld-sp-24)))}}.ld-cookie-consent__disclaimer{animation:ld-cookie-consent-in var(--ld-cookie-consent-transition-duration) ease-out forwards;background-color:var(--ld-col-wht);border-radius:var(--ld-br-l);box-shadow:var(--ld-shadow-active);box-sizing:border-box;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;left:0;margin:auto;max-height:min(calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),var(--ld-cookie-consent-max-block-size));max-width:min(calc(100% - var(--ld-sp-32)),var(--ld-cookie-consent-max-inline-size));min-width:var(--ld-cookie-consent-min-inline-size);outline:none;position:fixed;right:0;top:100%;transition:transform var(--ld-cookie-consent-transition-duration) ease-out,opacity var(--ld-cookie-consent-transition-duration) ease-out;width:100%}.ld-cookie-consent__disclaimer:not(.ld-cookie-consent__disclaimer--visible){animation:ld-cookie-consent-out var(--ld-cookie-consent-transition-duration) ease-in forwards;animation-delay:var(--ld-cookie-consent-disclaimer-transition-delay);opacity:0;pointer-events:none;transform:translateY(calc(-100% - var(--ld-sp-40)));transition:transform var(--ld-cookie-consent-transition-duration) var(--ld-cookie-consent-disclaimer-transition-delay) ease-in,opacity var(--ld-cookie-consent-transition-duration) var(--ld-cookie-consent-disclaimer-transition-delay) ease-in,visibility 0s calc(var(--ld-cookie-consent-transition-duration) + var(--ld-cookie-consent-disclaimer-transition-delay)) linear;visibility:hidden}@media (max-width:32rem){.ld-cookie-consent__disclaimer:not(.ld-cookie-consent__disclaimer--visible){animation-name:ld-cookie-consent-out-mobile}}.ld-cookie-consent__disclaimer--left{margin-left:var(--ld-sp-16)}.ld-cookie-consent__disclaimer--right{margin-right:var(--ld-sp-16)}.ld-cookie-consent__btn{flex-grow:1}.ld-cookie-consent__btn::part(button){white-space:nowrap}.ld-cookie-consent__btn--grow{flex-grow:100}.ld-cookie-consent__btn--acknowledge{flex-grow:0;min-width:min(10rem,50%)}.ld-cookie-consent__disclaimer-buttons{background-color:var(--ld-col-neutral-010);border-bottom-left-radius:var(--ld-br-l);border-bottom-right-radius:var(--ld-br-l);display:flex;flex-wrap:wrap;gap:var(--ld-sp-12);justify-content:flex-end;padding:var(--ld-sp-16)}.ld-cookie-consent__disclaimer-description-container{padding:var(--ld-sp-8) var(--ld-sp-12)}.ld-cookie-consent__disclaimer-header{background-color:var(--ld-col-neutral-010);border-radius:var(--ld-br-l) var(--ld-br-l) 0 0;min-height:3rem;padding:var(--ld-sp-4) var(--ld-sp-16)}.ld-cookie-consent__disclaimer-scroll-container{overflow:auto;overscroll-behavior:contain;padding:var(--ld-sp-16)}.ld-cookie-consent__disclaimer-x{-webkit-appearance:none;appearance:none;background-color:initial;border:var(--ld-sp-8) solid #0000;cursor:pointer;display:inline-flex;height:3rem;margin:auto calc(var(--ld-sp-16) * -1) auto auto;overflow:hidden;position:relative;width:3rem}.ld-cookie-consent__disclaimer-x:after,.ld-cookie-consent__disclaimer-x:before{background-color:var(--ld-col-neutral-900);border-radius:1rem;content:"";display:block;height:1.25rem;left:50%;position:absolute;top:50%;width:.15rem}.ld-cookie-consent__disclaimer-x:before{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.ld-cookie-consent__disclaimer-x:after{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.ld-cookie-consent__initial-m{color:var(--ld-col-vy);margin:auto -.1875rem;width:var(--ld-cookie-consent-auto-m-size);width:var(--ld-cookie-consent-initial-m-size)}.ld-cookie-consent__initial-m::part(icon){height:auto;width:inherit}.ld-cookie-consent__preferences{--ld-modal-max-inline-size:var(--ld-cookie-consent-max-inline-size)}.ld-cookie-consent__preferences::part(footer){display:block}.ld-cookie-consent__preferences-accordion-section{--ld-accordion-padding-x:var(--ld-sp-12);position:relative}.ld-cookie-consent__preferences-accordion-toggle::part(toggle){display:flex}.ld-cookie-consent__preferences-category-description{padding:var(--ld-sp-12) var(--ld-accordion-padding-x)}.ld-cookie-consent__preferences-category-table{border-collapse:collapse;font:var(--ld-typo-body-s);font-family:inherit;margin-bottom:var(--ld-sp-12);min-width:100%}.ld-cookie-consent__preferences-category-table-container{margin:0 var(--ld-accordion-padding-x);max-width:100%;overflow-x:scroll}.ld-cookie-consent__preferences-category-table-td,.ld-cookie-consent__preferences-category-table-th{padding:var(--ld-sp-12) var(--ld-sp-12);text-align:left;vertical-align:top}.ld-cookie-consent__preferences-category-table-tr{border-bottom:solid var(--ld-col-neutral-100) var(--ld-sp-1)}.ld-cookie-consent__preferences-category-table-tr:nth-child(2n){background-color:var(--ld-thm-primary-alpha-lowest)}.ld-cookie-consent__preferences-category-title{display:block;font:var(--ld-typo-h5);font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 3rem)}.ld-cookie-consent__preferences-category-toggle{position:absolute;right:var(--ld-sp-32);top:var(--ld-sp-4);transform:scale(.75);z-index:1}.ld-cookie-consent__preferences-buttons{display:flex;flex-wrap:wrap;gap:var(--ld-sp-12);justify-content:stretch}.ld-cookie-consent__disclaimer-logo-container,.ld-cookie-consent__preferences-logo-container{align-items:center;display:flex;height:var(--ld-cookie-consent-logo-size)}.ld-cookie-consent__disclaimer-logo-container>::slotted(*),.ld-cookie-consent__preferences-logo-container>::slotted(*){height:100%;width:auto}.ld-cookie-consent__disclaimer-header,.ld-cookie-consent__preferences-header{grid-gap:var(--ld-sp-12);align-items:center;display:grid;gap:var(--ld-sp-12);grid-template-columns:auto 1fr minmax(min-content,max-content)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-header.css b/1704894792450/css_components/ld-header.css deleted file mode 100644 index 2887431f50..0000000000 --- a/1704894792450/css_components/ld-header.css +++ /dev/null @@ -1 +0,0 @@ -.ld-header,:host(.ld-header){--ld-header-height:3.125rem;--ld-header-max-width:90rem;--ld-header-col:var(--ld-col-wht);--ld-header-bg-col:var(--ld-thm-primary);--ld-header-box-shadow:var(--ld-shadow-stacked);background-color:var(--ld-thm-primary);background-color:var(--ld-header-bg-col);box-shadow:var(--ld-shadow-stacked);box-shadow:var(--ld-header-box-shadow);color:var(--ld-col-wht);color:var(--ld-header-col);display:flex;justify-content:center;overflow-x:auto;transition:transform var(--ld-transition-duration-quick) ease-in-out;width:100%}.ld-header.ld-header--sticky,:host(.ld-header.ld-header--sticky){position:sticky;top:0;z-index:1}.ld-header.ld-header--hidden,:host(.ld-header.ld-header--hidden){transform:translateY(-100%)}.ld-header__container{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--ld-sp-16);height:var(--ld-header-height);max-width:var(--ld-header-max-width);padding-left:var(--ld-sp-16);padding-right:var(--ld-sp-16)}.ld-header__container>.ld-button--ghost,.ld-header__container>[mode=ghost],::slotted(.ld-button--ghost),::slotted([mode=ghost]){margin:0 calc(var(--ld-sp-4) * -1)}.ld-header__logo-wrapper{color:inherit;display:flex}.ld-header__logo-wrapper ::slotted(*){margin:0}.ld-header__logo{--ld-icon-size-md:2.4rem;color:var(--ld-thm-warning);display:block;margin:-.2rem}.ld-header_site-name{white-space:nowrap}.ld-header__grow{flex-grow:1}:host(.ld-header) .ld-header__grow{margin-right:calc(var(--ld-sp-16) * -1)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-icon.css b/1704894792450/css_components/ld-icon.css deleted file mode 100644 index 24332e896c..0000000000 --- a/1704894792450/css_components/ld-icon.css +++ /dev/null @@ -1 +0,0 @@ -:host,:where(.ld-icon){--ld-icon-secondary-col:var(--ld-col-wht);--ld-icon-size-sm:1rem;--ld-icon-size-md:1.25rem;--ld-icon-size-lg:1.5rem;align-items:center;display:inline-flex;height:1.25rem;height:var(--ld-icon-size-md);justify-content:center;width:1.25rem;width:var(--ld-icon-size-md)}:host ::slotted(svg),:host :where(svg),:where(.ld-icon) ::slotted(svg),:where(.ld-icon) :where(svg){flex-shrink:0;height:var(--ld-icon-size-md);width:var(--ld-icon-size-md)}:host(.ld-icon--sm),:host(.ld-icon--sm) ::slotted(svg),:host(.ld-icon--sm) :where(svg),:where(.ld-icon--sm),:where(.ld-icon--sm) ::slotted(svg),:where(.ld-icon--sm) :where(svg){height:var(--ld-icon-size-sm);width:var(--ld-icon-size-sm)}:host(.ld-icon--lg),:host(.ld-icon--lg) ::slotted(svg),:host(.ld-icon--lg) :where(svg),:where(.ld-icon--lg),:where(.ld-icon--lg) ::slotted(svg),:where(.ld-icon--lg) :where(svg){height:var(--ld-icon-size-lg);width:var(--ld-icon-size-lg)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-input.css b/1704894792450/css_components/ld-input.css deleted file mode 100644 index ffa1272254..0000000000 --- a/1704894792450/css_components/ld-input.css +++ /dev/null @@ -1 +0,0 @@ -:host>input [type=file]{pointer-events:none}.ld-input,:host{--ld-input-padding-x-sm:0.5rem;--ld-input-padding-x-md:0.625rem;--ld-input-padding-x-lg:0.875rem;--ld-input-padding-top-sm:0.25rem;--ld-input-padding-top-md:0.625rem;--ld-input-padding-top-lg:0.625rem;--ld-input-padding-bottom-sm:0.25rem;--ld-input-padding-bottom-md:0.6875rem;--ld-input-padding-bottom-lg:0.6875rem;--ld-input-min-height-sm:2rem;--ld-input-min-height-md:2.5rem;--ld-input-min-height-lg:3.125rem;--ld-input-max-height-sm:2rem;--ld-input-max-height-md:2.5rem;--ld-input-max-height-lg:3.125rem;--ld-input-time-min-width-sm:5.125rem;--ld-input-time-min-width-md:6.25rem;--ld-input-time-min-width-lg:7.5rem;--ld-input-bg-col-disabled:var(--ld-col-neutral-010);--ld-input-bg-col-invalid-focus:var(--ld-col-wht);--ld-input-bg-col-invalid:var(--ld-thm-error-disabled);--ld-input-bg-col:var(--ld-col-wht);--ld-input-border-col-disabled:var(--ld-col-neutral-100);--ld-input-border-col-hover:var(--ld-col-neutral-300);--ld-input-border-col:var(--ld-col-neutral-100);--ld-input-icon-col-focus:var(--ld-thm-primary-focus);--ld-input-icon-col-invalid-focus:var(--ld-thm-error-focus);--ld-input-icon-col:var(--ld-thm-primary);--ld-input-placeholder-opacity:0.6;--ld-input-text-col-disabled:var(--ld-col-neutral-300);--ld-input-text-col-invalid-focus:var(--ld-col-neutral-900);--ld-input-text-col-invalid:var(--ld-thm-error);--ld-input-text-col:var(--ld-col-neutral-900);--ld-input-dark-bg-col-focus:var(--ld-col-wht);--ld-input-dark-bg-col:var(--ld-col-neutral-010);align-items:center;background-color:var(--ld-col-wht);background-color:var(--ld-input-bg-col);border-radius:var(--ld-br-m);color:var(--ld-col-neutral-900);color:var(--ld-input-text-col);cursor:text;display:inline-flex;line-height:1;max-width:100%;min-height:2.5rem;min-height:var(--ld-input-min-height-md);position:relative}.ld-input:before,:host:before{border-radius:var(--ld-br-m);bottom:0;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col);content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.ld-input :where(input),:host :where(input){margin:0}.ld-input ::slotted(*),.ld-input>:where(:not(input):not(textarea)),:host ::slotted(*),:host>:where(:not(input):not(textarea)){-webkit-user-select:none;user-select:none}.ld-input ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-md)}.ld-input ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-md)}.ld-input>input,:host>input{-webkit-text-fill-color:var(--ld-input-text-col);align-self:stretch;color:var(--ld-input-text-col);max-height:var(--ld-input-max-height-md)}.ld-input>input[type=file],:host>input[type=file]{opacity:0}.ld-input>input[type=file]::-webkit-file-upload-button,:host>input[type=file]::-webkit-file-upload-button{display:none}.ld-input>input[type=number],:host>input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ld-input>input[type=number]::-webkit-inner-spin-button,.ld-input>input[type=number]::-webkit-outer-spin-button,:host>input[type=number]::-webkit-inner-spin-button,:host>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ld-input>input[type=search]::-webkit-search-cancel-button,.ld-input>input[type=search]::-webkit-search-decoration,.ld-input>input[type=search]::-webkit-search-results-button,.ld-input>input[type=search]::-webkit-search-results-decoration,:host>input[type=search]::-webkit-search-cancel-button,:host>input[type=search]::-webkit-search-decoration,:host>input[type=search]::-webkit-search-results-button,:host>input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.ld-input>input::-webkit-calendar-picker-indicator,:host>input::-webkit-calendar-picker-indicator{background:var(--ld-input-icon-col);cursor:pointer;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;outline:none}.ld-input>input::-webkit-calendar-picker-indicator:focus:focus-visible,:host>input::-webkit-calendar-picker-indicator:focus:focus-visible{background:var(--ld-input-icon-col-focus)}.ld-input>input[type=date]::-webkit-calendar-picker-indicator,.ld-input>input[type=datetime-local]::-webkit-calendar-picker-indicator,:host>input[type=date]::-webkit-calendar-picker-indicator,:host>input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');transform:translateY(4%)}.ld-input>input[type=time],:host>input[type=time]{min-width:var(--ld-input-time-min-width-md)}.ld-input>input[type=time]::-webkit-calendar-picker-indicator,:host>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.ld-input>input,.ld-input>textarea,:host>input,:host>textarea{-webkit-appearance:none;appearance:none;background-color:#fff0;border:0;border-radius:var(--ld-br-m);box-sizing:border-box;font:var(--ld-typo-body-m);line-height:1;outline:none;padding:var(--ld-input-padding-top-md) var(--ld-input-padding-x-md) var(--ld-input-padding-bottom-md);width:100%}.ld-input>input::placeholder,.ld-input>textarea::placeholder,:host>input::placeholder,:host>textarea::placeholder{opacity:var(--ld-input-placeholder-opacity)}.ld-input>textarea,:host>textarea{flex-grow:1;height:100%;max-height:inherit;min-height:inherit}.ld-input ::slotted(.ld-button),.ld-input ::slotted(ld-button),.ld-input>.ld-button,.ld-input>ld-button,:host ::slotted(.ld-button),:host ::slotted(ld-button),:host>.ld-button,:host>ld-button{--ld-button-ghost-bg-color-active:#0000;--ld-button-ghost-bg-color-focus:#0000;--ld-button-ghost-bg-color-hover:#0000;flex-shrink:0;z-index:0}.ld-input ::slotted(.ld-button[slot=start]),.ld-input ::slotted(ld-button[slot=start]),.ld-input>.ld-button:where(:not([slot=end])):first-child,.ld-input>ld-button:where(:not([slot=end])):first-child,:host ::slotted(.ld-button[slot=start]),:host ::slotted(ld-button[slot=start]),:host>.ld-button:where(:not([slot=end])):first-child,:host>ld-button:where(:not([slot=end])):first-child{--ld-button-border-top-right-radius:0;--ld-button-border-bottom-right-radius:0}.ld-input ::slotted(.ld-button[slot=end]),.ld-input ::slotted(ld-button[slot=end]),.ld-input>.ld-button:where(:not([slot=start])):last-child,.ld-input>ld-button:where(:not([slot=start])):last-child,:host ::slotted(.ld-button[slot=end]),:host ::slotted(ld-button[slot=end]),:host>.ld-button:where(:not([slot=start])):last-child,:host>ld-button:where(:not([slot=start])):last-child{--ld-button-border-top-left-radius:0;--ld-button-border-bottom-left-radius:0}.ld-input ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host ::slotted(ld-button[mode=ghost]:where([slot=start])),:host>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-md))}.ld-input ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host ::slotted(ld-button[mode=ghost]:where([slot=end])),:host>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-md))}.ld-input ::slotted(.ld-icon),.ld-input ::slotted(ld-icon),.ld-input>.ld-icon,.ld-input>ld-icon,:host ::slotted(.ld-icon),:host ::slotted(ld-icon),:host>.ld-icon,:host>ld-icon{color:var(--ld-input-icon-col);cursor:text;display:inline-flex}.ld-input--resize-both>textarea,:host(.ld-input--resize-both)>textarea{resize:both}.ld-input--resize-horizontal>textarea,:host(.ld-input--resize-horizontal)>textarea{resize:horizontal}.ld-input--resize-vertical>textarea,:host(.ld-input--resize-vertical)>textarea{resize:vertical}.ld-input--resize-none>textarea,:host(.ld-input--resize-none)>textarea{resize:none}.ld-input--sm,:host(.ld-input--sm){min-height:var(--ld-input-min-height-sm)}.ld-input--sm ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input--sm>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host(.ld-input--sm) ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host(.ld-input--sm)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-sm)}.ld-input--sm ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input--sm>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host(.ld-input--sm) ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host(.ld-input--sm)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-sm)}.ld-input--sm>input,:host(.ld-input--sm)>input{max-height:var(--ld-input-max-height-sm)}.ld-input--sm>input[type=date]::-webkit-calendar-picker-indicator,.ld-input--sm>input[type=datetime-local]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=date]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-size:65%;mask-size:65%}.ld-input--sm>input[type=time],:host(.ld-input--sm)>input[type=time]{min-width:var(--ld-input-time-min-width-sm)}.ld-input--sm>input[type=time]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-size:85%;mask-size:85%}.ld-input--sm>input,.ld-input--sm>textarea,:host(.ld-input--sm)>input,:host(.ld-input--sm)>textarea{font:var(--ld-typo-body-s);padding:var(--ld-input-padding-top-sm) var(--ld-input-padding-x-sm) var(--ld-input-padding-bottom-sm)}.ld-input--sm ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input--sm ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input--sm>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input--sm>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host(.ld-input--sm) ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host(.ld-input--sm) ::slotted(ld-button[mode=ghost]:where([slot=start])),:host(.ld-input--sm)>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host(.ld-input--sm)>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-sm))}.ld-input--sm ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input--sm ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input--sm>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input--sm>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host(.ld-input--sm) ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host(.ld-input--sm) ::slotted(ld-button[mode=ghost]:where([slot=end])),:host(.ld-input--sm)>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host(.ld-input--sm)>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-sm))}.ld-input--lg,:host(.ld-input--lg){min-height:var(--ld-input-min-height-lg)}.ld-input--lg ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input--lg>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host(.ld-input--lg) ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host(.ld-input--lg)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-lg)}.ld-input--lg ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input--lg>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host(.ld-input--lg) ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host(.ld-input--lg)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-lg)}.ld-input--lg>input,:host(.ld-input--lg)>input{max-height:var(--ld-input-max-height-lg)}.ld-input--lg>input[type=date]::-webkit-calendar-picker-indicator,:host(.ld-input--lg)>input[type=date]::-webkit-calendar-picker-indicator{-webkit-mask-size:90%;mask-size:90%}.ld-input--lg>input[type=time],:host(.ld-input--lg)>input[type=time]{min-width:var(--ld-input-time-min-width-lg)}.ld-input--lg>input[type=time]::-webkit-calendar-picker-indicator,:host(.ld-input--lg)>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-size:114%;mask-size:114%}.ld-input--lg>input,.ld-input--lg>textarea,:host(.ld-input--lg)>input,:host(.ld-input--lg)>textarea{font:var(--ld-typo-body-l);padding:var(--ld-input-padding-top-lg) var(--ld-input-padding-x-lg) var(--ld-input-padding-bottom-lg) var(--ld-input-padding-x-lg)}.ld-input--lg ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input--lg ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input--lg>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input--lg>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host(.ld-input--lg) ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host(.ld-input--lg) ::slotted(ld-button[mode=ghost]:where([slot=start])),:host(.ld-input--lg)>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host(.ld-input--lg)>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-lg))}.ld-input--lg ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input--lg ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input--lg>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input--lg>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host(.ld-input--lg) ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host(.ld-input--lg) ::slotted(ld-button[mode=ghost]:where([slot=end])),:host(.ld-input--lg)>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host(.ld-input--lg)>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-lg))}.ld-input--dark,:host(.ld-input--dark){background-color:var(--ld-input-dark-bg-col)}@media (hover:hover){.ld-input:not(.ld-input--invalid):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-input--disabled):hover:not(:focus-within):before,:host(:not(.ld-input--invalid):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-input--disabled):hover:not(:focus-within)):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-hover)}}.ld-input:not(.ld-input--invalid):focus-within:before,:host(:not(.ld-input--invalid):focus-within):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-thm-primary)}.ld-input--dark:not(.ld-input--invalid):focus-within,:host(.ld-input--dark:not(.ld-input--invalid):focus-within){background-color:var(--ld-input-dark-bg-col-focus)}.ld-input--invalid:focus-within,:host(.ld-input--invalid:focus-within){background-color:var(--ld-input-bg-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:not(:focus)),:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:not(:focus))){-webkit-text-fill-color:var(--ld-input-text-col-invalid);background-color:var(--ld-input-bg-col-invalid);color:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):before,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input,.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>textarea,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>textarea{-webkit-text-fill-color:var(--ld-input-text-col-invalid);color:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input::-webkit-calendar-picker-indicator,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input::-webkit-calendar-picker-indicator{background:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input::-webkit-calendar-picker-indicator:focus:focus-visible,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input::-webkit-calendar-picker-indicator:focus:focus-visible{background:var(--ld-input-icon-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within){background-color:var(--ld-input-bg-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within>input,.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within>textarea,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within)>input,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within)>textarea{-webkit-text-fill-color:var(--ld-input-text-col-invalid-focus);color:var(--ld-input-text-col-invalid-focus)}.ld-input.ld-input--disabled,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host(.ld-input--disabled),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){background-color:var(--ld-input-bg-col-disabled);color:var(--ld-input-text-col-disabled)}.ld-input.ld-input--disabled:before,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):before,:host(.ld-input--disabled):before,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-disabled)}.ld-input.ld-input--disabled input,.ld-input.ld-input--disabled textarea,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) input,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) textarea,:host(.ld-input--disabled) input,:host(.ld-input--disabled) textarea,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) input,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) textarea{-webkit-text-fill-color:var(--ld-input-text-col-disabled);caret-color:#0000;color:var(--ld-input-text-col-disabled)}.ld-input.ld-input--disabled input::-webkit-calendar-picker-indicator,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) input::-webkit-calendar-picker-indicator,:host(.ld-input--disabled) input::-webkit-calendar-picker-indicator,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) input::-webkit-calendar-picker-indicator{background:var(--ld-input-text-col-disabled);pointer-events:none}.ld-input.ld-input--disabled .ld-icon,.ld-input.ld-input--disabled ::slotted(.ld-icon),.ld-input.ld-input--disabled ::slotted(ld-icon),.ld-input.ld-input--disabled ld-icon,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) .ld-icon,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ::slotted(.ld-icon),.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ::slotted(ld-icon),.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ld-icon,:host(.ld-input--disabled) .ld-icon,:host(.ld-input--disabled) ::slotted(.ld-icon),:host(.ld-input--disabled) ::slotted(ld-icon),:host(.ld-input--disabled) ld-icon,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-icon,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ::slotted(.ld-icon),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ::slotted(ld-icon),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ld-icon{color:currentColor}.ld-input__placeholder{align-items:center;display:flex;height:100%;left:var(--ld-input-padding-x-md);margin-right:0;opacity:var(--ld-input-placeholder-opacity);overflow:hidden;pointer-events:none;position:absolute;right:var(--ld-input-padding-x-md);text-overflow:ellipsis;white-space:nowrap}.ld-select__slot-container{display:none} \ No newline at end of file diff --git a/1704894792450/css_components/ld-label.css b/1704894792450/css_components/ld-label.css deleted file mode 100644 index 0b972588a2..0000000000 --- a/1704894792450/css_components/ld-label.css +++ /dev/null @@ -1 +0,0 @@ -:host{display:inline-flex}:host .ld-label{width:100%}.ld-label{--ld-label-column-gap:0.625rem;--ld-label-row-gap:var(--ld-sp-6);--ld-label-col:var(--ld-col-neutral-900);--ld-label-disabled-col:var(--ld-col-neutral-300);align-content:flex-start;color:var(--ld-col-neutral-900);color:var(--ld-label-col);display:inline-grid;font:var(--ld-typo-label-s);gap:var(--ld-sp-6) 0;gap:var(--ld-label-row-gap) 0;max-width:100%}.ld-label--left,.ld-label--right{align-items:center;gap:0 var(--ld-label-column-gap);justify-content:flex-start}.ld-label--left>.ld-checkbox,.ld-label--left>.ld-input,.ld-label--left>.ld-radio,.ld-label--left>.ld-select,.ld-label--left>.ld-toggle,.ld-label--left>::slotted(.ld-checkbox),.ld-label--left>::slotted(.ld-input),.ld-label--left>::slotted(.ld-radio),.ld-label--left>::slotted(.ld-select),.ld-label--left>::slotted(.ld-toggle),.ld-label--right>.ld-checkbox,.ld-label--right>.ld-input,.ld-label--right>.ld-radio,.ld-label--right>.ld-select,.ld-label--right>.ld-toggle,.ld-label--right>::slotted(.ld-checkbox),.ld-label--right>::slotted(.ld-input),.ld-label--right>::slotted(.ld-radio),.ld-label--right>::slotted(.ld-select),.ld-label--right>::slotted(.ld-toggle){align-self:baseline;grid-area:input}.ld-label--left>.ld-input-message,.ld-label--left>::slotted(.ld-input-message),.ld-label--right>.ld-input-message,.ld-label--right>::slotted(.ld-input-message){grid-area:message;margin-top:var(--ld-sp-4)}.ld-label--align-message.ld-label--left>.ld-input-message,.ld-label--align-message.ld-label--left>::slotted(.ld-input-message){grid-column-start:2}.ld-label--align-message.ld-label--right>.ld-input-message,.ld-label--align-message.ld-label--right>::slotted(.ld-input-message){grid-column-end:2}.ld-label--left{grid-template-areas:"label input" "message message";grid-template-columns:1fr auto}.ld-label--right{grid-template-areas:"input label" "message message";grid-template-columns:auto 1fr}.ld-label--m{font:var(--ld-typo-label-m);line-height:1} \ No newline at end of file diff --git a/1704894792450/css_components/ld-link.css b/1704894792450/css_components/ld-link.css deleted file mode 100644 index c3990fc3eb..0000000000 --- a/1704894792450/css_components/ld-link.css +++ /dev/null @@ -1 +0,0 @@ -.ld-link{--ld-link-col:var(--ld-thm-primary);--ld-link-gap:0.3em;--ld-link-chevron-gap:0em;--ld-link-chevron-width:0.135em;align-items:baseline;color:var(--ld-thm-primary);color:var(--ld-link-col);cursor:pointer;font-family:var(--ld-font-body);font-size:inherit;font-weight:700;gap:.3em;gap:var(--ld-link-gap);line-height:inherit;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):hover{--ld-link-col:var(--ld-thm-primary-hover)}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus:focus-visible{--ld-link-col:var(--ld-thm-primary-focus)}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):active{--ld-link-col:var(--ld-thm-primary-active)}.ld-link:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){--ld-link-col:var(--ld-thm-primary);cursor:default;opacity:.3}.ld-link>.ld-icon,.ld-link>::slotted(.ld-icon),.ld-link>::slotted(ld-icon),.ld-link>ld-icon{transform:translateY(10%)}.ld-link--chevron-end,.ld-link--chevron-start{display:inline-flex}.ld-link--chevron-end:after,.ld-link--chevron-end:before,.ld-link--chevron-start:after,.ld-link--chevron-start:before{background-color:var(--ld-link-col);border-radius:99rem;content:"";display:block;flex-shrink:0;height:.5em;transform-origin:right;width:var(--ld-link-chevron-width)}.ld-link--chevron-start{margin-left:calc(.5 * var(--ld-link-chevron-gap))}.ld-link--chevron-start:after,.ld-link--chevron-start:before{order:-1}.ld-link--chevron-start:before{transform:translateX(calc(.5 * (var(--ld-link-gap) - var(--ld-link-chevron-gap)) + 50%)) translateY(-65%) rotate(-40deg)}.ld-link--chevron-start:after{transform:translateX(calc(-.5 * var(--ld-link-gap) - .5 * var(--ld-link-chevron-gap) - 50%)) translateY(20%) rotate(40deg)}.ld-link--chevron-end{margin-right:calc(.5 * var(--ld-link-chevron-gap))}.ld-link--chevron-end:after,.ld-link--chevron-end:before{order:1}.ld-link--chevron-end:before{transform:translateX(calc(.5 * (var(--ld-link-gap) + var(--ld-link-chevron-gap)) + 50%)) translateY(-65%) rotate(-40deg)}.ld-link--chevron-end:after{transform:translateX(calc(-.5 * var(--ld-link-gap) + .5 * var(--ld-link-chevron-gap) - 50%)) translateY(20%) rotate(40deg)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-modal.css b/1704894792450/css_components/ld-modal.css deleted file mode 100644 index 3b0c72a1e6..0000000000 --- a/1704894792450/css_components/ld-modal.css +++ /dev/null @@ -1 +0,0 @@ -:host{display:contents}@keyframes ld-modal-in{0%{transform:translateY(2rem)}to{transform:translateY(0)}}@keyframes ld-modal-out{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes ld-modal-out-mobile{0%{transform:translateY(0)}to{transform:translateY(2rem)}}:host,dialog.ld-modal{--ld-modal-bg-col:var(--ld-col-wht);--ld-modal-fixed-padding-x:var(--ld-sp-16);--ld-modal-fixed-padding-y:var(--ld-sp-16);--ld-modal-padding-x:var(--ld-sp-16);--ld-modal-padding-y:var(--ld-sp-24);--ld-modal-fixed-bg-col:var(--ld-col-neutral-010);--ld-modal-transition-duration:var(--ld-transition-duration-instant);--ld-modal-max-inline-size:30rem;--ld-modal-max-block-size:70rem;--ld-modal-min-inline-size:18rem}@media (prefers-reduced-motion:no-preference){:host,dialog.ld-modal{--ld-modal-transition-duration:var(--ld-transition-duration-normal)}}:host dialog,dialog.ld-modal{animation:ld-modal-in var(--ld-modal-transition-duration) ease-out forwards;border:0;border-radius:var(--ld-br-l);bottom:0;box-shadow:var(--ld-shadow-active);color:var(--ld-col-neutral-900);color-scheme:none;color-scheme:var(--ld-modal-color-scheme,none);display:flex;flex-direction:column;left:0;margin:auto;max-height:min(calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),var(--ld-modal-max-block-size));max-width:min(calc(100% - var(--ld-sp-32)),var(--ld-modal-max-inline-size));min-width:var(--ld-modal-min-inline-size);overflow:visible;padding:0;position:fixed;right:0;top:0;transition:opacity var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;z-index:2147483647}@media (max-width:32rem){:host dialog,dialog.ld-modal{margin-bottom:var(--ld-sp-40)}}:host dialog:not([open]),dialog.ld-modal:not([open]){animation:ld-modal-out var(--ld-modal-transition-duration) ease-in forwards;opacity:0;pointer-events:none;transition:opacity var(--ld-modal-transition-duration) linear,visibility 0s var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;visibility:hidden}@media (max-width:32rem){:host dialog:not([open]),dialog.ld-modal:not([open]){animation-name:ld-modal-out-mobile}}:host dialog:after,dialog.ld-modal:after{background-color:var(--ld-modal-bg-col);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}:host dialog:before,dialog.ld-modal:before{background-color:var(--ld-thm-primary-active);bottom:0;content:"";left:0;opacity:.3;position:fixed;right:0;top:0;transform:scale(99);z-index:-2}:host(.ld-modal--blurry-backdrop) dialog::backdrop,dialog.ld-modal--blurry-backdrop::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ld-modal__x{align-self:flex-start;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--ld-sp-8) solid #0000;box-sizing:border-box;cursor:pointer;display:inline-flex;height:3rem;justify-self:flex-end;margin:auto calc(var(--ld-sp-16) * -1) auto auto;overflow:hidden;place-self:flex-start flex-end;position:relative;width:3rem}.ld-modal__x:after,.ld-modal__x:before{background-color:var(--ld-col-neutral-900);border-radius:1rem;content:"";display:block;height:1.25rem;left:50%;position:absolute;top:50%;width:.15rem}.ld-modal__x:before{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.ld-modal__x:after{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.ld-modal__content{flex-grow:1;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;overscroll-behavior:none;padding:var(--ld-modal-padding-y) var(--ld-modal-padding-x)}.ld-modal__footer,.ld-modal__header{grid-gap:var(--ld-modal-fixed-padding-x);align-items:center;background-color:var(--ld-modal-fixed-bg-col);display:grid;gap:var(--ld-modal-fixed-padding-x);grid-auto-flow:column;padding:0 var(--ld-modal-fixed-padding-x)}.ld-modal__header{border-radius:var(--ld-br-l) var(--ld-br-l) 0 0}.ld-modal__header>::slotted(:not(.ld-modal__x)),.ld-modal__header>:not(.ld-modal__x){padding:var(--ld-sp-12) 0}.ld-modal__footer{border-radius:0 0 var(--ld-br-l) var(--ld-br-l);justify-content:flex-end}.ld-modal__footer>*,.ld-modal__footer>::slotted(*){margin:var(--ld-modal-fixed-padding-y) 0} \ No newline at end of file diff --git a/1704894792450/css_components/ld-notification.shadow.css b/1704894792450/css_components/ld-notification.shadow.css deleted file mode 100644 index 538002a9c2..0000000000 --- a/1704894792450/css_components/ld-notification.shadow.css +++ /dev/null @@ -1 +0,0 @@ -:host{--ld-notification-min-height:var(--ld-sp-40);--ld-notification-border-radius:var(--ld-br-m);--ld-notification-inset-y:var(--ld-sp-32);--ld-notification-col:var(--ld-col-wht);--ld-notification-warn-col:var(--ld-col-neutral-900);--ld-notification-alert-col:var(--ld-col-wht);--ld-notification-bg-col:var(--ld-thm-primary);--ld-notification-warn-bg-col:var(--ld-thm-warning);--ld-notification-alert-bg-col:var(--ld-thm-error);bottom:0;display:flex;font:var(--ld-typo-body-m);justify-content:center;left:0;min-width:20rem;pointer-events:none;position:fixed;right:0;top:0;z-index:2147483647}@keyframes ld-notification-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ld-notification-fade-out{0%{opacity:1;transform:none}to{opacity:0;transform:none}}.ld-notification__item{border-radius:var(--ld-notification-border-radius);box-shadow:var(--ld-shadow-sticky);display:flex;justify-content:space-between;max-height:80vh;max-width:calc(90% - 1rem);min-height:var(--ld-notification-min-height);min-width:19rem;overflow-y:auto;pointer-events:auto;position:absolute;transform-origin:center;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear;width:-moz-fit-content;width:fit-content}.ld-notification__item:where(:not(.ld-notification__item--dismissed)){animation:ld-notification-fade-in var(--ld-transition-duration-normal) linear}.ld-notification__item:nth-last-of-type(n+2) .ld-notification__btn-dismiss,.ld-notification__item:nth-last-of-type(n+2) .ld-notification__item-content,.ld-notification__item:nth-last-of-type(n+5){opacity:0}.ld-notification__item:nth-last-of-type(2){opacity:.75}.ld-notification__item:nth-last-of-type(3){opacity:.5}.ld-notification__item:nth-last-of-type(4){opacity:.25}.ld-notification__item.ld-notification__item--dismissed{animation:ld-notification-fade-out var(--ld-transition-duration-normal) linear forwards;opacity:0}:host(.ld-notification--bottom) .ld-notification__item{bottom:var(--ld-notification-inset-y)}:host(.ld-notification--bottom) .ld-notification__item:nth-last-of-type(2){transform:scale(.975) translateY(25%)}:host(.ld-notification--bottom) .ld-notification__item:nth-last-of-type(3){transform:scale(.95) translateY(50%)}:host(.ld-notification--bottom) .ld-notification__item:nth-last-of-type(4){transform:scale(.925) translateY(75%)}:host(.ld-notification--top) .ld-notification__item{top:var(--ld-notification-inset-y)}:host(.ld-notification--top) .ld-notification__item:nth-last-of-type(2){transform:scale(.975) translateY(-25%)}:host(.ld-notification--top) .ld-notification__item:nth-last-of-type(3){transform:scale(.95) translateY(-50%)}:host(.ld-notification--top) .ld-notification__item:nth-last-of-type(4){transform:scale(.925) translateY(-75%)}.ld-notification__item--info{background-color:var(--ld-notification-bg-col);color:var(--ld-notification-col)}.ld-notification__item--warn{background-color:var(--ld-notification-warn-bg-col);color:var(--ld-notification-warn-col)}.ld-notification__item--alert{background-color:var(--ld-notification-alert-bg-col);color:var(--ld-notification-alert-col)}.ld-notification__btn-dismiss,.ld-notification__item-content{transition:opacity var(--ld-transition-duration-normal) linear}.ld-notification__item-content{grid-gap:var(--ld-sp-12);align-items:baseline;display:grid;gap:var(--ld-sp-12);grid-auto-flow:column;padding:var(--ld-sp-6) var(--ld-sp-12)}.ld-notification__item-content>*{align-self:center}.ld-notification__btn-dismiss{-webkit-touch-callout:none;align-items:center;align-self:center;background-color:initial;border:0;border-radius:var(--ld-br-full);color:inherit;cursor:pointer;display:inline-grid;flex-shrink:0;height:var(--ld-sp-40);justify-items:center;margin-left:var(--ld-sp-16);padding:0;place-items:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:var(--ld-sp-40)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-optgroup-internal.shadow.css b/1704894792450/css_components/ld-optgroup-internal.shadow.css deleted file mode 100644 index 0427d6abbb..0000000000 --- a/1704894792450/css_components/ld-optgroup-internal.shadow.css +++ /dev/null @@ -1 +0,0 @@ -:host{--ld-optgroup-padding-inline-start-sm:0.625rem;--ld-optgroup-padding-inline-start-lg:0.875rem;--ld-optgroup-option-padding-inline-start:1rem;--ld-optgroup-bg-col:var(--ld-col-neutral-010);--ld-optgroup-border-col:var(--ld-col-neutral-100);--ld-optgroup-disabled-text-col:var(--ld-col-neutral-100);--ld-optgroup-text-col:var(--ld-col-neutral-900);--ld-optgroup-thm-col:var(--ld-thm-primary);--ld-optgroup-thm-col-hover:var(--ld-thm-primary-hover);--ld-optgroup-thm-col-focus:var(--ld-thm-primary-focus);--ld-optgroup-thm-col-active:var(--ld-thm-primary-active);--ld-optgroup-thm-bg-col-hover:var(--ld-thm-primary-highlight);--ld-optgroup-thm-bg-col-focus:var(--ld-thm-primary-highlight);--ld-optgroup-thm-bg-col-active:var(--ld-thm-primary-highlight)}:host(:not(:last-child)) .ld-optgroup-internal__slot-container{border-bottom:solid var(--ld-optgroup-border-col) var(--ld-sp-1)}.ld-optgroup-internal{-webkit-touch-callout:none;background-color:var(--ld-optgroup-bg-col);border:0;box-sizing:border-box;color:var(--ld-optgroup-text-col);display:flex;font:var(--ld-typo-label-m);min-height:2.5rem;outline:none;padding:var(--ld-sp-8) var(--ld-sp-12);position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap}.ld-optgroup-internal:after{bottom:0;box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100);content:"";left:calc(-1 * var(--ld-sp-1));pointer-events:none;position:absolute;right:calc(-1 * var(--ld-sp-1));top:calc(-1 * var(--ld-sp-1))}.ld-optgroup-internal--sm{padding-left:var(--ld-optgroup-padding-inline-start-sm)}.ld-optgroup-internal--lg{padding-left:var(--ld-optgroup-padding-inline-start-lg)}.ld-optgroup-internal--filtered{display:none}.ld-optgroup-internal *,.ld-optgroup-internal :after,.ld-optgroup-internal :before{box-sizing:inherit}[data-popper-placement*=bottom] .ld-optgroup-internal:last-of-type{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}[data-popper-placement*=top] .ld-optgroup-internal:first-of-type{border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-optgroup-internal:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-optgroup-internal[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-optgroup-disabled-text-col)}.ld-optgroup-internal:where(:focus):before,.ld-optgroup-internal:where(:focus:focus-visible):before{border-radius:var(--ld-br-m);bottom:0;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-optgroup-thm-col);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ld-optgroup-internal:where(:focus:not(:focus-visible)):before{content:none}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-optgroup-thm-bg-col-focus)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus) :where(.ld-optgroup-internal__check),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-focus)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)){background-color:var(--ld-optgroup-bg-col)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col)}@media (hover:hover){.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-optgroup-thm-bg-col-hover)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-hover)}}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-optgroup-thm-bg-col-active)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) :where(.ld-optgroup-internal__check),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-active)}.ld-optgroup-internal__checkbox-wrapper{display:inline-flex;flex-shrink:0}.ld-optgroup-internal__check,.ld-optgroup-internal__checkbox{align-self:center;flex-shrink:0;transform:translateX(calc(-1 * var(--ld-sp-2)))}.ld-optgroup-internal__check{margin-right:var(--ld-sp-4)}.ld-optgroup-internal__checkbox{margin-left:var(--ld-sp-2);margin-right:var(--ld-sp-6)}.ld-optgroup-internal__label{overflow:hidden;text-overflow:ellipsis} \ No newline at end of file diff --git a/1704894792450/css_components/ld-option-internal.shadow.css b/1704894792450/css_components/ld-option-internal.shadow.css deleted file mode 100644 index b0b67d0cb6..0000000000 --- a/1704894792450/css_components/ld-option-internal.shadow.css +++ /dev/null @@ -1 +0,0 @@ -.ld-option-internal,:host{--ld-option-padding-inline-start:var(--ld-sp-12);--ld-option-padding-inline-start-sm:0.625rem;--ld-option-padding-inline-start-lg:0.875rem;--ld-option-bg-col:var(--ld-col-wht);--ld-option-border-col:var(--ld-col-neutral-100);--ld-option-disabled-text-col:var(--ld-col-neutral-100);--ld-option-text-col:var(--ld-col-neutral-900);--ld-option-thm-col:var(--ld-thm-primary);--ld-option-thm-col-hover:var(--ld-thm-primary-hover);--ld-option-thm-col-focus:var(--ld-thm-primary-focus);--ld-option-thm-col-active:var(--ld-thm-primary-active);--ld-option-thm-bg-col-hover:var(--ld-thm-primary-highlight);--ld-option-thm-bg-col-focus:var(--ld-thm-primary-highlight);--ld-option-thm-bg-col-active:var(--ld-thm-primary-highlight)}:host(:not(:last-of-type)) .ld-option-internal{border-bottom:solid var(--ld-option-border-col) var(--ld-sp-1)}.ld-option-internal--sm{--ld-option-padding-inline-start:var(--ld-option-padding-inline-start-sm)}.ld-option-internal--lg{--ld-option-padding-inline-start:var(--ld-option-padding-inline-start-lg)}.ld-option-internal--indent{--ld-option-indent:1.75rem}.ld-option-internal{-webkit-touch-callout:none;background-color:var(--ld-option-bg-col);border:0;box-sizing:border-box;color:var(--ld-option-text-col);display:flex;font:var(--ld-typo-label-m);min-height:2.5rem;outline:none;padding:var(--ld-sp-8) var(--ld-sp-12) var(--ld-sp-8) calc(var(--ld-option-padding-inline-start) + var(--ld-option-indent, 0px));position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap}.ld-option-internal--filtered{display:none}.ld-option-internal *,.ld-option-internal :after,.ld-option-internal :before{box-sizing:inherit}[data-popper-placement*=bottom] .ld-option-internal:last-of-type{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}[data-popper-placement*=top] .ld-option-internal:first-of-type{border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-option-internal:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-option-internal[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-option-disabled-text-col)}.ld-option-internal:before{border-radius:var(--ld-br-m);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ld-option-internal:where(:focus):before,.ld-option-internal:where(:focus:focus-visible):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-option-thm-col)}.ld-option-internal:where(:focus:not(:focus-visible)):before{box-shadow:none}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) :where(.ld-option-internal__check){color:var(--ld-option-thm-col)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-option-thm-bg-col-focus)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus) :where(.ld-option-internal__check),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-focus)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)){background-color:var(--ld-option-bg-col)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)) :where(.ld-option-internal__check){color:var(--ld-option-thm-col)}@media (hover:hover){.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-option-thm-bg-col-hover)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-hover)}}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-option-thm-bg-col-active)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) :where(.ld-option-internal__check),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-active)}.ld-option-internal__checkbox-wrapper{display:inline-flex;flex-shrink:0}.ld-option-internal__check,.ld-option-internal__checkbox{align-self:center;flex-shrink:0;transform:translateX(calc(-1 * var(--ld-sp-2)))}.ld-option-internal__check{margin-right:var(--ld-sp-4)}.ld-option-internal__checkbox{margin-left:var(--ld-sp-2);margin-right:var(--ld-sp-6)}.ld-option-internal__label{overflow:hidden;text-overflow:ellipsis} \ No newline at end of file diff --git a/1704894792450/css_components/ld-progress.css b/1704894792450/css_components/ld-progress.css deleted file mode 100644 index bb7e426605..0000000000 --- a/1704894792450/css_components/ld-progress.css +++ /dev/null @@ -1 +0,0 @@ -.ld-progress,:host{--ld-progress-height:var(--ld-sp-8);--ld-progress-steps-dot-width:var(--ld-progress-height);--ld-progress-valuemin:0;--ld-progress-valuemax:100;--ld-progress-valuenow:0;--ld-progress-transition-duration:var(--ld-transition-duration-normal);--ld-progress-width:17.5rem;--ld-progress-bar-col:var(--ld-thm-primary);--ld-progress-bar-col-overflow:var(--ld-thm-error);--ld-progress-bg-col:var(--ld-col-neutral-100);--ld-progress-bg-col-overflow:var(--ld-thm-error);--ld-progress-pending-gap-col:var(--ld-progress-bg-col);--ld-progress-pending-gap-col-overflow:var(--ld-thm-error-focus);--ld-progress-steps-col:var(--ld-col-neutral-200);--ld-progress-calc-valuenow:calc(var(--ld-progress-valuenow) - var(--ld-progress-valuemin));--ld-progress-calc-valuemax:calc(var(--ld-progress-valuemax) - var(--ld-progress-valuemin));--ld-progress-calc-relative-progress:calc(var(--ld-progress-calc-valuenow) / var(--ld-progress-calc-valuemax));--ld-progress-has-overflow:max(0,min(calc((var(--ld-progress-calc-relative-progress) - 1) * 99999999999),1));border-radius:var(--ld-br-full);box-shadow:inset 0 0 0 calc((1 - max(0, min(calc((calc((0 - 0) / (100 - 0)) - 1) * 99999999999), 1))) * 99rem) var(--ld-col-neutral-100),inset 0 0 0 calc(max(0, min(calc((calc((0 - 0) / (100 - 0)) - 1) * 99999999999), 1)) * 99rem) var(--ld-col-wht-alpha-high),inset 0 0 0 calc(max(0, min(calc((calc((0 - 0) / (100 - 0)) - 1) * 99999999999), 1)) * 99rem) var(--ld-thm-error);box-shadow:inset 0 0 0 calc((1 - max(0, min(calc((calc(calc(0 - 0) / calc(100 - 0)) - 1) * 99999999999), 1))) * 99rem) var(--ld-col-neutral-100),inset 0 0 0 calc(max(0, min(calc((calc(calc(0 - 0) / calc(100 - 0)) - 1) * 99999999999), 1)) * 99rem) var(--ld-col-wht-alpha-high),inset 0 0 0 calc(max(0, min(calc((calc(calc(0 - 0) / calc(100 - 0)) - 1) * 99999999999), 1)) * 99rem) var(--ld-thm-error);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-progress-bg-col),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-high),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-progress-bg-col-overflow);display:block;height:var(--ld-sp-8);height:var(--ld-progress-height);max-width:100%;overflow:hidden;position:relative;width:17.5rem;width:var(--ld-progress-width)}.ld-progress:after,.ld-progress:before,:host:after,:host:before{content:"";display:block;height:100%;position:absolute;width:100%}.ld-progress:before,:host:before{background-color:var(--ld-progress-bar-col);opacity:calc(1 - var(--ld-progress-has-overflow));right:100%;transform:translateX(min(100%,calc(var(--ld-progress-calc-relative-progress) * 100%)));transition:transform var(--ld-progress-transition-duration) ease,opacity var(--ld-progress-transition-duration) linear}.ld-progress:after,:host:after{background-color:var(--ld-progress-bar-col-overflow);left:100%;opacity:calc(var(--ld-progress-has-overflow));transform:translateX(max(-100%,calc((var(--ld-progress-calc-relative-progress) - 1) * -100%)));transition:transform var(--ld-progress-transition-duration) ease}.ld-progress--brand-color,:host(.ld-progress--brand-color){--ld-progress-bar-col:var(--ld-col-wht);--ld-progress-bar-col-overflow:var(--ld-thm-error);--ld-progress-bg-col:var(--ld-col-wht-alpha-medium);--ld-progress-bg-col-overflow:var(--ld-thm-error);--ld-progress-pending-gap-col:var(--ld-thm-primary-hover);--ld-progress-pending-gap-col-overflow:var(--ld-col-wht);--ld-progress-steps-col:var(--ld-col-wht-alpha-medium);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-col-wht-alpha-medium),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-medium),inset 0 calc(var(--ld-progress-has-overflow) * 505rem) 500rem -500rem var(--ld-thm-error);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-progress-bg-col),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-medium),inset 0 calc(var(--ld-progress-has-overflow) * 505rem) 500rem -500rem var(--ld-progress-bg-col-overflow)}.ld-progress--steps,:host(.ld-progress--steps){--ld-progress-step-gradient:var(--ld-progress-steps-col) 0%,var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),#0000 calc(var(--ld-progress-steps-dot-width) / 2);background-blend-mode:multiply;background-image:radial-gradient(circle at left,var(--ld-progress-steps-col) 0,var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),#0000 calc(var(--ld-progress-steps-dot-width) / 2)),radial-gradient(circle at right,var(--ld-progress-steps-col) 0,var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),#0000 calc(var(--ld-progress-steps-dot-width) / 2));background-image:radial-gradient(circle at left,var(--ld-progress-step-gradient)),radial-gradient(circle at right,var(--ld-progress-step-gradient));background-position:calc(var(--ld-progress-steps-dot-width) / 2);background-repeat:repeat-x;background-size:calc((100% - var(--ld-progress-steps-dot-width) - 1px) / var(--ld-progress-calc-valuemax)) 100%;box-shadow:inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-lowest),inset 0 498rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow)}.ld-progress--steps:after,.ld-progress--steps:before,:host(.ld-progress--steps):after,:host(.ld-progress--steps):before{border-radius:var(--ld-br-full)}.ld-progress--steps:before,:host(.ld-progress--steps):before{transform:translateX(min(100%,calc(var(--ld-progress-calc-relative-progress) * (100% - var(--ld-progress-steps-dot-width)) + var(--ld-progress-steps-dot-width))))}.ld-progress--steps:after,:host(.ld-progress--steps):after{transform:translateX(max(-100%,calc(((var(--ld-progress-calc-relative-progress) - 1) * (100% - var(--ld-progress-steps-dot-width)) + var(--ld-progress-steps-dot-width) + 1px) * -1)))}.ld-progress--steps.ld-progress--brand-color,:host(.ld-progress--steps.ld-progress--brand-color){box-shadow:inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-low),inset 0 500rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow)}.ld-progress.ld-progress--indeterminate:before,:host(.ld-progress.ld-progress--indeterminate):before{transform:translateX(100%)}@keyframes ld-progress-animation-pending{0%{background-position-x:calc(-1.5rem + 1px)}to{background-position-x:0}}.ld-progress.ld-progress--pending:after,.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):after,:host(.ld-progress.ld-progress--pending):before{animation-duration:var(--ld-transition-duration-slow);animation-iteration-count:infinite;animation-timing-function:linear;background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.ld-progress.ld-progress--pending:after,.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):after,:host(.ld-progress.ld-progress--pending):before{animation-name:ld-progress-animation-pending}}.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):before{background-image:repeating-linear-gradient(-45deg,var(--ld-progress-pending-gap-col),var(--ld-progress-pending-gap-col) .5rem,var(--ld-progress-bar-col) .5rem,var(--ld-progress-bar-col) 1rem)}.ld-progress.ld-progress--pending:after,:host(.ld-progress.ld-progress--pending):after{animation-direction:reverse;background-image:repeating-linear-gradient(45deg,var(--ld-progress-pending-gap-col-overflow),var(--ld-progress-pending-gap-col-overflow) .5rem,var(--ld-progress-bar-col-overflow) .5rem,var(--ld-progress-bar-col-overflow) 1rem)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-radio.css b/1704894792450/css_components/ld-radio.css deleted file mode 100644 index 6de3a9055d..0000000000 --- a/1704894792450/css_components/ld-radio.css +++ /dev/null @@ -1 +0,0 @@ -.ld-radio,:host{--ld-radio-size:1.25rem;--ld-radio-dot-size:0.625rem;--ld-radio-bg-col:var(--ld-col-wht);--ld-radio-bg-col-hover:var(--ld-col-neutral-010);--ld-radio-bg-col-active:var(--ld-col-neutral-050);--ld-radio-disabled-col:var(--ld-col-neutral-300);--ld-radio-disabled-bg-col:var(--ld-col-neutral-100);--ld-radio-dark-bg-col:var(--ld-col-neutral-050);--ld-radio-dark-bg-col-hover:var(--ld-col-neutral-100);--ld-radio-dark-bg-col-active:var(--ld-col-neutral-300);--ld-radio-checked-col:var(--ld-col-wht);--ld-radio-checked-col-active:var(--ld-col-wht);--ld-radio-invalid-checked-col:var(--ld-col-wht);--ld-radio-invalid-checked-col-active:var(--ld-col-wht);--ld-radio-col:var(--ld-thm-primary);--ld-radio-col-hover:var(--ld-thm-primary-hover);--ld-radio-col-active:var(--ld-thm-primary-active);--ld-radio-col-focus:var(--ld-thm-primary-focus);--ld-radio-invalid-col:var(--ld-thm-error);--ld-radio-invalid-col-hover:var(--ld-thm-error-hover);--ld-radio-invalid-col-focus:var(--ld-thm-error-focus);--ld-radio-invalid-col-active:var(--ld-thm-error-active);--ld-radio-warn-col:var(--ld-thm-warning);--ld-radio-warn-col-hover:var(--ld-thm-warning-hover);--ld-radio-warn-col-focus:var(--ld-thm-warning-focus);--ld-radio-warn-col-active:var(--ld-thm-warning-active);--ld-radio-warn-checked-col:var(--ld-thm-warning-active);--ld-radio-warn-checked-col-active:var(--ld-thm-warning-hover);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:1.25rem;height:var(--ld-radio-size);min-width:auto!important;position:relative;width:1.25rem;width:var(--ld-radio-size)}.ld-radio input,:host input{-webkit-appearance:none;appearance:none;background-color:initial;bottom:0;height:100%;left:0;margin:0;position:absolute;right:0;top:0;width:100%;z-index:1}.ld-radio input:checked~.ld-radio__dot,:host input:checked~.ld-radio__dot{visibility:inherit}.ld-radio input:where(:disabled)~.ld-radio__dot,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__dot,:host input:where(:disabled)~.ld-radio__dot,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__dot{background-color:var(--ld-radio-disabled-col)}.ld-radio input:where(:disabled)~.ld-radio__box,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__box,:host input:where(:disabled)~.ld-radio__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-disabled-bg-col)}.ld-radio input:where(:disabled):checked~.ld-radio__box,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-radio__box,:host input:where(:disabled):checked~.ld-radio__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-radio__box{background-color:var(--ld-radio-disabled-bg-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__dot{background-color:var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-radio__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-radio__box,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-radio__box{background-color:var(--ld-radio-bg-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__dot{background-color:var(--ld-radio-checked-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__box{background-color:var(--ld-radio-col);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__dot{background-color:var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__box{background-color:var(--ld-radio-col-focus);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__dot,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__dot{background-color:var(--ld-radio-checked-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__box,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__box{background-color:var(--ld-radio-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box{background-color:var(--ld-radio-bg-col)}@media (hover:hover){.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-radio__box{background-color:var(--ld-radio-bg-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__dot,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__dot{color:var(--ld-radio-checked-col)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__box{background-color:var(--ld-radio-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover)}}.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col)}@media (hover:hover){.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col-hover)}}.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-radio__box,.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col-active)}.ld-radio__dot{height:var(--ld-radio-dot-size);left:50%;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:var(--ld-radio-dot-size);z-index:1}.ld-radio__box,.ld-radio__dot{pointer-events:none;position:absolute}.ld-radio__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-col-rblck4);height:100%;width:100%}.ld-radio,.ld-radio__box,.ld-radio__dot,:host{border-radius:var(--ld-br-full)}.ld-radio--highlight,:host(.ld-radio--highlight){--ld-radio-col:var(--ld-radio-warn-col);--ld-radio-col-hover:var(--ld-radio-warn-col-hover);--ld-radio-col-active:var(--ld-radio-warn-col-focus);--ld-radio-col-focus:var(--ld-radio-warn-col-active);--ld-radio-checked-col:var(--ld-radio-warn-checked-col);--ld-radio-checked-col-active:var(--ld-radio-warn-checked-col-active)}.ld-radio--danger,.ld-radio--invalid,:host(.ld-radio--danger),:host(.ld-radio--invalid){--ld-radio-col:var(--ld-radio-invalid-col);--ld-radio-col-hover:var(--ld-radio-invalid-col-hover);--ld-radio-col-active:var(--ld-radio-invalid-col-focus);--ld-radio-col-focus:var(--ld-radio-invalid-col-active);--ld-radio-checked-col:var(--ld-radio-invalid-checked-col);--ld-radio-checked-col-active:var(--ld-radio-invalid-checked-col-active)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-select-popper.shadow.css b/1704894792450/css_components/ld-select-popper.shadow.css deleted file mode 100644 index c905e16ded..0000000000 --- a/1704894792450/css_components/ld-select-popper.shadow.css +++ /dev/null @@ -1 +0,0 @@ -:host{--ld-select-popper-min-width:12.8125rem;--ld-select-popper-max-height:min(23.75rem,75vh - 1.25rem);--ld-select-popper-border-col:var(--ld-col-neutral-100);min-width:12.8125rem;min-width:var(--ld-select-popper-min-width)}.ld-select-popper{min-width:100%}.ld-select-popper:not(.ld-select-popper--expanded){display:none}.ld-select-popper ::slotted(.ld-select__shadow){border-radius:var(--ld-br-m);box-shadow:var(--ld-shadow-sticky);display:block;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.ld-select-popper__scroll-container{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m);border-top:solid var(--ld-select-popper-border-col) var(--ld-sp-1);max-height:var(--ld-select-popper-max-height);overflow-y:auto;overscroll-behavior:contain}.ld-select-popper--detached:not(.ld-select-popper--filter) .ld-select-popper__scroll-container,.ld-select-popper--pinned:not(.ld-select-popper--filter) .ld-select-popper__scroll-container{border-radius:var(--ld-br-m);border-top:0}.ld-select-popper--all-filtered .ld-select-popper__scroll-container{border-top:0}.ld-select-popper__shadow{border-radius:var(--ld-br-m);bottom:0;box-shadow:var(--ld-shadow-sticky);height:calc(100% + var(--ld-select-min-height-md));pointer-events:none;position:absolute;width:100%;z-index:-1}.ld-select-popper--detached .ld-select-popper__shadow{height:100%!important}.ld-select-popper__filter-container{align-items:center;background-color:var(--ld-col-wht);border-top:solid var(--ld-col-neutral-100) var(--ld-sp-1);color:var(--ld-col-neutral-900);display:grid;font:var(--ld-typo-label-m);grid-template-columns:1fr auto}.ld-select-popper--detached .ld-select-popper__filter-container,.ld-select-popper--pinned .ld-select-popper__filter-container{border-top:0;border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-select-popper--all-filtered .ld-select-popper__filter-container{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}.ld-select-popper__create-button{font:var(--ld-typo-label-s);line-height:var(--ld-select-trigger-line-height);margin-right:var(--ld-sp-8)}.ld-select-popper__create-button::part(button){--ld-button-padding-x-sm:var(--ld-sp-6);--ld-button-padding-y-sm:var(--ld-sp-4);min-height:0;min-width:0}.ld-select-popper__filter-input{-webkit-appearance:none;appearance:none;background-color:initial;border:0;box-sizing:border-box;color:inherit;font:inherit;height:2.5rem;line-height:var(--ld-select-trigger-line-height);outline:none;padding:var(--ld-sp-8) var(--ld-sp-12);width:100%}.ld-select-popper__filter-input::placeholder{color:var(--ld-col-neutral-600)}.ld-select-popper--detached .ld-select-popper__filter-input,.ld-select-popper--pinned .ld-select-popper__filter-input{border-top:0;border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sidenav-back.shadow.css b/1704894792450/css_components/ld-sidenav-back.shadow.css deleted file mode 100644 index 992e705aa5..0000000000 --- a/1704894792450/css_components/ld-sidenav-back.shadow.css +++ /dev/null @@ -1,3 +0,0 @@ -.ld-sidenav-back{--ld-sidenav-back-bg-inset:var(--ld-sp-6);--ld-sidenav-back-border-radius:var(--ld-br-l);--ld-sidenav-back-icon-size:var(--ld-sp-24);--ld-sidenav-back-col:var(--ld-col-neutral-800);--ld-sidenav-back-col-active:var(--ld-thm-primary-active);--ld-sidenav-back-col-hover:var(--ld-thm-primary);--ld-sidenav-back-col-focus:var(--ld-thm-primary);--ld-sidenav-back-indicator-col:#0000;--ld-sidenav-back-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-back-indicator-col-active:var(--ld-thm-primary);display:block;outline:none}@media (hover:hover){.ld-sidenav-back:where(:hover){--ld-sidenav-back-col:var(--ld-sidenav-back-col-hover);--ld-sidenav-back-indicator-col:var(--ld-col-neutral-300)}}.ld-sidenav-back:focus:focus-visible{--ld-sidenav-back-col:var(--ld-sidenav-back-col-focus);--ld-sidenav-back-indicator-col:var(--ld-sidenav-back-indicator-col-focus)}.ld-sidenav-back:active{--ld-sidenav-back-col:var(--ld-sidenav-back-col-active);--ld-sidenav-back-indicator-col:var( - --ld-sidenav-back-indicator-col-active - )}.ld-sidenav-back:active .ld-sidenav-back__bg{opacity:.3}.ld-sidenav-back--rounded{--ld-sidenav-back-border-radius:var(--ld-br-full)}.ld-sidenav-back ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y);margin-top:var(--ld-sidenav-padding-y)}.ld-sidenav-back.ld-sidenav-back--collapsed .ld-sidenav-back__bg{transform:translateX(calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)))}.ld-sidenav-back__btn-back{-webkit-touch-callout:none;align-items:center;background-color:initial;border:0;box-sizing:border-box;color:var(--ld-sidenav-back,var(--ld-col-neutral-800));cursor:pointer;display:none;font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-sp-12);grid-template-columns:auto 1fr;line-height:1;margin:var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);outline:none;padding:0;position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ld-sidenav-back__bg{bottom:calc(-1 * var(--ld-sidenav-back-bg-inset));display:block;left:calc(-1 * var(--ld-sidenav-back-bg-inset));opacity:.2;pointer-events:none;position:absolute;right:calc(-1 * var(--ld-sidenav-back-bg-inset));top:calc(-1 * var(--ld-sidenav-back-bg-inset));transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-back__btn-back-label,.ld-sidenav-back__icon{position:relative;z-index:0}.ld-sidenav-back__bg-center,.ld-sidenav-back__bg-left,.ld-sidenav-back__bg-right{background-color:var(--ld-sidenav-back-indicator-col);bottom:0;pointer-events:all;position:absolute;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-back__bg-left,.ld-sidenav-back__bg-right{width:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6))}.ld-sidenav-back__bg-left{border-bottom-left-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));border-top-left-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));left:0}.ld-sidenav-back__bg-right{border-bottom-right-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));border-top-right-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));right:0}.ld-sidenav-back--collapsed .ld-sidenav-back__bg-right{transform:translateX(calc(-1 * var(--ld-sidenav-translate-x-delta) - 1px))}.ld-sidenav-back__bg-center{left:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));right:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));transform-origin:left}.ld-sidenav-back--collapsed .ld-sidenav-back__bg-center{transform:scaleX(0)}.ld-sidenav-back--is-back .ld-sidenav-back__btn-back{display:grid}.ld-sidenav-back--is-back .ld-sidenav-back__slot-container{display:none}.ld-sidenav-back__icon{align-items:center;aspect-ratio:1;display:flex;justify-content:center;position:relative;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-back--collapsed .ld-sidenav-back__icon{transform:translateX(var(--ld-sidenav-translate-x-delta))}.ld-sidenav-back__icon:before{background-color:var(--ld-thm-primary-active);border-radius:var(--ld-br-full);content:"";height:var(--ld-sidenav-back-icon-size);overflow:hidden;position:absolute;width:var(--ld-sidenav-back-icon-size);z-index:-1}.ld-sidenav-back__btn-back-label{color:var(--ld-sidenav-back-col);overflow:hidden;padding-right:var(--ld-sp-6);position:relative;text-overflow:ellipsis;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;white-space:nowrap}.ld-sidenav-back--collapsed .ld-sidenav-back__btn-back-label{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta))} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sidenav-navitem.shadow.css b/1704894792450/css_components/ld-sidenav-navitem.shadow.css deleted file mode 100644 index 37cfe56af6..0000000000 --- a/1704894792450/css_components/ld-sidenav-navitem.shadow.css +++ /dev/null @@ -1,27 +0,0 @@ -:host{display:flex}:host([slot=toggle]) .ld-sidenav-navitem__bg{width:var(--ld-sidenav-navitem-bg-width)}.ld-sidenav-navitem{--ld-sidenav-navitem-height:var(--ld-sp-32);--ld-sidenav-navitem-icon-font-size:90%;--ld-sidenav-navitem-indicator-additional-border-radius:var(--ld-sp-4);--ld-sidenav-navitem-col:var(--ld-col-neutral-800);--ld-sidenav-navitem-col-active:var(--ld-thm-primary-active);--ld-sidenav-navitem-col-hover:var(--ld-thm-primary);--ld-sidenav-navitem-col-focus:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col:#0000;--ld-sidenav-navitem-indicator-col-active:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col-hover:var(--ld-col-neutral-050);--ld-sidenav-navitem-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-navitem-indicator-col-selected:var(--ld-col-neutral-050);--ld-sidenav-navitem-indicator-col-selected-active:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col-selected-hover:var(--ld-col-neutral-100);--ld-sidenav-navitem-indicator-col-selected-focus:var( - --ld-thm-primary-focus - );--ld-sidenav-navitem-secondary-icon-color:var(--ld-thm-primary);-webkit-touch-callout:none;align-items:center;background-color:initial;border:0;box-sizing:border-box;color:var(--ld-col-neutral-800);color:var(--ld-sidenav-navitem-col);cursor:pointer;display:grid;flex-grow:1;font:var(--ld-typo-body-s);font-weight:700;grid-template-columns:var(--ld-sidenav-navitem-icon-size) 1fr auto;margin:0 var(--ld-sidenav-padding-x);outline:none;padding:0;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ld-sidenav-navitem:not(.ld-sidenav-navitem--secondary):not(.ld-sidenav-navitem--tertiary):not(.ld-sidenav-navitem--in-accordion){transform:translateY(0);transform:translateY(var( - --ld-sidenav-navitem-move-up-closable,var(--ld-sidenav-navitem-move-up,0) - ));transition:var(--ld-sidenav-stack-to-top-transition)}.ld-sidenav-navitem.ld-sidenav-navitem--collapsed.ld-sidenav-navitem--secondary,.ld-sidenav-navitem.ld-sidenav-navitem--collapsed.ld-sidenav-navitem--tertiary{transition:visibility 0s calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear;visibility:hidden}.ld-sidenav-navitem.ld-sidenav-navitem--collapsed:not(.ld-sidenav-navitem--secondary):not(.ld-sidenav-navitem--tertiary){transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem.ld-sidenav-navitem--collapsed:not(.ld-sidenav-navitem--right-aligned) .ld-sidenav-navitem__bg{transform:translateX(calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)))}.ld-sidenav-navitem--in-accordion{margin:0}.ld-sidenav-navitem:active{--ld-sidenav-navitem-col:var(--ld-thm-primary-active);--ld-sidenav-navitem-indicator-col:var( - --ld-sidenav-navitem-indicator-col-active - )}.ld-sidenav-navitem:active .ld-sidenav-navitem__bg{opacity:.3}@media (hover:hover){.ld-sidenav-navitem:where(:hover){--ld-sidenav-navitem-col:var(--ld-sidenav-navitem-col-hover);--ld-sidenav-navitem-indicator-col:var( - --ld-sidenav-navitem-indicator-col-hover - )}}.ld-sidenav-navitem:focus:focus-visible{--ld-sidenav-navitem-col:var(--ld-sidenav-navitem-col-focus);--ld-sidenav-navitem-indicator-col:var( - --ld-sidenav-navitem-indicator-col-focus - )}.ld-sidenav-navitem:focus:focus-visible .ld-sidenav-navitem__bg{opacity:.2}.ld-sidenav-navitem:focus:focus-visible:active{--ld-sidenav-navitem-col:var(--ld-sidenav-navitem-col-active);--ld-sidenav-navitem-indicator-col:var( - --ld-sidenav-navitem-indicator-col-active - )}.ld-sidenav-navitem:focus:focus-visible:active .ld-sidenav-navitem__bg{opacity:.3}.ld-sidenav-navitem--selected{--ld-sidenav-navitem-col:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col:var( - --ld-sidenav-navitem-indicator-col-selected - )}.ld-sidenav-navitem--selected:active{--ld-sidenav-navitem-indicator-col:var( - --ld-sidenav-navitem-indicator-col-selected-active - )}@media (hover:hover){.ld-sidenav-navitem--selected:where(:hover){--ld-sidenav-navitem-indicator-col:var( - --ld-sidenav-navitem-indicator-col-selected-hover - )}}.ld-sidenav-navitem--selected:focus:focus-visible{--ld-sidenav-navitem-indicator-col:var( - --ld-sidenav-navitem-indicator-col-selected-focus - )}.ld-sidenav-navitem--selected:focus:focus-visible:active{--ld-sidenav-navitem-indicator-col:var( - --ld-sidenav-navitem-indicator-col-selected-active - )}.ld-sidenav-navitem--rounded{--ld-sidenav-navitem-border-radius:calc(0.5 * var(--ld-sidenav-navitem-icon-size))}.ld-sidenav-navitem--tertiary{gap:0;grid-template-columns:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-8)) 1fr auto;margin-left:var(--ld-sidenav-navitem-tertiary-indent);width:var(--ld-sidenav-navitem-tertiary-width)}.ld-sidenav-navitem__bg{bottom:calc(-1 * var(--ld-sidenav-navitem-bg-inset));display:block;left:calc(-1 * var(--ld-sidenav-navitem-bg-inset));pointer-events:none;position:absolute;right:calc(-1 * var(--ld-sidenav-navitem-bg-inset));top:calc(-1 * var(--ld-sidenav-navitem-bg-inset));transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem__bg-center,.ld-sidenav-navitem__bg-left,.ld-sidenav-navitem__bg-right{background-color:var(--ld-sidenav-navitem-indicator-col);bottom:0;pointer-events:all;position:absolute;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem__bg-left,.ld-sidenav-navitem__bg-right{width:calc(.5 * var(--ld-sidenav-navitem-icon-size) + 2 * var(--ld-sidenav-navitem-indicator-additional-border-radius))}.ld-sidenav-navitem__bg-left{border-bottom-left-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));border-top-left-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));left:0}.ld-sidenav-navitem__bg-right{border-bottom-right-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));border-top-right-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));right:0}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__bg-right{transform:translateX(calc(-1 * (var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed))))}.ld-sidenav-navitem--collapsed.ld-sidenav-navitem--in-accordion .ld-sidenav-navitem__bg-right{transform:translateX(calc((var(--ld-sidenav-translate-x-delta) - var(--ld-sidenav-navitem-icon-size) + 0px) * -1));transform:translateX(calc((var(--ld-sidenav-translate-x-delta) - var(--ld-sidenav-navitem-icon-size) + var(--ld-sidenav-navitem-bg-right-x-delta, 0px)) * -1))}.ld-sidenav-navitem__bg-center{left:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sidenav-navitem-indicator-additional-border-radius));right:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sidenav-navitem-indicator-additional-border-radius));transform-origin:left}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__bg-center{transform:scaleX(0)}.ld-sidenav-navitem__dot,.ld-sidenav-navitem__slot-container,.ld-sidenav-navitem__slot-container-icon{position:relative;z-index:0}.ld-sidenav-navitem__dot{align-self:center;display:none;flex-shrink:0;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__dot{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot{align-items:center;display:flex;justify-content:center;padding:var(--ld-sp-8) 0}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot:before,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot:before{aspect-ratio:1;background-color:var( - --ld-sidenav-navitem-icon-bg-col,var(--ld-thm-primary) - );border-radius:var(--ld-br-s);content:"";display:block;width:var(--ld-sp-8)}.ld-sidenav-navitem--rounded.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot:before,.ld-sidenav-navitem--rounded.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot:before{border-radius:var(--ld-br-full)}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot{width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot{width:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-8))}.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot:before{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-sidenav-navitem-icon-bg-col,var(--ld-thm-primary))}.ld-sidenav-navitem__slot-container-icon{align-items:center;background-color:var( - --ld-sidenav-navitem-icon-bg-col,var(--ld-thm-primary) - );border-radius:var(--ld-sidenav-navitem-border-radius);color:var(--ld-sidenav-navitem-icon-col,var(--ld-thm-secondary-focus));display:flex;flex-shrink:0;height:var(--ld-sidenav-navitem-icon-size);justify-content:center;position:relative;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-navitem-icon-size);z-index:1}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__slot-container-icon,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__slot-container-icon{display:none}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__slot-container-icon{transform:translateX(var(--ld-sidenav-translate-x-delta))}.ld-sidenav-navitem__slot-container-icon>::slotted(*){border-radius:calc(var(--ld-sidenav-navitem-border-radius));height:100%;transform:scale(1.01);width:100%}.ld-sidenav-navitem__tooltip{bottom:calc(-1 * var(--ld-sidenav-navitem-bg-inset));left:calc(-1 * var(--ld-sidenav-navitem-bg-inset));pointer-events:all;position:absolute;right:calc(-1 * var(--ld-sidenav-navitem-bg-inset));top:calc(-1 * var(--ld-sidenav-navitem-bg-inset));z-index:1}.ld-sidenav-navitem__tooltip-trigger{aspect-ratio:1;border-radius:var(--ld-sidenav-navitem-border-radius);cursor:pointer;position:relative;width:calc(var(--ld-sidenav-navitem-icon-size) + 2 * var(--ld-sidenav-navitem-bg-inset))}.ld-sidenav-navitem--rounded .ld-sidenav-navitem__tooltip-trigger{border-radius:var(--ld-br-full)}.ld-sidenav-navitem__slot-container{line-height:var(--ld-sidenav-line-height);margin-left:var(--ld-sp-12);margin-right:auto;max-height:var(--ld-sidenav-navitem-height);padding-right:var(--ld-sp-4);transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--secondary-icon .ld-sidenav-navitem__slot-container{padding-right:var(--ld-sp-12)}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__slot-container{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__slot-container,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__slot-container{padding-left:0}.ld-sidenav-navitem__mainline,.ld-sidenav-navitem__subline{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ld-sidenav-navitem--subline .ld-sidenav-navitem__mainline,.ld-sidenav-navitem__subline{-webkit-line-clamp:1}.ld-sidenav-navitem__subline{color:var(--ld-col-neutral-700);font:var(--ld-typo-body-s);line-height:var(--ld-sidenav-line-height)}.ld-sidenav-navitem__slot-icon-secondary-container{color:var(--ld-sidenav-navitem-secondary-icon-color);display:flex;flex-shrink:0;margin-right:var(--ld-sp-12);position:relative;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__slot-icon-secondary-container{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--in-accordion .ld-sidenav-navitem__slot-icon-secondary-container{margin-right:var(--ld-sp-4)}.ld-sidenav-navitem__abbr{font:var(--ld-typo-cap-m);font-size:var(--ld-sidenav-navitem-icon-font-size);text-transform:uppercase}.ld-sidenav-navitem__icon-to{transform:translateX(var(--ld-sp-6))} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sidenav-scroller-internal.shadow.css b/1704894792450/css_components/ld-sidenav-scroller-internal.shadow.css deleted file mode 100644 index 90882edb33..0000000000 --- a/1704894792450/css_components/ld-sidenav-scroller-internal.shadow.css +++ /dev/null @@ -1 +0,0 @@ -:host{--ld-scroll-shadow-height:1.5rem;--ld-scroll-shadow-intensity:0.1;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;overscroll-behavior:none;padding-right:var(--ld-sp-32);scrollbar-width:none;width:100%}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}:host ::slotted(ld-sidenav-heading:first-child),:host ::slotted(ld-sidenav-navitem:first-child){margin-top:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y);will-change:opacity}:host(.ld-sidenav-scroller-internal--relative){position:relative}:host(.ld-sidenav-scroller-internal--relative) .ld-sidenav-scroller-internal__hr-bottom,:host(.ld-sidenav-scroller-internal--relative) .ld-sidenav-scroller-internal__hr-top{position:sticky}:host(.ld-sidenav-scroller-internal--collapsed) .ld-sidenav-scroller-internal__shadow-bottom,:host(.ld-sidenav-scroller-internal--collapsed) .ld-sidenav-scroller-internal__shadow-top{transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (50% - (.5 * var(--ld-sidenav-width-collapsed)))))}.ld-sidenav-scroller-internal__shadow-bottom,.ld-sidenav-scroller-internal__shadow-top{height:0;left:0;opacity:0;pointer-events:none;position:sticky;transition:opacity var(--ld-sidenav-transition-duration) linear,transform var(--ld-sidenav-transition-duration) ease;width:100%;z-index:1}.ld-sidenav-scroller-internal__shadow-bottom:after,.ld-sidenav-scroller-internal__shadow-top:after{content:"";display:block;height:var(--ld-scroll-shadow-height);width:100%}.ld-sidenav-scroller-internal__shadow-top{top:0}.ld-sidenav-scroller-internal__shadow-top:after{background:radial-gradient(farthest-side at 50% 0,rgb(0,0,0,var(--ld-scroll-shadow-intensity)),#0000) 0 100% no-repeat}.ld-sidenav-scroller-internal__shadow-bottom{top:100%}.ld-sidenav-scroller-internal__shadow-bottom:after{background:radial-gradient(farthest-side at 50% 100%,rgb(0,0,0,var(--ld-scroll-shadow-intensity)),#0000) 0 100% no-repeat;transform:translateY(-100%)}.ld-sidenav-scroller-internal__hr-bottom,.ld-sidenav-scroller-internal__hr-top{margin-bottom:0;margin-top:0;position:absolute;width:calc(100% - 2 * var(--ld-sidenav-padding-x))}.ld-sidenav-scroller-internal__hr-top{top:0}.ld-sidenav-scroller-internal__hr-bottom{top:calc(100% - var(--ld-sp-1) * 1.5)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sidenav.shadow.css b/1704894792450/css_components/ld-sidenav.shadow.css deleted file mode 100644 index 34c34f4608..0000000000 --- a/1704894792450/css_components/ld-sidenav.shadow.css +++ /dev/null @@ -1,9 +0,0 @@ -:host{--ld-sidenav-line-height:1.15;--ld-sidenav-padding-x:1rem;--ld-sidenav-padding-y:1rem;--ld-sidenav-padding:var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);--ld-sidenav-toggle-size:var(--ld-sp-24);--ld-sidenav-toggle-top:calc(2 * var(--ld-sidenav-padding-y) + var(--ld-sidenav-navitem-icon-size) - 0.5 * var(--ld-sidenav-toggle-size));--ld-sidenav-translate-x-delta:calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed));--ld-sidenav-width:15.625rem;--ld-sidenav-width-collapsed:calc(2 * var(--ld-sidenav-padding-x) + var(--ld-sidenav-navitem-icon-size));--ld-sidenav-width-fully-collapsed:calc(-1 * var(--ld-sp-1));--ld-sidenav-navitem-active-indicator-border-width:0.1875rem;--ld-sidenav-navitem-icon-size:var(--ld-sp-32);--ld-sidenav-navitem-bg-inset:var(--ld-sp-6);--ld-sidenav-navitem-border-radius:var(--ld-br-l);--ld-sidenav-navitem-tertiary-indent:calc(3 * var(--ld-sidenav-padding-x) + 0.3125rem);--ld-sidenav-navitem-tertiary-width:calc(100% - (4 * var(--ld-sidenav-padding-x)) - 0.3125rem);--ld-sidenav-collapse-content-transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;--ld-sidenav-transition-delay:0s;--ld-sidenav-transition-delay-collapse-expand:0s;--ld-sidenav-transition-duration:var(--ld-transition-duration-instant);--ld-sidenav-transition-duration-collapse-expand:var( - --ld-transition-duration-instant - );--ld-sidenav-translate-x-direction:1;--ld-sidenav-stack-to-top-transition:transform var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) ease;--ld-sidenav-bg-color:var(--ld-col-wht);--ld-sidenav-separator-line-bg-col:var(--ld-col-neutral-100);--ld-sidenav-subnav-bg-color:var(--ld-col-wht)}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--transitions){--ld-sidenav-transition-duration:var(--ld-transition-duration-normal);--ld-sidenav-transition-duration-collapse-expand:var( - --ld-transition-duration-normal - );--ld-sidenav-transition-delay:var(--ld-transition-duration-quick);--ld-sidenav-transition-delay-collapse-expand:var( - --ld-transition-duration-quick - )}}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--toggle-transition-disabled){--ld-sidenav-transition-duration-collapse-expand:var( - --ld-transition-duration-instant - );--ld-sidenav-transition-delay-collapse-expand:0s}}:host{background-color:var(--ld-sidenav-bg-color);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font:var(--ld-typo-body-m);left:0;overflow:hidden;position:fixed;position:var(--ld-sidenav-position,fixed);text-align:left;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-width);z-index:1;z-index:var(--ld-sidenav-z-index,1)}:host:before{background-color:var(--ld-sidenav-separator-line-bg-col);bottom:0;content:"";position:absolute;right:0;top:0;width:var(--ld-sp-2);z-index:2}:host .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--closable:not(.ld-sidenav--open)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:hidden}:host(.ld-sidenav--collapsed:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-fully-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__content{opacity:0;visibility:hidden}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible.ld-sidenav--transitions:not(.ld-sidenav--closable)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--right){--ld-sidenav-translate-x-direction:-1;--ld-sidenav-translate-x-delta:0;left:auto;right:0}:host(.ld-sidenav--right):before{left:0;right:auto;transform:translateX(-50%) scaleX(1.5)}:host(.ld-sidenav--closable){--ld-sidenav-collapse-content-transition:none;--ld-sidenav-stack-to-top-transition:none;--ld-sidenav-navitem-move-up-closable:0;--ld-sidenav-translate-x-delta:0;transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * -100%));width:100%}:host(.ld-sidenav--closable.ld-sidenav--open){transform:translateX(0)}:host ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-navitem[slot=bottom]),:host ::slotted(ld-sidenav-navitem[slot=top]){margin-top:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-heading){margin:var(--ld-sidenav-padding-y) 0}.ld-sidenav__toggle{-webkit-touch-callout:none;align-content:center;aspect-ratio:1;background-color:var(--ld-col-wht);border:0;border-radius:var(--ld-br-full);box-shadow:var(--ld-shadow-stacked);color:var(--ld-thm-primary);cursor:pointer;display:grid;justify-content:center;outline-offset:var(--ld-sp-4);place-content:center;position:absolute;right:0;top:var(--ld-sidenav-toggle-top);touch-action:manipulation;transform:translateX(50%);width:var(--ld-sidenav-toggle-size);will-change:transform;z-index:1}.ld-sidenav__toggle:before{bottom:0;left:0;right:0;top:0}.ld-sidenav__toggle:after,.ld-sidenav__toggle:before{border-radius:inherit;content:"";display:block;position:absolute}.ld-sidenav__toggle:after{bottom:calc(-1 * var(--ld-sp-6));left:calc(-1 * var(--ld-sp-6));right:calc(-1 * var(--ld-sp-6));top:calc(-1 * var(--ld-sp-6))}.ld-sidenav__toggle:focus:focus-visible:not(:active),.ld-sidenav__toggle:hover:not(:active){box-shadow:var(--ld-shadow-sticky)}.ld-sidenav__toggle:where(:focus:focus-visible){color:var(--ld-thm-primary-hover)}.ld-sidenav__toggle:where(:focus:focus-visible):before{background-color:var(--ld-thm-primary-alpha-low)}@media (hover:hover){.ld-sidenav__toggle:where(:hover){color:var(--ld-thm-primary-hover)}}.ld-sidenav__toggle:where(:active),.ld-sidenav__toggle:where(:active:focus-visible){color:var(--ld-thm-primary-active)}:host(.ld-sidenav--right) .ld-sidenav__toggle{left:0;right:auto;transform:translateX(-50%)}.ld-sidenav__toggle-icon{position:relative;transform-origin:center}:host(.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:none}.ld-sidenav__content{display:flex;flex-direction:column;height:100%;overflow:hidden;will-change:transform}.ld-sidenav__slot-container-default{height:100%;position:relative}.ld-sidenav__slot-container-bottom,.ld-sidenav__slot-container-top{background-color:var(--ld-sidenav-bg-color);position:relative;z-index:1}.ld-sidenav__slot-container-bottom:before,.ld-sidenav__slot-container-default:before,.ld-sidenav__slot-container-top:before{background-color:var(--ld-sidenav-subnav-bg-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:visible;z-index:0}:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-bottom:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-default:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-top:before{opacity:1}.ld-sidenav__fully-collapsed-click-area{bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:1}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__fully-collapsed-click-area{display:block} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sr-only.css b/1704894792450/css_components/ld-sr-only.css deleted file mode 100644 index 522c93be01..0000000000 --- a/1704894792450/css_components/ld-sr-only.css +++ /dev/null @@ -1 +0,0 @@ -.ld-sr-only,:host{clip:rect(0,0,0,0);border-width:0;height:var(--ld-sp-1);overflow:hidden;padding:0;position:absolute;width:var(--ld-sp-1)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-stepper.css b/1704894792450/css_components/ld-stepper.css deleted file mode 100644 index 0a9ab0ef88..0000000000 --- a/1704894792450/css_components/ld-stepper.css +++ /dev/null @@ -1 +0,0 @@ -.ld-stepper,:host{--ld-stepper-gap:var(--ld-stepper-gap-md);--ld-stepper-gap-sm:var(--ld-sp-16);--ld-stepper-gap-md:1.25rem;--ld-stepper-gap-lg:var(--ld-sp-24);display:block}.ld-stepper ol,:host ol{grid-gap:var(--ld-stepper-gap);display:grid;gap:var(--ld-stepper-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:100%;padding:0}.ld-stepper--vertical ol,:host(.ld-stepper--vertical) ol{flex-direction:column;grid-auto-flow:row;grid-auto-rows:1fr}.ld-stepper--fit-content ol,:host(.ld-stepper--fit-content) ol{display:flex}.ld-stepper--sm,:host(.ld-stepper--sm){--ld-stepper-gap:var(--ld-stepper-gap-sm)}.ld-stepper--lg,:host(.ld-stepper--lg){--ld-stepper-gap:var(--ld-stepper-gap-lg)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-tab.shadow.css b/1704894792450/css_components/ld-tab.shadow.css deleted file mode 100644 index 90a0e72360..0000000000 --- a/1704894792450/css_components/ld-tab.shadow.css +++ /dev/null @@ -1,5 +0,0 @@ -:host{--ld-tab-font:var(--ld-typo-body-m);--ld-tab-gap:0.625rem;--ld-tab-min-height:2.5rem;--ld-tab-disabled-opacity:1;--ld-tab-disabled-content-opacity:0.25;--ld-tab-padding-x:0.875rem;--ld-tab-padding-y:0.75rem;--ld-tab-bg-col-active:var(--ld-col-neutral-200);--ld-tab-bg-col-focus:var(--ld-col-neutral-600);--ld-tab-bg-col-hover:var(--ld-col-neutral-100);--ld-tab-bg-col:var(--ld-col-neutral-010);--ld-tab-disabled-bg-col-focus:var(--ld-col-neutral-400);--ld-tab-disabled-text-col-focus:var(--ld-col-wht);--ld-tab-disabled-text-col:var(--ld-col-neutral-900);--ld-tab-text-col-focus:var(--ld-col-neutral-100);--ld-tab-text-col:var(--ld-col-neutral-900);--ld-tab-selected-border-col-focus:var(--ld-thm-primary-focus);--ld-tab-selected-border-col:var(--ld-thm-primary);--ld-tab-selected-text-col-focus:var(--ld-thm-primary-focus);--ld-tab-selected-text-col:var(--ld-thm-primary)}.ld-tab{-webkit-touch-callout:none;align-items:center;background-color:var(--ld-tab-bg-col);border:0;border-radius:0;border-radius:var(--ld-tab-border-radius,0);box-sizing:border-box;color:var(--ld-tab-text-col);display:grid;font:var(--ld-tab-font);font-weight:700;grid-template-columns:minmax(0,var(--ld-sp-16)) max-content minmax(0,var(--ld-sp-16));justify-content:center;line-height:1;margin:0;min-height:var(--ld-tab-min-height);padding:var(--ld-tab-padding-y) var(--ld-tab-padding-x);position:relative;scroll-snap-align:start;text-align:center;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap}.ld-tab[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-tab-disabled-text-col);opacity:var(--ld-tab-disabled-opacity)}.ld-tab[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) .ld-tab__content{opacity:var(--ld-tab-disabled-content-opacity)}.ld-tab:after{bottom:0;content:"";display:block;display:var(--ld-tab-selected-border-display,block);height:var(--ld-tab-indicator-height);left:0;position:absolute;right:0;top:auto;z-index:3}.ld-tab[aria-selected=true]{background-color:var(--ld-tab-bg-col);color:var(--ld-tab-selected-text-col)}.ld-tab[aria-selected=true]:after{background-color:var(--ld-tab-selected-border-col)}.ld-tab:focus:focus-visible{--ld-tab-disabled-content-opacity:0.5;background-color:var(--ld-tab-bg-col-focus);outline:none}.ld-tab:focus:focus-visible:not(:active){color:var(--ld-tab-text-col-focus)}.ld-tab:focus:focus-visible[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-tab-disabled-bg-col-focus);color:var(--ld-tab-disabled-text-col-focus)}.ld-tab:focus:focus-visible[aria-selected=true]:not(:active){color:var(--ld-tab-selected-text-col-focus)}.ld-tab:focus:focus-visible[aria-selected=true]:after{background-color:var(--ld-tab-selected-border-col-focus)}.ld-tab:focus:focus-visible:not([aria-selected=true]):after{background-color:inherit}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}@media (hover:hover){.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{background-color:var(--ld-tab-bg-col-hover)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover[aria-selected=true]{background-color:var( - --ld-tab-selected-bg-col-hover,var(--ld-tab-bg-col-hover) - )}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not([aria-selected=true]){color:var(--ld-tab-text-col-hover)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not([aria-selected=true]):after{background-color:inherit}}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus,.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible{background-color:var(--ld-tab-bg-col-active)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible[aria-selected=true],.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus[aria-selected=true]{background-color:var( - --ld-tab-selected-bg-col-active,var(--ld-tab-bg-col-active) - )}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible:not([aria-selected=true]):after,.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:not([aria-selected=true]):after{background-color:inherit}.ld-tab ::slotted(.ld-icon),.ld-tab ::slotted(ld-icon){height:0}.ld-tab__spacer{display:inline-flex;flex-shrink:1;width:var(--ld-sp-16)}.ld-tab__content{grid-gap:var(--ld-tab-gap);align-items:center;display:grid;gap:var(--ld-tab-gap);grid-auto-flow:column} \ No newline at end of file diff --git a/1704894792450/css_components/ld-table-cell.shadow.css b/1704894792450/css_components/ld-table-cell.shadow.css deleted file mode 100644 index 3d34d303c3..0000000000 --- a/1704894792450/css_components/ld-table-cell.shadow.css +++ /dev/null @@ -1 +0,0 @@ -:host{display:contents}td{background-color:inherit;max-width:inherit;min-width:inherit;padding:var(--ld-table-cell-padding-y) var(--ld-table-cell-padding-x)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-table-header.shadow.css b/1704894792450/css_components/ld-table-header.shadow.css deleted file mode 100644 index fa217baa1c..0000000000 --- a/1704894792450/css_components/ld-table-header.shadow.css +++ /dev/null @@ -1 +0,0 @@ -:host{display:contents}th{background-color:inherit;font:inherit;max-width:inherit;min-width:inherit;padding:var(--ld-table-cell-padding-y) var(--ld-table-cell-padding-x)}.ld-table-header--sortable{cursor:pointer}.ld-table-header__sort-buttons{display:inline-grid;margin:-1.2rem calc(-1 * var(--ld-sp-8)) -1rem var(--ld-sp-6);vertical-align:middle}.ld-table-header__sort-buttons ld-button::part(button){min-height:0} \ No newline at end of file diff --git a/1704894792450/css_components/ld-table.css b/1704894792450/css_components/ld-table.css deleted file mode 100644 index d7016e5183..0000000000 --- a/1704894792450/css_components/ld-table.css +++ /dev/null @@ -1 +0,0 @@ -.ld-table,:host{--ld-table-bg-col:var(--ld-col-wht);--ld-table-border-col:var(--ld-col-neutral-200);--ld-table-toolbar-bg-col:var(--ld-col-neutral-050);--ld-table-layout:auto;--ld-table-row-outline-width:var(--ld-sp-1);--ld-table-row-outline:var(--ld-table-row-outline-width) var(--ld-table-border-col) solid;--ld-table-row-outline-half:calc(0.5 * var(--ld-table-row-outline-width)) var(--ld-table-border-col) solid;--ld-table-cell-padding-x:var(--ld-sp-16);--ld-table-cell-padding-y:var(--ld-sp-12);--ld-table-toolbar-padding-y:var(--ld-sp-16);--ld-table-typo:var(--ld-typo-h6);--ld-table-white-space:nowrap;--ld-table-head-gradient:linear-gradient(to top,var(--ld-table-border-col),var(--ld-table-border-col) calc(var(--ld-sp-1) * 0.75),var(--ld-table-bg-col) calc(var(--ld-sp-1) * 0.75),var(--ld-table-bg-col));--ld-table-selection-wrapper-border-width-top:calc(var(--ld-sp-1) * 0.5);--ld-table-selection-wrapper-border-width-bottom:calc(var(--ld-sp-1) * 0.5);background-color:var(--ld-col-neutral-200);background-color:var(--ld-table-border-col);border-radius:var(--ld-br-l);box-sizing:border-box;display:flex;flex-direction:column;font:var(--ld-typo-h6);font:var(--ld-table-typo);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;position:relative}.ld-table table,:host table{background-color:var(--ld-table-bg-col);border-collapse:collapse;table-layout:var(--ld-table-layout);text-align:left;white-space:var(--ld-table-white-space);width:100%}.ld-table tbody,.ld-table td,.ld-table th,.ld-table thead,:host tbody,:host td,:host th,:host thead{background-color:inherit;font:inherit}.ld-table .ld-table__toolbar,.ld-table ::slotted(ld-table-toolbar),:host .ld-table__toolbar,:host ::slotted(ld-table-toolbar){align-items:center;background-color:var(--ld-table-toolbar-bg-col);border-top-left-radius:calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));border-top-right-radius:calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));box-sizing:border-box;display:flex;gap:var(--ld-sp-12);justify-content:flex-start;min-height:var(--ld-sp-40);overflow-x:auto;overflow-y:hidden;overflow:auto hidden;padding-left:var(--ld-table-cell-padding-x);padding-right:var(--ld-table-cell-padding-x);position:relative;white-space:nowrap;z-index:3}.ld-table .ld-table__toolbar>ld-pagination,.ld-table ::slotted(ld-table-toolbar)>ld-pagination,:host .ld-table__toolbar>ld-pagination,:host ::slotted(ld-table-toolbar)>ld-pagination{flex-shrink:0;overflow-x:hidden;padding-bottom:var(--ld-sp-8);padding-top:var(--ld-sp-4);transform:translateY(var(--ld-sp-2))}.ld-table .ld-table__toolbar>ld-pagination:first-child,.ld-table ::slotted(ld-table-toolbar)>ld-pagination:first-child,:host .ld-table__toolbar>ld-pagination:first-child,:host ::slotted(ld-table-toolbar)>ld-pagination:first-child{margin-left:calc(-1 * var(--ld-sp-8))}.ld-table .ld-table__toolbar>ld-pagination:last-child,.ld-table ::slotted(ld-table-toolbar)>ld-pagination:last-child,:host .ld-table__toolbar>ld-pagination:last-child,:host ::slotted(ld-table-toolbar)>ld-pagination:last-child{margin-right:calc(-1 * var(--ld-sp-8))}.ld-table .ld-table__toolbar,.ld-table ::slotted(ld-table-toolbar),.ld-table thead,:host .ld-table__toolbar,:host ::slotted(ld-table-toolbar),:host thead{outline:var(--ld-table-row-outline)}.ld-table tr,:host tr{outline:var(--ld-table-row-outline-half)}.ld-table td,.ld-table th,:host td,:host th{padding:var(--ld-table-cell-padding-y) var(--ld-table-cell-padding-x)}.ld-table thead,:host thead{background-image:var(--ld-table-head-gradient);position:sticky;top:0;z-index:2}.ld-table.ld-table{border:solid var(--ld-sp-1) var(--ld-table-border-col)}.ld-table__scroll-container{height:inherit;max-height:inherit;overflow:auto} \ No newline at end of file diff --git a/1704894792450/css_components/ld-toggle.css b/1704894792450/css_components/ld-toggle.css deleted file mode 100644 index d8bc9cfd68..0000000000 --- a/1704894792450/css_components/ld-toggle.css +++ /dev/null @@ -1 +0,0 @@ -.ld-toggle,:host{--ld-toggle-height:2rem;--ld-toggle-width:3.375rem;--ld-toggle-inner-space:0.125rem;--ld-toggle-with-icons-width:4.5rem;--ld-toggle-lg-height:2.5rem;--ld-toggle-lg-width:4.1875rem;--ld-toggle-lg-inner-space:0.1875rem;--ld-toggle-lg-with-icons-width:6rem;--ld-toggle-border-radius:var(--ld-br-full);--ld-toggle-knob-border-radius:var(--ld-br-full);--ld-toggle-input-bg-col:var(--ld-col-neutral-600);--ld-toggle-icon-start-col:var(--ld-col-wht);--ld-toggle-icon-end-col:var(--ld-col-neutral-900);--ld-toggle-knob-bg-col:var(--ld-col-wht);--ld-toggle-checked-icon-start-col:var(--ld-col-neutral-900);--ld-toggle-checked-icon-end-col:var(--ld-col-wht);--ld-toggle-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-disabled-icon-col:var(--ld-col-neutral-200);--ld-toggle-disabled-knob-bg-col:var(--ld-col-wht);--ld-toggle-with-icons-input-bg-col:var(--ld-col-neutral-100);--ld-toggle-with-icons-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-checked-bg-col:var(--ld-thm-primary);--ld-toggle-invalid-input-bg-col:var(--ld-thm-error);--ld-toggle-invalid-knob-bg-col:var(--ld-thm-error);--ld-toggle-with-icons-knob-col:var(--ld-thm-primary);align-items:center;display:flex;height:2rem;height:var(--ld-toggle-height);min-width:auto!important;position:relative;width:3.375rem;width:var(--ld-toggle-width)}.ld-toggle input,:host input{-webkit-appearance:none;appearance:none;background-color:var(--ld-toggle-input-bg-col);border-radius:var(--ld-toggle-border-radius);height:100%;margin:0;position:absolute;transition:background-color var(--ld-transition-duration-normal) ease-in-out;width:100%;z-index:0}.ld-toggle input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),:host input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-toggle input:checked,:host input:checked{background-color:var(--ld-toggle-checked-bg-col)}.ld-toggle input:checked:disabled,.ld-toggle input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:checked:disabled,:host input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:checked~.ld-toggle__knob,:host input:checked~.ld-toggle__knob{transform:translateX(calc(var(--ld-toggle-width) - var(--ld-toggle-height)))}.ld-toggle input:checked~.ld-toggle__icon-start,:host input:checked~.ld-toggle__icon-start{color:var(--ld-toggle-checked-icon-start-col)}.ld-toggle input:checked~.ld-toggle__icon-end,:host input:checked~.ld-toggle__icon-end{color:var(--ld-toggle-checked-icon-end-col)}.ld-toggle input:disabled,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:disabled,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:disabled:checked~.ld-toggle__icon-end,.ld-toggle input:disabled:checked~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start,:host input:disabled:checked~.ld-toggle__icon-end,:host input:disabled:checked~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-end,.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start,:host input:disabled:not(:checked)~.ld-toggle__icon-end,:host input:disabled:not(:checked)~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle .ld-toggle__knob,:host .ld-toggle__knob{background-color:var(--ld-toggle-knob-bg-col);border-radius:var(--ld-toggle-knob-border-radius);display:block;height:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);margin:var(--ld-toggle-inner-space);pointer-events:none;transition:transform var(--ld-transition-duration-normal) ease-in-out;width:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);z-index:1}.ld-toggle input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid{background-color:var(--ld-toggle-invalid-input-bg-col)}.ld-toggle--lg,:host(.ld-toggle--lg){--ld-toggle-height:var(--ld-toggle-lg-height);--ld-toggle-width:var(--ld-toggle-lg-width);--ld-toggle-inner-space:var(--ld-toggle-lg-inner-space)}.ld-toggle--lg.ld-toggle--with-icons,:host(.ld-toggle--lg.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-lg-with-icons-width)}.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .75rem}.ld-toggle--with-icons,:host(.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-with-icons-width)}.ld-toggle--with-icons input:not(:disabled),:host(.ld-toggle--with-icons) input:not(:disabled){background-color:var(--ld-toggle-with-icons-input-bg-col)}.ld-toggle--with-icons input:invalid~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:invalid~.ld-toggle__knob{background-color:var(--ld-toggle-invalid-knob-bg-col)}.ld-toggle--with-icons input:disabled,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host(.ld-toggle--with-icons) input:disabled,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-with-icons-disabled-input-bg-col)}.ld-toggle--with-icons input:disabled~.ld-toggle__knob,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:disabled~.ld-toggle__knob,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob{background-color:var(--ld-toggle-disabled-knob-bg-col)}.ld-toggle--with-icons .ld-toggle__knob,:host(.ld-toggle--with-icons) .ld-toggle__knob{background-color:var(--ld-toggle-with-icons-knob-col)}.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .5rem}.ld-toggle__icon-end,.ld-toggle__icon-start{align-items:center;display:flex;pointer-events:none;position:absolute;transition:color var(--ld-transition-duration-normal) ease-in-out;z-index:1}.ld-toggle__icon-end:empty,.ld-toggle__icon-start:empty{display:none}.ld-toggle__icon-start{color:var(--ld-toggle-icon-start-col);left:0}.ld-toggle__icon-end{color:var(--ld-toggle-icon-end-col);right:0} \ No newline at end of file diff --git a/1704894792450/css_components/ld-tooltip-popper.shadow.css b/1704894792450/css_components/ld-tooltip-popper.shadow.css deleted file mode 100644 index dec69091d6..0000000000 --- a/1704894792450/css_components/ld-tooltip-popper.shadow.css +++ /dev/null @@ -1 +0,0 @@ -@keyframes ld-tooltip-show{0%{opacity:0}to{opacity:1}}@keyframes ld-tooltip-hide{to{visibility:hidden}}:host(.ld-tooltip){--ld-zi-max:2147483647;--ld-tooltip-animation-duration:0s;--ld-tooltip-distance-from-trigger:var(--ld-sp-8);--ld-tooltip-max-width:20rem;--ld-tooltip-offset-x:0px;--ld-tooltip-offset-y:0px;--ld-tooltip-padding:var(--ld-sp-16);--ld-tooltip-sm-padding:var(--ld-sp-6) var(--ld-sp-8);--tooltip-col:var(--ld-col-neutral-900);--tooltip-bg-col:var(--ld-col-wht);animation:ld-tooltip-hide 0s ease 0s;animation:ld-tooltip-hide 0s ease var(--ld-tooltip-animation-duration);animation-fill-mode:forwards;margin-left:0;margin-left:var(--ld-tooltip-offset-x);margin-top:0;margin-top:var(--ld-tooltip-offset-y);max-width:20rem;max-width:var(--ld-tooltip-max-width);opacity:0;pointer-events:none;position:relative;transition:opacity 0s ease-in;transition:opacity var(--ld-tooltip-animation-duration) ease-in;z-index:2147483647;z-index:var(--ld-zi-max)}:host(.ld-tooltip:not(.ld-tooltip--unstyled)){background-color:var(--tooltip-bg-col);border-radius:var(--ld-br-m);color:var(--tooltip-col);filter:var(--ld-drop-shadow-hover);padding:var(--ld-tooltip-padding)}@media (prefers-reduced-motion:no-preference){:host(.ld-tooltip--initialized){--ld-tooltip-animation-duration:var(--ld-transition-duration-normal)}}:host(.ld-tooltip--sm){--ld-tooltip-padding:var(--ld-tooltip-sm-padding)}:host(.ld-tooltip--with-arrow){--ld-tooltip-arrow-size:0.5rem;--ld-tooltip-arrow-offset:var(--ld-sp-16);--ld-tooltip-distance-from-trigger:calc(var(--ld-tooltip-arrow-size) + var(--ld-sp-8))}:host(.ld-tooltip--interactive){pointer-events:auto}:host(.ld-tooltip.ld-tether-enabled){animation:ld-tooltip-show var(--ld-tooltip-animation-duration) ease-out;opacity:1}:host(.ld-tooltip.ld-tether-element-attached-bottom) .ld-tooltip__arrow{bottom:var(--ld-tooltip-arrow-offset)}:host(.ld-tooltip.ld-tether-element-attached-bottom.ld-tether-target-attached-top){margin-top:calc(var(--ld-tooltip-distance-from-trigger) * -1 - var(--ld-tooltip-offset-y))}:host(.ld-tooltip.ld-tether-element-attached-bottom.ld-tether-target-attached-top) .ld-tooltip__arrow{border-top-color:var(--tooltip-bg-col);top:100%}:host(.ld-tooltip.ld-tether-element-attached-center) .ld-tooltip__arrow{left:calc(50% - var(--ld-tooltip-arrow-size))}:host(.ld-tooltip.ld-tether-element-attached-left.ld-tether-target-attached-right){margin-left:calc(var(--ld-tooltip-offset-x) + var(--ld-tooltip-distance-from-trigger))}:host(.ld-tooltip.ld-tether-element-attached-left.ld-tether-target-attached-right) .ld-tooltip__arrow{border-right-color:var(--tooltip-bg-col);right:100%}:host(.ld-tooltip.ld-tether-element-attached-middle) .ld-tooltip__arrow{top:calc(50% - var(--ld-tooltip-arrow-size))}:host(.ld-tooltip.ld-tether-element-attached-right) .ld-tooltip__arrow{right:var(--ld-tooltip-arrow-offset)}:host(.ld-tooltip.ld-tether-element-attached-right.ld-tether-target-attached-left){margin-left:calc(var(--ld-tooltip-distance-from-trigger) * -1 - var(--ld-tooltip-offset-x))}:host(.ld-tooltip.ld-tether-element-attached-right.ld-tether-target-attached-left) .ld-tooltip__arrow{border-left-color:var(--tooltip-bg-col);left:100%}:host(.ld-tooltip.ld-tether-element-attached-top.ld-tether-target-attached-bottom){margin-top:calc(var(--ld-tooltip-distance-from-trigger) + var(--ld-tooltip-offset-y))}:host(.ld-tooltip.ld-tether-element-attached-top.ld-tether-target-attached-bottom) .ld-tooltip__arrow{border-bottom-color:var(--tooltip-bg-col);bottom:100%}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top):where(.ld-tether-element-attached-right)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom):where(.ld-tether-element-attached-right)){--ld-tooltip-offset-x:1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top):where(.ld-tether-element-attached-left)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom):where(.ld-tether-element-attached-left)){--ld-tooltip-offset-x:-1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-left.ld-tether-target-attached-right):where(.ld-tether-element-attached-bottom)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-right.ld-tether-target-attached-left):where(.ld-tether-element-attached-bottom)){--ld-tooltip-offset-y:1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-left.ld-tether-target-attached-right):where(.ld-tether-element-attached-top)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-right.ld-tether-target-attached-left):where(.ld-tether-element-attached-top)){--ld-tooltip-offset-y:-1rem}.ld-tooltip__arrow{border:var(--ld-tooltip-arrow-size) solid #0000;position:absolute} \ No newline at end of file diff --git a/1704894792450/dist/build/p-02b02d74.entry.js b/1704894792450/dist/build/p-02b02d74.entry.js deleted file mode 100644 index 14d364b86d..0000000000 --- a/1704894792450/dist/build/p-02b02d74.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as i,c as o,h as a,H as d,g as n}from"./p-21a69c18.js";import{c as e}from"./p-6e5841ef.js";import{g as r}from"./p-1133c92e.js";import{t}from"./p-98010be8.js";const c='.ld-sidenav-accordion__accordion{--ld-accordion-bg-col:#0000;--ld-accordion-bg-col-active:var(--ld-thm-primary-alpha-low);--ld-accordion-bg-col-disabled:#0000;--ld-accordion-bg-col-focus:var(--ld-thm-primary-alpha-low);--ld-accordion-panel-border-top-col:#0000;--ld-accordion-padding-x:var(--ld-sidenav-padding-x);--ld-accordion-padding-y:0;--ld-accordion-toggle-indicator-bg-col:#0000;--ld-accordion-toggle-indicator-bg-col-active:var(--ld-thm-primary);--ld-accordion-toggle-indicator-bg-col-hover:var(--ld-col-neutral-100);--ld-accordion-toggle-indicator-bg-col-focus:var(--ld-thm-primary-focus);--ld-accordion-toggle-size:var(--ld-sidenav-navitem-icon-size);--ld-sidenav-navitem-tertiary-indent:calc(2 * var(--ld-sp-16) + 0.3125rem);transform:translateY(0);transform:translateY(var(\n --ld-sidenav-navitem-move-up-closable,var(--ld-sidenav-navitem-move-up,0)\n ));transition:var(--ld-sidenav-stack-to-top-transition)}:host(.ld-sidenav-accordion--collapsed) .ld-sidenav-accordion__accordion{pointer-events:none;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host(.ld-sidenav-accordion--in-accordion) .ld-sidenav-accordion__accordion{--ld-accordion-padding-x:0;margin:var(--ld-sp-6) calc(-1 * var(--ld-sidenav-padding-x)) var(--ld-sp-6) 0}:host(.ld-sidenav-accordion--in-accordion) .ld-sidenav-accordion__accordion .ld-sidenav-accordion__accordion-panel{padding:0 var(--ld-sidenav-padding-x) 0 0}:host(:not(.ld-sidenav-accordion--transitions-enabled)) .ld-sidenav-accordion__accordion .ld-sidenav-accordion__accordion-panel{--ld-accordion-panel-transition-duration:var(\n --ld-transition-duration-instant\n )}.ld-sidenav-accordion__accordion-panel{padding:0 var(--ld-sidenav-padding-x)}.ld-sidenav-accordion__accordion-panel::part(content){padding:var(--ld-sidenav-navitem-bg-inset) 0}.ld-sidenav-accordion__accordion-toggle{pointer-events:none}.ld-sidenav-accordion__accordion-toggle::part(toggle):before{display:none}.ld-sidenav-accordion__accordion-toggle::part(label){--ld-accordion-bg-col-hover:#0000;padding-right:var(--ld-sidenav-padding-x)}.ld-sidenav-accordion__accordion-toggle::part(label):before{display:none}@media (hover:hover){.ld-sidenav-accordion__accordion-toggle:where(:hover){--ld-accordion-toggle-indicator-bg-col:var(--ld-col-neutral-100)}}.ld-sidenav-accordion__accordion-toggle::part(trigger){--ld-accordion-bg-col-hover:var(\n --ld-sidenav-accordion-bg-col-hover,var(--ld-col-neutral-050)\n );border-radius:var(--ld-sidenav-navitem-border-radius);outline:none;pointer-events:none;right:var(--ld-sidenav-padding-x);transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-accordion__accordion-toggle::part(trigger):before{background-color:var(--ld-accordion-toggle-indicator-bg-col);border-radius:inherit;bottom:0;left:0;right:0;top:0;z-index:1}.ld-sidenav-accordion__accordion-toggle::part(trigger):after{background-color:var(--ld-col-wht);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;visibility:hidden}.ld-sidenav-accordion__accordion-toggle::part(trigger):active{--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-toggle-indicator-bg-col-active\n )}.ld-sidenav-accordion__accordion-toggle::part(trigger):active:before{opacity:.3}@media (hover:hover){.ld-sidenav-accordion__accordion-toggle::part(trigger):where(:hover){--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-toggle-indicator-bg-col-hover\n )}.ld-sidenav-accordion__accordion-toggle::part(trigger):where(:hover):after{visibility:inherit}}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible{--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-toggle-indicator-bg-col-focus\n )}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible:before{opacity:.3}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible:after{visibility:inherit}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible:active{--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-toggle-indicator-bg-col-active\n )}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible:active:before{opacity:.3}:host(.ld-sidenav-accordion--rounded) .ld-sidenav-accordion__accordion-toggle::part(trigger){border-radius:var(--ld-br-full)}:host(.ld-sidenav-accordion--no-icon) .ld-sidenav-accordion__accordion-toggle::part(trigger):after,:host(.ld-sidenav-accordion--no-icon) .ld-sidenav-accordion__accordion-toggle::part(trigger):before{transform:scale(.8)}.ld-sidenav-accordion__accordion-toggle::part(trigger-content){transform:none;z-index:2}:host(.ld-sidenav-accordion--collapsed) .ld-sidenav-accordion__accordion-toggle::part(trigger){opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host(.ld-sidenav-accordion--split) .ld-sidenav-accordion__accordion-toggle::part(trigger){pointer-events:auto}::slotted(ld-sidenav-navitem){--ld-sidenav-navitem-bg-right-x-delta:var(--ld-accordion-toggle-size);--ld-sidenav-navitem-bg-width:calc(100% + var(--ld-accordion-toggle-size) + var(--ld-sidenav-navitem-bg-inset) * 2);position:relative;z-index:1}::slotted(ld-sidenav-navitem:not(:first-of-type)){margin:var(--ld-sp-16) 0}::slotted(ld-sidenav-navitem:last-of-type){margin-bottom:0}';const l=class{constructor(a){i(this,a);this.ldSidenavAccordionTransitionEnd=o(this,"ldSidenavAccordionTransitionEnd",7);this.onTransitionEnd=i=>{if(i.target===this.panelRef){this.ldSidenavAccordionTransitionEnd.emit()}};this.updateStackToTop=()=>{if(this.sidenavClosable){t(this.el,false)}else{t(this.el,this.sidenav.narrow&&this.sidenavCollapsed)}};this.expandOnSidenavExpansion=undefined;this.inAccordion=undefined;this.noIcon=undefined;this.rounded=undefined;this.sidenavClosable=undefined;this.sidenavCollapsed=undefined;this.transitionsEnabled=true;this.expanded=undefined;this.preserveState=true;this.split=undefined}handleSidenavBreakpointChange(i){if(i.target!==this.sidenav)return;this.sidenavClosable=i.detail;this.updateStackToTop()}handleSidenavSliderChange(i){if(i.target.closest("ld-sidenav")!==this.sidenav){return}if(!this.preserveState){this.sectionRef.expanded=false;this.expanded=false}this.transitionsEnabled=false;setTimeout((()=>{this.transitionsEnabled=true}),200)}handleSidenavCollapsedChange(i){if(i.target!==this.sidenav)return;this.sidenavCollapsed=i.detail.collapsed;this.updateStackToTop();if(this.sidenavCollapsed){if(this.preserveState){this.expandOnSidenavExpansion=this.sectionRef.expanded}this.sectionRef.expanded=false;this.expanded=false}else{if(this.expandOnSidenavExpansion){this.sectionRef.expanded=true;this.expanded=true}}}handleExpandedChange(i){this.sectionRef.expanded=i}componentWillLoad(){this.inAccordion=this.el.parentElement.tagName==="LD-SIDENAV-ACCORDION";this.rounded=!!this.el.querySelector('ld-sidenav-navitem[slot="toggle"][rounded]');this.noIcon=!!this.el.querySelector('ld-sidenav-navitem[slot="toggle"][mode="secondary"],ld-sidenav-navitem[slot="toggle"][mode="tertiary"]');this.sidenav=e("ld-sidenav",this.el);if(this.sidenav){this.sidenavCollapsed=this.sidenav.collapsed}}componentDidLoad(){setTimeout((()=>{this.updateStackToTop()}))}render(){const i=r(["ld-sidenav-accordion",this.noIcon&&"ld-sidenav-accordion--no-icon",this.rounded&&"ld-sidenav-accordion--rounded",this.inAccordion&&"ld-sidenav-accordion--in-accordion",this.transitionsEnabled&&"ld-sidenav-accordion--transitions-enabled",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-accordion--collapsed",this.split&&"ld-sidenav-accordion--split"]);return a(d,{class:i},a("ld-accordion",{class:"ld-sidenav-accordion__accordion"},a("ld-accordion-section",{expanded:this.expanded,ref:i=>this.sectionRef=i,class:"ld-sidenav-accordion__accordion-section"},a("ld-accordion-toggle",{labelTag:"div",class:"ld-sidenav-accordion__accordion-toggle",split:this.split,"ld-tabindex":"-1"},a("slot",{name:"toggle"})),a("ld-accordion-panel",{ref:i=>this.panelRef=i,onTransitionEnd:this.onTransitionEnd,class:"ld-sidenav-accordion__accordion-panel"},a("slot",null)))))}get el(){return n(this)}static get watchers(){return{expanded:["handleExpandedChange"]}}};l.style=c;export{l as ld_sidenav_accordion}; -//# sourceMappingURL=p-02b02d74.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-073ab0b5.entry.js b/1704894792450/dist/build/p-073ab0b5.entry.js deleted file mode 100644 index fe13271b43..0000000000 --- a/1704894792450/dist/build/p-073ab0b5.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,h as a,H as d,g as r}from"./p-21a69c18.js";import{g as t}from"./p-1133c92e.js";const l=".ld-header,:host(.ld-header){--ld-header-height:3.125rem;--ld-header-max-width:90rem;--ld-header-col:var(--ld-col-wht);--ld-header-bg-col:var(--ld-thm-primary);--ld-header-box-shadow:var(--ld-shadow-stacked);background-color:var(--ld-thm-primary);background-color:var(--ld-header-bg-col);box-shadow:var(--ld-shadow-stacked);box-shadow:var(--ld-header-box-shadow);color:var(--ld-col-wht);color:var(--ld-header-col);display:flex;justify-content:center;overflow-x:auto;transition:transform var(--ld-transition-duration-quick) ease-in-out;width:100%}.ld-header.ld-header--sticky,:host(.ld-header.ld-header--sticky){position:sticky;top:0;z-index:1}.ld-header.ld-header--hidden,:host(.ld-header.ld-header--hidden){transform:translateY(-100%)}.ld-header__container{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--ld-sp-16);height:var(--ld-header-height);max-width:var(--ld-header-max-width);padding-left:var(--ld-sp-16);padding-right:var(--ld-sp-16)}.ld-header__container>.ld-button--ghost,.ld-header__container>[mode=ghost],::slotted(.ld-button--ghost),::slotted([mode=ghost]){margin:0 calc(var(--ld-sp-4) * -1)}.ld-header__logo-wrapper{color:inherit;display:flex}.ld-header__logo-wrapper ::slotted(*){margin:0}.ld-header__logo{--ld-icon-size-md:2.4rem;color:var(--ld-thm-warning);display:block;margin:-.2rem}.ld-header_site-name{white-space:nowrap}.ld-header__grow{flex-grow:1}:host(.ld-header) .ld-header__grow{margin-right:calc(var(--ld-sp-16) * -1)}";const s=class{constructor(a){e(this,a);this.updateScrollDirection=()=>{var e;const a=(e=window.pageYOffset)!==null&&e!==void 0?e:document.documentElement.scrollTop;if(window.innerHeight+a>=document.body.offsetHeight){this.hidden=false}else if(a>this.lastOffset&&a>this.currentHeight){this.hidden=true}else{this.hidden=false}this.lastOffset=a<0?0:a};this.hidden=false;this.hideOnScroll=false;this.logoTitle=undefined;this.logoUrl=undefined;this.sticky=false;this.siteName=undefined}connectedCallback(){if(this.hideOnScroll){this.lastOffset=window.pageYOffset||document.documentElement.scrollTop;window.addEventListener("scroll",this.updateScrollDirection,{passive:true})}else{this.disconnectedCallback()}}disconnectedCallback(){window.removeEventListener("scroll",this.updateScrollDirection)}componentDidLoad(){this.currentHeight=this.el.getBoundingClientRect().height;this.el.querySelectorAll("ld-header > ld-button").forEach((e=>{e.size="sm";e.brandColor=true}));this.el.querySelectorAll("ld-header > .ld-button").forEach((e=>{e.classList.add("ld-button--brand-color");e.classList.add("ld-button--sm");e.classList.remove("ld-button--lg")}))}render(){const e=t(["ld-header",this.hidden&&"ld-header--hidden",this.sticky&&"ld-header--sticky"]);return a(d,{class:e,role:"banner"},a("header",{class:"ld-header__container",part:"container"},a("slot",{name:"start"}),this.logoUrl?a("a",{"aria-label":this.logoTitle,class:"ld-header__logo-wrapper",href:this.logoUrl,part:"logo-wrapper"},a("slot",{name:"logo"},a("ld-icon",{"aria-label":this.logoTitle?undefined:"Merck KGaA, Darmstadt, Germany",class:"ld-header__logo",name:"initial-m",part:"logo"}))):a("div",{"aria-label":this.logoTitle,class:"ld-header__logo-wrapper",part:"logo-wrapper"},a("slot",{name:"logo"},a("ld-icon",{"aria-label":this.logoTitle?undefined:"Merck KGaA, Darmstadt, Germany",class:"ld-header__logo",name:"initial-m",part:"logo"}))),this.siteName&&a("ld-typo",{class:"ld-header_site-name",part:"site-name",tag:"div",variant:"h5"},this.siteName),a("slot",null),a("div",{class:"ld-header__grow",part:"spacer"}),a("slot",{name:"end"})))}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{hideOnScroll:["connectedCallback"]}}};s.style=l;export{s as ld_header}; -//# sourceMappingURL=p-073ab0b5.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-093e3bf1.entry.js b/1704894792450/dist/build/p-093e3bf1.entry.js deleted file mode 100644 index efebbc7771..0000000000 --- a/1704894792450/dist/build/p-093e3bf1.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as o,h as r,H as i}from"./p-21a69c18.js";const s=".docs-icon-group{display:block;margin-bottom:var(--ld-sp-32)}.docs-icon-group__headline{margin-bottom:var(--ld-sp-16)}.docs-icon-group__icons{border-radius:var(--ld-br-l);display:grid;grid-template-columns:repeat(2,1fr);text-align:center}@media (min-width:70rem){.docs-icon-group__icons{grid-template-columns:repeat(4,1fr)}}@media (min-width:32rem) and (max-width:52rem),(min-width:60rem) and (max-width:70rem){.docs-icon-group__icons{grid-template-columns:repeat(3,1fr)}}";const c=class{constructor(r){o(this,r);this.name=undefined}render(){return r(i,{class:"docs-icon-group"},r("ld-typo",{class:"docs-icon-group__headline",variant:"h4",tag:"h3"},this.name),r("div",{class:"docs-icon-group__icons"},r("slot",null)))}};c.style=s;export{c as docs_icon_group}; -//# sourceMappingURL=p-093e3bf1.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-0adaf635.entry.js b/1704894792450/dist/build/p-0adaf635.entry.js deleted file mode 100644 index 9fd7c6bec0..0000000000 --- a/1704894792450/dist/build/p-0adaf635.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as o,c as e,h as s,H as l,g as t}from"./p-21a69c18.js";import{g as a}from"./p-1133c92e.js";const c=".docs-example__code{background-color:var(--ld-col-neutral-010)}.docs-example__tools-scroll-container{background-color:var(--ld-col-neutral-050);border-color:var(--ld-col-neutral-100)}.docs-example__tools{stroke:var(--ld-col-neutral-900)}.docs-example__copy-to-clipboard,.docs-example__tool-buttons,.docs-example__tool-switch{filter:none}@media (prefers-color-scheme:dark){.docs-example__code{background-color:var(--ld-col-neutral-900)}.docs-example__tools-scroll-container{background-color:var(--ld-col-neutral-700);border-color:var(--ld-col-neutral-700)}.docs-example__tools{stroke:var(--ld-col-wht)}.docs-example__copy-to-clipboard,.docs-example__tool-buttons,.docs-example__tool-switch{filter:invert(1) hue-rotate(180deg)}.docs-example--has-border .docs-example__show{border-color:#0000}}.docs-ui-light .docs-example__code{background-color:var(--ld-col-neutral-010)}.docs-ui-light .docs-example__tools-scroll-container{background-color:var(--ld-col-neutral-050);border-color:var(--ld-col-neutral-100)}.docs-ui-light .docs-example__tools{stroke:var(--ld-col-neutral-900)}.docs-ui-light .docs-example__copy-to-clipboard,.docs-ui-light .docs-example__tool-buttons,.docs-ui-light .docs-example__tool-switch{filter:none}.docs-ui-dark .docs-example__code{background-color:var(--ld-col-neutral-900)}.docs-ui-dark .docs-example__tools-scroll-container{background-color:var(--ld-col-neutral-700);border-color:var(--ld-col-neutral-700)}.docs-ui-dark .docs-example__tools{stroke:var(--ld-col-wht)}.docs-ui-dark .docs-example__copy-to-clipboard,.docs-ui-dark .docs-example__tool-buttons,.docs-ui-dark .docs-example__tool-switch{filter:invert(1) hue-rotate(180deg)}.docs-ui-dark .docs-example--has-border .docs-example__show{border-color:#0000}.docs-example{display:block}.docs-example__code{display:none;overflow:hidden;position:relative}.docs-example__code,.docs-example__code pre{border-bottom-left-radius:var(--ld-br-l);border-bottom-right-radius:var(--ld-br-l)}.docs-example__tools-scroll-container{border-bottom-left-radius:var(--ld-br-l);border-bottom-right-radius:var(--ld-br-l);border-style:solid;border-width:var(--ld-sp-1);display:flex;overflow:auto;position:relative;width:100%}.docs-example__tools{align-items:center;display:flex;flex-grow:1;justify-content:space-between;line-height:0;padding:var(--ld-sp-8)}.docs-example__tool-switch{background-color:var(--ld-col-wht);border-radius:calc(var(--ld-br-m) + 1px)}.docs-example__tool-buttons{align-items:center;display:flex;flex:1 0;justify-content:flex-end}.docs-example__tool-buttons>:not(:first-child){margin-left:var(--ld-sp-12)}.docs-example__show{background-color:var(--ld-col-neutral-010);border-bottom-width:0;border-top-left-radius:var(--ld-br-l);border-top-right-radius:var(--ld-br-l);color:var(--ld-col-neutral-900);color-scheme:light;overflow:hidden;will-change:transform}.docs-example--has-border .docs-example__show{border:var(--ld-sp-1) solid var(--ld-col-neutral-100);border-bottom:0}.docs-example--has-padding .docs-example__show{padding:0 var(--ld-sp-8) var(--ld-sp-24)}@media (max-width:52rem){.docs-example--has-padding .docs-example__show{padding:0 0 var(--ld-sp-24)}}.docs-example--has-padding .docs-example__show>div>:not(.ld-modal){margin:var(--ld-sp-24) var(--ld-sp-24) 0;max-width:calc(100% - 2 * var(--ld-sp-24))}.docs-example__show>div{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.docs-example__show--centered>div{align-items:center}.docs-example__show--stacked>div{flex-direction:column}.docs-example__show--stacked:not(.docs-example__show--centered)>div{align-items:stretch}.docs-example__show--brand{border-color:#0000}.docs-example__show--brand.ld-theme-ocean{background-color:var(--ld-thm-ocean-primary)}.docs-example__show--brand.ld-theme-bubblegum,.docs-example__show--brand.ld-theme-shake,.docs-example__show--brand.ld-theme-solvent{background-color:var(--ld-thm-shake-primary)}.docs-example__show--brand.ld-theme-tea{background-color:var(--ld-thm-tea-primary)}.docs-example__show--light{background-color:var(--ld-col-wht)}.docs-example--code-visible .docs-example__tools-scroll-container{border-radius:0}.docs-example--code-visible .docs-example__code{display:block}.docs-example--css-component [slot=codeReactComponent],.docs-example--css-component [slot=code],.docs-example--css-component [slot=show],.docs-example--react-component [slot=codeCssComponent],.docs-example--react-component [slot=code],.docs-example--react-component [slot=showCssComponent],.docs-example--web-component [slot=codeCssComponent],.docs-example--web-component [slot=codeReactComponent],.docs-example--web-component [slot=showCssComponent]{display:none}.docs-example__code-tools{grid-gap:var(--ld-sp-8);display:grid;gap:var(--ld-sp-8);grid-auto-flow:column;margin:var(--ld-sp-2) var(--ld-sp-1);position:absolute;right:var(--ld-sp-8);top:var(--ld-sp-8)}.docs-example__copy-to-clipboard{background-color:var(--ld-col-wht);border-radius:var(--ld-br-m)}";const d=class{constructor(s){o(this,s);this.pickCodeType=e(this,"pickCodeType",7);this.handlePickTheme=o=>{this.currentTheme=o.detail};this.handleToggleCode=o=>{this.isCodeVisible=o.detail};this.background=undefined;this.centered=false;this.code=undefined;this.codeCssComponent=undefined;this.codeReactComponent=undefined;this.hasBorder=false;this.hasPadding=false;this.opened=false;this.stacked=false;this.styles="{}";this.themable=false;this.currentTheme="ocean";this.isCodeVisible=this.opened;this.codeType="wc"}handleSwitchCode(o){if(!this.hasCodeType(o.detail))return;this.codeType=o.detail;window.localStorage.setItem("liquid_docs_preferred_code_type",this.codeType)}unescapeCode(o){return o.replaceAll(/\\{\\{/g,"{{").replaceAll(/\\}\\}/g,"}}").replaceAll(/{<\/span> {<\/span>/g,'{{').replaceAll(/}<\/span> }<\/span>/g,'}}')}hasCodeType(o){if(o==="wc"){return Boolean(this.el.querySelector('[slot="code"]'))}return Array.from(this.el.querySelectorAll('[slot^="code"]')).some((e=>e.getAttribute("slot").toLowerCase()===`code${o}component`))}componentWillLoad(){const o=window.localStorage.getItem("liquid_docs_preferred_code_type");if(o){if(this.hasCodeType(o)){this.codeType=o}}this.el.querySelectorAll('[slot^="code"]').forEach((o=>{o.innerHTML=this.unescapeCode(o.innerHTML)}))}render(){const o=["docs-example",this.isCodeVisible&&"docs-example--code-visible",this.hasBorder&&"docs-example--has-border",this.hasPadding&&"docs-example--has-padding",this.codeType==="wc"&&"docs-example--web-component",this.codeType==="css"&&"docs-example--css-component",this.codeType==="react"&&"docs-example--react-component"];let e="docs-example__show";if(this.themable&&this.currentTheme){e+=" ld-theme-"+this.currentTheme.toLowerCase()}if(this.centered)e+=" docs-example__show--centered";if(this.stacked)e+=" docs-example__show--stacked";if(this.background)e+=` docs-example__show--${this.background}`;return s(l,{class:a(o)},s("div",{class:e,style:JSON.parse(this.styles)},s("slot",{name:"show"}),s("slot",{name:"showCssComponent"})),s("div",{class:"docs-example__tools-scroll-container"},s("div",{class:"docs-example__tools"},(this.codeCssComponent||this.codeReactComponent)&&s("ld-switch",{onClick:()=>this.isCodeVisible=true,onLdswitchchange:o=>{this.handleSwitchCode(o);this.pickCodeType.emit(this.codeType)},class:"docs-example__tool-switch",size:"sm"},s("ld-switch-item",{value:"wc",checked:this.codeType==="wc"},s("ld-icon",{slot:"icon-start",size:"sm","aria-label":"Web Component"},s("svg",{viewBox:"0 0 800 800"},s("path",{fill:"currentColor",d:"M196.3 400l200 346.4H200L0 400 200 53.6h196.3L196.3 400zM505.4 53.6H600L800 400 600 746.4h-94.6l-98-169.8H502L604 400 502 223.4h-94.7l98-169.8z"})))),this.codeReactComponent&&s("ld-switch-item",{value:"react",checked:this.codeType==="react"},s("ld-icon",{slot:"icon-start",size:"sm","aria-label":"React component"},s("svg",{viewBox:"-11.5 -10.2 23 20.5",style:{transform:"scale(1.1)"}},s("circle",{r:"2",fill:"currentColor"}),s("g",{stroke:"currentColor",fill:"none"},s("ellipse",{rx:"11",ry:"4.2"}),s("ellipse",{rx:"11",ry:"4.2",transform:"rotate(60)"}),s("ellipse",{rx:"11",ry:"4.2",transform:"rotate(120)"}))))),this.codeCssComponent&&s("ld-switch-item",{value:"css",checked:this.codeType==="css"},s("ld-icon",{slot:"icon-start",size:"sm","aria-label":"CSS component"},s("svg",{viewBox:"0 0 800 300",style:{transform:"scale(1.2)"}},s("path",{fill:"currentColor",d:"M0 0h238.7v99.8H99.8v99.8h139v99.9H0V0zM283.2 0h235.3v85.6H381.6v17h136.9v196.9H283.2v-89.9h136.9v-17H283.2V0zM564.7 0H800v85.6H663.1v17H800v196.9H564.7v-89.9h136.9v-17H564.7V0z"}))))),s("div",{class:"docs-example__tool-buttons"},this.themable&&s("docs-pick-theme",{onPickTheme:this.handlePickTheme}),s("docs-toggle-code",{onToggleCode:this.handleToggleCode,isOn:this.isCodeVisible})))),s("div",{class:"docs-example__code"},s("div",{class:"docs-example__code-tools"},s("docs-copy-to-cb",{class:"docs-example__copy-to-clipboard",textToCopy:this.unescapeCode(decodeURIComponent(this.codeType==="wc"?this.code:this.codeType==="css"?this.codeCssComponent:this.codeType==="react"?this.codeReactComponent:""))})),s("slot",{name:"code"}),s("slot",{name:"codeReactComponent"}),s("slot",{name:"codeCssComponent"})))}get el(){return t(this)}};d.style=c;export{d as docs_example}; -//# sourceMappingURL=p-0adaf635.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-0ffd75f4.entry.js b/1704894792450/dist/build/p-0ffd75f4.entry.js deleted file mode 100644 index a33de8c48e..0000000000 --- a/1704894792450/dist/build/p-0ffd75f4.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,c as r,h as t,H as o,g as l}from"./p-21a69c18.js";import{g as a}from"./p-1133c92e.js";const i=':host{--ld-optgroup-padding-inline-start-sm:0.625rem;--ld-optgroup-padding-inline-start-lg:0.875rem;--ld-optgroup-option-padding-inline-start:1rem;--ld-optgroup-bg-col:var(--ld-col-neutral-010);--ld-optgroup-border-col:var(--ld-col-neutral-100);--ld-optgroup-disabled-text-col:var(--ld-col-neutral-100);--ld-optgroup-text-col:var(--ld-col-neutral-900);--ld-optgroup-thm-col:var(--ld-thm-primary);--ld-optgroup-thm-col-hover:var(--ld-thm-primary-hover);--ld-optgroup-thm-col-focus:var(--ld-thm-primary-focus);--ld-optgroup-thm-col-active:var(--ld-thm-primary-active);--ld-optgroup-thm-bg-col-hover:var(--ld-thm-primary-highlight);--ld-optgroup-thm-bg-col-focus:var(--ld-thm-primary-highlight);--ld-optgroup-thm-bg-col-active:var(--ld-thm-primary-highlight)}:host(:not(:last-child)) .ld-optgroup-internal__slot-container{border-bottom:solid var(--ld-optgroup-border-col) var(--ld-sp-1)}.ld-optgroup-internal{-webkit-touch-callout:none;background-color:var(--ld-optgroup-bg-col);border:0;box-sizing:border-box;color:var(--ld-optgroup-text-col);display:flex;font:var(--ld-typo-label-m);min-height:2.5rem;outline:none;padding:var(--ld-sp-8) var(--ld-sp-12);position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap}.ld-optgroup-internal:after{bottom:0;box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100);content:"";left:calc(-1 * var(--ld-sp-1));pointer-events:none;position:absolute;right:calc(-1 * var(--ld-sp-1));top:calc(-1 * var(--ld-sp-1))}.ld-optgroup-internal--sm{padding-left:var(--ld-optgroup-padding-inline-start-sm)}.ld-optgroup-internal--lg{padding-left:var(--ld-optgroup-padding-inline-start-lg)}.ld-optgroup-internal--filtered{display:none}.ld-optgroup-internal *,.ld-optgroup-internal :after,.ld-optgroup-internal :before{box-sizing:inherit}[data-popper-placement*=bottom] .ld-optgroup-internal:last-of-type{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}[data-popper-placement*=top] .ld-optgroup-internal:first-of-type{border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-optgroup-internal:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-optgroup-internal[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-optgroup-disabled-text-col)}.ld-optgroup-internal:where(:focus):before,.ld-optgroup-internal:where(:focus:focus-visible):before{border-radius:var(--ld-br-m);bottom:0;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-optgroup-thm-col);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ld-optgroup-internal:where(:focus:not(:focus-visible)):before{content:none}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-optgroup-thm-bg-col-focus)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus) :where(.ld-optgroup-internal__check),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-focus)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)){background-color:var(--ld-optgroup-bg-col)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col)}@media (hover:hover){.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-optgroup-thm-bg-col-hover)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-hover)}}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-optgroup-thm-bg-col-active)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) :where(.ld-optgroup-internal__check),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-active)}.ld-optgroup-internal__checkbox-wrapper{display:inline-flex;flex-shrink:0}.ld-optgroup-internal__check,.ld-optgroup-internal__checkbox{align-self:center;flex-shrink:0;transform:translateX(calc(-1 * var(--ld-sp-2)))}.ld-optgroup-internal__check{margin-right:var(--ld-sp-4)}.ld-optgroup-internal__checkbox{margin-left:var(--ld-sp-2);margin-right:var(--ld-sp-6)}.ld-optgroup-internal__label{overflow:hidden;text-overflow:ellipsis}';const n=class{constructor(t){e(this,t);this.ldoptgroupselect=r(this,"ldoptgroupselect",7);this.handleClick=()=>{if(this.disabled)return;if(this.mode!=="checkbox")return;const e=Array.from(this.el.children);const r=this.selected===false||this.selected==="indeterminate";e.filter((e=>e.selected!==r)).forEach((e=>{e.selected=r}))};this.disabled=undefined;this.filtered=false;this.label=undefined;this.ldTabindex=-1;this.mode=undefined;this.size=undefined;this.selected=false}async focusInner(){this.optgroupRef.focus()}handleOptionSelect(){if(this.mode!=="checkbox")return;const e=Array.from(this.el.children);const r=e.length;const t=e.filter((e=>e.selected)).length;if(t===0){this.selected=false;return}if(r===t){this.selected=true;return}this.selected="indeterminate"}handleKeyDown(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();e.stopImmediatePropagation();this.handleClick()}}handleSelectedChange(){this.ldoptgroupselect.emit(this.selected)}componentWillLoad(){this.handleOptionSelect()}render(){return t(o,{class:a([this.disabled&&"ld-optgroup-internal--disabled"])},t("div",{class:a(["ld-optgroup-internal",this.size&&`ld-optgroup-internal--${this.size}`,this.filtered&&"ld-optgroup-internal--filtered",this.selected===true&&"ld-optgroup-internal--selected",this.selected==="indeterminate"&&"ld-optgroup-internal--indeterminate"]),role:"option",ref:e=>this.optgroupRef=e,"aria-disabled":this.disabled?"true":undefined,onClick:this.handleClick,tabIndex:this.ldTabindex,part:"option focusable"},this.mode==="checkbox"&&t("div",{class:"ld-optgroup-internal__checkbox-wrapper",role:"presentation",part:"checkbox-wrapper"},t("ld-checkbox",{class:"ld-optgroup-internal__checkbox",checked:this.selected===true,indeterminate:this.selected==="indeterminate",disabled:this.disabled,part:"checkbox"})),t("span",{class:"ld-optgroup-internal__label",part:"label"},this.label)),t("div",{class:"ld-optgroup-internal__slot-container",part:"slot-container"},t("slot",null)))}get el(){return l(this)}static get watchers(){return{selected:["handleSelectedChange"]}}};n.style=i;export{n as ld_optgroup_internal}; -//# sourceMappingURL=p-0ffd75f4.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-15140e15.entry.js b/1704894792450/dist/build/p-15140e15.entry.js deleted file mode 100644 index 76dff12fcc..0000000000 --- a/1704894792450/dist/build/p-15140e15.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,c as s,h as e,g as i}from"./p-21a69c18.js";import{c as r}from"./p-6e5841ef.js";import{g as n}from"./p-1133c92e.js";import{i as d}from"./p-b05f0e4e.js";const a=":host{display:contents}th{background-color:inherit;font:inherit;max-width:inherit;min-width:inherit;padding:var(--ld-table-cell-padding-y) var(--ld-table-cell-padding-x)}.ld-table-header--sortable{cursor:pointer}.ld-table-header__sort-buttons{display:inline-grid;margin:-1.2rem calc(-1 * var(--ld-sp-8)) -1rem var(--ld-sp-6);vertical-align:middle}.ld-table-header__sort-buttons ld-button::part(button){min-height:0}";const o=class{constructor(e){t(this,e);this.ldTableSort=s(this,"ldTableSort",7);this.handleSort=t=>{this.sortOrder=t;const s=Array.from(this.el.parentNode.children).indexOf(this.el);this.ldTableSort.emit({columnIndex:s,sortOrder:t})};this.onSortClick=(t,s)=>{t.preventDefault();t.stopPropagation();if(d(r("ld-button",t.target).ariaDisabled)){return}this.handleSort(s)};this.onThClick=()=>{if(!this.sortable)return;if(this.sortOrder==="desc"){this.handleSort("asc")}else{this.handleSort("desc")}};this.abbr=undefined;this.colspan=undefined;this.headers=undefined;this.rowspan=undefined;this.scope=undefined;this.sortable=false;this.sortAscLabel="Sort ascending";this.sortDescLabel="Sort descending";this.sortOrder=undefined}async resetSort(){this.sortOrder=undefined}componentWillLoad(){if(this.sortOrder){this.handleSort(this.sortOrder)}}renderChevron(t){return e("ld-icon",{size:"sm",part:`icon chevron-${t?"asc":"desc"}`},e("svg",{fill:"none",height:"7",part:`svg svg-${t?"asc":"desc"}`,style:{transform:t?undefined:"rotate(180deg)"},viewBox:"0 0 15 7",width:"15"},e("path",{d:"M13.3 5.5 7.3 1l-6 4.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))}render(){return e("th",{class:n(["ld-table-header",this.sortable&&"ld-table-header--sortable"]),abbr:this.abbr,colSpan:this.colspan,headers:this.abbr,rowspan:this.rowspan,scope:this.scope,part:"cell",onClick:this.onThClick},e("slot",null),this.sortable&&e("div",{class:"ld-table-header__sort-buttons",part:"sort-buttons"},e("ld-button",{"aria-label":this.sortAscLabel,"aria-disabled":this.sortOrder==="asc"?"true":undefined,mode:"ghost",onClick:t=>this.onSortClick(t,"asc"),part:"sort-button-asc",size:"sm"},this.renderChevron(true)),e("ld-button",{"aria-label":this.sortDescLabel,"aria-disabled":this.sortOrder==="desc"?"true":undefined,mode:"ghost",onClick:t=>this.onSortClick(t,"desc"),part:"sort-button-desc",size:"sm"},this.renderChevron())))}get el(){return i(this)}};o.style=a;export{o as ld_table_header}; -//# sourceMappingURL=p-15140e15.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-1566b81f.entry.js b/1704894792450/dist/build/p-1566b81f.entry.js deleted file mode 100644 index 576dbcc4cd..0000000000 --- a/1704894792450/dist/build/p-1566b81f.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as s,h as r,H as o}from"./p-21a69c18.js";const l=".ld-sr-only,:host{clip:rect(0,0,0,0);border-width:0;height:var(--ld-sp-1);overflow:hidden;padding:0;position:absolute;width:var(--ld-sp-1)}";const t=class{constructor(r){s(this,r)}render(){return r(o,{class:"ld-sr-only"},r("slot",null))}};t.style=l;export{t as ld_sr_only}; -//# sourceMappingURL=p-1566b81f.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-1579946c.entry.js b/1704894792450/dist/build/p-1579946c.entry.js deleted file mode 100644 index 1efd8833fa..0000000000 --- a/1704894792450/dist/build/p-1579946c.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as i,c as t,h as s,H as a,g as e}from"./p-21a69c18.js";import{g as n}from"./p-1133c92e.js";import{g as d}from"./p-8dc70a87.js";import{c as l}from"./p-6e5841ef.js";const o=':host{--ld-sidenav-line-height:1.15;--ld-sidenav-padding-x:1rem;--ld-sidenav-padding-y:1rem;--ld-sidenav-padding:var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);--ld-sidenav-toggle-size:var(--ld-sp-24);--ld-sidenav-toggle-top:calc(2 * var(--ld-sidenav-padding-y) + var(--ld-sidenav-navitem-icon-size) - 0.5 * var(--ld-sidenav-toggle-size));--ld-sidenav-translate-x-delta:calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed));--ld-sidenav-width:15.625rem;--ld-sidenav-width-collapsed:calc(2 * var(--ld-sidenav-padding-x) + var(--ld-sidenav-navitem-icon-size));--ld-sidenav-width-fully-collapsed:calc(-1 * var(--ld-sp-1));--ld-sidenav-navitem-active-indicator-border-width:0.1875rem;--ld-sidenav-navitem-icon-size:var(--ld-sp-32);--ld-sidenav-navitem-bg-inset:var(--ld-sp-6);--ld-sidenav-navitem-border-radius:var(--ld-br-l);--ld-sidenav-navitem-tertiary-indent:calc(3 * var(--ld-sidenav-padding-x) + 0.3125rem);--ld-sidenav-navitem-tertiary-width:calc(100% - (4 * var(--ld-sidenav-padding-x)) - 0.3125rem);--ld-sidenav-collapse-content-transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;--ld-sidenav-transition-delay:0s;--ld-sidenav-transition-delay-collapse-expand:0s;--ld-sidenav-transition-duration:var(--ld-transition-duration-instant);--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-instant\n );--ld-sidenav-translate-x-direction:1;--ld-sidenav-stack-to-top-transition:transform var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) ease;--ld-sidenav-bg-color:var(--ld-col-wht);--ld-sidenav-separator-line-bg-col:var(--ld-col-neutral-100);--ld-sidenav-subnav-bg-color:var(--ld-col-wht)}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--transitions){--ld-sidenav-transition-duration:var(--ld-transition-duration-normal);--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-normal\n );--ld-sidenav-transition-delay:var(--ld-transition-duration-quick);--ld-sidenav-transition-delay-collapse-expand:var(\n --ld-transition-duration-quick\n )}}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--toggle-transition-disabled){--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-instant\n );--ld-sidenav-transition-delay-collapse-expand:0s}}:host{background-color:var(--ld-sidenav-bg-color);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font:var(--ld-typo-body-m);left:0;overflow:hidden;position:fixed;position:var(--ld-sidenav-position,fixed);text-align:left;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-width);z-index:1;z-index:var(--ld-sidenav-z-index,1)}:host:before{background-color:var(--ld-sidenav-separator-line-bg-col);bottom:0;content:"";position:absolute;right:0;top:0;width:var(--ld-sp-2);z-index:2}:host .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--closable:not(.ld-sidenav--open)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:hidden}:host(.ld-sidenav--collapsed:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-fully-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__content{opacity:0;visibility:hidden}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible.ld-sidenav--transitions:not(.ld-sidenav--closable)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--right){--ld-sidenav-translate-x-direction:-1;--ld-sidenav-translate-x-delta:0;left:auto;right:0}:host(.ld-sidenav--right):before{left:0;right:auto;transform:translateX(-50%) scaleX(1.5)}:host(.ld-sidenav--closable){--ld-sidenav-collapse-content-transition:none;--ld-sidenav-stack-to-top-transition:none;--ld-sidenav-navitem-move-up-closable:0;--ld-sidenav-translate-x-delta:0;transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * -100%));width:100%}:host(.ld-sidenav--closable.ld-sidenav--open){transform:translateX(0)}:host ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-navitem[slot=bottom]),:host ::slotted(ld-sidenav-navitem[slot=top]){margin-top:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-heading){margin:var(--ld-sidenav-padding-y) 0}.ld-sidenav__toggle{-webkit-touch-callout:none;align-content:center;aspect-ratio:1;background-color:var(--ld-col-wht);border:0;border-radius:var(--ld-br-full);box-shadow:var(--ld-shadow-stacked);color:var(--ld-thm-primary);cursor:pointer;display:grid;justify-content:center;outline-offset:var(--ld-sp-4);place-content:center;position:absolute;right:0;top:var(--ld-sidenav-toggle-top);touch-action:manipulation;transform:translateX(50%);width:var(--ld-sidenav-toggle-size);will-change:transform;z-index:1}.ld-sidenav__toggle:before{bottom:0;left:0;right:0;top:0}.ld-sidenav__toggle:after,.ld-sidenav__toggle:before{border-radius:inherit;content:"";display:block;position:absolute}.ld-sidenav__toggle:after{bottom:calc(-1 * var(--ld-sp-6));left:calc(-1 * var(--ld-sp-6));right:calc(-1 * var(--ld-sp-6));top:calc(-1 * var(--ld-sp-6))}.ld-sidenav__toggle:focus:focus-visible:not(:active),.ld-sidenav__toggle:hover:not(:active){box-shadow:var(--ld-shadow-sticky)}.ld-sidenav__toggle:where(:focus:focus-visible){color:var(--ld-thm-primary-hover)}.ld-sidenav__toggle:where(:focus:focus-visible):before{background-color:var(--ld-thm-primary-alpha-low)}@media (hover:hover){.ld-sidenav__toggle:where(:hover){color:var(--ld-thm-primary-hover)}}.ld-sidenav__toggle:where(:active),.ld-sidenav__toggle:where(:active:focus-visible){color:var(--ld-thm-primary-active)}:host(.ld-sidenav--right) .ld-sidenav__toggle{left:0;right:auto;transform:translateX(-50%)}.ld-sidenav__toggle-icon{position:relative;transform-origin:center}:host(.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:none}.ld-sidenav__content{display:flex;flex-direction:column;height:100%;overflow:hidden;will-change:transform}.ld-sidenav__slot-container-default{height:100%;position:relative}.ld-sidenav__slot-container-bottom,.ld-sidenav__slot-container-top{background-color:var(--ld-sidenav-bg-color);position:relative;z-index:1}.ld-sidenav__slot-container-bottom:before,.ld-sidenav__slot-container-default:before,.ld-sidenav__slot-container-top:before{background-color:var(--ld-sidenav-subnav-bg-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:visible;z-index:0}:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-bottom:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-default:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-top:before{opacity:1}.ld-sidenav__fully-collapsed-click-area{bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:1}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__fully-collapsed-click-area{display:block}';const r=class{constructor(s){i(this,s);this.ldSidenavCollapsedChange=t(this,"ldSidenavCollapsedChange",7);this.ldSidenavOpenChange=t(this,"ldSidenavOpenChange",7);this.ldSidenavBreakpointChange=t(this,"ldSidenavBreakpointChange",7);this.ldSidenavBack=t(this,"ldSidenavBack",7);this.ldSidenavNavitemTo=t(this,"ldSidenavNavitemTo",7);this.ldSidenavNavitemClick=t(this,"ldSidenavNavitemClick",7);this.ldSidenavSliderChange=t(this,"ldSidenavSliderChange",7);this.toFocus=undefined;this.focusTimeout=undefined;this.updateFocus=()=>{clearTimeout(this.focusTimeout);if(this.toFocus){if(this.toFocus.tabIndex===-1||window.getComputedStyle(this.toFocus).visibility==="hidden"){this.focusTimeout=setTimeout(this.updateFocus,10);return}this.toFocus.focus();this.toFocus=undefined}};this.toggleCollapsedState=()=>{this.collapsed=!this.collapsed};this.activeSubnavContainsIconsOrHasBack=()=>{const i=Array.from(this.el.children);const t=i.some((i=>i.tagName==="LD-SIDENAV-BACK"));const s=i.some((i=>i.tagName==="LD-SIDENAV-NAVITEM"&&!["secondary","tertiary"].includes(i.mode)));if(t||s){return true}const a=this.el.querySelector("ld-sidenav-slider");const e=a.currentSubnav?this.el.querySelector(`#${a.currentSubnav}`):a;const n=Array.from(e.children).filter((i=>i.tagName==="LD-SIDENAV-NAVITEM"&&i.mode==="primary"));const d=Array.from(e.querySelectorAll('ld-sidenav-accordion > ld-sidenav-navitem[slot="toggle"]')).filter((i=>i.mode==="primary"));const l=n.length+d.length;return!!l};this.isToggleOutside=i=>(i===null||i===void 0?void 0:i.tagName)==="LD-SIDENAV-TOGGLE-OUTSIDE";this.onTransitionEnd=i=>{if(i.target===this.el){this.transitions=true;if(this.fullyCollapsible){if(!this.collapsed){const i=d(this.el);i.focus()}else if(document.activeElement.closest("ld-sidenav")===this.el){const i=this.el.previousElementSibling;if(this.isToggleOutside(i)){i.focusInner()}}}}};this.onMatchMediaChange=i=>{this.closable=i.matches;this.transitions=false;if(this.closable&&this.collapsible)this.collapsed=true;this.ldSidenavBreakpointChange.emit(this.closable)};this.align="left";this.breakpoint="23.4375rem";this.collapsed=false;this.collapseTrigger="toggle";this.collapsible=false;this.expandTrigger="toggle";this.label="Side navigation";this.narrow=false;this.open=false;this.toggleTransitionDisabled=false;this.trapFocus=undefined;this.closable=undefined;this.fullyCollapsible=false;this.hasActiveSubnav=false;this.hasShadowBottom=false;this.hasShadowTop=false;this.transitions=false}async toggle(){if(this.closable){this.open=!this.open}else{this.toggleCollapsedState()}}onCollapsedChange(i){this.ldSidenavCollapsedChange.emit({collapsed:i,fully:this.fullyCollapsible});if(i){this.open=false}}onOpenChange(i){this.ldSidenavOpenChange.emit(i);if(!i&&this.collapsible){this.collapsed=true}}updateFullyCollapsible(){var i;this.fullyCollapsible=this.collapsible&&(!this.narrow||!this.activeSubnavContainsIconsOrHasBack());if(!this.collapsible)this.collapsed=false;(i=this.el.querySelector("ld-sidenav-header"))===null||i===void 0?void 0:i.updateCollapsible()}handleClickOutside(i){if(i.isTrusted&&["clickoutside","mouseout"].includes(this.collapseTrigger)&&l("ld-sidenav",i.target)!==this.el){this.collapsed=this.collapsible}}handleMouseOut(i){if(this.collapseTrigger==="mouseout"&&i.relatedTarget&&i.relatedTarget.closest("ld-sidenav")!==this.el){this.collapsed=this.collapsible}}handleMouseIn(){if(this.fullyCollapsible||this.expandTrigger==="mouseenter"){this.collapsed=false}}handleOpen(){this.open=true}handleClose(){clearTimeout(this.focusTimeout);this.open=false}handleSlideBack(){var i;clearTimeout(this.focusTimeout);const t=Array.from(this.el.querySelectorAll(".ld-sidenav-subnav--active")).pop();const s=t===null||t===void 0?void 0:t.id;const a=t===null||t===void 0?void 0:t.parentElement;this.el.querySelector("ld-sidenav-slider").navigateBack();this.toFocus=(i=a===null||a===void 0?void 0:a.querySelector(`[to='${s}']`))===null||i===void 0?void 0:i.shadowRoot.querySelector('[part*="focusable"]');this.collapsed=false}slideToHandler(){var i;clearTimeout(this.focusTimeout);const t=(i=this.el.querySelector("ld-sidenav-back"))===null||i===void 0?void 0:i.shadowRoot.querySelector(".ld-sidenav-back");this.toFocus=t;this.updateFocus()}slideChangeHandler(i){var t,s;clearTimeout(this.focusTimeout);(t=this.el.querySelector("ld-sidenav-back"))===null||t===void 0?void 0:t.updateLabel((s=i.detail)===null||s===void 0?void 0:s.label);this.hasActiveSubnav=!!i.detail;this.updateFullyCollapsible();this.updateFocus()}handleKeyDown(i){const t=document.activeElement.closest("ld-sidenav")===this.el;if(t&&i.key==="Tab"&&!i.shiftKey&&document.activeElement===this.el.querySelector("ld-sidenav-back")){const{currentSubnav:i}=this.el.querySelector("ld-sidenav-slider");if(i){const t=d(this.el.querySelector(`#${i}`));setTimeout((async()=>{if("focusInner"in t){await t.focusInner()}else{t.focus()}}))}}if(!t&&!this.closable){return}const s=this.el.querySelector("ld-sidenav-slider");if(i.key==="Escape"){if(!s&&this.closable){this.open=false;return}if(this.hasActiveSubnav){this.handleSlideBack()}else if(this.closable){this.open=false}}}async handleFocusout(i){const t=i.relatedTarget;const s=l("ld-sidenav",t)===this.el;if(!s&&t!==null){if(this.collapseTrigger==="mouseout"){this.collapsed=this.collapsible}}if(this.expandTrigger==="mouseenter"&&s){this.collapsed=false}if(!this.closable||!this.open)return;if(this.trapFocus===undefined)return;if(s)return;const a=this.trapFocus!==""&&(!t||(t===null||t===void 0?void 0:t.matches(this.trapFocus)));if(a)return;const e=i.target;const n=e.closest("ld-sidenav")===this.el;const o=this.trapFocus!==""&&!!e.closest(this.trapFocus);if(!n&&!o)return;const r=d(this.el);const v=this.trapFocus===""?[r]:Array.from(document.querySelectorAll(this.trapFocus));const c=v.find(d);const h=r===e;const p=c===e;const u=Array.from(this.el.querySelectorAll("*")).reverse().find(d);const f=v.reverse().find(d);const g=n?h?f:c:p?u:r;if(!g)return;if("focusInner"in g){await g.focusInner()}else{g===null||g===void 0?void 0:g.focus()}}handleHeaderToggleClick(){this.toggle()}componentWillLoad(){this.mediaQuery=window.matchMedia(`(max-width: ${this.breakpoint})`);this.mediaQuery.addEventListener("change",this.onMatchMediaChange);this.closable=this.mediaQuery.matches;this.updateFullyCollapsible()}componentDidLoad(){this.ldSidenavCollapsedChange.emit({collapsed:this.collapsible&&this.collapsed,fully:this.fullyCollapsible});this.ldSidenavOpenChange.emit(this.open);this.ldSidenavBreakpointChange.emit(this.closable);setTimeout((()=>{this.transitions=true}))}disconnectedCallback(){var i;(i=this.mediaQuery)===null||i===void 0?void 0:i.removeEventListener("change",this.onMatchMediaChange)}render(){const i=["ld-sidenav",this.align==="right"&&"ld-sidenav--right",this.transitions&&"ld-sidenav--transitions",this.closable&&"ld-sidenav--closable",this.collapsible&&this.collapsed&&"ld-sidenav--collapsed",this.collapsible&&"ld-sidenav--collapsible",this.fullyCollapsible&&"ld-sidenav--fully-collapsible",this.hasActiveSubnav&&"ld-sidenav--has-active-subnav",this.hasShadowTop&&"ld-sidenav--has-shadow-top",this.hasShadowBottom&&"ld-sidenav--has-shadow-bottom",this.open&&"ld-sidenav--open",this.toggleTransitionDisabled&&"ld-sidenav--toggle-transition-disabled"];return s(a,{onTransitionEnd:this.onTransitionEnd,class:n(i),role:"navigation","aria-label":this.label},s("slot",{name:"header"}),s("div",{class:"ld-sidenav__content"},s("div",{class:"ld-sidenav__slot-container-top",part:"slot-container-top"},s("slot",{name:"top"})),s("ld-sidenav-scroller-internal",{class:"ld-sidenav__scroller",part:"scroll-container"},s("div",{class:"ld-sidenav__slot-container-default",part:"slot-container"},s("slot",null))),s("div",{class:"ld-sidenav__slot-container-bottom",part:"slot-container-bottom"},s("slot",{name:"bottom"}))),s("div",{onClick:this.toggle.bind(this),class:"ld-sidenav__fully-collapsed-click-area"}))}get el(){return e(this)}static get watchers(){return{collapsed:["onCollapsedChange"],open:["onOpenChange"],collapsible:["updateFullyCollapsible"],narrow:["updateFullyCollapsible"]}}};r.style=o;export{r as ld_sidenav}; -//# sourceMappingURL=p-1579946c.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-16163f05.entry.js b/1704894792450/dist/build/p-16163f05.entry.js deleted file mode 100644 index d36842a535..0000000000 --- a/1704894792450/dist/build/p-16163f05.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,c as d,h as a,H as i,g as o}from"./p-21a69c18.js";import{c}from"./p-71026bf3.js";import{g as l}from"./p-1133c92e.js";import{r as t}from"./p-8dc70a87.js";import{i as h}from"./p-b05f0e4e.js";const r='.ld-checkbox,:host{--ld-checkbox-size:1.25rem;--ld-checkbox-bg-col:var(--ld-col-wht);--ld-checkbox-bg-col-hover:var(--ld-col-neutral-010);--ld-checkbox-bg-col-active:var(--ld-col-neutral-050);--ld-checkbox-disabled-col:var(--ld-col-neutral-300);--ld-checkbox-disabled-bg-col:var(--ld-col-neutral-100);--ld-checkbox-dark-bg-col:var(--ld-col-neutral-050);--ld-checkbox-dark-bg-col-hover:var(--ld-col-neutral-100);--ld-checkbox-dark-bg-col-active:var(--ld-col-neutral-300);--ld-checkbox-checked-col:var(--ld-col-wht);--ld-checkbox-checked-col-active:var(--ld-col-wht);--ld-checkbox-col:var(--ld-thm-primary);--ld-checkbox-col-hover:var(--ld-thm-primary-hover);--ld-checkbox-col-active:var(--ld-thm-primary-active);--ld-checkbox-col-focus:var(--ld-thm-primary-focus);--ld-checkbox-invalid-col:var(--ld-thm-error);--ld-checkbox-invalid-col-hover:var(--ld-thm-error-hover);--ld-checkbox-invalid-col-focus:var(--ld-thm-error-focus);--ld-checkbox-invalid-col-active:var(--ld-thm-error-active);--ld-checkbox-warn-col:var(--ld-thm-warning);--ld-checkbox-warn-col-hover:var(--ld-thm-warning-hover);--ld-checkbox-warn-col-focus:var(--ld-thm-warning-focus);--ld-checkbox-warn-col-active:var(--ld-thm-warning-active);--ld-checkbox-warn-checked-col:var(--ld-thm-warning-active);--ld-checkbox-warn-checked-col-active:var(--ld-thm-warning-hover);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:1.25rem;height:var(--ld-checkbox-size);min-width:auto!important;position:relative;width:1.25rem;width:var(--ld-checkbox-size)}.ld-checkbox input,:host input{-webkit-appearance:none;appearance:none;background-color:initial;bottom:0;height:100%;left:0;margin:0;position:absolute;right:0;top:0;width:100%;z-index:1}.ld-checkbox input:checked~.ld-checkbox__check,:host input:checked~.ld-checkbox__check{visibility:inherit}.ld-checkbox input:indeterminate~.ld-checkbox__box:before,:host input:indeterminate~.ld-checkbox__box:before{border-radius:var(--ld-sp-2);box-shadow:inherit;content:"";height:var(--ld-sp-2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1}.ld-checkbox input:where(:disabled)~.ld-checkbox__check,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__check,:host input:where(:disabled)~.ld-checkbox__check,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__check{color:var(--ld-checkbox-disabled-col)}.ld-checkbox input:where(:disabled)~.ld-checkbox__box,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__box,:host input:where(:disabled)~.ld-checkbox__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-disabled-bg-col)}.ld-checkbox input:where(:disabled):checked~.ld-checkbox__box,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-checkbox__box,:host input:where(:disabled):checked~.ld-checkbox__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-checkbox__box{background-color:var(--ld-checkbox-disabled-bg-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__check{color:var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-checkbox__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-checkbox__box,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__check{color:var(--ld-checkbox-checked-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__box{background-color:var(--ld-checkbox-col);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__check{color:var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__box{background-color:var(--ld-checkbox-col-focus);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__check,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__check{color:var(--ld-checkbox-checked-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__box,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__box{background-color:var(--ld-checkbox-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col)}@media (hover:hover){.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__check,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__check{color:var(--ld-checkbox-checked-col)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__box{background-color:var(--ld-checkbox-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover)}}.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col)}@media (hover:hover){.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col-hover)}}.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-checkbox__box,.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col-active)}.ld-checkbox__check{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;z-index:1}.ld-checkbox__box{height:100%;pointer-events:none;position:absolute;width:100%}.ld-checkbox,.ld-checkbox__box,:host{border-radius:var(--ld-br-m)}.ld-checkbox--highlight,:host(.ld-checkbox--highlight){--ld-checkbox-col:var(--ld-checkbox-warn-col);--ld-checkbox-col-hover:var(--ld-checkbox-warn-col-hover);--ld-checkbox-col-focus:var(--ld-checkbox-warn-col-focus);--ld-checkbox-col-active:var(--ld-checkbox-warn-col-active);--ld-checkbox-checked-col:var(--ld-checkbox-warn-checked-col);--ld-checkbox-checked-col-active:var(--ld-checkbox-warn-checked-col-active)}.ld-checkbox--danger,.ld-checkbox--invalid,:host(.ld-checkbox--danger),:host(.ld-checkbox--invalid){--ld-checkbox-col:var(--ld-checkbox-invalid-col);--ld-checkbox-col-hover:var(--ld-checkbox-invalid-col-hover);--ld-checkbox-col-active:var(--ld-checkbox-invalid-col-active);--ld-checkbox-col-focus:var(--ld-checkbox-invalid-col-focus)}';const s=class{constructor(a){e(this,a);this.ldchange=d(this,"ldchange",7);this.ldinput=d(this,"ldinput",7);this.handleChange=e=>{this.el.dispatchEvent(new InputEvent("change",e));this.ldchange.emit(this.checked)};this.handleClick=e=>{if(this.disabled||h(this.el.ariaDisabled)){e.preventDefault();return}this.checked=!this.checked;if(!e.isTrusted){this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true}));this.handleInput();this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.ldchange.emit(this.checked)}};this.handleInput=()=>{this.ldinput.emit(this.checked)};this.ariaDisabled=undefined;this.autofocus=undefined;this.checked=false;this.disabled=undefined;this.form=undefined;this.indeterminate=undefined;this.invalid=undefined;this.ldTabindex=undefined;this.mode=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.tone=undefined;this.value=undefined;this.clonedAttributes=undefined}async focusInner(){if(this.input!==undefined){this.input.focus()}}updateIndeterminate(){this.indeterminate=undefined}updateHiddenInput(){const e=this.el.closest("form");if(!this.hiddenInput&&this.name&&(e||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(!this.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}this.hiddenInput.name=this.name;this.hiddenInput.checked=this.checked;if(this.value){this.hiddenInput.value=this.value}else{this.hiddenInput.removeAttribute("value")}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(e){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="checkbox";this.hiddenInput.style.visibility="hidden";this.hiddenInput.style.position="absolute";this.hiddenInput.style.pointerEvents="none";this.el.appendChild(this.hiddenInput)}componentWillLoad(){this.attributesObserver=c.call(this,["tone","mode"]);const e=this.el.closest("form");if(this.name&&(e||this.form)){this.createHiddenInput();this.hiddenInput.checked=this.checked;this.hiddenInput.name=this.name;if(this.form){this.hiddenInput.setAttribute("form",this.form)}if(this.value){this.hiddenInput.value=this.value}}t(this.autofocus)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const e=["ld-checkbox",this.mode&&`ld-checkbox--${this.mode}`,this.tone&&`ld-checkbox--${this.tone}`,this.invalid&&"ld-checkbox--invalid"];return a(i,{part:"root",class:l(e),onClick:this.handleClick},a("input",Object.assign({type:"checkbox"},this.clonedAttributes,{checked:this.checked,disabled:this.disabled,indeterminate:this.indeterminate,onChange:this.handleChange,onInput:this.handleInput,part:"input focusable",ref:e=>this.input=e,tabIndex:this.ldTabindex,value:this.value})),a("svg",{class:"ld-checkbox__check",part:"check",width:"14",height:"14",fill:"none",viewBox:"0 0 14 14"},a("path",{d:"M12 4L5.40795 10L2 6.63964",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"})),a("div",{class:"ld-checkbox__box",part:"box"}))}get el(){return o(this)}static get watchers(){return{checked:["updateIndeterminate","updateHiddenInput"],form:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"]}}};s.style=r;export{s as ld_checkbox}; -//# sourceMappingURL=p-16163f05.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-361761eb.entry.js b/1704894792450/dist/build/p-361761eb.entry.js deleted file mode 100644 index 7c7c5a2e10..0000000000 --- a/1704894792450/dist/build/p-361761eb.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,c as l,h as a,H as i,g as r}from"./p-21a69c18.js";import{g as d}from"./p-1133c92e.js";import{i as o}from"./p-8dc70a87.js";const s=':host{--ld-tablist-max-height:2.5rem;--ld-tablist-padding:0px;--ld-tablist-border-col:var(--ld-col-neutral-100);--ld-tablist-border-height:0.1875rem;--ld-tablist-btn-scroll-col:var(--ld-col-neutral-900);--ld-tablist-btn-scroll-col-active:var(--ld-col-neutral-900);--ld-tablist-btn-scroll-bg-col:var(--ld-col-neutral-010);--ld-tablist-btn-scroll-bg-col-hover:var(--ld-col-neutral-100);--ld-tablist-btn-scroll-bg-col-active:var(--ld-col-neutral-300);--ld-tablist-border-brand-col:var(--ld-thm-primary-hover);--ld-tablist-btn-scroll-bg-brand-col-active:var(--ld-thm-primary-active);--ld-tablist-btn-scroll-bg-brand-col-hover:var(--ld-thm-primary-hover);--ld-tablist-btn-scroll-bg-brand-col:var(--ld-thm-primary);--ld-tab-bg-brand-col-active:var(--ld-thm-primary-active);--ld-tab-bg-brand-col-focus:var(--ld-thm-primary-focus);--ld-tab-bg-brand-col-hover:var(--ld-thm-primary-hover);--ld-tab-bg-brand-col:var(--ld-thm-primary);--ld-tab-text-brand-col-focus:var(--ld-thm-primary-active);--ld-tab-disabled-bg-brand-col-focus:var(--ld-thm-primary-active);--ld-tab-disabled-text-brand-col-focus:var(--ld-thm-primary-focus);--ld-tab-disabled-text-brand-col:var(--ld-thm-primary-focus);--ld-tab-selected-border-brand-col:var(--ld-thm-secondary);--ld-tablist-transition-duration:0s}@media (prefers-reduced-motion:no-preference){:host{--ld-tablist-transition-duration:var(--ld-transition-duration-normal)}}:host{position:relative}.ld-tablist{background-color:var(--ld-tablist-btn-scroll-bg-col);display:flex;max-height:var(\n --ld-tablist-max-height\n );overflow:hidden;padding:var(--ld-tablist-padding);position:relative;z-index:0}.ld-tablist:after{background-color:var(--ld-tablist-border-col);bottom:0;content:"";height:var(--ld-tablist-border-height);left:0;position:absolute;right:0;top:auto;z-index:2}.ld-tablist--rounded-all{border-radius:var(--ld-br-m)}.ld-tablist--rounded-all-lg{border-radius:var(--ld-br-l)}.ld-tablist--rounded-top{border-radius:var(--ld-br-m) var(--ld-br-m) 0 0}.ld-tablist--rounded-top-lg{border-radius:var(--ld-br-l) var(--ld-br-l) 0 0}.ld-tablist ::slotted(ld-tab){--ld-tab-indicator-height:var(--ld-tablist-border-height)}.ld-tablist--sm{--ld-tablist-max-height:2rem}.ld-tablist--sm ::slotted(ld-tab){--ld-tab-font:var(--ld-typo-body-s);--ld-tab-gap:0.375rem;--ld-tab-min-height:2rem;--ld-tab-padding-x:0.625rem;--ld-tab-padding-y:0.5rem}.ld-tablist--lg{--ld-tablist-max-height:3.125rem}.ld-tablist--lg ::slotted(ld-tab){--ld-tab-font:var(--ld-typo-body-l);--ld-tab-gap:0.875rem;--ld-tab-min-height:3.125rem;--ld-tab-padding-x:1.3125rem;--ld-tab-padding-y:0.75rem}.ld-tablist--ghost{--ld-tablist-btn-scroll-bg-col:#0000}.ld-tablist--ghost ::slotted(ld-tab){--ld-tab-bg-col:#0000}.ld-tablist--brand-color{--ld-tablist-btn-scroll-col-active:var(--ld-col-wht);--ld-tablist-btn-scroll-col:var(--ld-col-wht);--ld-tablist-btn-scroll-bg-col:var(--ld-tablist-btn-scroll-bg-brand-col);--ld-tablist-btn-scroll-bg-col-hover:var(\n --ld-tablist-btn-scroll-bg-brand-col-hover\n );--ld-tablist-btn-scroll-bg-col-active:var(\n --ld-tablist-btn-scroll-bg-brand-col-active\n );--ld-tablist-border-col:var(--ld-tablist-border-brand-col)}.ld-tablist--brand-color ::slotted(ld-tab){--ld-tab-disabled-opacity:0.5;--ld-tab-disabled-content-opacity:1;--ld-tab-selected-text-col-focus:var(--ld-col-wht);--ld-tab-selected-text-col:var(--ld-col-wht);--ld-tab-text-col:var(--ld-col-wht);--ld-tab-text-col-hover:var(--ld-col-wht);--ld-tab-bg-col:var(--ld-tab-bg-brand-col);--ld-tab-bg-col-focus:var(--ld-tab-bg-brand-col-focus);--ld-tab-bg-col-hover:var(--ld-tab-bg-brand-col-hover);--ld-tab-bg-col-active:var(--ld-tab-bg-brand-col-active);--ld-tab-disabled-bg-col-focus:var(--ld-tab-disabled-bg-brand-col-focus);--ld-tab-disabled-text-col-focus:var(\n --ld-tab-disabled-text-brand-col-focus\n );--ld-tab-disabled-text-col:var(--ld-tab-disabled-text-brand-col);--ld-tab-selected-border-col-focus:var(--ld-tab-selected-border-col);--ld-tab-selected-border-col:var(--ld-tab-selected-border-brand-col);--ld-tab-text-col-focus:var(--ld-tab-text-brand-col-focus)}.ld-tablist--floating,.ld-tablist--floating-on-brand-color{--ld-tablist-padding:var(--ld-sp-8) 0;--ld-tab-border-radius:var(--ld-br-m);--ld-tab-selected-border-display:none;--ld-tab-text-col-focus:var(--ld-tab-text-brand-col-focus);border-radius:var(--ld-br-l)}.ld-tablist--floating-on-brand-color:after,.ld-tablist--floating:after{content:none}.ld-tablist--floating .ld-tablist__scroll-container,.ld-tablist--floating-on-brand-color .ld-tablist__scroll-container{gap:var(--ld-sp-8);padding-left:var(--ld-sp-8);padding-right:var(--ld-sp-8);position:relative;scroll-snap-type:none}.ld-tablist--floating ::slotted(ld-tab),.ld-tablist--floating-on-brand-color ::slotted(ld-tab){--ld-tab-selected-text-col-focus:var(--ld-col-wht);--ld-tab-selected-text-col:var(--ld-col-wht);--ld-tab-bg-col:#0000;--ld-tab-bg-col-active:#0000;--ld-tab-bg-col-hover:#0000;--ld-tab-bg-col-focus:#0000;--ld-tab-disabled-bg-col-focus:#0000;--ld-tab-disabled-text-col-focus:var(--ld-col-neutral-700);--ld-tab-selected-bg-col-hover:#0000;--ld-tab-selected-bg-col-active:#0000;--ld-tab-text-col-hover:var(--ld-thm-primary-hover);--ld-tab-text-col-focus:var(--ld-thm-primary-focus)}.ld-tablist--floating-on-brand-color{--ld-tablist-btn-scroll-bg-col:var(--ld-col-wht)}.ld-tablist__scroll-container{display:flex;margin-bottom:-4rem;overflow-x:auto;padding-bottom:4rem;scroll-snap-type:x mandatory}.ld-tablist__btn-scroll{-webkit-touch-callout:none;align-items:center;background-color:var(--ld-tablist-btn-scroll-bg-col);border:0;box-shadow:var(--ld-shadow-active);color:var(--ld-tablist-btn-scroll-col);justify-content:center;position:relative;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:var(--ld-sp-32);z-index:2}.ld-tablist__btn-scroll:focus:focus-visible{outline:none}.ld-tablist__btn-scroll[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) svg{opacity:.25}.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}@media (hover:hover){.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{background-color:var(--ld-tablist-btn-scroll-bg-col-hover)}}.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus,.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible{background-color:var(--ld-tablist-btn-scroll-bg-col-active);color:var(--ld-tablist-btn-scroll-col-active)}.ld-tablist__btn-scroll--left{left:0}.ld-tablist__btn-scroll--right{right:0}.ld-tablist__active-tab-indicator{background-color:var(--ld-thm-primary);border:2px solid $colorSynBrightBlue;border-radius:var(--ld-br-m);height:var(--ld-tablist-max-height);opacity:0;position:absolute;width:0;will-change:transform,width;z-index:-1}.ld-tablist--initialized .ld-tablist__active-tab-indicator{transition:width var(--ld-tablist-transition-duration) ease,transform var(--ld-tablist-transition-duration) ease,opacity var(--ld-tablist-transition-duration) var(--ld-tablist-transition-duration) linear}.ld-tablist--focus-visible.ld-tablist--selected-focused:focus-within .ld-tablist__active-tab-indicator{background-color:var(--ld-thm-primary-focus)}';const e=class{constructor(a){t(this,a);this.ldTablistScrollable=l(this,"ldTablistScrollable",7);this.isFloating=()=>["floating","floating-on-brand-color"].includes(this.mode);this.onClick=t=>{if(t.pointerType==="mouse"){this.focusVisible=false}};this.onFocusout=t=>{if(!t.relatedTarget||t.relatedTarget.closest("ld-tablist")!==this.el){this.focusVisible=true;this.selectedIsFocused=true}};this.onKeydown=t=>{switch(t.key){case"ArrowLeft":t.preventDefault();this.focusVisible=true;this.focusTab(t.target,"left");return;case"ArrowRight":{t.preventDefault();this.focusVisible=true;this.focusTab(t.target,"right");return}case"ArrowDown":{t.preventDefault();this.focusVisible=true;this.setFocusOnSelectedTabpanel();return}}};this.handleResize=()=>{if(this.isFloating()){this.updateSelectedTabIndicator()}else{this.updateScrollable();this.updateScrollButtons()}};this.updateSelectedTab=()=>{this.selectedTab=Array.from(this.el.querySelectorAll("ld-tab")).find((t=>t.selected))};this.size=undefined;this.mode=undefined;this.rounded=undefined;this.initialized=false;this.selectedTab=undefined;this.scrollable=undefined;this.scrollLeftEnabled=undefined;this.scrollRightEnabled=undefined;this.focusVisible=true;this.selectedIsFocused=true}updateScrollable(){if(this.isFloating())return;const t=this.scrollable?Math.round(2*this.btnScrollLeftRef.getBoundingClientRect().width):0;const l=Math.round(this.slotContainerRef.getBoundingClientRect().width);const a=Math.round(Array.from(this.el.children).map((t=>t.getBoundingClientRect().width)).reduce(((t,l)=>t+l)));this.scrollable=l+t0;this.scrollRightEnabled=this.slotContainerRef.scrollLeft+this.slotContainerRef.getBoundingClientRect().width-this.slotContainerRef.scrollWidth<0}scroll(t){this.slotContainerRef.scrollTo({left:this.slotContainerRef.scrollLeft+(t==="left"?-1:1)*this.slotContainerRef.getBoundingClientRect().width/2,behavior:"smooth"})}focusTab(t,l){const a=l==="left"?t.previousElementSibling:t.nextElementSibling;if(o(a)){a.focusInner();this.scrollTabIntoView(a);this.selectedIsFocused=a===this.selectedTab}}setFocusOnSelectedTabpanel(){var t;(t=Array.from(this.el.closest("ld-tabs").querySelectorAll("ld-tabpanel")).find((t=>!t.hasAttribute("hidden"))))===null||t===void 0?void 0:t.focus()}scrollTabIntoView(t){if(!t||!this.slotContainerRef){return}const l=this.slotContainerRef.getBoundingClientRect().width;const a=this.scrollable?this.btnScrollLeftRef.getBoundingClientRect().width:0;this.slotContainerRef.scrollTo({left:t.offsetLeft+t.getBoundingClientRect().width/2-l/2-a,behavior:"smooth"})}handleTabSelect(t){this.selectedIsFocused=true;this.selectedTab=t.target}updateSelectedTabIndicator(){this.scrollTabIntoView(this.selectedTab);if(!this.selectedTabIndicatorRef)return;const t=this.selectedTabIndicatorRef.style;if(!this.selectedTab){t.opacity="0";return}const l=this.selectedTab.getBoundingClientRect();const a=this.slotContainerRef.getBoundingClientRect();const i=this.slotContainerRef.scrollLeft;const r=l.left-a.left+i;t.transform=`translateX(${r-8}px)`;t.width=`${l.width}px`;t.opacity="1"}updateIconSize(){this.el.querySelectorAll("ld-icon").forEach((t=>{if(this.size!==undefined){t.size=this.size}else{t.size=undefined}}));this.el.querySelectorAll(".ld-icon").forEach((t=>{if(this.size==="sm"){t.classList.remove("ld-icon--lg");t.classList.add("ld-icon--sm")}else if(this.size==="lg"){t.classList.remove("ld-icon--sm");t.classList.add("ld-icon--lg")}else{t.classList.remove("ld-icon--sm","ld-icon--lg")}}))}emitScrollable(){this.ldTablistScrollable.emit(this.scrollable)}componentWillLoad(){this.selectedTab=Array.from(this.el.querySelectorAll("ld-tab")).find((t=>t.selected));this.updateIconSize();this.mutationObserver=new MutationObserver(this.updateSelectedTab);this.mutationObserver.observe(this.el,{subtree:true,childList:true,attributes:false})}componentDidLoad(){setTimeout((()=>{this.updateScrollable();this.updateScrollButtons();this.initialized=true}));this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.slotContainerRef)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.unobserve(this.slotContainerRef)}if(this.mutationObserver)this.mutationObserver.disconnect()}render(){return a(i,{onClick:this.onClick,onKeydown:this.onKeydown,onFocusout:this.onFocusout,role:"tablist"},a("div",{class:d(["ld-tablist",this.initialized&&"ld-tablist--initialized",this.focusVisible&&"ld-tablist--focus-visible",this.selectedIsFocused&&"ld-tablist--selected-focused",this.size&&`ld-tablist--${this.size}`,this.mode&&`ld-tablist--${this.mode}`,this.rounded&&`ld-tablist--rounded-${this.rounded}`]),part:"wrapper"},!this.isFloating()&&a("button",{"aria-disabled":this.scrollLeftEnabled?undefined:"true",class:"ld-tablist__btn-scroll ld-tablist__btn-scroll--left",hidden:!this.scrollable,onClick:this.scroll.bind(this,"left"),part:"arrow arrow-left",ref:t=>this.btnScrollLeftRef=t,tabindex:"-1"},a("svg",{fill:"none",height:"16",part:"arrow-icon arrow-icon-left",viewBox:"0 0 16 16",width:"16"},a("title",null,"Scroll left"),a("path",{d:"M10 13L6 8L10 3",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),a("div",{class:"ld-tablist__scroll-container",onScroll:this.updateScrollButtons.bind(this),part:"scroll-container",ref:t=>this.slotContainerRef=t},a("slot",null),this.isFloating()&&a("div",{part:"active-tab-indicator",class:"ld-tablist__active-tab-indicator",ref:t=>this.selectedTabIndicatorRef=t})),!this.isFloating()&&a("button",{"aria-disabled":this.scrollRightEnabled?undefined:"true",class:"ld-tablist__btn-scroll ld-tablist__btn-scroll--right",hidden:!this.scrollable,onClick:this.scroll.bind(this,"right"),part:"arrow arrow-right",tabindex:"-1"},a("svg",{fill:"none",height:"16",part:"arrow-icon arrow-icon-right",viewBox:"0 0 16 16",width:"16"},a("title",null,"Scroll right"),a("path",{d:"M6 13L10 8L6 3",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))}get el(){return r(this)}static get watchers(){return{selectedTab:["updateSelectedTabIndicator"],size:["updateIconSize"],scrollable:["emitScrollable"]}}};e.style=s;export{e as ld_tablist}; -//# sourceMappingURL=p-361761eb.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-41b3aee4.entry.js b/1704894792450/dist/build/p-41b3aee4.entry.js deleted file mode 100644 index 97a9bc2c80..0000000000 --- a/1704894792450/dist/build/p-41b3aee4.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,h as n,g as i}from"./p-21a69c18.js";import{g as l}from"./p-1133c92e.js";import{c as r}from"./p-71026bf3.js";import{i as a}from"./p-b05f0e4e.js";const t='.ld-link{--ld-link-col:var(--ld-thm-primary);--ld-link-gap:0.3em;--ld-link-chevron-gap:0em;--ld-link-chevron-width:0.135em;align-items:baseline;color:var(--ld-thm-primary);color:var(--ld-link-col);cursor:pointer;font-family:var(--ld-font-body);font-size:inherit;font-weight:700;gap:.3em;gap:var(--ld-link-gap);line-height:inherit;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):hover{--ld-link-col:var(--ld-thm-primary-hover)}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus:focus-visible{--ld-link-col:var(--ld-thm-primary-focus)}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):active{--ld-link-col:var(--ld-thm-primary-active)}.ld-link:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){--ld-link-col:var(--ld-thm-primary);cursor:default;opacity:.3}.ld-link>.ld-icon,.ld-link>::slotted(.ld-icon),.ld-link>::slotted(ld-icon),.ld-link>ld-icon{transform:translateY(10%)}.ld-link--chevron-end,.ld-link--chevron-start{display:inline-flex}.ld-link--chevron-end:after,.ld-link--chevron-end:before,.ld-link--chevron-start:after,.ld-link--chevron-start:before{background-color:var(--ld-link-col);border-radius:99rem;content:"";display:block;flex-shrink:0;height:.5em;transform-origin:right;width:var(--ld-link-chevron-width)}.ld-link--chevron-start{margin-left:calc(.5 * var(--ld-link-chevron-gap))}.ld-link--chevron-start:after,.ld-link--chevron-start:before{order:-1}.ld-link--chevron-start:before{transform:translateX(calc(.5 * (var(--ld-link-gap) - var(--ld-link-chevron-gap)) + 50%)) translateY(-65%) rotate(-40deg)}.ld-link--chevron-start:after{transform:translateX(calc(-.5 * var(--ld-link-gap) - .5 * var(--ld-link-chevron-gap) - 50%)) translateY(20%) rotate(40deg)}.ld-link--chevron-end{margin-right:calc(.5 * var(--ld-link-chevron-gap))}.ld-link--chevron-end:after,.ld-link--chevron-end:before{order:1}.ld-link--chevron-end:before{transform:translateX(calc(.5 * (var(--ld-link-gap) + var(--ld-link-chevron-gap)) + 50%)) translateY(-65%) rotate(-40deg)}.ld-link--chevron-end:after{transform:translateX(calc(-.5 * var(--ld-link-gap) + .5 * var(--ld-link-chevron-gap) - 50%)) translateY(20%) rotate(40deg)}';const d=class{constructor(n){e(this,n);this.handleClick=e=>{if(this.disabled||a(this.el.ariaDisabled)){e.preventDefault();return}};this.chevron=undefined;this.disabled=undefined;this.download=undefined;this.href=undefined;this.hreflang=undefined;this.ldTabindex=undefined;this.ping=undefined;this.referrerpolicy=undefined;this.target=undefined;this.clonedAttributes=undefined}async focusInner(){this.anchor.focus()}componentWillLoad(){this.attributesObserver=r.call(this,["iconStart","iconEnd"])}connectedCallback(){this.el.addEventListener("click",this.handleClick,{capture:true})}disconnectedCallback(){this.el.removeEventListener("click",this.handleClick,{capture:true});if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const e=l(["ld-link",this.chevron&&`ld-link--chevron-${this.chevron}`,this.disabled&&`ld-link--disabled`]);return n("a",Object.assign({},this.clonedAttributes,{onClick:this.handleClick,class:e,"aria-disabled":this.disabled||a(this.el.ariaDisabled)?"true":undefined,ref:e=>this.anchor=e,target:this.target,rel:this.target==="_blank"?"noreferrer noopener":undefined,disabled:this.disabled,part:"anchor focusable",tabIndex:this.ldTabindex}),n("slot",null))}get el(){return i(this)}};d.style=t;export{d as ld_link}; -//# sourceMappingURL=p-41b3aee4.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-459ef4d7.entry.js b/1704894792450/dist/build/p-459ef4d7.entry.js deleted file mode 100644 index 77a545ddb5..0000000000 --- a/1704894792450/dist/build/p-459ef4d7.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as a,c as e,h as t,g as l}from"./p-21a69c18.js";const d=':host{--ld-tab-font:var(--ld-typo-body-m);--ld-tab-gap:0.625rem;--ld-tab-min-height:2.5rem;--ld-tab-disabled-opacity:1;--ld-tab-disabled-content-opacity:0.25;--ld-tab-padding-x:0.875rem;--ld-tab-padding-y:0.75rem;--ld-tab-bg-col-active:var(--ld-col-neutral-200);--ld-tab-bg-col-focus:var(--ld-col-neutral-600);--ld-tab-bg-col-hover:var(--ld-col-neutral-100);--ld-tab-bg-col:var(--ld-col-neutral-010);--ld-tab-disabled-bg-col-focus:var(--ld-col-neutral-400);--ld-tab-disabled-text-col-focus:var(--ld-col-wht);--ld-tab-disabled-text-col:var(--ld-col-neutral-900);--ld-tab-text-col-focus:var(--ld-col-neutral-100);--ld-tab-text-col:var(--ld-col-neutral-900);--ld-tab-selected-border-col-focus:var(--ld-thm-primary-focus);--ld-tab-selected-border-col:var(--ld-thm-primary);--ld-tab-selected-text-col-focus:var(--ld-thm-primary-focus);--ld-tab-selected-text-col:var(--ld-thm-primary)}.ld-tab{-webkit-touch-callout:none;align-items:center;background-color:var(--ld-tab-bg-col);border:0;border-radius:0;border-radius:var(--ld-tab-border-radius,0);box-sizing:border-box;color:var(--ld-tab-text-col);display:grid;font:var(--ld-tab-font);font-weight:700;grid-template-columns:minmax(0,var(--ld-sp-16)) max-content minmax(0,var(--ld-sp-16));justify-content:center;line-height:1;margin:0;min-height:var(--ld-tab-min-height);padding:var(--ld-tab-padding-y) var(--ld-tab-padding-x);position:relative;scroll-snap-align:start;text-align:center;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap}.ld-tab[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-tab-disabled-text-col);opacity:var(--ld-tab-disabled-opacity)}.ld-tab[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) .ld-tab__content{opacity:var(--ld-tab-disabled-content-opacity)}.ld-tab:after{bottom:0;content:"";display:block;display:var(--ld-tab-selected-border-display,block);height:var(--ld-tab-indicator-height);left:0;position:absolute;right:0;top:auto;z-index:3}.ld-tab[aria-selected=true]{background-color:var(--ld-tab-bg-col);color:var(--ld-tab-selected-text-col)}.ld-tab[aria-selected=true]:after{background-color:var(--ld-tab-selected-border-col)}.ld-tab:focus:focus-visible{--ld-tab-disabled-content-opacity:0.5;background-color:var(--ld-tab-bg-col-focus);outline:none}.ld-tab:focus:focus-visible:not(:active){color:var(--ld-tab-text-col-focus)}.ld-tab:focus:focus-visible[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-tab-disabled-bg-col-focus);color:var(--ld-tab-disabled-text-col-focus)}.ld-tab:focus:focus-visible[aria-selected=true]:not(:active){color:var(--ld-tab-selected-text-col-focus)}.ld-tab:focus:focus-visible[aria-selected=true]:after{background-color:var(--ld-tab-selected-border-col-focus)}.ld-tab:focus:focus-visible:not([aria-selected=true]):after{background-color:inherit}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}@media (hover:hover){.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{background-color:var(--ld-tab-bg-col-hover)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover[aria-selected=true]{background-color:var(\n --ld-tab-selected-bg-col-hover,var(--ld-tab-bg-col-hover)\n )}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not([aria-selected=true]){color:var(--ld-tab-text-col-hover)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not([aria-selected=true]):after{background-color:inherit}}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus,.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible{background-color:var(--ld-tab-bg-col-active)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible[aria-selected=true],.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus[aria-selected=true]{background-color:var(\n --ld-tab-selected-bg-col-active,var(--ld-tab-bg-col-active)\n )}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible:not([aria-selected=true]):after,.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:not([aria-selected=true]):after{background-color:inherit}.ld-tab ::slotted(.ld-icon),.ld-tab ::slotted(ld-icon){height:0}.ld-tab__spacer{display:inline-flex;flex-shrink:1;width:var(--ld-sp-16)}.ld-tab__content{grid-gap:var(--ld-tab-gap);align-items:center;display:grid;gap:var(--ld-tab-gap);grid-auto-flow:column}';const r=class{constructor(t){a(this,t);this.ldtabselect=e(this,"ldtabselect",7);this.disabled=undefined;this.ldTabindex=undefined;this.selected=undefined}async focusInner(){this.btnRef.focus({preventScroll:true})}handleTabClick(a){a.preventDefault();this.select()}emitEvent(a,e){if(!a||a===e)return;this.ldtabselect.emit()}async select(){if(this.disabled)return;if(this.btnRef.getAttribute("aria-selected"))return;this.selected=true}render(){return t("button",{"aria-disabled":this.disabled?"true":undefined,"aria-selected":this.selected?"true":undefined,class:"ld-tab",onClick:this.handleTabClick.bind(this),part:"button focusable",ref:a=>this.btnRef=a,role:"tab",tabindex:this.selected?this.ldTabindex:"-1"},t("span",{class:"ld-tab__spacer",part:"spacer spacer-left"}),t("span",{class:"ld-tab__content",part:"content"},t("slot",null)),t("span",{class:"ld-tab__spacer",part:"spacer spacer-right"}))}get el(){return l(this)}static get watchers(){return{selected:["emitEvent"]}}};r.style=d;export{r as ld_tab}; -//# sourceMappingURL=p-459ef4d7.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-4fbea300.entry.js b/1704894792450/dist/build/p-4fbea300.entry.js deleted file mode 100644 index 3ca8d1b108..0000000000 --- a/1704894792450/dist/build/p-4fbea300.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as o,h as i,H as e}from"./p-21a69c18.js";import{e as s,N as a}from"./p-49b9f144.js";const n=".docs-nav-backdrop{background-color:var(--ld-col-neutral-900);opacity:0;pointer-events:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;visibility:hidden;z-index:1}@media (max-width:52rem){.docs-nav-backdrop{height:100%;position:fixed;transition:opacity .2s linear,visibility 0s linear .2s;width:100%}}.docs-nav-backdrop__a{height:100%;position:fixed;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}";const t=class{constructor(i){o(this,i)}onClick(o){o.preventDefault();location.hash="";setTimeout((()=>{history.replaceState({},"",window.location.pathname);s.emit(a.close)}))}render(){return i(e,{class:"docs-nav-backdrop"},i("a",{class:"docs-nav-backdrop__a",href:"#backdrop",id:"sidenav-close",title:"Close Menu","aria-label":"Close Menu",onClick:this.onClick},"Close nav"))}};t.style=n;export{t as docs_nav_backdrop}; -//# sourceMappingURL=p-4fbea300.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-51eab3cf.entry.js b/1704894792450/dist/build/p-51eab3cf.entry.js deleted file mode 100644 index bb6c4ba3b6..0000000000 --- a/1704894792450/dist/build/p-51eab3cf.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r,h as l,H as c}from"./p-21a69c18.js";import{g as s}from"./p-1133c92e.js";const a='.ld-circular-progress,:host{--ld-circular-progress-valuemin:0;--ld-circular-progress-valuemax:100;--ld-circular-progress-valuenow:0;--ld-circular-progress-size:7.5rem;--ld-circular-progress-transition-duration:var(\n --ld-transition-duration-normal\n );--ld-circular-progress-stroke-mask:url(\'data:image/svg+xml;utf8,\');--ld-circular-progress-bar-col:var(--ld-thm-primary);--ld-circular-progress-bar-col-overflow:var(--ld-thm-error);--ld-circular-progress-bg-col:var(--ld-col-neutral-100);--ld-circular-progress-bg-col-overflow:var(--ld-thm-error);--ld-circular-progress-circle-bg-col:var(--ld-circular-progress-bg-col);--ld-circular-progress-circle-bg-col-overflow:var(\n --ld-circular-progress-bg-col-overflow\n );--ld-circular-progress-pi:3.141592653589793;--ld-circular-progress-wht-overlay-col:var(--ld-col-wht-alpha-high);--ld-circular-progress-calc-valuenow:max(0,calc(var(--ld-circular-progress-valuenow) - var(--ld-circular-progress-valuemin)));--ld-circular-progress-calc-valuemax:calc(var(--ld-circular-progress-valuemax) - var(--ld-circular-progress-valuemin));--ld-circular-progress-calc-relative-progress:calc(var(--ld-circular-progress-calc-valuenow) / var(--ld-circular-progress-calc-valuemax));--ld-circular-progress-has-overflow:max(0,min(calc((var(--ld-circular-progress-calc-relative-progress) - 1) * 99999999999),1));align-items:center;box-sizing:initial!important;display:inline-flex;flex-direction:column;gap:var(--ld-sp-4);height:calc(7.5rem - 7.5rem * .4);height:calc(var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * .4);justify-content:center;max-width:100%;padding:calc(7.5rem * .165) calc(7.5rem * .2) calc(7.5rem * .235);padding:calc(var(--ld-circular-progress-size) * .165) calc(var(--ld-circular-progress-size) * .2) calc(var(--ld-circular-progress-size) * .235);position:relative;width:calc(7.5rem - 7.5rem * .4);width:calc(var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * .4)}.ld-circular-progress:after,.ld-circular-progress:before,:host:after,:host:before{bottom:0;content:"";left:0;-webkit-mask-image:var(--ld-circular-progress-stroke-mask);mask-image:var(--ld-circular-progress-stroke-mask);position:absolute;right:0;top:0;transition:opacity var(--ld-circular-progress-transition-duration) linear}.ld-circular-progress:before,:host:before{background-color:var(--ld-circular-progress-bg-col);opacity:calc(1 - var(--ld-circular-progress-has-overflow))}.ld-circular-progress:after,:host:after{box-shadow:inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem) var(--ld-circular-progress-wht-overlay-col),inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem) var(--ld-circular-progress-bg-col-overflow);opacity:var(--ld-circular-progress-has-overflow);position:absolute}.ld-circular-progress--brand-color,:host(.ld-circular-progress--brand-color){--ld-circular-progress-bar-col:var(--ld-col-wht);--ld-circular-progress-bg-col:var(--ld-thm-primary-focus);--ld-circular-progress-bg-col-overflow:var(--ld-thm-error-active);--ld-circular-progress-wht-overlay-col:var(--ld-col-wht-alpha-low)}:root,_::-webkit-full-page-media,_:future{--ld-circular-progress-bar-correction:3.5px}.ld-circular-progress__stroke{fill:none;bottom:0;left:0;-webkit-mask-image:var(--ld-circular-progress-stroke-mask);mask-image:var(--ld-circular-progress-stroke-mask);position:absolute;right:0;top:0;transform:rotate(-90deg);width:100%;z-index:1}.ld-circular-progress__stroke circle{stroke-width:2.2;stroke-dasharray:calc(100 / var(--ld-circular-progress-pi));transform-origin:center;transition:opacity var(--ld-circular-progress-transition-duration) linear,stroke-dashoffset var(--ld-circular-progress-transition-duration) ease}.ld-circular-progress__stroke circle:first-of-type{stroke:var(--ld-circular-progress-bar-col);stroke-dashoffset:calc(-1 * min(0px, (-100px + var(--ld-circular-progress-calc-relative-progress) * (100px - 3.5px)) / var(--ld-circular-progress-pi)));stroke-dashoffset:calc(-1 * min(0px, (-100px + var(--ld-circular-progress-calc-relative-progress) * (100px - var(--ld-circular-progress-bar-correction, 1px))) / var(--ld-circular-progress-pi)));opacity:calc(1 - var(--ld-circular-progress-has-overflow))}.ld-circular-progress__stroke circle:last-of-type{stroke:var(--ld-circular-progress-bar-col-overflow);stroke-dashoffset:calc(-1 * max(-100px / var(--ld-circular-progress-pi), min(0px, (-100px + (var(--ld-circular-progress-calc-relative-progress) - 1) * (100px - 3.5px)) / var(--ld-circular-progress-pi))));stroke-dashoffset:calc(-1 * max(-100px / var(--ld-circular-progress-pi), min(0px, (-100px + (var(--ld-circular-progress-calc-relative-progress) - 1) * (100px - var(--ld-circular-progress-bar-correction, 1px))) / var(--ld-circular-progress-pi))));opacity:var(--ld-circular-progress-has-overflow)}';const e=class{constructor(l){r(this,l);this.ariaLabeledby=undefined;this.ariaValuemax=100;this.ariaValuemin=0;this.ariaValuenow=undefined;this.ariaValuetext=undefined;this.brandColor=undefined}render(){const r=s(["ld-circular-progress",this.brandColor&&"ld-circular-progress--brand-color"]);return l(c,{class:r,role:"progressbar",style:Object.assign(Object.assign(Object.assign({},this.ariaValuemax!==undefined&&{"--ld-circular-progress-valuemax":this.ariaValuemax+""}),this.ariaValuemin!==undefined&&{"--ld-circular-progress-valuemin":this.ariaValuemin+""}),this.ariaValuenow!==undefined&&{"--ld-circular-progress-valuenow":this.ariaValuenow+""})},l("svg",{class:"ld-circular-progress__stroke",viewBox:"0 0 10 10"},l("circle",{cx:"5",cy:"5",r:"5"}),l("circle",{cx:"5",cy:"5",r:"5"})),l("slot",null))}};e.style=a;export{e as ld_circular_progress}; -//# sourceMappingURL=p-51eab3cf.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-5a913e48.entry.js b/1704894792450/dist/build/p-5a913e48.entry.js deleted file mode 100644 index 06790027d0..0000000000 --- a/1704894792450/dist/build/p-5a913e48.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,c as i,h as e,F as s,H as r,g as l}from"./p-21a69c18.js";import{g as d}from"./p-1133c92e.js";import{i as a}from"./p-b05f0e4e.js";const o=':host{--ld-slider-disabled-thumb-box-shadow:0 0 0 #0000;--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-default);--ld-slider-thumb-box-shadow-default:var(--ld-shadow-stacked);--ld-slider-thumb-box-shadow-active:var(--ld-slider-thumb-box-shadow-default),0 0 0 var(--ld-sp-6) var(--ld-thm-primary-alpha-lowest);--ld-slider-thumb-box-shadow-hover:var(--ld-slider-thumb-box-shadow-default),0 0 0 var(--ld-sp-4) var(--ld-thm-primary-alpha-lowest);--ld-slider-thumb-size:var(--ld-slider-thumb-size-md);--ld-slider-thumb-size-sm:var(--ld-sp-24);--ld-slider-thumb-size-md:var(--ld-sp-32);--ld-slider-thumb-size-lg:var(--ld-sp-40);--ld-slider-diff:calc(var(--max) - var(--min));--ld-slider-indicator-size:var(--ld-sp-6);--ld-slider-track-margin:calc((var(--ld-slider-thumb-size) - var(--ld-slider-indicator-size)) / 2 - 0.0625rem);--ld-slider-radius:calc(var(--ld-slider-thumb-size) / 2);--ld-slider-useful-width:calc(var(--ld-slider-width) - var(--ld-slider-thumb-size));--ld-slider-thumb-col:var(--ld-col-wht);--ld-slider-disabled-thumb-col:var(--ld-col-neutral-200);--ld-slider-selected-col:var(--ld-slider-selected-col-default);--ld-slider-selected-col-default:var(--ld-thm-primary);--ld-slider-disabled-selected-col:var(--ld-col-neutral-200);--ld-slider-animation-duration:0s}@media (prefers-reduced-motion:no-preference){:host{--ld-slider-animation-duration:var(--ld-transition-duration-swift)}}:host{display:grid;font:var(--ld-typo-body-xs);grid-template-rows:max-content var(--ld-slider-thumb-size) max-content;min-width:var(--ld-slider-width);pointer-events:none;position:relative;width:var(--ld-slider-width);z-index:0}:host:after,:host:before{align-self:center;background:var(--ld-col-neutral-100);border-radius:var(--ld-slider-radius);content:"";grid-column:1;grid-row:2;height:var(--ld-sp-8);margin:0 var(--ld-slider-track-margin);will-change:transform}:host:after{background:var(--ld-slider-selected-col);cursor:pointer;-webkit-mask:var(--fill);mask:var(--fill);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:auto}:host([aria-disabled=true]),:host([disabled]){--ld-slider-selected-col:var(--ld-slider-disabled-selected-col);--ld-slider-thumb-box-shadow-default:var(\n --ld-slider-disabled-thumb-box-shadow\n );--ld-slider-thumb-col:var(--ld-slider-disabled-thumb-col)}:host([aria-disabled=true]):after,:host([disabled]):after{pointer-events:none}:host([aria-disabled=true]) .ld-slider__input,:host([disabled]) .ld-slider__input{opacity:1}:host([aria-disabled=true]) .ld-slider__input::-webkit-slider-thumb,:host([disabled]) .ld-slider__input::-webkit-slider-thumb{pointer-events:none;transform:scale(calc(2 / 3))}:host([aria-disabled=true]) .ld-slider__input::-moz-range-thumb,:host([disabled]) .ld-slider__input::-moz-range-thumb{pointer-events:none;transform:scale(calc(2 / 3))}:host([aria-disabled=true]) .ld-slider__input:focus+.ld-slider__output--permanent:after,:host([disabled]) .ld-slider__input:focus+.ld-slider__output--permanent:after{color:var(--ld-slider-selected-col-default)}:host([aria-disabled=true]) .ld-slider__input:focus:not(:focus-visible)+.ld-slider__output--permanent:after,:host([disabled]) .ld-slider__input:focus:not(:focus-visible)+.ld-slider__output--permanent:after{color:inherit}:host(.ld-slider--padded){padding-bottom:var(--ld-sp-6)}:host(.ld-slider--sm){--ld-slider-thumb-size:var(--ld-slider-thumb-size-sm)}:host(.ld-slider--lg){--ld-slider-thumb-size:var(--ld-slider-thumb-size-lg)}:host *{--ld-slider-highlighted:0;font:inherit;margin:0}:host .ld-slider__input,:host .ld-slider__input::-webkit-slider-runnable-track,:host .ld-slider__input::-webkit-slider-thumb{-webkit-appearance:none}:host .ld-slider__input{background:none;cursor:grab;grid-column:1;grid-row:2;left:0;top:0;z-index:calc(3 + var(--ld-slider-highlighted))}:host .ld-slider__input::-webkit-slider-runnable-track{background:none;height:100%;width:100%}:host .ld-slider__input::-moz-range-track{background:none;height:100%;width:100%;z-index:2}:host .ld-slider__input::-webkit-slider-thumb{background:var(--ld-slider-thumb-col);border:none;border-radius:var(--ld-br-full);box-shadow:var(--ld-slider-thumb-box-shadow);box-sizing:border-box;height:var(--ld-slider-thumb-size);pointer-events:auto;width:var(--ld-slider-thumb-size);will-change:transform}:host .ld-slider__input::-moz-range-thumb{background:var(--ld-slider-thumb-col);border:none;border-radius:var(--ld-br-full);box-shadow:var(--ld-slider-thumb-box-shadow);box-sizing:border-box;height:var(--ld-slider-thumb-size);pointer-events:auto;width:var(--ld-slider-thumb-size);will-change:transform}:host .ld-slider__input:active,:host .ld-slider__input:focus-visible{outline:none}:host .ld-slider__input:active+output,:host .ld-slider__input:focus-visible+output{--ld-slider-highlighted:1}:host .ld-slider__input:focus,:host .ld-slider__input:hover{--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-hover)}:host .ld-slider__input:active{--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-active);cursor:grabbing;outline:none;z-index:4}:host .ld-slider__input:not(:active):not(:focus-visible):not(:hover){--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-default)}:host .ld-slider__indicator,:host .ld-slider__output,:host .ld-slider__value-label{grid-column:1;left:calc((var(--now) - var(--min)) / var(--ld-slider-diff) * var(--ld-slider-useful-width) + var(--ld-slider-radius));max-width:max-content;position:relative}:host .ld-slider__indicator{aspect-ratio:1;-webkit-backdrop-filter:brightness(.6) invert(1) hue-rotate(180deg);backdrop-filter:brightness(.6) invert(1) hue-rotate(180deg);border-radius:var(--ld-br-full);grid-row:2;height:var(--ld-slider-indicator-size);opacity:.5;top:var(--ld-slider-radius);transform:translate(-50%,-50%);z-index:1}:host .ld-slider__value-label{grid-row:3;transform:translate(-50%)}:host .ld-slider__value-label--first{left:var(--ld-slider-track-margin);transform:none}:host .ld-slider__value-label--last{left:auto;position:absolute;right:var(--ld-slider-track-margin);transform:none}:host .ld-slider__output{color:var(--ld-col-wht);content:counter(now) var(--unit);counter-reset:now var(--now);font-weight:700;grid-row:1;margin-bottom:var(--ld-sp-16);opacity:var(--ld-slider-highlighted);transform:translate(-50%) scale(max(.8,var(--ld-slider-highlighted)));transition:opacity var(--ld-slider-animation-duration) ease-out,transform var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output:before{background:var(--ld-slider-selected-col);border-radius:var(--ld-br-m);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}:host .ld-slider__output:after{content:counter(now) var(--unit);counter-reset:now var(--now);display:block;padding:0 var(--ld-sp-6)}:host .ld-slider__output--permanent{color:var(--ld-slider-selected-col);opacity:1;transform:translate(-50%,calc((var(--ld-slider-highlighted) - 1) * var(--ld-sp-12) * -1));transition:transform var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output--permanent:before{opacity:var(--ld-slider-highlighted);transition:opacity var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output--permanent:after{filter:invert(var(--ld-slider-highlighted)) grayscale(var(--ld-slider-highlighted)) contrast(max(1,calc(4 * var(--ld-slider-highlighted))))}';const n=(t,i)=>t.length?t.reduce(((t,e)=>Math.abs(e-i)n(t.filter((t=>t>i)),i);const u=(t,i)=>n(t.filter((t=>t{if(t.composedPath()[0]!==this.el){return}const i=getComputedStyle(this.el,"after");const e=Number.parseInt(getComputedStyle(this.el).paddingLeft)||0;const s=Number.parseInt(i.marginLeft)||0;const r=Number.parseInt(i.width);const l=t.offsetX-e-s;const d=Math.round(l/r*(this.max-this.min))+this.min;const a=[...this.values];const o=a.indexOf(n(a,d));const h=this.getCorrectedValue(d,o,a);a.splice(o,1,h);this.value=a.join(",")};this.handleInput=(t,i)=>{const e=t.target;if(a(this.ariaDisabled)){e.value=String(this.values[i]);return}const s=Number.parseInt(e.value,10);const r=[...this.values];const l=this.getCorrectedValue(s,i,r,true);r[i]=l;if(l!==s){e.value=String(l)}const d=r.join(",");if(this.value!==d){this.value=r.join(",")}};this.handleKeyDown=(t,i)=>{const e=t.target;if(a(this.ariaDisabled)){e.value=String(this.values[i]);return}const s=Number.parseInt(e.value,10);const r=[...this.values];let l;if(this.stops&&!this.snapOffset){switch(t.key){case"ArrowDown":case"ArrowLeft":l=u(this.steps,s);break;case"ArrowRight":case"ArrowUp":l=h(this.steps,s)}}else if(this.snapOffset){switch(t.key){case"ArrowDown":case"ArrowLeft":l=s-1;break;case"ArrowRight":case"ArrowUp":l=s+1}}if(l===undefined){return}t.preventDefault();const d=this.getCorrectedValue(l,i,r);if(d===s){return}r[i]=d;e.value=String(d);const o=r.join(",");if(this.value!==o){this.value=r.join(",")}};this.getCorrectedValue=(t,i,e,s=false)=>{const r=e[i-1];const l=e[i+1];if(tthis.max){return this.max}if(!this.swappable&&r>t){return r}if(!this.swappable&&lt<=i+this.snapOffset&&t>=i-this.snapOffset));return i!==null&&i!==void 0?i:t}if(this.steps.length&&this.snapOffset===undefined){return n(this.steps,t)}return t};this.validateValue=(t,i,e)=>t===this.getCorrectedValue(t,i,e);this.correctValues=t=>{const i=t.map(this.getCorrectedValue);if(!i.every(this.validateValue)){return this.correctValues(i)}return i};this.updateValues=(t=false)=>{const i=String(this.value).split(",").map((t=>Number.parseInt(t,10)));if(!i.every(this.validateValue)){if(t){this.value=this.correctValues(i).join(",")}return false}this.values=i;return true};this.ariaDisabled=undefined;this.disabled=false;this.hideStopLabels=false;this.hideValueLabels=false;this.hideValues=false;this.indicators=false;this.labelFrom="From";this.labelTo="To";this.labelValue="Value";this.max=100;this.min=0;this.negative=false;this.size=undefined;this.snapOffset=undefined;this.step=undefined;this.stops=undefined;this.swappable=false;this.ldTabindex=undefined;this.unit=undefined;this.value=this.min;this.width="100%";this.valueLabels=[];this.steps=[];this.values=[]}async focusInner(){var t;(t=this.firstSliderRef)===null||t===void 0?void 0:t.focus({preventScroll:true})}updateState(){this.steps=this.stops?[this.min,...this.stops.split(",").map((t=>Number.parseInt(t,10))),this.max]:this.step?Array(Math.floor((this.max-this.min)/this.step)+1).fill(this.min).map(((t,i)=>t+i*this.step)):[];this.valueLabels=this.stops?[...this.steps]:[this.min,this.max]}handleValueChange(){const t=this.updateValues();if(t){this.ldchange.emit(this.values)}}componentWillLoad(){this.updateState();this.updateValues(true)}render(){const t=this.values.reduce(((t,i,e)=>{t[`--value${e}`]=i;return t}),{});return e(r,{class:d(["ld-slider",this.hideValueLabels&&"ld-slider--padded",this.size&&`ld-slider--${this.size}`]),onClick:this.handleTrackClick,role:"group",style:Object.assign(Object.assign({},t),{"--ld-slider-width":this.width,"--min":String(this.min),"--max":String(this.max),"--fill":(this.negative?`\nlinear-gradient(\n 90deg,\n red 100%,\n transparent 0\n),`:"")+this.values.map(((t,i)=>`\nlinear-gradient(\n 90deg,\n red\n calc(\n var(--ld-slider-radius) - var(--ld-slider-track-margin) +\n (var(--value${i}) - var(--min)) / var(--ld-slider-diff) *\n (var(--ld-slider-useful-width)${this.width==="100%"?" + 2 * var(--ld-slider-track-margin)":""})\n ),\n transparent 0\n)`)).join(",")})},this.values.map(((t,i)=>{var r;return e(s,null,e("ld-sr-only",{id:`${this.idPrefix}-label-${i}`,key:`label-${i}`,part:"label"},this.values.length===2?i===0?this.labelFrom:this.labelTo:`${this.labelValue} ${i+1}`),e("input",{"aria-disabled":this.disabled||a(this.ariaDisabled)?"true":undefined,"aria-labelledby":`${this.idPrefix}-label-${i}`,"aria-valuetext":this.unit?t+this.unit:undefined,class:"ld-slider__input",disabled:this.disabled,id:`${this.idPrefix}-value-${i}`,key:`input-${i}`,max:this.max,min:this.min,onInput:t=>this.handleInput(t,i),onKeyDown:t=>this.handleKeyDown(t,i),part:"input focusable",ref:i===0?t=>{this.firstSliderRef=t}:undefined,step:this.snapOffset!==undefined?undefined:this.step,style:t===this.max&&this.values[i-1]===this.max?{zIndex:"2"}:undefined,tabindex:this.ldTabindex,type:"range",value:t}),e("output",{class:d(["ld-slider__output",!this.hideValues&&"ld-slider__output--permanent"]),htmlFor:`${this.idPrefix}-value-${i}`,key:`output-${i}`,part:"output",style:{"--now":`var(--value${i})`,"--unit":`"${(r=this.unit)!==null&&r!==void 0?r:""}"`}}))})),this.indicators&&this.steps.map((t=>e("div",{class:"ld-slider__indicator",key:`indicator-${t}`,part:"indicator",style:{"--now":String(t)}}))),!this.hideValueLabels&&this.valueLabels.map(((t,i)=>(i===0||i===this.valueLabels.length-1||!this.hideStopLabels)&&e("div",{class:d(["ld-slider__value-label",i===0&&"ld-slider__value-label--first",i===this.valueLabels.length-1&&"ld-slider__value-label--last"]),key:`value-label-${t}`,part:"value-label",style:{"--now":String(t)}},t,this.unit))))}get el(){return l(this)}static get watchers(){return{max:["updateState"],min:["updateState"],step:["updateState"],stops:["updateState"],value:["handleValueChange"]}}};b.style=o;export{b as ld_slider}; -//# sourceMappingURL=p-5a913e48.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-5d7cb542.entry.js b/1704894792450/dist/build/p-5d7cb542.entry.js deleted file mode 100644 index 7f0cdc0324..0000000000 --- a/1704894792450/dist/build/p-5d7cb542.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as o,h as t,H as e,g as r}from"./p-21a69c18.js";const c='.docs-toc__content:before{background-color:var(--ld-col-neutral-050)}@media (prefers-color-scheme:dark){.docs-toc__content:before{background-color:var(--ld-col-neutral-400)}}.docs-ui-dark .docs-toc__content:before{background-color:var(--ld-col-neutral-400)}.docs-ui-light .docs-toc__content:before{background-color:var(--ld-col-neutral-050)}.docs-toc{--docs-toc-heading-height:2rem}.docs-toc__content{overflow:hidden;padding:var(--ld-sp-8) var(--ld-sp-24) var(--ld-sp-24) 0}.docs-toc__content:before{border-radius:var(--ld-br-full);bottom:1.25rem;content:"";display:block;left:0;position:absolute;top:calc(1.25rem + var(--docs-toc-heading-height));transform:translateY(-.4rem);width:.1875rem}.docs-toc__nav{margin-right:-3rem;max-height:calc(100vh - var(--docs-toc-top) - 4rem);overflow-x:visible;overflow-y:scroll;overflow:visible scroll;padding-right:3rem;position:relative}.docs-toc__nav ol{list-style:none;padding-left:var(--ld-sp-24)}.docs-toc__nav li{margin-top:var(--ld-sp-12)}.docs-toc__nav a{font:var(--ld-typo-label-s);-webkit-text-decoration:none;text-decoration:none}.docs-toc__nav a:before{border-radius:var(--ld-br-full);content:"";display:block;height:2.2rem;left:0;position:absolute;transform:translateY(-.4rem);width:.1875rem}.docs-toc__nav a.docs-toc__link--is-active,.docs-toc__nav a.docs-toc__link--is-target{color:var(--ld-thm-secondary)}.docs-toc__nav a.docs-toc__link--is-active:before{background-color:var(--ld-thm-secondary);z-index:1}.docs-toc__nav a[href="#methods"]+ol a{word-break:break-all}[href="#graph"],[href="#graph"]+ol,[href="#overview"],[href="#overview"]+ol,[href="#shadow-parts"],[href="#shadow-parts"]+ol{display:none}.docs-toc__heading{display:block;font:var(--ld-typo-cap-m);font-weight:400;height:var(--docs-toc-heading-height);text-transform:uppercase}';const s=class{constructor(t){o(this,t);this.headings=undefined}createObserver(o){const t={rootMargin:"-60px 0px -70% 0px",threshold:1};const e=t=>this.handleObserver(t,o);return new IntersectionObserver(e,t)}handleObserver(o,t){for(let e=o.length;e--;){const r=o[e];const{target:c,isIntersecting:s,intersectionRatio:a}=r;if(s&&a>=1){const o=c.getAttribute("id");this.updateLinks(o,t);return}}}updateLinks(o,t){if(["overview","shadow-parts","graph"].includes(o)||!t.find((t=>t.href.split("#")[1]===o))){return}const e=document.getElementById(o);if(e&&e.tagName==="H1"){t.map((o=>{o.classList.remove("docs-toc__link--is-active")}));t[0].classList.add("docs-toc__link--is-active");return}t.map((t=>{const e=t.getAttribute("href");t.classList.remove("docs-toc__link--is-active");if(e===`#${o}`){t.classList.add("docs-toc__link--is-active")}}))}handleClick(o){var t;if(o.target.tagName!=="A")return;o.preventDefault();(t=this.el.querySelector(".docs-toc__link--is-active"))===null||t===void 0?void 0:t.classList.remove("docs-toc__link--is-active");o.target.classList.add("docs-toc__link--is-active");const e=o.target.getAttribute("href").replace("#","");const r=this.headings.find((o=>o.getAttribute("id")===e));r.setAttribute("tabindex","-1");r.focus();window.scroll({top:r.offsetTop-80})}componentDidLoad(){setTimeout((()=>{this.headings=Array.from(document.querySelectorAll("#main > h1, #main > h2, #main > h3"));const o=Array.from(this.el.querySelectorAll("a"));const t=this.createObserver(o);this.headings.map((o=>t.observe(o)))}))}render(){return t(e,{class:"docs-toc"},t("aside",{class:"docs-toc__content"},t("h2",{class:"docs-toc__heading","aria-label":"Content"},"Content"),t("slot",null)))}get el(){return r(this)}};s.style=c;export{s as docs_toc}; -//# sourceMappingURL=p-5d7cb542.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-62839ae4.entry.js b/1704894792450/dist/build/p-62839ae4.entry.js deleted file mode 100644 index eb73631e80..0000000000 --- a/1704894792450/dist/build/p-62839ae4.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,c as s,h as e,H as p,g as r}from"./p-21a69c18.js";import{g as l}from"./p-1133c92e.js";const i=".ld-stepper,:host{--ld-stepper-gap:var(--ld-stepper-gap-md);--ld-stepper-gap-sm:var(--ld-sp-16);--ld-stepper-gap-md:1.25rem;--ld-stepper-gap-lg:var(--ld-sp-24);display:block}.ld-stepper ol,:host ol{grid-gap:var(--ld-stepper-gap);display:grid;gap:var(--ld-stepper-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:100%;padding:0}.ld-stepper--vertical ol,:host(.ld-stepper--vertical) ol{flex-direction:column;grid-auto-flow:row;grid-auto-rows:1fr}.ld-stepper--fit-content ol,:host(.ld-stepper--fit-content) ol{display:flex}.ld-stepper--sm,:host(.ld-stepper--sm){--ld-stepper-gap:var(--ld-stepper-gap-sm)}.ld-stepper--lg,:host(.ld-stepper--lg){--ld-stepper-gap:var(--ld-stepper-gap-lg)}";const a=class{constructor(e){t(this,e);this.ldstepselected=s(this,"ldstepselected",7);this.updateCurrent=t=>{this.currentIndex=t.detail.index;this.currentLabel=t.detail.label};this.brandColor=false;this.fitContent=false;this.labelTemplate="$1, $2";this.labelSummaryTemplate="step $1 of $2";this.size=undefined;this.vertical=false;this.currentLabel=undefined;this.currentIndex=undefined;this.steps=undefined}getLabel(){const t=this.labelSummaryTemplate.replace("$1",String(this.currentIndex+1)).replace("$2",String(this.steps.length));return this.currentLabel?this.labelTemplate.replace("$1",this.currentLabel).replace("$2",t):t}propagateProps(){this.steps.forEach((t=>{t.brandColor=this.brandColor;t.size=this.size;t.vertical=this.vertical}))}componentWillLoad(){this.steps=this.el.querySelectorAll("ld-step");this.propagateProps()}render(){return e(p,{class:l(["ld-stepper",this.fitContent&&"ld-stepper--fit-content",this.size&&`ld-stepper--${this.size}`,this.vertical&&"ld-stepper--vertical"]),role:"navigation",onLdstepselected:this.updateCurrent},e("ld-sr-only",null,this.getLabel()),e("ol",{part:"list"},e("slot",null)))}get el(){return r(this)}static get watchers(){return{brandColor:["propagateProps"],size:["propagateProps"],vertical:["propagateProps"]}}};a.style=i;export{a as ld_stepper}; -//# sourceMappingURL=p-62839ae4.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-6e08f789.entry.js b/1704894792450/dist/build/p-6e08f789.entry.js deleted file mode 100644 index 3b88eca406..0000000000 --- a/1704894792450/dist/build/p-6e08f789.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,c as o,h as t,H as n,g as i}from"./p-21a69c18.js";import{c as r,a as c}from"./p-112455b1.js";import{g as s}from"./p-1133c92e.js";var a=r((function(e,o){(function(o,t){e.exports=t()})(c,(function(){function e(e){for(var o=1;o!e.has(o))));return{acceptedCategories:e,rejectedCategories:o}}async isCategoryAccepted(e){return(await this.getAcceptedAndRejectedCategories()).acceptedCategories.has(e)}async showDisclaimer(e){const o=()=>{var e;this.isDisclaimerVisible=true;(e=this.disclaimerRef)===null||e===void 0?void 0:e.focus();this.ldCookieConsentDisclaimerShow.emit()};if(e){setTimeout(o,e)}else{o()}}async hideDisclaimerAndPreferences(){var e;this.isDisclaimerVisible=false;(e=this.modalRef)===null||e===void 0?void 0:e.close()}showPreferences(){this.modalRef.showModal();this.ldCookieConsentPreferencesShow.emit()}autoclearCookies(e){var o;const t=Object.keys(a.get());(o=this.config.categories)===null||o===void 0?void 0:o.filter((o=>o.autoclear&&e.has(o.toggle.value))).flatMap((e=>e.autoclear)).forEach((({domain:e,name:o,path:n})=>{if(t.includes(o)){a.remove(o,{path:n,domain:e})}}));this.ldCookieConsentAutoclearCookies.emit()}saveConsent(e){var o,t;let n;switch(e){case"all":n=new Set((o=this.config.categories)===null||o===void 0?void 0:o.map((e=>e.toggle.value)));break;case"none":n=new Set((t=this.config.categories)===null||t===void 0?void 0:t.filter((({toggle:e})=>e.disabled&&e.checked)).map((({toggle:e})=>e.value)));break;case"selected":n=this.selectedCategories;break}this.selectedCategories=new Set([...n]);const i=new Set([...this.allCategories].filter((e=>!n.has(e))));this.savedConsent={acceptedCategories:n,consentDate:new Date,rejectedCategories:i,revision:this.config.revision};localStorage.setItem(this.config.localStorageKey,JSON.stringify({acceptedCategories:[...this.savedConsent.acceptedCategories],consentDate:this.savedConsent.consentDate.toISOString(),rejectedCategories:[...this.savedConsent.rejectedCategories],revision:this.savedConsent.revision}));this.ldCookieConsentSave.emit(this.savedConsent);this.autoclearCookies(i);this.loadScripts()}async loadScripts(){const{rejectedCategories:e}=await this.getAcceptedAndRejectedCategories();const o=Array.from(document.querySelectorAll(`script[${this.config.scriptSelector}]`)).filter((o=>this.config.mode==="notice-only"||!e.has(o.getAttribute(this.config.scriptSelector))));if(!o.length)return;const t=e=>{e.removeAttribute(this.config.scriptSelector);e.removeAttribute("type");const n=document.createElement("script");n.textContent=e.innerHTML;Array.from(e.attributes).forEach((o=>{const t=o.nodeName;n.setAttribute(t,e[t]||e.getAttribute(t))}));const i=()=>{const e=o.shift();if(e){t(e)}else{this.ldCookieConsentActivateScripts.emit()}};e.parentNode.replaceChild(n,e);if(e.hasAttribute("async")){i()}else{n.onload=i}};t(o.shift())}isConsentGivenForCurrentRevision(){if(!this.savedConsent)return false;if(!this.config.revision)return true;if(this.savedConsent.revision===this.config.revision)return true;return false}getInitialM(){return t("ld-icon",{class:"ld-cookie-consent__initial-m",name:"initial-m"})}renderDisclaimer(){const{config:e}=this;return t("div",{"aria-labelledby":"ld-cookie-consent-disclaimer-header",class:s(["ld-cookie-consent__disclaimer",`ld-cookie-consent__disclaimer--${e.disclaimerAlignement}`,e.rejectable&&"ld-cookie-consent__disclaimer--rejectable",this.isDisclaimerVisible&&"ld-cookie-consent__disclaimer--visible"]),onTransitionEnd:function(){this.focus()},part:"disclaimer",ref:e=>this.disclaimerRef=e,role:"dialog",tabIndex:this.isDisclaimerVisible?-1:undefined},t("div",{class:"ld-cookie-consent__disclaimer-header",part:"disclaimer-header"},t("div",{class:"ld-cookie-consent__disclaimer-logo-container",part:"disclaimer-logo-container"},t("slot",{name:"disclaimer-logo"},this.getInitialM())),t("slot",{name:"disclaimer-title"},t("ld-typo",{class:"ld-cookie-consent__disclaimer-title",part:"disclaimer-title",tag:"p",variant:"h5"},"Cookie Disclaimer")),e.dismissable&&t("button",{"aria-label":this.config.buttonDismiss,class:"ld-cookie-consent__disclaimer-x",onClick:()=>{this.hideDisclaimerAndPreferences();this.ldCookieConsentDismiss.emit()},part:"disclaimer-button-dismiss"})),t("div",{class:"ld-cookie-consent__disclaimer-scroll-container",id:"ld-cookie-consent-disclaimer-header",part:"disclaimer-scroll-container"},t("div",{class:"ld-cookie-consent__disclaimer-description-container",part:"disclaimer-description-container"},t("slot",{name:"disclaimer-description"},e.mode==="notice-only"&&t("ld-typo",{class:"ld-cookie-consent__disclaimer-description",part:"disclaimer-description"},"This website uses cookies so that you have the best user experience. By continuing your browsing on this website, you accept the conditions described in our"," ",t("ld-link",{href:e.privacyStatementURL,target:"_blank"},"Cookie Policy / Privacy Statement"),". Cookies can be managed using your browser preferences."),e.mode==="opt-in"&&t("ld-typo",{part:"disclaimer-description"},"We use cookies so that we can offer you the best possible website experience. This includes cookies which are necessary for the operation of the app and the website, as well as other cookies which are used solely for anonymous statistical purposes, for more comfortable website settings, or for the display of personalized content. You are free to decide in the Cookie Settings which categories you would like to permit, except for the necessary cookies. Please note that depending on what you select, the full functionality of the website may no longer be available. You may review and change your choices at any time. Further information can be found in our"," ",t("ld-link",{href:e.privacyStatementURL,target:"_blank"},"Privacy Statement"),"."),e.mode==="opt-out"&&t("ld-typo",{part:"disclaimer-description"},"We use cookies in our website to give you the most relevant experience. By clicking or navigating the site, you are accepting the use of all our cookies according to our Cookie Policy / Privacy Statement. You are free to decide in the Cookie Settings which categories you would like to permit. Please note that depending on what you select, the full functionality of the website may no longer be available. You may review and change your choices at any time. Further information can be found in our"," ",t("ld-link",{href:e.privacyStatementURL,target:"_blank"},"Privacy Statement"),".")))),t("div",{class:"ld-cookie-consent__disclaimer-buttons",part:"disclaimer-buttons"},e.mode!=="notice-only"&&t("ld-button",{class:"ld-cookie-consent__btn ld-cookie-consent__btn--preferences",mode:"secondary",onClick:()=>{this.showPreferences()},part:"disclaimer-button-preferences",size:"sm"},e.buttonPreferences),e.mode!=="notice-only"&&e.rejectable&&t("ld-button",{class:"ld-cookie-consent__btn",mode:"secondary",onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("none")},part:"disclaimer-button-accept-none",size:"sm"},e.buttonAcceptNone),t("ld-button",{class:s(["ld-cookie-consent__btn",e.mode==="notice-only"&&"ld-cookie-consent__btn--acknowledge",e.mode!=="notice-only"&&e.rejectable&&"ld-cookie-consent__btn--grow"]),onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("all")},part:"disclaimer-button-accept-all",size:"sm"},e.mode==="notice-only"?e.buttonAcknowledge:e.buttonAcceptCookies)))}renderPreferences(){const{config:e}=this;return t("ld-modal",{"blurry-backdrop":e.backdropBlur,class:"ld-cookie-consent__preferences",part:"preferences",ref:e=>this.modalRef=e},t("div",{slot:"header",class:"ld-cookie-consent__preferences-header",part:"preferences-header"},t("div",{class:"ld-cookie-consent__preferences-logo-container",part:"preferences-logo-container"},t("slot",{name:"preferences-logo"},this.getInitialM())),t("slot",{name:"preferences-title"},t("ld-typo",{class:"ld-cookie-consent__preferences-title",part:"preferences-title",tag:"p",variant:"h5"},"Cookie Settings"))),t("div",{class:"ld-cookie-consent__preferences-description",part:"preferences-description"},t("slot",{name:"preferences-description"})),t("ld-accordion",{"brand-color":true,class:"ld-cookie-consent__preferences-accordion",detached:true,part:"preferences-accordion",rounded:true,single:true},e.categories.map(this.renderCategory.bind(this))),t("div",{class:"ld-cookie-consent__preferences-buttons",part:"preferences-buttons",slot:"footer"},e.buttonAcceptNone&&t("ld-button",{class:"ld-cookie-consent__btn",mode:"secondary",onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("none")},part:"preferences-button-accept-none",size:"sm"},e.buttonAcceptNone),e.buttonAcceptSelected&&t("ld-button",{class:"ld-cookie-consent__btn",mode:"secondary",onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("selected")},part:"preferences-button-accept-selected",size:"sm"},e.buttonAcceptSelected),e.buttonAcceptAll&&t("ld-button",{class:"ld-cookie-consent__btn ld-cookie-consent__btn--grow",onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("all")},part:"preferences-button-accept-all",size:"sm"},e.buttonAcceptAll)),t("div",{class:"ld-cookie-consent__preferences-privacy-policy-notice-container",part:"preferences-privacy-policy-notice-container",slot:"footer"},t("slot",{name:"preferences-privacy-policy-notice"},t("ld-typo",{class:"ld-cookie-consent__preferences-privacy-policy-notice",part:"preferences-privacy-policy-notice",variant:"body-s"},"Further information can be found in our"," ",t("ld-link",{href:e.privacyStatementURL,target:"_blank"},"Privacy Statement"),"."))))}renderCategory(e){return t("ld-accordion-section",{class:"ld-cookie-consent__preferences-accordion-section",part:"preferences-accordion-section"},t("ld-accordion-toggle",{class:"ld-cookie-consent__preferences-accordion-toggle",part:"preferences-accordion-toggle"},t("span",{class:"ld-cookie-consent__preferences-category-title",part:"preferences-category-title"},e.title)),t("ld-accordion-panel",{class:"ld-cookie-consent__preferences-accordion-panel",part:"preferences-accordion-panel"},t("ld-typo",{class:"ld-cookie-consent__preferences-category-description",part:"preferences-category-description",variant:"body-s"},e.details.description),e.details.cookieTable&&t("div",{class:"ld-cookie-consent__preferences-category-table-container",part:"preferences-category-table-container"},t("table",{class:"ld-cookie-consent__preferences-category-table",part:"preferences-category-table"},e.details.cookieTable.headers&&t("tr",{class:"ld-cookie-consent__preferences-category-table-tr",part:"preferences-category-table-tr"},e.details.cookieTable.headers.map((e=>t("th",{class:"ld-cookie-consent__preferences-category-table-th",part:"preferences-category-table-th"},e)))),e.details.cookieTable.rows.map((e=>t("tr",{class:"ld-cookie-consent__preferences-category-table-tr",part:"preferences-category-table-tr"},e.map((e=>t("td",{class:"ld-cookie-consent__preferences-category-table-td",part:"preferences-category-table-td"},e))))))))),t("ld-toggle",{"aria-disabled":e.toggle.disabled?"true":undefined,class:"ld-cookie-consent__preferences-category-toggle",checked:this.selectedCategories.has(e.toggle.value),onClick:e=>{e.stopImmediatePropagation()},onLdchange:()=>{this.selectedCategories.has(e.toggle.value)?this.selectedCategories.delete(e.toggle.value):this.selectedCategories.add(e.toggle.value);this.selectedCategories=new Set(this.selectedCategories)},part:"preferences-category-toggle",value:e.toggle.value}))}componentWillLoad(){var e,o,t;const n=typeof this.settings==="string"?JSON.parse(this.settings):this.settings;this.config=Object.assign(this.config,n);const i=JSON.parse(localStorage.getItem(this.config.localStorageKey));this.savedConsent=i&&{acceptedCategories:new Set(i.acceptedCategories),consentDate:new Date(i.consentDate),rejectedCategories:new Set(i.rejectedCategories),revision:i.revision};this.allCategories=new Set((e=this.config.categories)===null||e===void 0?void 0:e.map((e=>e.toggle.value)));this.preselectedCategories=new Set((o=this.config.categories)===null||o===void 0?void 0:o.filter((e=>e.toggle.checked)).map((e=>e.toggle.value)));this.selectedCategories=new Set(...[((t=this.savedConsent)===null||t===void 0?void 0:t.acceptedCategories)||this.preselectedCategories]);if(this.savedConsent)this.ldCookieSavedConsentLoad.emit(this.savedConsent);this.loadScripts();if(this.config.showOnLoad&&!this.isConsentGivenForCurrentRevision()){this.showDisclaimer(this.config.showOnLoadDelay)}}render(){return t(n,{class:"ld-cookie-consent"},this.renderDisclaimer(),this.config.mode!=="notice-only"&&this.renderPreferences())}get el(){return i(this)}};d.style=l;export{d as ld_cookie_consent}; -//# sourceMappingURL=p-6e08f789.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-737fa13e.entry.js b/1704894792450/dist/build/p-737fa13e.entry.js deleted file mode 100644 index a36930b1cc..0000000000 --- a/1704894792450/dist/build/p-737fa13e.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,h as s,H as a,g as i}from"./p-21a69c18.js";import{g as e}from"./p-1133c92e.js";import{c as r}from"./p-6e5841ef.js";import{t as n}from"./p-98010be8.js";const l=':host{--ld-scroll-shadow-height:1.5rem;--ld-scroll-shadow-intensity:0.1;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;overscroll-behavior:none;padding-right:var(--ld-sp-32);scrollbar-width:none;width:100%}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}:host ::slotted(ld-sidenav-heading:first-child),:host ::slotted(ld-sidenav-navitem:first-child){margin-top:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y);will-change:opacity}:host(.ld-sidenav-scroller-internal--relative){position:relative}:host(.ld-sidenav-scroller-internal--relative) .ld-sidenav-scroller-internal__hr-bottom,:host(.ld-sidenav-scroller-internal--relative) .ld-sidenav-scroller-internal__hr-top{position:sticky}:host(.ld-sidenav-scroller-internal--collapsed) .ld-sidenav-scroller-internal__shadow-bottom,:host(.ld-sidenav-scroller-internal--collapsed) .ld-sidenav-scroller-internal__shadow-top{transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (50% - (.5 * var(--ld-sidenav-width-collapsed)))))}.ld-sidenav-scroller-internal__shadow-bottom,.ld-sidenav-scroller-internal__shadow-top{height:0;left:0;opacity:0;pointer-events:none;position:sticky;transition:opacity var(--ld-sidenav-transition-duration) linear,transform var(--ld-sidenav-transition-duration) ease;width:100%;z-index:1}.ld-sidenav-scroller-internal__shadow-bottom:after,.ld-sidenav-scroller-internal__shadow-top:after{content:"";display:block;height:var(--ld-scroll-shadow-height);width:100%}.ld-sidenav-scroller-internal__shadow-top{top:0}.ld-sidenav-scroller-internal__shadow-top:after{background:radial-gradient(farthest-side at 50% 0,rgb(0,0,0,var(--ld-scroll-shadow-intensity)),#0000) 0 100% no-repeat}.ld-sidenav-scroller-internal__shadow-bottom{top:100%}.ld-sidenav-scroller-internal__shadow-bottom:after{background:radial-gradient(farthest-side at 50% 100%,rgb(0,0,0,var(--ld-scroll-shadow-intensity)),#0000) 0 100% no-repeat;transform:translateY(-100%)}.ld-sidenav-scroller-internal__hr-bottom,.ld-sidenav-scroller-internal__hr-top{margin-bottom:0;margin-top:0;position:absolute;width:calc(100% - 2 * var(--ld-sidenav-padding-x))}.ld-sidenav-scroller-internal__hr-top{top:0}.ld-sidenav-scroller-internal__hr-bottom{top:calc(100% - var(--ld-sp-1) * 1.5)}';const o=class{constructor(s){t(this,s);this.hasShadowBottom=false;this.hasShadowTop=false;this.needsHRBottom=undefined;this.needsHRTop=undefined;this.relative=undefined;this.sidenavClosable=undefined;this.sidenavCollapsed=undefined}handleSidenavCollapsedChange(t){if(t.target!==this.sidenav)return;this.sidenavCollapsed=t.detail.collapsed}handleSidenavBreakpointChange(t){if(t.target!==this.sidenav)return;this.sidenavClosable=t.detail}async updateShadows(){const t=this.el;if(!t)return;this.hasShadowBottom=t.scrollTop10}async scrollToTop(t=false){const s=window.matchMedia("(prefers-reduced-motion: reduce)").matches;try{this.el.scrollTo({top:0,behavior:t&&!s?"smooth":"auto"})}catch(t){}}componentWillLoad(){this.sidenav=r("ld-sidenav",this.el);if(!this.sidenav)return;this.needsHRTop=!!this.sidenav.querySelector('[slot="top"]');this.needsHRBottom=!!this.sidenav.querySelector('[slot="bottom"]');this.relative=!this.sidenav.querySelector("ld-sidenav-slider")}componentDidLoad(){setTimeout((()=>{this.updateShadows()}))}render(){const t=e(["ld-sidenav-scroller-internal",this.relative&&"ld-sidenav-scroller-internal--relative",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-scroller-internal--collapsed"]);return s(a,{class:t,onScroll:this.updateShadows.bind(this),onLdSidenavAccordionTransitionEnd:this.updateShadows.bind(this),"data-needs-bottom":this.needsHRBottom,"data-needs-top":this.needsHRTop},s("div",{class:"ld-sidenav-scroller-internal__shadow-top",style:{opacity:this.hasShadowTop?"1":"0"},part:"shadow-top"}),s("div",{class:"ld-sidenav-scroller-internal__shadow-bottom",style:{opacity:this.hasShadowBottom?"1":"0"},part:"shadow-bottom"}),this.needsHRTop&&s("ld-sidenav-separator",{class:"ld-sidenav-scroller-internal__hr-top",style:{opacity:this.hasShadowTop?"0":"1"}}),this.needsHRBottom&&s("ld-sidenav-separator",{class:"ld-sidenav-scroller-internal__hr-bottom",style:{opacity:this.hasShadowBottom?"0":"1"}}),s("slot",null))}get el(){return i(this)}};o.style=l;const d=":host{display:block;margin:0 var(--ld-sidenav-padding-x) var(--ld-sidenav-padding-y);transform-origin:left;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host hr{background-color:var(--ld-sidenav-separator-line-bg-col);border:0;border-radius:var(--ld-br-full);height:var(--ld-sp-2);margin:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host(.ld-sidenav-separator--collapsed){transform:translateX(var(--ld-sidenav-translate-x-delta)) scaleX(var(--ld-sidenav-separator-scale-x-collapsed))}:host(.ld-sidenav-separator--collapsed) hr{transform:translateY(0);transform:translateY(var(\n --ld-sidenav-navitem-move-up-closable,var(--ld-sidenav-navitem-move-up,0)\n ));transition:var(--ld-sidenav-stack-to-top-transition)}";const h=class{constructor(s){t(this,s);this.computeScaleXCollapsed=()=>{const t=parseFloat(window.getComputedStyle(this.sidenav).getPropertyValue("--ld-sidenav-width"));const s=parseFloat(window.getComputedStyle(this.sidenav).getPropertyValue("--ld-sidenav-padding-x"));const a=parseFloat(window.getComputedStyle(this.sidenav).getPropertyValue("--ld-sidenav-navitem-icon-size"));return a/(t-2*s)};this.updateStackToTop=()=>{if(this.sidenavClosable){n(this.el,false)}else{n(this.el,this.sidenav.narrow&&this.sidenavCollapsed)}};this.sidenavCollapsed=undefined;this.sidenavClosable=undefined;this.scaleXCollapsed=1}handleSidenavCollapsedChange(t){if(t.target!==this.sidenav)return;this.sidenavCollapsed=t.detail.collapsed;if(this.el.parentElement&&!["LD-SIDENAV-SLIDER","LD-SIDENAV-SUBNAV"].includes(this.el.parentElement.tagName)){return}if(this.sidenav.narrow){n(this.el,this.sidenavCollapsed)}}handleSidenavBreakpointChange(t){if(t.target!==this.sidenav)return;this.sidenavClosable=t.detail;this.updateStackToTop()}componentWillLoad(){this.sidenav=r("ld-sidenav",this.el);if(this.sidenav){this.scaleXCollapsed=this.computeScaleXCollapsed()||1;this.sidenavCollapsed=this.sidenav.collapsed}}componentDidLoad(){setTimeout((()=>{this.updateStackToTop()}))}render(){const t=e(["ld-sidenav-separator",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-separator--collapsed"]);return s(a,{style:{"--ld-sidenav-separator-scale-x-collapsed":this.scaleXCollapsed.toString()},class:t},s("hr",{part:"hr"}))}get el(){return i(this)}};h.style=d;export{o as ld_sidenav_scroller_internal,h as ld_sidenav_separator}; -//# sourceMappingURL=p-737fa13e.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-74123e3d.entry.js b/1704894792450/dist/build/p-74123e3d.entry.js deleted file mode 100644 index aa24c16435..0000000000 --- a/1704894792450/dist/build/p-74123e3d.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,c as e,h as l,g as r}from"./p-21a69c18.js";import{c as a}from"./p-6e5841ef.js";import{g as i}from"./p-1133c92e.js";const o=':host{display:contents}:host(:first-of-type){--ld-table-selection-wrapper-border-width-top:0px}:host(:last-of-type){--ld-table-selection-wrapper-border-width-bottom:0px}:host{--ld-table-selection-wrapper-gradient:linear-gradient(to top,var(--ld-table-border-col),var(--ld-table-border-col) var(--ld-table-selection-wrapper-border-width-bottom),var(--ld-table-bg-col) var(--ld-table-selection-wrapper-border-width-bottom),var(--ld-table-bg-col),var(--ld-table-bg-col),var(--ld-table-bg-col) calc(100% - var(--ld-table-selection-wrapper-border-width-top)),var(--ld-table-border-col) calc(100% - var(--ld-table-selection-wrapper-border-width-top)),var(--ld-table-border-col) 100%)}tr{background-color:inherit;outline:var(--ld-table-row-outline-half)}.ld-table__selection-wrapper{align-items:center;background:var(--ld-table-selection-wrapper-gradient);bottom:0;display:flex;justify-content:center;left:0;padding-left:var(--ld-table-cell-padding-x);padding-right:var(--ld-table-cell-padding-x);position:absolute;top:0;vertical-align:middle}.ld-table__selection-wrapper:after{background-color:var(--ld-table-border-col);bottom:var(--ld-sp-6);content:"";position:absolute;right:0;top:var(--ld-sp-6);width:var(--ld-table-row-outline-width)}.ld-table-row__selection-cell::part(cell){min-width:1.25rem;position:relative;z-index:1}.ld-table-row__selection-cell--sticky::part(cell){left:0;position:sticky}';const s=class{constructor(l){t(this,l);this.ldTableSelectAll=e(this,"ldTableSelectAll",7);this.ldTableSelect=e(this,"ldTableSelect",7);this.handleSelect=t=>{this.indeterminate=false;if(a("ld-table-head",this.el)){this.ldTableSelectAll.emit({selected:t})}else{const e=Array.from(this.el.parentNode.children).indexOf(this.el);this.ldTableSelect.emit({rowIndex:e,selected:t})}};this.onSelectInput=t=>{this.selected=t.target.checked;this.handleSelect(this.selected)};this.selectable=undefined;this.selectionSticky=true;this.selectionLabel="Row selection";this.selected=undefined;this.indeterminate=undefined;this.selectionDisabled=undefined}componentWillLoad(){if(this.selected){this.handleSelect(this.selected)}}render(){return l("tr",{class:"ld-table-row",part:"row"},this.selectable&&l("ld-table-cell",{class:i(["ld-table-row__selection-cell",this.selectionSticky&&"ld-table-row__selection-cell--sticky"]),part:"cell select"},l("div",{class:"ld-table__selection-wrapper",part:"selection-wrapper"},l("ld-checkbox",{"aria-disabled":this.selectionDisabled?"true":undefined,"aria-label":this.selectionLabel,checked:this.selected,indeterminate:this.indeterminate,onInput:this.onSelectInput,part:"checkbox"}))),l("slot",null))}get el(){return r(this)}};s.style=o;export{s as ld_table_row}; -//# sourceMappingURL=p-74123e3d.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-7cb5365e.entry.js b/1704894792450/dist/build/p-7cb5365e.entry.js deleted file mode 100644 index 314f4a557b..0000000000 --- a/1704894792450/dist/build/p-7cb5365e.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as o,h as e,H as t}from"./p-21a69c18.js";import{e as l,N as s}from"./p-49b9f144.js";const i=".docs-btn-toggle-nav{bottom:var(--ld-sp-24);display:none;position:fixed;right:var(--ld-sp-24);z-index:2}.docs-btn-toggle-nav a{border-radius:100%;box-shadow:var(--ld-shadow-sticky);color:var(--ld-col-vm);outline:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.docs-btn-toggle-nav a:focus:focus-visible{box-shadow:var(--ld-shadow-hover);color:var(--ld-col-vm-300)}.docs-btn-toggle-nav a:focus:focus-visible rect{fill:var(--ld-col-vm-800)}@media (hover:hover){.docs-btn-toggle-nav a:hover{box-shadow:var(--ld-shadow-hover);color:var(--ld-col-vm-600)}}.docs-btn-toggle-nav a:active,.docs-btn-toggle-nav a:active:focus-visible{box-shadow:var(--ld-shadow-active);color:var(--ld-col-vm-700)}@media (max-width:52rem){.docs-btn-toggle-nav{display:block}}.docs-btn-toggle-nav__close,.docs-btn-toggle-nav__open{display:inline-flex}.docs-btn-toggle-nav__close{display:none}";const a=class{constructor(e){o(this,e);this.isNavOpen=false}onNavOpen(o){o.preventDefault();location.hash="sidenav-open";l.emit(s.open);this.isNavOpen=true;setTimeout((()=>{this.aClose.focus()}))}onNavClose(o){o.preventDefault();location.hash="";l.emit(s.close);this.isNavOpen=false;setTimeout((()=>{history.replaceState({},"",window.location.pathname);this.aOpen.focus()}))}handleKeyDown(o){if(o.key===" "){o.stopImmediatePropagation();o.preventDefault();if(this.isNavOpen){this.aClose.click()}else{this.aOpen.click()}}}componentDidLoad(){l.on(s.open,(()=>{this.isNavOpen=true}));l.on(s.close,(()=>{this.isNavOpen=false}))}render(){return e(t,{class:"docs-btn-toggle-nav"},e("a",{role:"switch","aria-checked":"true",ref:o=>this.aClose=o,onClick:this.onNavClose.bind(this),class:"docs-btn-toggle-nav__close",href:"#"},e("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},e("title",null,"Close nav"),e("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor"}),e("rect",{width:"4",height:"20",x:"25.7",y:"11.5",fill:"#fff",rx:"2",transform:"rotate(45 25.7 11.5)"}),e("rect",{width:"4",height:"20",x:"11.5",y:"14.3",fill:"#fff",rx:"2",transform:"rotate(-45 11.5 14.3)"}))),e("a",{role:"switch","aria-checked":"false",ref:o=>this.aOpen=o,onClick:this.onNavOpen.bind(this),class:"docs-btn-toggle-nav__open",href:"#sidenav-open"},e("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},e("title",null,"Open nav"),e("circle",{cx:"20",cy:"20",r:"20",fill:"currentColor"}),e("rect",{x:"18",y:"10",width:"4",height:"4",rx:"2",fill:"white"}),e("rect",{x:"18",y:"18",width:"4",height:"4",rx:"2",fill:"white"}),e("rect",{x:"18",y:"26",width:"4",height:"4",rx:"2",fill:"white"}))))}};a.style=i;export{a as docs_btn_toggle_nav}; -//# sourceMappingURL=p-7cb5365e.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-7cff147f.entry.js b/1704894792450/dist/build/p-7cff147f.entry.js deleted file mode 100644 index 7702b85589..0000000000 --- a/1704894792450/dist/build/p-7cff147f.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r,h as s,H as e}from"./p-21a69c18.js";import{g as o}from"./p-1133c92e.js";const l='.ld-progress,:host{--ld-progress-height:var(--ld-sp-8);--ld-progress-steps-dot-width:var(--ld-progress-height);--ld-progress-valuemin:0;--ld-progress-valuemax:100;--ld-progress-valuenow:0;--ld-progress-transition-duration:var(--ld-transition-duration-normal);--ld-progress-width:17.5rem;--ld-progress-bar-col:var(--ld-thm-primary);--ld-progress-bar-col-overflow:var(--ld-thm-error);--ld-progress-bg-col:var(--ld-col-neutral-100);--ld-progress-bg-col-overflow:var(--ld-thm-error);--ld-progress-pending-gap-col:var(--ld-progress-bg-col);--ld-progress-pending-gap-col-overflow:var(--ld-thm-error-focus);--ld-progress-steps-col:var(--ld-col-neutral-200);--ld-progress-calc-valuenow:calc(var(--ld-progress-valuenow) - var(--ld-progress-valuemin));--ld-progress-calc-valuemax:calc(var(--ld-progress-valuemax) - var(--ld-progress-valuemin));--ld-progress-calc-relative-progress:calc(var(--ld-progress-calc-valuenow) / var(--ld-progress-calc-valuemax));--ld-progress-has-overflow:max(0,min(calc((var(--ld-progress-calc-relative-progress) - 1) * 99999999999),1));border-radius:var(--ld-br-full);box-shadow:inset 0 0 0 calc((1 - max(0, min(calc((calc((0 - 0) / (100 - 0)) - 1) * 99999999999), 1))) * 99rem) var(--ld-col-neutral-100),inset 0 0 0 calc(max(0, min(calc((calc((0 - 0) / (100 - 0)) - 1) * 99999999999), 1)) * 99rem) var(--ld-col-wht-alpha-high),inset 0 0 0 calc(max(0, min(calc((calc((0 - 0) / (100 - 0)) - 1) * 99999999999), 1)) * 99rem) var(--ld-thm-error);box-shadow:inset 0 0 0 calc((1 - max(0, min(calc((calc(calc(0 - 0) / calc(100 - 0)) - 1) * 99999999999), 1))) * 99rem) var(--ld-col-neutral-100),inset 0 0 0 calc(max(0, min(calc((calc(calc(0 - 0) / calc(100 - 0)) - 1) * 99999999999), 1)) * 99rem) var(--ld-col-wht-alpha-high),inset 0 0 0 calc(max(0, min(calc((calc(calc(0 - 0) / calc(100 - 0)) - 1) * 99999999999), 1)) * 99rem) var(--ld-thm-error);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-progress-bg-col),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-high),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-progress-bg-col-overflow);display:block;height:var(--ld-sp-8);height:var(--ld-progress-height);max-width:100%;overflow:hidden;position:relative;width:17.5rem;width:var(--ld-progress-width)}.ld-progress:after,.ld-progress:before,:host:after,:host:before{content:"";display:block;height:100%;position:absolute;width:100%}.ld-progress:before,:host:before{background-color:var(--ld-progress-bar-col);opacity:calc(1 - var(--ld-progress-has-overflow));right:100%;transform:translateX(min(100%,calc(var(--ld-progress-calc-relative-progress) * 100%)));transition:transform var(--ld-progress-transition-duration) ease,opacity var(--ld-progress-transition-duration) linear}.ld-progress:after,:host:after{background-color:var(--ld-progress-bar-col-overflow);left:100%;opacity:calc(var(--ld-progress-has-overflow));transform:translateX(max(-100%,calc((var(--ld-progress-calc-relative-progress) - 1) * -100%)));transition:transform var(--ld-progress-transition-duration) ease}.ld-progress--brand-color,:host(.ld-progress--brand-color){--ld-progress-bar-col:var(--ld-col-wht);--ld-progress-bar-col-overflow:var(--ld-thm-error);--ld-progress-bg-col:var(--ld-col-wht-alpha-medium);--ld-progress-bg-col-overflow:var(--ld-thm-error);--ld-progress-pending-gap-col:var(--ld-thm-primary-hover);--ld-progress-pending-gap-col-overflow:var(--ld-col-wht);--ld-progress-steps-col:var(--ld-col-wht-alpha-medium);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-col-wht-alpha-medium),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-medium),inset 0 calc(var(--ld-progress-has-overflow) * 505rem) 500rem -500rem var(--ld-thm-error);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-progress-bg-col),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-medium),inset 0 calc(var(--ld-progress-has-overflow) * 505rem) 500rem -500rem var(--ld-progress-bg-col-overflow)}.ld-progress--steps,:host(.ld-progress--steps){--ld-progress-step-gradient:var(--ld-progress-steps-col) 0%,var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),#0000 calc(var(--ld-progress-steps-dot-width) / 2);background-blend-mode:multiply;background-image:radial-gradient(circle at left,var(--ld-progress-steps-col) 0,var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),#0000 calc(var(--ld-progress-steps-dot-width) / 2)),radial-gradient(circle at right,var(--ld-progress-steps-col) 0,var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),#0000 calc(var(--ld-progress-steps-dot-width) / 2));background-image:radial-gradient(circle at left,var(--ld-progress-step-gradient)),radial-gradient(circle at right,var(--ld-progress-step-gradient));background-position:calc(var(--ld-progress-steps-dot-width) / 2);background-repeat:repeat-x;background-size:calc((100% - var(--ld-progress-steps-dot-width) - 1px) / var(--ld-progress-calc-valuemax)) 100%;box-shadow:inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-lowest),inset 0 498rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow)}.ld-progress--steps:after,.ld-progress--steps:before,:host(.ld-progress--steps):after,:host(.ld-progress--steps):before{border-radius:var(--ld-br-full)}.ld-progress--steps:before,:host(.ld-progress--steps):before{transform:translateX(min(100%,calc(var(--ld-progress-calc-relative-progress) * (100% - var(--ld-progress-steps-dot-width)) + var(--ld-progress-steps-dot-width))))}.ld-progress--steps:after,:host(.ld-progress--steps):after{transform:translateX(max(-100%,calc(((var(--ld-progress-calc-relative-progress) - 1) * (100% - var(--ld-progress-steps-dot-width)) + var(--ld-progress-steps-dot-width) + 1px) * -1)))}.ld-progress--steps.ld-progress--brand-color,:host(.ld-progress--steps.ld-progress--brand-color){box-shadow:inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-low),inset 0 500rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow)}.ld-progress.ld-progress--indeterminate:before,:host(.ld-progress.ld-progress--indeterminate):before{transform:translateX(100%)}@keyframes ld-progress-animation-pending{0%{background-position-x:calc(-1.5rem + 1px)}to{background-position-x:0}}.ld-progress.ld-progress--pending:after,.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):after,:host(.ld-progress.ld-progress--pending):before{animation-duration:var(--ld-transition-duration-slow);animation-iteration-count:infinite;animation-timing-function:linear;background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.ld-progress.ld-progress--pending:after,.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):after,:host(.ld-progress.ld-progress--pending):before{animation-name:ld-progress-animation-pending}}.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):before{background-image:repeating-linear-gradient(-45deg,var(--ld-progress-pending-gap-col),var(--ld-progress-pending-gap-col) .5rem,var(--ld-progress-bar-col) .5rem,var(--ld-progress-bar-col) 1rem)}.ld-progress.ld-progress--pending:after,:host(.ld-progress.ld-progress--pending):after{animation-direction:reverse;background-image:repeating-linear-gradient(45deg,var(--ld-progress-pending-gap-col-overflow),var(--ld-progress-pending-gap-col-overflow) .5rem,var(--ld-progress-bar-col-overflow) .5rem,var(--ld-progress-bar-col-overflow) 1rem)}';const a=class{constructor(s){r(this,s);this.ariaLabeledby=undefined;this.ariaValuemax=100;this.ariaValuemin=0;this.ariaValuenow=undefined;this.ariaValuetext=undefined;this.brandColor=undefined;this.pending=undefined;this.steps=undefined}render(){const r=o(["ld-progress",this.ariaValuenow===undefined&&"ld-progress--indeterminate",this.brandColor&&"ld-progress--brand-color",this.pending&&"ld-progress--pending",this.steps&&"ld-progress--steps"]);return s(e,{class:r,role:"progressbar",style:Object.assign(Object.assign(Object.assign({},this.ariaValuemax!==undefined&&{"--ld-progress-valuemax":this.ariaValuemax+""}),this.ariaValuemin!==undefined&&{"--ld-progress-valuemin":this.ariaValuemin+""}),this.ariaValuenow!==undefined&&{"--ld-progress-valuenow":this.ariaValuenow+""})})}};a.style=l;export{a as ld_progress}; -//# sourceMappingURL=p-7cff147f.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-7d04a869.entry.js b/1704894792450/dist/build/p-7d04a869.entry.js deleted file mode 100644 index af350370ac..0000000000 --- a/1704894792450/dist/build/p-7d04a869.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as i,c as a,h as e,g as n}from"./p-21a69c18.js";import{g as t}from"./p-1133c92e.js";import{c as d}from"./p-6e5841ef.js";import{t as s}from"./p-98010be8.js";const l=':host{display:flex}:host([slot=toggle]) .ld-sidenav-navitem__bg{width:var(--ld-sidenav-navitem-bg-width)}.ld-sidenav-navitem{--ld-sidenav-navitem-height:var(--ld-sp-32);--ld-sidenav-navitem-icon-font-size:90%;--ld-sidenav-navitem-indicator-additional-border-radius:var(--ld-sp-4);--ld-sidenav-navitem-col:var(--ld-col-neutral-800);--ld-sidenav-navitem-col-active:var(--ld-thm-primary-active);--ld-sidenav-navitem-col-hover:var(--ld-thm-primary);--ld-sidenav-navitem-col-focus:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col:#0000;--ld-sidenav-navitem-indicator-col-active:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col-hover:var(--ld-col-neutral-050);--ld-sidenav-navitem-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-navitem-indicator-col-selected:var(--ld-col-neutral-050);--ld-sidenav-navitem-indicator-col-selected-active:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col-selected-hover:var(--ld-col-neutral-100);--ld-sidenav-navitem-indicator-col-selected-focus:var(\n --ld-thm-primary-focus\n );--ld-sidenav-navitem-secondary-icon-color:var(--ld-thm-primary);-webkit-touch-callout:none;align-items:center;background-color:initial;border:0;box-sizing:border-box;color:var(--ld-col-neutral-800);color:var(--ld-sidenav-navitem-col);cursor:pointer;display:grid;flex-grow:1;font:var(--ld-typo-body-s);font-weight:700;grid-template-columns:var(--ld-sidenav-navitem-icon-size) 1fr auto;margin:0 var(--ld-sidenav-padding-x);outline:none;padding:0;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ld-sidenav-navitem:not(.ld-sidenav-navitem--secondary):not(.ld-sidenav-navitem--tertiary):not(.ld-sidenav-navitem--in-accordion){transform:translateY(0);transform:translateY(var(\n --ld-sidenav-navitem-move-up-closable,var(--ld-sidenav-navitem-move-up,0)\n ));transition:var(--ld-sidenav-stack-to-top-transition)}.ld-sidenav-navitem.ld-sidenav-navitem--collapsed.ld-sidenav-navitem--secondary,.ld-sidenav-navitem.ld-sidenav-navitem--collapsed.ld-sidenav-navitem--tertiary{transition:visibility 0s calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear;visibility:hidden}.ld-sidenav-navitem.ld-sidenav-navitem--collapsed:not(.ld-sidenav-navitem--secondary):not(.ld-sidenav-navitem--tertiary){transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem.ld-sidenav-navitem--collapsed:not(.ld-sidenav-navitem--right-aligned) .ld-sidenav-navitem__bg{transform:translateX(calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)))}.ld-sidenav-navitem--in-accordion{margin:0}.ld-sidenav-navitem:active{--ld-sidenav-navitem-col:var(--ld-thm-primary-active);--ld-sidenav-navitem-indicator-col:var(\n --ld-sidenav-navitem-indicator-col-active\n )}.ld-sidenav-navitem:active .ld-sidenav-navitem__bg{opacity:.3}@media (hover:hover){.ld-sidenav-navitem:where(:hover){--ld-sidenav-navitem-col:var(--ld-sidenav-navitem-col-hover);--ld-sidenav-navitem-indicator-col:var(\n --ld-sidenav-navitem-indicator-col-hover\n )}}.ld-sidenav-navitem:focus:focus-visible{--ld-sidenav-navitem-col:var(--ld-sidenav-navitem-col-focus);--ld-sidenav-navitem-indicator-col:var(\n --ld-sidenav-navitem-indicator-col-focus\n )}.ld-sidenav-navitem:focus:focus-visible .ld-sidenav-navitem__bg{opacity:.2}.ld-sidenav-navitem:focus:focus-visible:active{--ld-sidenav-navitem-col:var(--ld-sidenav-navitem-col-active);--ld-sidenav-navitem-indicator-col:var(\n --ld-sidenav-navitem-indicator-col-active\n )}.ld-sidenav-navitem:focus:focus-visible:active .ld-sidenav-navitem__bg{opacity:.3}.ld-sidenav-navitem--selected{--ld-sidenav-navitem-col:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col:var(\n --ld-sidenav-navitem-indicator-col-selected\n )}.ld-sidenav-navitem--selected:active{--ld-sidenav-navitem-indicator-col:var(\n --ld-sidenav-navitem-indicator-col-selected-active\n )}@media (hover:hover){.ld-sidenav-navitem--selected:where(:hover){--ld-sidenav-navitem-indicator-col:var(\n --ld-sidenav-navitem-indicator-col-selected-hover\n )}}.ld-sidenav-navitem--selected:focus:focus-visible{--ld-sidenav-navitem-indicator-col:var(\n --ld-sidenav-navitem-indicator-col-selected-focus\n )}.ld-sidenav-navitem--selected:focus:focus-visible:active{--ld-sidenav-navitem-indicator-col:var(\n --ld-sidenav-navitem-indicator-col-selected-active\n )}.ld-sidenav-navitem--rounded{--ld-sidenav-navitem-border-radius:calc(0.5 * var(--ld-sidenav-navitem-icon-size))}.ld-sidenav-navitem--tertiary{gap:0;grid-template-columns:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-8)) 1fr auto;margin-left:var(--ld-sidenav-navitem-tertiary-indent);width:var(--ld-sidenav-navitem-tertiary-width)}.ld-sidenav-navitem__bg{bottom:calc(-1 * var(--ld-sidenav-navitem-bg-inset));display:block;left:calc(-1 * var(--ld-sidenav-navitem-bg-inset));pointer-events:none;position:absolute;right:calc(-1 * var(--ld-sidenav-navitem-bg-inset));top:calc(-1 * var(--ld-sidenav-navitem-bg-inset));transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem__bg-center,.ld-sidenav-navitem__bg-left,.ld-sidenav-navitem__bg-right{background-color:var(--ld-sidenav-navitem-indicator-col);bottom:0;pointer-events:all;position:absolute;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem__bg-left,.ld-sidenav-navitem__bg-right{width:calc(.5 * var(--ld-sidenav-navitem-icon-size) + 2 * var(--ld-sidenav-navitem-indicator-additional-border-radius))}.ld-sidenav-navitem__bg-left{border-bottom-left-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));border-top-left-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));left:0}.ld-sidenav-navitem__bg-right{border-bottom-right-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));border-top-right-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));right:0}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__bg-right{transform:translateX(calc(-1 * (var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed))))}.ld-sidenav-navitem--collapsed.ld-sidenav-navitem--in-accordion .ld-sidenav-navitem__bg-right{transform:translateX(calc((var(--ld-sidenav-translate-x-delta) - var(--ld-sidenav-navitem-icon-size) + 0px) * -1));transform:translateX(calc((var(--ld-sidenav-translate-x-delta) - var(--ld-sidenav-navitem-icon-size) + var(--ld-sidenav-navitem-bg-right-x-delta, 0px)) * -1))}.ld-sidenav-navitem__bg-center{left:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sidenav-navitem-indicator-additional-border-radius));right:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sidenav-navitem-indicator-additional-border-radius));transform-origin:left}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__bg-center{transform:scaleX(0)}.ld-sidenav-navitem__dot,.ld-sidenav-navitem__slot-container,.ld-sidenav-navitem__slot-container-icon{position:relative;z-index:0}.ld-sidenav-navitem__dot{align-self:center;display:none;flex-shrink:0;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__dot{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot{align-items:center;display:flex;justify-content:center;padding:var(--ld-sp-8) 0}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot:before,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot:before{aspect-ratio:1;background-color:var(\n --ld-sidenav-navitem-icon-bg-col,var(--ld-thm-primary)\n );border-radius:var(--ld-br-s);content:"";display:block;width:var(--ld-sp-8)}.ld-sidenav-navitem--rounded.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot:before,.ld-sidenav-navitem--rounded.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot:before{border-radius:var(--ld-br-full)}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot{width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot{width:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-8))}.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot:before{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-sidenav-navitem-icon-bg-col,var(--ld-thm-primary))}.ld-sidenav-navitem__slot-container-icon{align-items:center;background-color:var(\n --ld-sidenav-navitem-icon-bg-col,var(--ld-thm-primary)\n );border-radius:var(--ld-sidenav-navitem-border-radius);color:var(--ld-sidenav-navitem-icon-col,var(--ld-thm-secondary-focus));display:flex;flex-shrink:0;height:var(--ld-sidenav-navitem-icon-size);justify-content:center;position:relative;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-navitem-icon-size);z-index:1}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__slot-container-icon,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__slot-container-icon{display:none}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__slot-container-icon{transform:translateX(var(--ld-sidenav-translate-x-delta))}.ld-sidenav-navitem__slot-container-icon>::slotted(*){border-radius:calc(var(--ld-sidenav-navitem-border-radius));height:100%;transform:scale(1.01);width:100%}.ld-sidenav-navitem__tooltip{bottom:calc(-1 * var(--ld-sidenav-navitem-bg-inset));left:calc(-1 * var(--ld-sidenav-navitem-bg-inset));pointer-events:all;position:absolute;right:calc(-1 * var(--ld-sidenav-navitem-bg-inset));top:calc(-1 * var(--ld-sidenav-navitem-bg-inset));z-index:1}.ld-sidenav-navitem__tooltip-trigger{aspect-ratio:1;border-radius:var(--ld-sidenav-navitem-border-radius);cursor:pointer;position:relative;width:calc(var(--ld-sidenav-navitem-icon-size) + 2 * var(--ld-sidenav-navitem-bg-inset))}.ld-sidenav-navitem--rounded .ld-sidenav-navitem__tooltip-trigger{border-radius:var(--ld-br-full)}.ld-sidenav-navitem__slot-container{line-height:var(--ld-sidenav-line-height);margin-left:var(--ld-sp-12);margin-right:auto;max-height:var(--ld-sidenav-navitem-height);padding-right:var(--ld-sp-4);transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--secondary-icon .ld-sidenav-navitem__slot-container{padding-right:var(--ld-sp-12)}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__slot-container{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__slot-container,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__slot-container{padding-left:0}.ld-sidenav-navitem__mainline,.ld-sidenav-navitem__subline{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ld-sidenav-navitem--subline .ld-sidenav-navitem__mainline,.ld-sidenav-navitem__subline{-webkit-line-clamp:1}.ld-sidenav-navitem__subline{color:var(--ld-col-neutral-700);font:var(--ld-typo-body-s);line-height:var(--ld-sidenav-line-height)}.ld-sidenav-navitem__slot-icon-secondary-container{color:var(--ld-sidenav-navitem-secondary-icon-color);display:flex;flex-shrink:0;margin-right:var(--ld-sp-12);position:relative;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__slot-icon-secondary-container{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--in-accordion .ld-sidenav-navitem__slot-icon-secondary-container{margin-right:var(--ld-sp-4)}.ld-sidenav-navitem__abbr{font:var(--ld-typo-cap-m);font-size:var(--ld-sidenav-navitem-icon-font-size);text-transform:uppercase}.ld-sidenav-navitem__icon-to{transform:translateX(var(--ld-sp-6))}';const v=class{constructor(e){i(this,e);this.ldSidenavNavitemTo=a(this,"ldSidenavNavitemTo",7);this.ldSidenavNavitemClick=a(this,"ldSidenavNavitemClick",7);this.updateStackToTop=()=>{if(this.sidenavClosable){s(this.el,false)}else{s(this.el,this.sidenav.narrow&&this.sidenavCollapsed)}};this.getabbreviation=()=>{try{const i=this.el.textContent.trim().split(" ");const a=i.length>1?i.map((i=>{const a=i.match(/[a-zA-Z]/);return a&&a[0]||""})):i[0].match(/[a-zA-Z]/g);return a.filter((i=>i)).slice(0,2).join("").toUpperCase()}catch(i){return""}};this.onClick=()=>{var i;if(this.to){this.ldSidenavNavitemTo.emit({id:this.to,label:this.el.textContent})}else if(this.el.parentElement.tagName==="LD-SIDENAV-ACCORDION"){if(this.expandOnClick!==false&&this.sidenavCollapsed){this.el.parentElement.expanded=true}}this.ldSidenavNavitemClick.emit();(i=this.tooltipRef)===null||i===void 0?void 0:i.hideTooltip();if(this.expandOnClick||(this.to||this.el.parentElement.tagName==="LD-SIDENAV-ACCORDION")&&this.expandOnClick!==false){this.sidenav.collapsed=false}};this.onKeyDown=i=>{if([" ","Enter"].includes(i.key)){if(this.to){i.preventDefault()}this.onClick()}};this.updateTooltipIcon=()=>{var i;const a=this.el.closest('[class*="ld-theme-"]');if(!a)return;this.themeClass=a.classList.toString().split(" ").find((i=>i.startsWith("ld-theme-")));this.secondaryIconHTML=(i=this.el.querySelector('[slot="icon-secondary"]'))===null||i===void 0?void 0:i.outerHTML};this.selected=false;this.href=undefined;this.mode="primary";this.rounded=false;this.ldTabindex=undefined;this.expandOnClick=undefined;this.target=undefined;this.tetherOptions=undefined;this.to=undefined;this.tooltipContent=undefined;this.abbreviation=undefined;this.inAccordion=undefined;this.isAccordionToggle=undefined;this.sidenavAlignement=undefined;this.sidenavClosable=undefined;this.sidenavCollapsed=undefined;this.sidenavExpandsOnMouseEnter=undefined;this.secondaryIconHTML=undefined;this.closestTheme=undefined;this.themeClass=undefined;this.hasSubline=undefined;this.hasSecondaryIcon=undefined}async focusInner(){var i;(i=this.focusableElement)===null||i===void 0?void 0:i.focus()}handleSidenavCollapsedChange(i){var a;if(i.target!==this.sidenav)return;this.sidenavCollapsed=i.detail.collapsed;this.updateStackToTop();(a=this.tooltipRef)===null||a===void 0?void 0:a.hideTooltip()}handleSidenavBreakpointChange(i){if(i.target!==this.sidenav)return;this.sidenavClosable=i.detail;this.updateStackToTop()}componentWillLoad(){this.inAccordion=this.el.parentElement.tagName==="LD-SIDENAV-ACCORDION";this.isAccordionToggle=this.inAccordion&&this.el.getAttribute("slot")==="toggle";this.hasSubline=Boolean(this.el.querySelector('[slot="subline"]'));this.hasSecondaryIcon=Boolean(this.el.querySelector('[slot="icon-secondary"]'));this.sidenav=d("ld-sidenav",this.el);if(this.sidenav){this.sidenavAlignement=this.sidenav.align;this.sidenavExpandsOnMouseEnter=this.sidenav.expandTrigger==="mouseenter";this.sidenavCollapsed=this.sidenav.collapsed}if(this.mode==="primary"){this.tooltipContent=this.el.textContent.trim().split("\n")[0].trim();if(!this.el.querySelector('[slot="icon"]')){this.abbreviation=this.getabbreviation()}}}componentDidLoad(){setTimeout((()=>{this.mainlineRef.style.boxSizing="border-box";this.sublineRef.style.boxSizing="border-box"}));setTimeout((()=>{this.mainlineRef.style.alignItems="center";this.sublineRef.style.alignItems="center"}),200);setTimeout((()=>{this.updateStackToTop()}))}render(){const i=t(["ld-sidenav-navitem",this.selected&&"ld-sidenav-navitem--selected",this.inAccordion&&"ld-sidenav-navitem--in-accordion",this.hasSubline&&"ld-sidenav-navitem--subline",this.hasSecondaryIcon&&"ld-sidenav-navitem--secondary-icon",this.rounded&&"ld-sidenav-navitem--rounded",this.mode!=="primary"&&`ld-sidenav-navitem--${this.mode}`,this.sidenavAlignement==="right"&&"ld-sidenav-navitem--right-aligned",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-navitem--collapsed"]);const a=this.href?"a":"button";const n={color:"var(--ld-thm-primary)",display:"inline-flex",marginLeft:"var(--ld-sp-6)"};const d=this.to||this.isAccordionToggle?"true":undefined;return e(a,{part:"navitem focusable",class:i,href:this.href,ref:i=>this.focusableElement=i,rel:this.target==="_blank"?"noreferrer noopener":undefined,onClick:this.onClick,onKeyDown:this.onKeyDown,"aria-haspopup":d,tabIndex:this.ldTabindex},e("div",{class:"ld-sidenav-navitem__bg",part:"bg"},e("div",{class:"ld-sidenav-navitem__bg-left"}),e("div",{class:"ld-sidenav-navitem__bg-center"}),e("div",{class:"ld-sidenav-navitem__bg-right"})),e("div",{class:"ld-sidenav-navitem__dot",part:"dot"}),e("div",{class:"ld-sidenav-navitem__slot-container-icon",role:"presentation",part:"slot-container-icon"},e("slot",{name:"icon"}),this.abbreviation&&e("span",{class:"ld-sidenav-navitem__abbr",part:"abbreviation"},this.abbreviation),e("ld-tooltip",{arrow:true,size:"sm",class:"ld-sidenav-navitem__tooltip",disabled:!this.sidenavCollapsed,ref:i=>this.tooltipRef=i,"show-delay":"250",onMouseEnter:this.updateTooltipIcon,position:this.sidenavAlignement==="left"?"right middle":"left middle",tetherOptions:this.tetherOptions,tag:"span"},e("div",{class:"ld-sidenav-navitem__tooltip-trigger",slot:"trigger"}),e("div",{class:this.themeClass,style:{display:"grid",gridAutoFlow:"column",alignItems:"center"}},e("ld-typo",null,this.tooltipContent),this.to?e("ld-icon",{style:n,name:"real-arrow"}):this.secondaryIconHTML&&e("span",{style:n,innerHTML:this.secondaryIconHTML})))),e("div",{class:"ld-sidenav-navitem__slot-container",part:"slot-container"},e("span",{ref:i=>this.mainlineRef=i,class:"ld-sidenav-navitem__mainline",part:"mainline"},e("slot",null)),e("span",{ref:i=>this.sublineRef=i,class:"ld-sidenav-navitem__subline",part:"subline"},e("slot",{name:"subline"}))),e("div",{class:"ld-sidenav-navitem__slot-icon-secondary-container"},this.to?e("ld-icon",{class:"ld-sidenav-navitem__icon-to",name:"real-arrow"}):e("slot",{name:"icon-secondary"})))}get el(){return n(this)}};v.style=l;export{v as ld_sidenav_navitem}; -//# sourceMappingURL=p-7d04a869.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-822a6b5a.entry.js b/1704894792450/dist/build/p-822a6b5a.entry.js deleted file mode 100644 index 815b1746ff..0000000000 --- a/1704894792450/dist/build/p-822a6b5a.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as l,c as t,h as a,H as o,g as e}from"./p-21a69c18.js";import{g as d}from"./p-1133c92e.js";import{c as r}from"./p-6e5841ef.js";const b=".ld-table,:host{--ld-table-bg-col:var(--ld-col-wht);--ld-table-border-col:var(--ld-col-neutral-200);--ld-table-toolbar-bg-col:var(--ld-col-neutral-050);--ld-table-layout:auto;--ld-table-row-outline-width:var(--ld-sp-1);--ld-table-row-outline:var(--ld-table-row-outline-width) var(--ld-table-border-col) solid;--ld-table-row-outline-half:calc(0.5 * var(--ld-table-row-outline-width)) var(--ld-table-border-col) solid;--ld-table-cell-padding-x:var(--ld-sp-16);--ld-table-cell-padding-y:var(--ld-sp-12);--ld-table-toolbar-padding-y:var(--ld-sp-16);--ld-table-typo:var(--ld-typo-h6);--ld-table-white-space:nowrap;--ld-table-head-gradient:linear-gradient(to top,var(--ld-table-border-col),var(--ld-table-border-col) calc(var(--ld-sp-1) * 0.75),var(--ld-table-bg-col) calc(var(--ld-sp-1) * 0.75),var(--ld-table-bg-col));--ld-table-selection-wrapper-border-width-top:calc(var(--ld-sp-1) * 0.5);--ld-table-selection-wrapper-border-width-bottom:calc(var(--ld-sp-1) * 0.5);background-color:var(--ld-col-neutral-200);background-color:var(--ld-table-border-col);border-radius:var(--ld-br-l);box-sizing:border-box;display:flex;flex-direction:column;font:var(--ld-typo-h6);font:var(--ld-table-typo);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;position:relative}.ld-table table,:host table{background-color:var(--ld-table-bg-col);border-collapse:collapse;table-layout:var(--ld-table-layout);text-align:left;white-space:var(--ld-table-white-space);width:100%}.ld-table tbody,.ld-table td,.ld-table th,.ld-table thead,:host tbody,:host td,:host th,:host thead{background-color:inherit;font:inherit}.ld-table .ld-table__toolbar,.ld-table ::slotted(ld-table-toolbar),:host .ld-table__toolbar,:host ::slotted(ld-table-toolbar){align-items:center;background-color:var(--ld-table-toolbar-bg-col);border-top-left-radius:calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));border-top-right-radius:calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));box-sizing:border-box;display:flex;gap:var(--ld-sp-12);justify-content:flex-start;min-height:var(--ld-sp-40);overflow-x:auto;overflow-y:hidden;overflow:auto hidden;padding-left:var(--ld-table-cell-padding-x);padding-right:var(--ld-table-cell-padding-x);position:relative;white-space:nowrap;z-index:3}.ld-table .ld-table__toolbar>ld-pagination,.ld-table ::slotted(ld-table-toolbar)>ld-pagination,:host .ld-table__toolbar>ld-pagination,:host ::slotted(ld-table-toolbar)>ld-pagination{flex-shrink:0;overflow-x:hidden;padding-bottom:var(--ld-sp-8);padding-top:var(--ld-sp-4);transform:translateY(var(--ld-sp-2))}.ld-table .ld-table__toolbar>ld-pagination:first-child,.ld-table ::slotted(ld-table-toolbar)>ld-pagination:first-child,:host .ld-table__toolbar>ld-pagination:first-child,:host ::slotted(ld-table-toolbar)>ld-pagination:first-child{margin-left:calc(-1 * var(--ld-sp-8))}.ld-table .ld-table__toolbar>ld-pagination:last-child,.ld-table ::slotted(ld-table-toolbar)>ld-pagination:last-child,:host .ld-table__toolbar>ld-pagination:last-child,:host ::slotted(ld-table-toolbar)>ld-pagination:last-child{margin-right:calc(-1 * var(--ld-sp-8))}.ld-table .ld-table__toolbar,.ld-table ::slotted(ld-table-toolbar),.ld-table thead,:host .ld-table__toolbar,:host ::slotted(ld-table-toolbar),:host thead{outline:var(--ld-table-row-outline)}.ld-table tr,:host tr{outline:var(--ld-table-row-outline-half)}.ld-table td,.ld-table th,:host td,:host th{padding:var(--ld-table-cell-padding-y) var(--ld-table-cell-padding-x)}.ld-table thead,:host thead{background-image:var(--ld-table-head-gradient);position:sticky;top:0;z-index:2}.ld-table.ld-table{border:solid var(--ld-sp-1) var(--ld-table-border-col)}.ld-table__scroll-container{height:inherit;max-height:inherit;overflow:auto}";const i=class{constructor(a){l(this,a);this.ldTableSort=t(this,"ldTableSort",7);this.ldTableSelect=t(this,"ldTableSelect",7);this.ldTableSelectAll=t(this,"ldTableSelectAll",7);this.getCellValue=(l,t)=>l.children[t].textContent.trim();this.getComparer=(l,t)=>(a,o)=>{const e=this.getCellValue(t==="asc"?a:o,l);const d=this.getCellValue(t==="asc"?o:a,l);const r=parseFloat(e.replaceAll(/,/g,""));const b=parseFloat(d.replaceAll(/,/g,""));if(!isNaN(r)&&!isNaN(b)){return r-b}return e.localeCompare(d)}}handleTableSort(l){const t=r("ld-table-header",l.target);Array.from(t.parentNode.children).forEach(((t,a)=>{if(a!==l.detail.columnIndex){t.resetSort()}}));if(l.defaultPrevented)return;const a=this.el.querySelector("ld-table-body");Array.from(a.querySelectorAll("ld-table-row")).sort(this.getComparer(l.detail.columnIndex,l.detail.sortOrder)).forEach((l=>a.appendChild(l)))}handleTableSelectAll(l){if(l.defaultPrevented)return;const t=this.el.querySelector("ld-table-body");Array.from(t.querySelectorAll("ld-table-row")).forEach((t=>t.selected=l.detail.selected))}async handleTableSelect(l){if(l.defaultPrevented)return;const t=this.el.querySelector("ld-table-body");const a=t.querySelectorAll("ld-table-row");const o=Array.from(a).every((l=>l.selected));const e=Array.from(a).every((l=>!l.selected));const d=this.el.querySelector("ld-table-head");if(!d)return;const r=d.querySelector("ld-table-row");r.selected=o;r.indeterminate=!o&&!e}componentDidLoad(){const l=Array.from(this.el.querySelectorAll("ld-table-row")).some((l=>l.selectionDisabled));if(l){const l=this.el.querySelector("ld-table-head ld-table-row");if(l){l.selectionDisabled=true}}}render(){const l=d(["ld-table"]);return a(o,{class:l,role:"figure",style:{border:"solid var(--ld-sp-1) var(--ld-table-border-col)"}},a("slot",{name:"toolbar"}),a("div",{part:"scroll-container",class:"ld-table__scroll-container"},a("table",{part:"table",ref:l=>this.tableRef=l},a("slot",null))))}get el(){return e(this)}};i.style=b;export{i as ld_table}; -//# sourceMappingURL=p-822a6b5a.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-8362445f.entry.js b/1704894792450/dist/build/p-8362445f.entry.js deleted file mode 100644 index 3ca95a37c0..0000000000 --- a/1704894792450/dist/build/p-8362445f.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,c as i,h as o,H as t,g as n}from"./p-21a69c18.js";import{g as l}from"./p-1133c92e.js";const a='.ld-option-internal,:host{--ld-option-padding-inline-start:var(--ld-sp-12);--ld-option-padding-inline-start-sm:0.625rem;--ld-option-padding-inline-start-lg:0.875rem;--ld-option-bg-col:var(--ld-col-wht);--ld-option-border-col:var(--ld-col-neutral-100);--ld-option-disabled-text-col:var(--ld-col-neutral-100);--ld-option-text-col:var(--ld-col-neutral-900);--ld-option-thm-col:var(--ld-thm-primary);--ld-option-thm-col-hover:var(--ld-thm-primary-hover);--ld-option-thm-col-focus:var(--ld-thm-primary-focus);--ld-option-thm-col-active:var(--ld-thm-primary-active);--ld-option-thm-bg-col-hover:var(--ld-thm-primary-highlight);--ld-option-thm-bg-col-focus:var(--ld-thm-primary-highlight);--ld-option-thm-bg-col-active:var(--ld-thm-primary-highlight)}:host(:not(:last-of-type)) .ld-option-internal{border-bottom:solid var(--ld-option-border-col) var(--ld-sp-1)}.ld-option-internal--sm{--ld-option-padding-inline-start:var(--ld-option-padding-inline-start-sm)}.ld-option-internal--lg{--ld-option-padding-inline-start:var(--ld-option-padding-inline-start-lg)}.ld-option-internal--indent{--ld-option-indent:1.75rem}.ld-option-internal{-webkit-touch-callout:none;background-color:var(--ld-option-bg-col);border:0;box-sizing:border-box;color:var(--ld-option-text-col);display:flex;font:var(--ld-typo-label-m);min-height:2.5rem;outline:none;padding:var(--ld-sp-8) var(--ld-sp-12) var(--ld-sp-8) calc(var(--ld-option-padding-inline-start) + var(--ld-option-indent, 0px));position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap}.ld-option-internal--filtered{display:none}.ld-option-internal *,.ld-option-internal :after,.ld-option-internal :before{box-sizing:inherit}[data-popper-placement*=bottom] .ld-option-internal:last-of-type{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}[data-popper-placement*=top] .ld-option-internal:first-of-type{border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-option-internal:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-option-internal[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-option-disabled-text-col)}.ld-option-internal:before{border-radius:var(--ld-br-m);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ld-option-internal:where(:focus):before,.ld-option-internal:where(:focus:focus-visible):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-option-thm-col)}.ld-option-internal:where(:focus:not(:focus-visible)):before{box-shadow:none}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) :where(.ld-option-internal__check){color:var(--ld-option-thm-col)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-option-thm-bg-col-focus)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus) :where(.ld-option-internal__check),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-focus)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)){background-color:var(--ld-option-bg-col)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)) :where(.ld-option-internal__check){color:var(--ld-option-thm-col)}@media (hover:hover){.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-option-thm-bg-col-hover)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-hover)}}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-option-thm-bg-col-active)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) :where(.ld-option-internal__check),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-active)}.ld-option-internal__checkbox-wrapper{display:inline-flex;flex-shrink:0}.ld-option-internal__check,.ld-option-internal__checkbox{align-self:center;flex-shrink:0;transform:translateX(calc(-1 * var(--ld-sp-2)))}.ld-option-internal__check{margin-right:var(--ld-sp-4)}.ld-option-internal__checkbox{margin-left:var(--ld-sp-2);margin-right:var(--ld-sp-6)}.ld-option-internal__label{overflow:hidden;text-overflow:ellipsis}';const r=class{constructor(o){e(this,o);this.ldoptionselect=i(this,"ldoptionselect",7);this.handleClick=()=>{if(this.disabled)return;if(!this.preventDeselection||!this.selected||this.mode==="checkbox"){this.selected=!this.selected}};this.value=undefined;this.selected=false;this.disabled=false;this.preventDeselection=undefined;this.mode=undefined;this.size=undefined;this.filtered=false;this.ldTabindex=-1;this.title=undefined;this.hasFocus=undefined;this.hasHover=undefined;this.indent=false}async focusInner(){this.optionRef.focus()}handleSelectedChange(){this.ldoptionselect.emit(this.selected)}handleKeyDown(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();e.stopImmediatePropagation();this.handleClick()}}componentWillLoad(){if(typeof this.value==="undefined"){setTimeout((()=>{this.value=this.el.innerText}))}if(this.mode==="checkbox"&&this.el.closest("ld-optgroup-internal")){this.indent=true}}render(){return o(t,null,o("div",{class:l(["ld-option-internal",this.indent&&`ld-option-internal--indent`,this.size&&`ld-option-internal--${this.size}`,this.filtered&&"ld-option-internal--filtered"]),role:"option",ref:e=>this.optionRef=e,"aria-selected":this.selected?"true":undefined,"aria-disabled":this.disabled?"true":undefined,onClick:this.handleClick,tabindex:this.ldTabindex,part:"option focusable"},this.mode==="checkbox"?o("div",{class:"ld-option-internal__checkbox-wrapper",role:"presentation",part:"checkbox-wrapper"},o("ld-checkbox",{class:"ld-option-internal__checkbox",checked:this.selected,disabled:this.disabled,part:"checkbox"})):o("svg",{role:"presentation",class:"ld-option-internal__check",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",part:"check"},o("path",{style:{visibility:this.selected?"inherit":"hidden"},d:"M15 7L8.40795 13L5 9.63964",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"})),o("span",{class:"ld-option-internal__label",title:this.title,part:"label"},o("slot",null))))}get el(){return n(this)}static get watchers(){return{selected:["handleSelectedChange"]}}};r.style=a;export{r as ld_option_internal}; -//# sourceMappingURL=p-8362445f.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-8791e36a.entry.js b/1704894792450/dist/build/p-8791e36a.entry.js deleted file mode 100644 index ec6bd2045e..0000000000 --- a/1704894792450/dist/build/p-8791e36a.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as l,c as t,h as o,H as e,g as d}from"./p-21a69c18.js";import{g as i}from"./p-1133c92e.js";import{c as a}from"./p-71026bf3.js";import{r as n}from"./p-8dc70a87.js";import{i as s}from"./p-b05f0e4e.js";const r=':host{display:contents}@keyframes ld-modal-in{0%{transform:translateY(2rem)}to{transform:translateY(0)}}@keyframes ld-modal-out{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes ld-modal-out-mobile{0%{transform:translateY(0)}to{transform:translateY(2rem)}}:host,dialog.ld-modal{--ld-modal-bg-col:var(--ld-col-wht);--ld-modal-fixed-padding-x:var(--ld-sp-16);--ld-modal-fixed-padding-y:var(--ld-sp-16);--ld-modal-padding-x:var(--ld-sp-16);--ld-modal-padding-y:var(--ld-sp-24);--ld-modal-fixed-bg-col:var(--ld-col-neutral-010);--ld-modal-transition-duration:var(--ld-transition-duration-instant);--ld-modal-max-inline-size:30rem;--ld-modal-max-block-size:70rem;--ld-modal-min-inline-size:18rem}@media (prefers-reduced-motion:no-preference){:host,dialog.ld-modal{--ld-modal-transition-duration:var(--ld-transition-duration-normal)}}:host dialog,dialog.ld-modal{animation:ld-modal-in var(--ld-modal-transition-duration) ease-out forwards;border:0;border-radius:var(--ld-br-l);bottom:0;box-shadow:var(--ld-shadow-active);color:var(--ld-col-neutral-900);color-scheme:none;color-scheme:var(--ld-modal-color-scheme,none);display:flex;flex-direction:column;left:0;margin:auto;max-height:min(calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),var(--ld-modal-max-block-size));max-width:min(calc(100% - var(--ld-sp-32)),var(--ld-modal-max-inline-size));min-width:var(--ld-modal-min-inline-size);overflow:visible;padding:0;position:fixed;right:0;top:0;transition:opacity var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;z-index:2147483647}@media (max-width:32rem){:host dialog,dialog.ld-modal{margin-bottom:var(--ld-sp-40)}}:host dialog:not([open]),dialog.ld-modal:not([open]){animation:ld-modal-out var(--ld-modal-transition-duration) ease-in forwards;opacity:0;pointer-events:none;transition:opacity var(--ld-modal-transition-duration) linear,visibility 0s var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;visibility:hidden}@media (max-width:32rem){:host dialog:not([open]),dialog.ld-modal:not([open]){animation-name:ld-modal-out-mobile}}:host dialog:after,dialog.ld-modal:after{background-color:var(--ld-modal-bg-col);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}:host dialog:before,dialog.ld-modal:before{background-color:var(--ld-thm-primary-active);bottom:0;content:"";left:0;opacity:.3;position:fixed;right:0;top:0;transform:scale(99);z-index:-2}:host(.ld-modal--blurry-backdrop) dialog::backdrop,dialog.ld-modal--blurry-backdrop::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ld-modal__x{align-self:flex-start;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--ld-sp-8) solid #0000;box-sizing:border-box;cursor:pointer;display:inline-flex;height:3rem;justify-self:flex-end;margin:auto calc(var(--ld-sp-16) * -1) auto auto;overflow:hidden;place-self:flex-start flex-end;position:relative;width:3rem}.ld-modal__x:after,.ld-modal__x:before{background-color:var(--ld-col-neutral-900);border-radius:1rem;content:"";display:block;height:1.25rem;left:50%;position:absolute;top:50%;width:.15rem}.ld-modal__x:before{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.ld-modal__x:after{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.ld-modal__content{flex-grow:1;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;overscroll-behavior:none;padding:var(--ld-modal-padding-y) var(--ld-modal-padding-x)}.ld-modal__footer,.ld-modal__header{grid-gap:var(--ld-modal-fixed-padding-x);align-items:center;background-color:var(--ld-modal-fixed-bg-col);display:grid;gap:var(--ld-modal-fixed-padding-x);grid-auto-flow:column;padding:0 var(--ld-modal-fixed-padding-x)}.ld-modal__header{border-radius:var(--ld-br-l) var(--ld-br-l) 0 0}.ld-modal__header>::slotted(:not(.ld-modal__x)),.ld-modal__header>:not(.ld-modal__x){padding:var(--ld-sp-12) 0}.ld-modal__footer{border-radius:0 0 var(--ld-br-l) var(--ld-br-l);justify-content:flex-end}.ld-modal__footer>*,.ld-modal__footer>::slotted(*){margin:var(--ld-modal-fixed-padding-y) 0}';const g=class{constructor(o){l(this,o);this.ldmodalopening=t(this,"ldmodalopening",7);this.ldmodalopened=t(this,"ldmodalopened",7);this.ldmodalclosing=t(this,"ldmodalclosing",7);this.ldmodalclosed=t(this,"ldmodalclosed",7);this.handleClose=()=>{this.open=false};this.handleCancel=l=>{if(!this.cancelable){l.preventDefault()}};this.handleClick=l=>{if(this.cancelable&&l.target.tagName==="DIALOG"){this.close()}};this.handleTransitionEnd=()=>{if(this.open){this.ldmodalopened.emit()}else{this.ldmodalclosed.emit()}};this.cancelable=true;this.open=undefined;this.blurryBackdrop=false}async showModal(){this.open=true}async close(){this.open=false}handleKeyDown(l){if(l.key==="Escape"&&this.cancelable){this.open=false}}onOpenChange(l){if(l){this.dialogRef.showModal();this.ldmodalopening.emit()}else{this.dialogRef.close();this.ldmodalclosing.emit()}}componentDidLoad(){this.dialogRef.addEventListener("cancel",this.handleCancel)}disconnectedCallback(){if(this.dialogRef){this.dialogRef.removeEventListener("cancel",this.handleCancel)}}render(){const l=i(["ld-modal",this.blurryBackdrop&&"ld-modal--blurry-backdrop"]);return o(e,{class:l},o("dialog",{onClick:this.handleClick,onClose:this.handleClose,onTransitionEnd:this.handleTransitionEnd,open:this.open,part:"dialog",ref:l=>this.dialogRef=l},o("header",{class:"ld-modal__header",part:"header"},o("slot",{name:"header"}),this.cancelable&&o("button",{class:"ld-modal__x","aria-label":"Dismiss",onClick:this.close.bind(this)})),o("div",{class:"ld-modal__content",part:"content"},o("slot",null)),o("footer",{class:"ld-modal__footer",part:"footer"},o("slot",{name:"footer"}))))}get el(){return d(this)}static get watchers(){return{open:["onOpenChange"]}}};g.style=r;const c='.ld-toggle,:host{--ld-toggle-height:2rem;--ld-toggle-width:3.375rem;--ld-toggle-inner-space:0.125rem;--ld-toggle-with-icons-width:4.5rem;--ld-toggle-lg-height:2.5rem;--ld-toggle-lg-width:4.1875rem;--ld-toggle-lg-inner-space:0.1875rem;--ld-toggle-lg-with-icons-width:6rem;--ld-toggle-border-radius:var(--ld-br-full);--ld-toggle-knob-border-radius:var(--ld-br-full);--ld-toggle-input-bg-col:var(--ld-col-neutral-600);--ld-toggle-icon-start-col:var(--ld-col-wht);--ld-toggle-icon-end-col:var(--ld-col-neutral-900);--ld-toggle-knob-bg-col:var(--ld-col-wht);--ld-toggle-checked-icon-start-col:var(--ld-col-neutral-900);--ld-toggle-checked-icon-end-col:var(--ld-col-wht);--ld-toggle-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-disabled-icon-col:var(--ld-col-neutral-200);--ld-toggle-disabled-knob-bg-col:var(--ld-col-wht);--ld-toggle-with-icons-input-bg-col:var(--ld-col-neutral-100);--ld-toggle-with-icons-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-checked-bg-col:var(--ld-thm-primary);--ld-toggle-invalid-input-bg-col:var(--ld-thm-error);--ld-toggle-invalid-knob-bg-col:var(--ld-thm-error);--ld-toggle-with-icons-knob-col:var(--ld-thm-primary);align-items:center;display:flex;height:2rem;height:var(--ld-toggle-height);min-width:auto!important;position:relative;width:3.375rem;width:var(--ld-toggle-width)}.ld-toggle input,:host input{-webkit-appearance:none;appearance:none;background-color:var(--ld-toggle-input-bg-col);border-radius:var(--ld-toggle-border-radius);height:100%;margin:0;position:absolute;transition:background-color var(--ld-transition-duration-normal) ease-in-out;width:100%;z-index:0}.ld-toggle input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),:host input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-toggle input:checked,:host input:checked{background-color:var(--ld-toggle-checked-bg-col)}.ld-toggle input:checked:disabled,.ld-toggle input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:checked:disabled,:host input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:checked~.ld-toggle__knob,:host input:checked~.ld-toggle__knob{transform:translateX(calc(var(--ld-toggle-width) - var(--ld-toggle-height)))}.ld-toggle input:checked~.ld-toggle__icon-start,:host input:checked~.ld-toggle__icon-start{color:var(--ld-toggle-checked-icon-start-col)}.ld-toggle input:checked~.ld-toggle__icon-end,:host input:checked~.ld-toggle__icon-end{color:var(--ld-toggle-checked-icon-end-col)}.ld-toggle input:disabled,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:disabled,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:disabled:checked~.ld-toggle__icon-end,.ld-toggle input:disabled:checked~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start,:host input:disabled:checked~.ld-toggle__icon-end,:host input:disabled:checked~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-end,.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start,:host input:disabled:not(:checked)~.ld-toggle__icon-end,:host input:disabled:not(:checked)~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle .ld-toggle__knob,:host .ld-toggle__knob{background-color:var(--ld-toggle-knob-bg-col);border-radius:var(--ld-toggle-knob-border-radius);display:block;height:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);margin:var(--ld-toggle-inner-space);pointer-events:none;transition:transform var(--ld-transition-duration-normal) ease-in-out;width:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);z-index:1}.ld-toggle input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid{background-color:var(--ld-toggle-invalid-input-bg-col)}.ld-toggle--lg,:host(.ld-toggle--lg){--ld-toggle-height:var(--ld-toggle-lg-height);--ld-toggle-width:var(--ld-toggle-lg-width);--ld-toggle-inner-space:var(--ld-toggle-lg-inner-space)}.ld-toggle--lg.ld-toggle--with-icons,:host(.ld-toggle--lg.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-lg-with-icons-width)}.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .75rem}.ld-toggle--with-icons,:host(.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-with-icons-width)}.ld-toggle--with-icons input:not(:disabled),:host(.ld-toggle--with-icons) input:not(:disabled){background-color:var(--ld-toggle-with-icons-input-bg-col)}.ld-toggle--with-icons input:invalid~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:invalid~.ld-toggle__knob{background-color:var(--ld-toggle-invalid-knob-bg-col)}.ld-toggle--with-icons input:disabled,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host(.ld-toggle--with-icons) input:disabled,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-with-icons-disabled-input-bg-col)}.ld-toggle--with-icons input:disabled~.ld-toggle__knob,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:disabled~.ld-toggle__knob,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob{background-color:var(--ld-toggle-disabled-knob-bg-col)}.ld-toggle--with-icons .ld-toggle__knob,:host(.ld-toggle--with-icons) .ld-toggle__knob{background-color:var(--ld-toggle-with-icons-knob-col)}.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .5rem}.ld-toggle__icon-end,.ld-toggle__icon-start{align-items:center;display:flex;pointer-events:none;position:absolute;transition:color var(--ld-transition-duration-normal) ease-in-out;z-index:1}.ld-toggle__icon-end:empty,.ld-toggle__icon-start:empty{display:none}.ld-toggle__icon-start{color:var(--ld-toggle-icon-start-col);left:0}.ld-toggle__icon-end{color:var(--ld-toggle-icon-end-col);right:0}';const h=class{constructor(o){l(this,o);this.ldchange=t(this,"ldchange",7);this.ldinput=t(this,"ldinput",7);this.handleChange=l=>{this.el.dispatchEvent(new InputEvent("change",l));this.ldchange.emit(this.checked)};this.handleClick=l=>{if(s(this.ariaDisabled)){l.preventDefault();return}this.checked=!this.checked;if(!l.isTrusted){this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true}));this.handleInput();this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.ldchange.emit(this.checked)}};this.handleInput=()=>{this.ldinput.emit(this.checked)};this.ariaDisabled=undefined;this.autofocus=undefined;this.checked=false;this.disabled=undefined;this.form=undefined;this.invalid=undefined;this.ldTabindex=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.size=undefined;this.value=undefined;this.clonedAttributes=undefined}async focusInner(){if(this.input!==undefined){this.input.focus()}}updateHiddenInput(){const l=this.el.closest("form");if(!this.hiddenInput&&this.name&&(l||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(!this.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}this.hiddenInput.name=this.name;this.hiddenInput.checked=this.checked;if(this.value){this.hiddenInput.value=this.value}else{this.hiddenInput.removeAttribute("value")}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(l){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="checkbox";this.hiddenInput.style.visibility="hidden";this.hiddenInput.style.position="absolute";this.hiddenInput.style.pointerEvents="none";this.el.appendChild(this.hiddenInput)}componentWillLoad(){this.attributesObserver=a.call(this,["size"]);this.hasIcons=!!this.el.querySelector('[slot="icon-start"]')||!!this.el.querySelector('[slot="icon-end"]');const l=this.el.closest("form");if(this.name&&(l||this.form)){this.createHiddenInput();this.hiddenInput.checked=this.checked;this.hiddenInput.name=this.name;if(this.form){this.hiddenInput.setAttribute("form",this.form)}if(this.value){this.hiddenInput.value=this.value}}n(this.autofocus)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){return o(e,{class:i(["ld-toggle",this.size==="lg"&&"ld-toggle--lg",this.hasIcons&&"ld-toggle--with-icons"]),onClick:this.handleClick},o("input",Object.assign({},this.clonedAttributes,{"aria-disabled":this.ariaDisabled,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,onInput:this.handleInput,part:"input focusable",ref:l=>this.input=l,required:this.required,tabIndex:this.ldTabindex,type:"checkbox",value:this.value})),o("span",{class:"ld-toggle__knob",part:"knob"}),this.hasIcons&&o("div",{class:"ld-toggle__icon-start",part:"icon-wrapper icon-wrapper-start"},o("slot",{name:"icon-start"})),this.hasIcons&&o("div",{class:"ld-toggle__icon-end",part:"icon-wrapper icon-wrapper-end"},o("slot",{name:"icon-end"})))}get el(){return d(this)}static get watchers(){return{checked:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"]}}};h.style=c;export{g as ld_modal,h as ld_toggle}; -//# sourceMappingURL=p-8791e36a.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-89c2e5d1.entry.js b/1704894792450/dist/build/p-89c2e5d1.entry.js deleted file mode 100644 index c64b17f34f..0000000000 --- a/1704894792450/dist/build/p-89c2e5d1.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,h as e,H as i}from"./p-21a69c18.js";import{e as s,S as n}from"./p-49b9f144.js";var r=function(){function t(t,e){for(var i=0;i`Invalid value for key ${t}`;const _=t=>`Pattern length exceeds max of ${t}.`;const M=t=>`Missing ${t} property in key`;const k=t=>`Property 'weight' in key '${t}' must be a positive integer`;const L=Object.prototype.hasOwnProperty;class S{constructor(t){this._keys=[];this._keyMap={};let e=0;t.forEach((t=>{let i=$(t);e+=i.weight;this._keys.push(i);this._keyMap[i.id]=i;e+=i.weight}));this._keys.forEach((t=>{t.weight/=e}))}get(t){return this._keyMap[t]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}}function $(t){let e=null;let i=null;let s=null;let n=1;let r=null;if(u(t)||c(t)){s=t;e=N(t);i=A(t)}else{if(!L.call(t,"name")){throw new Error(M("name"))}const o=t.name;s=o;if(L.call(t,"weight")){n=t.weight;if(n<=0){throw new Error(k(o))}}e=N(o);i=A(o);r=t.getFn}return{path:e,id:i,weight:n,src:s,getFn:r}}function N(t){return c(t)?t:t.split(".")}function A(t){return c(t)?t.join("."):t}function I(t,e){let i=[];let s=false;const n=(t,e,r)=>{if(!p(t)){return}if(!e[r]){i.push(t)}else{let o=e[r];const a=t[o];if(!p(a)){return}if(r===e.length-1&&(u(a)||d(a)||f(a))){i.push(l(a))}else if(c(a)){s=true;for(let t=0,i=a.length;tt.score===e.score?t.idx{this._keysMap[t.id]=e}))}create(){if(this.isCreated||!this.docs.length){return}this.isCreated=true;if(u(this.docs[0])){this.docs.forEach(((t,e)=>{this._addString(t,e)}))}else{this.docs.forEach(((t,e)=>{this._addObject(t,e)}))}this.norm.clear()}add(t){const e=this.size();if(u(t)){this._addString(t,e)}else{this._addObject(t,e)}}removeAt(t){this.records.splice(t,1);for(let e=t,i=this.size();e{let n=e.getFn?e.getFn(t):this.getFn(t,e.path);if(!p(n)){return}if(c(n)){let t=[];const e=[{nestedArrIndex:-1,value:n}];while(e.length){const{nestedArrIndex:i,value:s}=e.pop();if(!p(s)){continue}if(u(s)&&!m(s)){let e={v:s,i,n:this.norm.get(s)};t.push(e)}else if(c(s)){s.forEach(((t,i)=>{e.push({nestedArrIndex:i,value:t})}))}else;}i.$[s]=t}else if(u(n)&&!m(n)){let t={v:n,n:this.norm.get(n)};i.$[s]=t}}));this.records.push(i)}toJSON(){return{keys:this.keys,records:this.records}}}function W(t,e,{getFn:i=F.getFn,fieldNormWeight:s=F.fieldNormWeight}={}){const n=new D({getFn:i,fieldNormWeight:s});n.setKeys(t.map($));n.setSources(e);n.create();return n}function z(t,{getFn:e=F.getFn,fieldNormWeight:i=F.fieldNormWeight}={}){const{keys:s,records:n}=t;const r=new D({getFn:e,fieldNormWeight:i});r.setKeys(s);r.setIndexRecords(n);return r}function H(t,{errors:e=0,currentLocation:i=0,expectedLocation:s=0,distance:n=F.distance,ignoreLocation:r=F.ignoreLocation}={}){const o=e/t.length;if(r){return o}const c=Math.abs(s-i);if(!n){return c?1:o}return o+c/n}function P(t=[],e=F.minMatchCharLength){let i=[];let s=-1;let n=-1;let r=0;for(let o=t.length;r=e){i.push([s,n])}s=-1}}if(t[r-1]&&r-s>=e){i.push([s,r-1])}return i}const U=32;function J(t,e,i,{location:s=F.location,distance:n=F.distance,threshold:r=F.threshold,findAllMatches:o=F.findAllMatches,minMatchCharLength:c=F.minMatchCharLength,includeMatches:a=F.includeMatches,ignoreLocation:h=F.ignoreLocation}={}){if(e.length>U){throw new Error(_(U))}const l=e.length;const u=t.length;const d=Math.max(0,Math.min(s,u));let f=r;let g=d;const v=c>1||a;const p=v?Array(u):[];let m;while((m=t.indexOf(e,g))>-1){let t=H(e,{currentLocation:m,expectedLocation:d,distance:n,ignoreLocation:h});f=Math.min(t,f);g=m+l;if(v){let t=0;while(t=a;r-=1){let o=r-1;let c=i[t.charAt(o)];if(v){p[o]=+!!c}_[r]=(_[r+1]<<1|1)&c;if(s){_[r]|=(b[r+1]|b[r])<<1|1|b[r+1]}if(_[r]&x){y=H(e,{errors:s,currentLocation:o,expectedLocation:d,distance:n,ignoreLocation:h});if(y<=f){f=y;g=o;if(g<=d){break}a=Math.max(1,2*d-g)}}}const M=H(e,{errors:s+1,currentLocation:d,expectedLocation:d,distance:n,ignoreLocation:h});if(M>f){break}b=_}const M={isMatch:g>=0,score:Math.max(.001,y)};if(v){const t=P(p,c);if(!t.length){M.isMatch=false}else if(a){M.indices=t}}return M}function K(t){let e={};for(let i=0,s=t.length;i{this.chunks.push({pattern:t,alphabet:K(t),startIndex:e})};const l=this.pattern.length;if(l>U){let t=0;const e=l%U;const i=l-e;while(t{const{isMatch:g,score:v,indices:p}=J(t,e,d,{location:s+f,distance:n,threshold:r,findAllMatches:o,minMatchCharLength:c,includeMatches:i,ignoreLocation:a});if(g){u=true}l+=v;if(g&&p){h=[...h,...p]}}));let d={isMatch:u,score:u?l/this.chunks.length:1};if(u&&i){d.indices=h}return d}}class q{constructor(t){this.pattern=t}static isMultiMatch(t){return V(t,this.multiRegex)}static isSingleMatch(t){return V(t,this.singleRegex)}search(){}}function V(t,e){const i=t.match(e);return i?i[1]:null}class Y extends q{constructor(t){super(t)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(t){const e=t===this.pattern;return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}class G extends q{constructor(t){super(t)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(t){const e=t.indexOf(this.pattern);const i=e===-1;return{isMatch:i,score:i?0:1,indices:[0,t.length-1]}}}class Q extends q{constructor(t){super(t)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(t){const e=t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}class X extends q{constructor(t){super(t)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(t){const e=!t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}class Z extends q{constructor(t){super(t)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(t){const e=t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[t.length-this.pattern.length,t.length-1]}}}class tt extends q{constructor(t){super(t)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(t){const e=!t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}class et extends q{constructor(t,{location:e=F.location,threshold:i=F.threshold,distance:s=F.distance,includeMatches:n=F.includeMatches,findAllMatches:r=F.findAllMatches,minMatchCharLength:o=F.minMatchCharLength,isCaseSensitive:c=F.isCaseSensitive,ignoreLocation:a=F.ignoreLocation}={}){super(t);this._bitapSearch=new B(t,{location:e,threshold:i,distance:s,includeMatches:n,findAllMatches:r,minMatchCharLength:o,isCaseSensitive:c,ignoreLocation:a})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(t){return this._bitapSearch.searchIn(t)}}class it extends q{constructor(t){super(t)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(t){let e=0;let i;const s=[];const n=this.pattern.length;while((i=t.indexOf(this.pattern,e))>-1){e=i+n;s.push([i,e-1])}const r=!!s.length;return{isMatch:r,score:r?0:1,indices:s}}}const st=[Y,it,Q,X,tt,Z,G,et];const nt=st.length;const rt=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/;const ot="|";function ct(t,e={}){return t.split(ot).map((t=>{let i=t.trim().split(rt).filter((t=>t&&!!t.trim()));let s=[];for(let t=0,n=i.length;t!!(t[ft.AND]||t[ft.OR]);const pt=t=>!!t[gt.PATH];const mt=t=>!c(t)&&g(t)&&!vt(t);const bt=t=>({[ft.AND]:Object.keys(t).map((e=>({[e]:t[e]})))});function yt(t,e,{auto:i=true}={}){const s=t=>{let n=Object.keys(t);const r=pt(t);if(!r&&n.length>1&&!vt(t)){return s(bt(t))}if(mt(t)){const s=r?t[gt.PATH]:n[0];const o=r?t[gt.PATTERN]:t[s];if(!u(o)){throw new Error(x(s))}const c={keyId:A(s),pattern:o};if(i){c.searcher=dt(o,e)}return c}let o={children:[],operator:n[0]};n.forEach((e=>{const i=t[e];if(c(i)){i.forEach((t=>{o.children.push(s(t))}))}}));return o};if(!vt(t)){t=bt(t)}return s(t)}function wt(t,{ignoreFieldNorm:e=F.ignoreFieldNorm}){t.forEach((t=>{let i=1;t.matches.forEach((({key:t,norm:s,score:n})=>{const r=t?t.weight:null;i*=Math.pow(n===0&&r?Number.EPSILON:n,(r||1)*(e?1:s))}));t.score=i}))}function xt(t,e){const i=t.matches;e.matches=[];if(!p(i)){return}i.forEach((t=>{if(!p(t.indices)||!t.indices.length){return}const{indices:i,value:s}=t;let n={indices:i,value:s};if(t.key){n.key=t.key.src}if(t.idx>-1){n.refIndex=t.idx}e.matches.push(n)}))}function _t(t,e){e.score=t.score}function Mt(t,e,{includeMatches:i=F.includeMatches,includeScore:s=F.includeScore}={}){const n=[];if(i)n.push(xt);if(s)n.push(_t);return t.map((t=>{const{idx:i}=t;const s={item:e[i],refIndex:i};if(n.length){n.forEach((e=>{e(t,s)}))}return s}))}class kt{constructor(t,e={},i){this.options={...F,...e};if(this.options.useExtendedSearch&&!true){throw new Error(y)}this._keyStore=new S(this.options.keys);this.setCollection(t,i)}setCollection(t,e){this._docs=t;if(e&&!(e instanceof D)){throw new Error(w)}this._myIndex=e||W(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(t){if(!p(t)){return}this._docs.push(t);this._myIndex.add(t)}remove(t=(()=>false)){const e=[];for(let i=0,s=this._docs.length;i-1){c=c.slice(0,e)}return Mt(c,this._docs,{includeMatches:i,includeScore:s})}_searchStringList(t){const e=dt(t,this.options);const{records:i}=this._myIndex;const s=[];i.forEach((({v:t,i,n})=>{if(!p(t)){return}const{isMatch:r,score:o,indices:c}=e.searchIn(t);if(r){s.push({item:t,idx:i,matches:[{score:o,value:t,norm:n,indices:c}]})}}));return s}_searchLogical(t){const e=yt(t,this.options);const i=(t,e,s)=>{if(!t.children){const{keyId:i,searcher:n}=t;const r=this._findMatches({key:this._keyStore.get(i),value:this._myIndex.getValueForItemAtKeyId(e,i),searcher:n});if(r&&r.length){return[{idx:s,item:e,matches:r}]}return[]}const n=[];for(let r=0,o=t.children.length;r{if(p(t)){let o=i(e,t,s);if(o.length){if(!n[s]){n[s]={idx:s,item:t,matches:[]};r.push(n[s])}o.forEach((({matches:t})=>{n[s].matches.push(...t)}))}}}));return r}_searchObjectList(t){const e=dt(t,this.options);const{keys:i,records:s}=this._myIndex;const n=[];s.forEach((({$:t,i:s})=>{if(!p(t)){return}let r=[];i.forEach(((i,s)=>{r.push(...this._findMatches({key:i,value:t[s],searcher:e}))}));if(r.length){n.push({idx:s,item:t,matches:r})}}));return n}_findMatches({key:t,value:e,searcher:i}){if(!p(e)){return[]}let s=[];if(c(e)){e.forEach((({v:e,i:n,n:r})=>{if(!p(e)){return}const{isMatch:o,score:c,indices:a}=i.searchIn(e);if(o){s.push({score:c,key:t,value:e,idx:n,norm:r,indices:a})}}))}else{const{v:n,n:r}=e;const{isMatch:o,score:c,indices:a}=i.searchIn(n);if(o){s.push({score:c,key:t,value:n,norm:r,indices:a})}}return s}}kt.version="6.6.2";kt.createIndex=W;kt.parseIndex=z;kt.config=F;{kt.parseQuery=yt}{ut(ht)}const Lt='.docs-search{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;position:fixed;top:0;transition:opacity .2s linear,visibility 0s linear .2s;visibility:hidden;width:100%;z-index:2}.docs-search--active{opacity:1;transition:opacity .2s linear;visibility:visible}.docs-search__backdrop{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;appearance:none;background-color:var(--ld-col-neutral-900);border:0;cursor:pointer;height:100%;left:0;opacity:.8;padding:0;position:absolute;top:0;width:100%;z-index:-1}.docs-search__content{height:75vh;max-width:30rem;min-width:18rem;pointer-events:none;width:calc(100% - var(--ld-sp-40))}.docs-search__input{pointer-events:all;width:100%}.docs-search__input:before{box-shadow:none!important}.docs-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.docs-search__input .docs-search__input-icon{margin-left:var(--ld-sp-16)}.docs-search__input-icon{height:var(--ld-sp-16);width:var(--ld-sp-16)}.docs-search__results{background-color:var(--ld-col-wht);border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m);list-style:none;max-height:calc(100% - var(--ld-sp-40));overflow-x:hidden;overflow-y:auto;overflow:hidden auto;pointer-events:all;transform:translateY(-1px)}.docs-search__results--expanded:before{background-color:var(--ld-col-neutral-100);content:"";display:block;height:var(--ld-sp-1);margin:0 auto;width:calc(100% - var(--ld-sp-32))}.docs-search__result{font:var(--ld-typo-body-m)}.docs-search__result a{color:var(--ld-col-neutral-900);display:block;outline:none;padding:var(--ld-sp-16);-webkit-text-decoration:none;text-decoration:none}.docs-search__result a:focus:focus-visible{background-color:var(--ld-col-neutral-050)}@media (hover:hover){.docs-search__result a:where(:hover){background-color:var(--ld-col-neutral-010)}}.docs-search__result a:active,.docs-search__result a:active:focus-visible{background-color:var(--ld-col-neutral-050)}.docs-search__result-crumbs{display:block}.docs-search__result-crumb:not(:last-of-type){margin-right:var(--ld-sp-4)}.docs-search__result-crumb:not(:last-of-type):after{align-items:center;background-image:url(dist/build/assets/chevron-components-dark.svg);background-repeat:no-repeat;content:"";display:inline-flex;height:1.375rem;justify-content:center;margin-left:var(--ld-sp-12);width:.8rem}';const St=class{constructor(e){t(this,e);this.results=[];this.isActive=undefined}handleClick(t){if(t.target.id==="docs-search-backdrop"){t.preventDefault();this.onSearchClose()}}handleEscapeDown(t){if(!this.isActive){return}if(t.key==="Escape"){t.stopImmediatePropagation();this.onSearchClose()}}handleKeyDown(t){var e,i;if(!this.isActive){return}switch(t.key){case"ArrowDown":{t.preventDefault();if(document.activeElement.closest(".docs-search__input")===this.searchInput){(e=this.searchResults.querySelector(".docs-search__result > a"))===null||e===void 0?void 0:e.focus();return}const s=(i=document.activeElement.closest(".docs-search__result"))===null||i===void 0?void 0:i.nextElementSibling;if(s===null||s===void 0?void 0:s.classList.contains("docs-search__result")){s.querySelector("a").focus()}return}case"ArrowUp":{t.preventDefault();const e=document.activeElement.closest(".docs-search__result");if(e){const t=e.previousElementSibling;if(t===null||t===void 0?void 0:t.classList.contains("docs-search__result")){t.querySelector("a").focus()}else{this.searchInput.shadowRoot.querySelector("input").focus();this.searchResults.scrollTo(0,0)}}return}case" ":{const e=document.activeElement.closest(".docs-search__result");if(e){t.preventDefault();window.location.href=e.querySelector("a").href}return}}}handleSubmit(t){t.preventDefault()}handleChange(){const t=this.fuse.search(this.searchInput.value);this.results=t}componentWillLoad(){this.fuse=new kt(window["__docsSearchIndex__"],{keys:[{name:"title",weight:.4},{name:"tags",weight:.35},{name:"headings",weight:.25}],distance:1e4,threshold:.3})}componentDidLoad(){s.on(n.open,this.onSearchOpen.bind(this))}onSearchOpen(){document.getElementById("docs-layout").setAttribute("inert","true");this.isActive=true;this.searchInput.value="";setTimeout((()=>{this.searchInput.focusInner()}),200)}onSearchClose(){document.getElementById("docs-layout").removeAttribute("inert");this.isActive=false;this.results=[];s.emit(n.close)}render(){return e(i,{inert:!this.isActive,class:`docs-search${this.isActive?" docs-search--active":""}`},e("div",{class:"docs-search__content"},e("form",{role:"search",autocomplete:"off"},e("ld-input",{size:"lg","aria-expanded":this.results.length?"true":"false","aria-controls":"docs-search-results-list",onInput:this.handleChange.bind(this),placeholder:"Search in documentation...",class:"docs-search__input",id:"docs-search-input",ref:t=>this.searchInput=t,type:"search",spellcheck:false},e("svg",{"aria-hidden":"true",slot:"start",class:"docs-search__input-icon",fill:"none",viewBox:"0 0 18 19"},e("ellipse",{cx:"7.54523",cy:"7.74543",stroke:"#091734","stroke-width":"2",rx:"6.54523",ry:"6.54548"}),e("path",{stroke:"#091734","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12.6367 12.8362l4.3635 4.3636"})))),e("ol",{id:"docs-search-results-list",class:`docs-search__results${this.results.length?" docs-search__results--expanded":""}`,"aria-label":"Search results",ref:t=>this.searchResults=t},this.results.length?this.results.map((t=>{if(!t.item.breadcrumbs.length)return"";return e("li",{class:"docs-search__result",key:t.refIndex},e("a",{href:t.item.url},e("b",null,t.item.title),e("span",{class:"docs-search__result-crumbs"},t.item.breadcrumbs.map((t=>e("span",{class:"docs-search__result-crumb"},t))))))})):"")),e("button",{id:"docs-search-backdrop",class:"docs-search__backdrop","aria-label":"Close search"}))}static get assetsDirs(){return["assets"]}};St.style=Lt;export{St as docs_search}; -//# sourceMappingURL=p-89c2e5d1.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-89c2e5d1.entry.js.map b/1704894792450/dist/build/p-89c2e5d1.entry.js.map deleted file mode 100644 index 2f405e4e4b..0000000000 --- a/1704894792450/dist/build/p-89c2e5d1.entry.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"names":["_createClass","defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","Constructor","protoProps","staticProps","prototype","_classCallCheck","instance","TypeError","window","slice","Array","matches","Element","msMatchesSelector","_focusableElementsString","join","InertRoot","rootElement","inertManager","this","_inertManager","_rootElement","_managedNodes","Set","hasAttribute","_savedAriaHidden","getAttribute","setAttribute","_makeSubtreeUnfocusable","_observer","MutationObserver","_onMutation","bind","observe","attributes","childList","subtree","value","destructor","disconnect","removeAttribute","forEach","inertNode","_unmanageNode","node","startNode","_this2","composedTreeWalk","_visitNode","activeElement","document","body","contains","root","undefined","nodeType","Node","DOCUMENT_FRAGMENT_NODE","parentNode","blur","focus","ELEMENT_NODE","element","_adoptInertRoot","call","_manageNode","register","add","deregister","_unmanageSubtree","_this3","inertSubroot","getInertRoot","setInert","managedNodes","savedInertNode","records","self","record","type","addedNodes","removedNodes","attributeName","managedNode","get","set","ariaHidden","InertNode","inertRoot","_node","_overrodeFocusMethod","_inertRoots","_savedTabIndex","_destroyed","ensureUntabbable","_throwIfDestroyed","destroyed","Error","tabIndex","hasSavedTabIndex","addInertRoot","removeInertRoot","size","InertManager","_document","Map","_watchForInert","addInertStyle","head","documentElement","readyState","addEventListener","_onDocumentLoaded","inert","has","parent","_inertRoot","inertElements","querySelectorAll","inertElement","_this","unshift","callback","shadowRootAncestor","shadowRoot","localName","content","distributedNodes","getDistributedNodes","slot","_distributedNodes","assignedNodes","flatten","_i","child","firstChild","nextSibling","querySelector","style","createElement","textContent","appendChild","HTMLElement","hasOwnProperty","isArray","getTag","INFINITY","baseToString","result","toString","isString","isNumber","isBoolean","isObjectLike","isObject","isDefined","isBlank","trim","EXTENDED_SEARCH_UNAVAILABLE","INCORRECT_INDEX_TYPE","LOGICAL_SEARCH_INVALID_QUERY_FOR_KEY","PATTERN_LENGTH_TOO_LARGE","max","MISSING_KEY_PROPERTY","name","INVALID_KEY_WEIGHT_VALUE","hasOwn","KeyStore","constructor","keys","_keys","_keyMap","totalWeight","obj","createKey","weight","push","id","keyId","toJSON","JSON","stringify","path","src","getFn","createKeyPath","createKeyId","split","list","arr","deepGet","index","len","MatchOptions","includeMatches","findAllMatches","minMatchCharLength","BasicOptions","isCaseSensitive","includeScore","shouldSort","sortFn","a","b","score","idx","FuzzyOptions","location","threshold","distance","AdvancedOptions","useExtendedSearch","ignoreLocation","ignoreFieldNorm","fieldNormWeight","Config","SPACE","norm","mantissa","cache","m","Math","pow","numTokens","match","n","parseFloat","round","clear","FuseIndex","isCreated","setIndexRecords","setSources","docs","setKeys","_keysMap","create","doc","docIndex","_addString","_addObject","removeAt","splice","getValueForItemAtKeyId","item","v","$","keyIndex","subRecords","stack","nestedArrIndex","pop","subRecord","k","createIndex","myIndex","map","parseIndex","data","computeScore$1","pattern","errors","currentLocation","expectedLocation","accuracy","proximity","abs","convertMaskToIndices","matchmask","indices","start","end","MAX_BITS","search","text","patternAlphabet","patternLen","textLen","min","currentThreshold","bestLocation","computeMatches","matchMask","indexOf","lastBitArr","finalScore","binMax","mask","binMin","binMid","floor","finish","bitArr","j","charMatch","charAt","isMatch","createPatternAlphabet","char","BitapSearch","options","toLowerCase","chunks","addChunk","startIndex","alphabet","remainder","substr","searchIn","allIndices","totalScore","hasMatches","BaseMatch","isMultiMatch","getMatch","multiRegex","isSingleMatch","singleRegex","exp","ExactMatch","super","InverseExactMatch","PrefixExactMatch","startsWith","InversePrefixExactMatch","SuffixExactMatch","endsWith","InverseSuffixExactMatch","FuzzyMatch","_bitapSearch","IncludeMatch","searchers","searchersLen","SPACE_RE","OR_TOKEN","parseQuery","query","filter","results","queryItem","found","searcher","token","MultiMatchSet","ExtendedSearch","condition","_","numMatches","qLen","pLen","registeredSearchers","args","createSearcher","searcherClass","LogicalOperator","AND","OR","KeyType","PATH","PATTERN","isExpression","isPath","isLeaf","convertToExplicit","parse","auto","next","isQueryPath","children","operator","computeScore","Number","EPSILON","transformMatches","refIndex","transformScore","format","transformers","transformer","Fuse","_keyStore","setCollection","_docs","_myIndex","remove","predicate","getIndex","limit","_searchStringList","_searchObjectList","_searchLogical","sort","expression","evaluate","_findMatches","res","resultMap","expResults","version","config","docsSearchCss","DocsSearch","handleClick","ev","preventDefault","onSearchClose","handleEscapeDown","isActive","stopImmediatePropagation","handleKeyDown","closest","searchInput","_a","searchResults","_b","nextElementSibling","classList","focusedSearchResult","prevSibling","previousElementSibling","scrollTo","href","handleSubmit","handleChange","searchResult","fuse","componentWillLoad","componentDidLoad","eventBus","on","SearchEventType","open","onSearchOpen","getElementById","setTimeout","focusInner","emit","close","render","h","Host","class","role","autocomplete","onInput","placeholder","ref","el","spellcheck","fill","viewBox","cx","cy","stroke","rx","ry","d","breadcrumbs","url","title","crumb"],"sources":["../node_modules/.pnpm/wicg-inert@3.1.2/node_modules/wicg-inert/dist/inert.esm.js","../node_modules/.pnpm/fuse.js@6.6.2/node_modules/fuse.js/dist/fuse.esm.js","../src/docs/components/docs-search/docs-search.css?tag=docs-search","../src/docs/components/docs-search/docs-search.tsx"],"sourcesContent":["var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * This work is licensed under the W3C Software and Document License\n * (http://www.w3.org/Consortium/Legal/2015/copyright-software-and-document).\n */\n\n(function () {\n // Return early if we're not running inside of the browser.\n if (typeof window === 'undefined') {\n return;\n }\n\n // Convenience function for converting NodeLists.\n /** @type {typeof Array.prototype.slice} */\n var slice = Array.prototype.slice;\n\n /**\n * IE has a non-standard name for \"matches\".\n * @type {typeof Element.prototype.matches}\n */\n var matches = Element.prototype.matches || Element.prototype.msMatchesSelector;\n\n /** @type {string} */\n var _focusableElementsString = ['a[href]', 'area[href]', 'input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'details', 'summary', 'iframe', 'object', 'embed', '[contenteditable]'].join(',');\n\n /**\n * `InertRoot` manages a single inert subtree, i.e. a DOM subtree whose root element has an `inert`\n * attribute.\n *\n * Its main functions are:\n *\n * - to create and maintain a set of managed `InertNode`s, including when mutations occur in the\n * subtree. The `makeSubtreeUnfocusable()` method handles collecting `InertNode`s via registering\n * each focusable node in the subtree with the singleton `InertManager` which manages all known\n * focusable nodes within inert subtrees. `InertManager` ensures that a single `InertNode`\n * instance exists for each focusable node which has at least one inert root as an ancestor.\n *\n * - to notify all managed `InertNode`s when this subtree stops being inert (i.e. when the `inert`\n * attribute is removed from the root node). This is handled in the destructor, which calls the\n * `deregister` method on `InertManager` for each managed inert node.\n */\n\n var InertRoot = function () {\n /**\n * @param {!HTMLElement} rootElement The HTMLElement at the root of the inert subtree.\n * @param {!InertManager} inertManager The global singleton InertManager object.\n */\n function InertRoot(rootElement, inertManager) {\n _classCallCheck(this, InertRoot);\n\n /** @type {!InertManager} */\n this._inertManager = inertManager;\n\n /** @type {!HTMLElement} */\n this._rootElement = rootElement;\n\n /**\n * @type {!Set}\n * All managed focusable nodes in this InertRoot's subtree.\n */\n this._managedNodes = new Set();\n\n // Make the subtree hidden from assistive technology\n if (this._rootElement.hasAttribute('aria-hidden')) {\n /** @type {?string} */\n this._savedAriaHidden = this._rootElement.getAttribute('aria-hidden');\n } else {\n this._savedAriaHidden = null;\n }\n this._rootElement.setAttribute('aria-hidden', 'true');\n\n // Make all focusable elements in the subtree unfocusable and add them to _managedNodes\n this._makeSubtreeUnfocusable(this._rootElement);\n\n // Watch for:\n // - any additions in the subtree: make them unfocusable too\n // - any removals from the subtree: remove them from this inert root's managed nodes\n // - attribute changes: if `tabindex` is added, or removed from an intrinsically focusable\n // element, make that node a managed node.\n this._observer = new MutationObserver(this._onMutation.bind(this));\n this._observer.observe(this._rootElement, { attributes: true, childList: true, subtree: true });\n }\n\n /**\n * Call this whenever this object is about to become obsolete. This unwinds all of the state\n * stored in this object and updates the state of all of the managed nodes.\n */\n\n\n _createClass(InertRoot, [{\n key: 'destructor',\n value: function destructor() {\n this._observer.disconnect();\n\n if (this._rootElement) {\n if (this._savedAriaHidden !== null) {\n this._rootElement.setAttribute('aria-hidden', this._savedAriaHidden);\n } else {\n this._rootElement.removeAttribute('aria-hidden');\n }\n }\n\n this._managedNodes.forEach(function (inertNode) {\n this._unmanageNode(inertNode.node);\n }, this);\n\n // Note we cast the nulls to the ANY type here because:\n // 1) We want the class properties to be declared as non-null, or else we\n // need even more casts throughout this code. All bets are off if an\n // instance has been destroyed and a method is called.\n // 2) We don't want to cast \"this\", because we want type-aware optimizations\n // to know which properties we're setting.\n this._observer = /** @type {?} */null;\n this._rootElement = /** @type {?} */null;\n this._managedNodes = /** @type {?} */null;\n this._inertManager = /** @type {?} */null;\n }\n\n /**\n * @return {!Set} A copy of this InertRoot's managed nodes set.\n */\n\n }, {\n key: '_makeSubtreeUnfocusable',\n\n\n /**\n * @param {!Node} startNode\n */\n value: function _makeSubtreeUnfocusable(startNode) {\n var _this2 = this;\n\n composedTreeWalk(startNode, function (node) {\n return _this2._visitNode(node);\n });\n\n var activeElement = document.activeElement;\n\n if (!document.body.contains(startNode)) {\n // startNode may be in shadow DOM, so find its nearest shadowRoot to get the activeElement.\n var node = startNode;\n /** @type {!ShadowRoot|undefined} */\n var root = undefined;\n while (node) {\n if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {\n root = /** @type {!ShadowRoot} */node;\n break;\n }\n node = node.parentNode;\n }\n if (root) {\n activeElement = root.activeElement;\n }\n }\n if (startNode.contains(activeElement)) {\n activeElement.blur();\n // In IE11, if an element is already focused, and then set to tabindex=-1\n // calling blur() will not actually move the focus.\n // To work around this we call focus() on the body instead.\n if (activeElement === document.activeElement) {\n document.body.focus();\n }\n }\n }\n\n /**\n * @param {!Node} node\n */\n\n }, {\n key: '_visitNode',\n value: function _visitNode(node) {\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return;\n }\n var element = /** @type {!HTMLElement} */node;\n\n // If a descendant inert root becomes un-inert, its descendants will still be inert because of\n // this inert root, so all of its managed nodes need to be adopted by this InertRoot.\n if (element !== this._rootElement && element.hasAttribute('inert')) {\n this._adoptInertRoot(element);\n }\n\n if (matches.call(element, _focusableElementsString) || element.hasAttribute('tabindex')) {\n this._manageNode(element);\n }\n }\n\n /**\n * Register the given node with this InertRoot and with InertManager.\n * @param {!Node} node\n */\n\n }, {\n key: '_manageNode',\n value: function _manageNode(node) {\n var inertNode = this._inertManager.register(node, this);\n this._managedNodes.add(inertNode);\n }\n\n /**\n * Unregister the given node with this InertRoot and with InertManager.\n * @param {!Node} node\n */\n\n }, {\n key: '_unmanageNode',\n value: function _unmanageNode(node) {\n var inertNode = this._inertManager.deregister(node, this);\n if (inertNode) {\n this._managedNodes['delete'](inertNode);\n }\n }\n\n /**\n * Unregister the entire subtree starting at `startNode`.\n * @param {!Node} startNode\n */\n\n }, {\n key: '_unmanageSubtree',\n value: function _unmanageSubtree(startNode) {\n var _this3 = this;\n\n composedTreeWalk(startNode, function (node) {\n return _this3._unmanageNode(node);\n });\n }\n\n /**\n * If a descendant node is found with an `inert` attribute, adopt its managed nodes.\n * @param {!HTMLElement} node\n */\n\n }, {\n key: '_adoptInertRoot',\n value: function _adoptInertRoot(node) {\n var inertSubroot = this._inertManager.getInertRoot(node);\n\n // During initialisation this inert root may not have been registered yet,\n // so register it now if need be.\n if (!inertSubroot) {\n this._inertManager.setInert(node, true);\n inertSubroot = this._inertManager.getInertRoot(node);\n }\n\n inertSubroot.managedNodes.forEach(function (savedInertNode) {\n this._manageNode(savedInertNode.node);\n }, this);\n }\n\n /**\n * Callback used when mutation observer detects subtree additions, removals, or attribute changes.\n * @param {!Array} records\n * @param {!MutationObserver} self\n */\n\n }, {\n key: '_onMutation',\n value: function _onMutation(records, self) {\n records.forEach(function (record) {\n var target = /** @type {!HTMLElement} */record.target;\n if (record.type === 'childList') {\n // Manage added nodes\n slice.call(record.addedNodes).forEach(function (node) {\n this._makeSubtreeUnfocusable(node);\n }, this);\n\n // Un-manage removed nodes\n slice.call(record.removedNodes).forEach(function (node) {\n this._unmanageSubtree(node);\n }, this);\n } else if (record.type === 'attributes') {\n if (record.attributeName === 'tabindex') {\n // Re-initialise inert node if tabindex changes\n this._manageNode(target);\n } else if (target !== this._rootElement && record.attributeName === 'inert' && target.hasAttribute('inert')) {\n // If a new inert root is added, adopt its managed nodes and make sure it knows about the\n // already managed nodes from this inert subroot.\n this._adoptInertRoot(target);\n var inertSubroot = this._inertManager.getInertRoot(target);\n this._managedNodes.forEach(function (managedNode) {\n if (target.contains(managedNode.node)) {\n inertSubroot._manageNode(managedNode.node);\n }\n });\n }\n }\n }, this);\n }\n }, {\n key: 'managedNodes',\n get: function get() {\n return new Set(this._managedNodes);\n }\n\n /** @return {boolean} */\n\n }, {\n key: 'hasSavedAriaHidden',\n get: function get() {\n return this._savedAriaHidden !== null;\n }\n\n /** @param {?string} ariaHidden */\n\n }, {\n key: 'savedAriaHidden',\n set: function set(ariaHidden) {\n this._savedAriaHidden = ariaHidden;\n }\n\n /** @return {?string} */\n ,\n get: function get() {\n return this._savedAriaHidden;\n }\n }]);\n\n return InertRoot;\n }();\n\n /**\n * `InertNode` initialises and manages a single inert node.\n * A node is inert if it is a descendant of one or more inert root elements.\n *\n * On construction, `InertNode` saves the existing `tabindex` value for the node, if any, and\n * either removes the `tabindex` attribute or sets it to `-1`, depending on whether the element\n * is intrinsically focusable or not.\n *\n * `InertNode` maintains a set of `InertRoot`s which are descendants of this `InertNode`. When an\n * `InertRoot` is destroyed, and calls `InertManager.deregister()`, the `InertManager` notifies the\n * `InertNode` via `removeInertRoot()`, which in turn destroys the `InertNode` if no `InertRoot`s\n * remain in the set. On destruction, `InertNode` reinstates the stored `tabindex` if one exists,\n * or removes the `tabindex` attribute if the element is intrinsically focusable.\n */\n\n\n var InertNode = function () {\n /**\n * @param {!Node} node A focusable element to be made inert.\n * @param {!InertRoot} inertRoot The inert root element associated with this inert node.\n */\n function InertNode(node, inertRoot) {\n _classCallCheck(this, InertNode);\n\n /** @type {!Node} */\n this._node = node;\n\n /** @type {boolean} */\n this._overrodeFocusMethod = false;\n\n /**\n * @type {!Set} The set of descendant inert roots.\n * If and only if this set becomes empty, this node is no longer inert.\n */\n this._inertRoots = new Set([inertRoot]);\n\n /** @type {?number} */\n this._savedTabIndex = null;\n\n /** @type {boolean} */\n this._destroyed = false;\n\n // Save any prior tabindex info and make this node untabbable\n this.ensureUntabbable();\n }\n\n /**\n * Call this whenever this object is about to become obsolete.\n * This makes the managed node focusable again and deletes all of the previously stored state.\n */\n\n\n _createClass(InertNode, [{\n key: 'destructor',\n value: function destructor() {\n this._throwIfDestroyed();\n\n if (this._node && this._node.nodeType === Node.ELEMENT_NODE) {\n var element = /** @type {!HTMLElement} */this._node;\n if (this._savedTabIndex !== null) {\n element.setAttribute('tabindex', this._savedTabIndex);\n } else {\n element.removeAttribute('tabindex');\n }\n\n // Use `delete` to restore native focus method.\n if (this._overrodeFocusMethod) {\n delete element.focus;\n }\n }\n\n // See note in InertRoot.destructor for why we cast these nulls to ANY.\n this._node = /** @type {?} */null;\n this._inertRoots = /** @type {?} */null;\n this._destroyed = true;\n }\n\n /**\n * @type {boolean} Whether this object is obsolete because the managed node is no longer inert.\n * If the object has been destroyed, any attempt to access it will cause an exception.\n */\n\n }, {\n key: '_throwIfDestroyed',\n\n\n /**\n * Throw if user tries to access destroyed InertNode.\n */\n value: function _throwIfDestroyed() {\n if (this.destroyed) {\n throw new Error('Trying to access destroyed InertNode');\n }\n }\n\n /** @return {boolean} */\n\n }, {\n key: 'ensureUntabbable',\n\n\n /** Save the existing tabindex value and make the node untabbable and unfocusable */\n value: function ensureUntabbable() {\n if (this.node.nodeType !== Node.ELEMENT_NODE) {\n return;\n }\n var element = /** @type {!HTMLElement} */this.node;\n if (matches.call(element, _focusableElementsString)) {\n if ( /** @type {!HTMLElement} */element.tabIndex === -1 && this.hasSavedTabIndex) {\n return;\n }\n\n if (element.hasAttribute('tabindex')) {\n this._savedTabIndex = /** @type {!HTMLElement} */element.tabIndex;\n }\n element.setAttribute('tabindex', '-1');\n if (element.nodeType === Node.ELEMENT_NODE) {\n element.focus = function () {};\n this._overrodeFocusMethod = true;\n }\n } else if (element.hasAttribute('tabindex')) {\n this._savedTabIndex = /** @type {!HTMLElement} */element.tabIndex;\n element.removeAttribute('tabindex');\n }\n }\n\n /**\n * Add another inert root to this inert node's set of managing inert roots.\n * @param {!InertRoot} inertRoot\n */\n\n }, {\n key: 'addInertRoot',\n value: function addInertRoot(inertRoot) {\n this._throwIfDestroyed();\n this._inertRoots.add(inertRoot);\n }\n\n /**\n * Remove the given inert root from this inert node's set of managing inert roots.\n * If the set of managing inert roots becomes empty, this node is no longer inert,\n * so the object should be destroyed.\n * @param {!InertRoot} inertRoot\n */\n\n }, {\n key: 'removeInertRoot',\n value: function removeInertRoot(inertRoot) {\n this._throwIfDestroyed();\n this._inertRoots['delete'](inertRoot);\n if (this._inertRoots.size === 0) {\n this.destructor();\n }\n }\n }, {\n key: 'destroyed',\n get: function get() {\n return (/** @type {!InertNode} */this._destroyed\n );\n }\n }, {\n key: 'hasSavedTabIndex',\n get: function get() {\n return this._savedTabIndex !== null;\n }\n\n /** @return {!Node} */\n\n }, {\n key: 'node',\n get: function get() {\n this._throwIfDestroyed();\n return this._node;\n }\n\n /** @param {?number} tabIndex */\n\n }, {\n key: 'savedTabIndex',\n set: function set(tabIndex) {\n this._throwIfDestroyed();\n this._savedTabIndex = tabIndex;\n }\n\n /** @return {?number} */\n ,\n get: function get() {\n this._throwIfDestroyed();\n return this._savedTabIndex;\n }\n }]);\n\n return InertNode;\n }();\n\n /**\n * InertManager is a per-document singleton object which manages all inert roots and nodes.\n *\n * When an element becomes an inert root by having an `inert` attribute set and/or its `inert`\n * property set to `true`, the `setInert` method creates an `InertRoot` object for the element.\n * The `InertRoot` in turn registers itself as managing all of the element's focusable descendant\n * nodes via the `register()` method. The `InertManager` ensures that a single `InertNode` instance\n * is created for each such node, via the `_managedNodes` map.\n */\n\n\n var InertManager = function () {\n /**\n * @param {!Document} document\n */\n function InertManager(document) {\n _classCallCheck(this, InertManager);\n\n if (!document) {\n throw new Error('Missing required argument; InertManager needs to wrap a document.');\n }\n\n /** @type {!Document} */\n this._document = document;\n\n /**\n * All managed nodes known to this InertManager. In a map to allow looking up by Node.\n * @type {!Map}\n */\n this._managedNodes = new Map();\n\n /**\n * All inert roots known to this InertManager. In a map to allow looking up by Node.\n * @type {!Map}\n */\n this._inertRoots = new Map();\n\n /**\n * Observer for mutations on `document.body`.\n * @type {!MutationObserver}\n */\n this._observer = new MutationObserver(this._watchForInert.bind(this));\n\n // Add inert style.\n addInertStyle(document.head || document.body || document.documentElement);\n\n // Wait for document to be loaded.\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', this._onDocumentLoaded.bind(this));\n } else {\n this._onDocumentLoaded();\n }\n }\n\n /**\n * Set whether the given element should be an inert root or not.\n * @param {!HTMLElement} root\n * @param {boolean} inert\n */\n\n\n _createClass(InertManager, [{\n key: 'setInert',\n value: function setInert(root, inert) {\n if (inert) {\n if (this._inertRoots.has(root)) {\n // element is already inert\n return;\n }\n\n var inertRoot = new InertRoot(root, this);\n root.setAttribute('inert', '');\n this._inertRoots.set(root, inertRoot);\n // If not contained in the document, it must be in a shadowRoot.\n // Ensure inert styles are added there.\n if (!this._document.body.contains(root)) {\n var parent = root.parentNode;\n while (parent) {\n if (parent.nodeType === 11) {\n addInertStyle(parent);\n }\n parent = parent.parentNode;\n }\n }\n } else {\n if (!this._inertRoots.has(root)) {\n // element is already non-inert\n return;\n }\n\n var _inertRoot = this._inertRoots.get(root);\n _inertRoot.destructor();\n this._inertRoots['delete'](root);\n root.removeAttribute('inert');\n }\n }\n\n /**\n * Get the InertRoot object corresponding to the given inert root element, if any.\n * @param {!Node} element\n * @return {!InertRoot|undefined}\n */\n\n }, {\n key: 'getInertRoot',\n value: function getInertRoot(element) {\n return this._inertRoots.get(element);\n }\n\n /**\n * Register the given InertRoot as managing the given node.\n * In the case where the node has a previously existing inert root, this inert root will\n * be added to its set of inert roots.\n * @param {!Node} node\n * @param {!InertRoot} inertRoot\n * @return {!InertNode} inertNode\n */\n\n }, {\n key: 'register',\n value: function register(node, inertRoot) {\n var inertNode = this._managedNodes.get(node);\n if (inertNode !== undefined) {\n // node was already in an inert subtree\n inertNode.addInertRoot(inertRoot);\n } else {\n inertNode = new InertNode(node, inertRoot);\n }\n\n this._managedNodes.set(node, inertNode);\n\n return inertNode;\n }\n\n /**\n * De-register the given InertRoot as managing the given inert node.\n * Removes the inert root from the InertNode's set of managing inert roots, and remove the inert\n * node from the InertManager's set of managed nodes if it is destroyed.\n * If the node is not currently managed, this is essentially a no-op.\n * @param {!Node} node\n * @param {!InertRoot} inertRoot\n * @return {?InertNode} The potentially destroyed InertNode associated with this node, if any.\n */\n\n }, {\n key: 'deregister',\n value: function deregister(node, inertRoot) {\n var inertNode = this._managedNodes.get(node);\n if (!inertNode) {\n return null;\n }\n\n inertNode.removeInertRoot(inertRoot);\n if (inertNode.destroyed) {\n this._managedNodes['delete'](node);\n }\n\n return inertNode;\n }\n\n /**\n * Callback used when document has finished loading.\n */\n\n }, {\n key: '_onDocumentLoaded',\n value: function _onDocumentLoaded() {\n // Find all inert roots in document and make them actually inert.\n var inertElements = slice.call(this._document.querySelectorAll('[inert]'));\n inertElements.forEach(function (inertElement) {\n this.setInert(inertElement, true);\n }, this);\n\n // Comment this out to use programmatic API only.\n this._observer.observe(this._document.body || this._document.documentElement, { attributes: true, subtree: true, childList: true });\n }\n\n /**\n * Callback used when mutation observer detects attribute changes.\n * @param {!Array} records\n * @param {!MutationObserver} self\n */\n\n }, {\n key: '_watchForInert',\n value: function _watchForInert(records, self) {\n var _this = this;\n records.forEach(function (record) {\n switch (record.type) {\n case 'childList':\n slice.call(record.addedNodes).forEach(function (node) {\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return;\n }\n var inertElements = slice.call(node.querySelectorAll('[inert]'));\n if (matches.call(node, '[inert]')) {\n inertElements.unshift(node);\n }\n inertElements.forEach(function (inertElement) {\n this.setInert(inertElement, true);\n }, _this);\n }, _this);\n break;\n case 'attributes':\n if (record.attributeName !== 'inert') {\n return;\n }\n var target = /** @type {!HTMLElement} */record.target;\n var inert = target.hasAttribute('inert');\n _this.setInert(target, inert);\n break;\n }\n }, this);\n }\n }]);\n\n return InertManager;\n }();\n\n /**\n * Recursively walk the composed tree from |node|.\n * @param {!Node} node\n * @param {(function (!HTMLElement))=} callback Callback to be called for each element traversed,\n * before descending into child nodes.\n * @param {?ShadowRoot=} shadowRootAncestor The nearest ShadowRoot ancestor, if any.\n */\n\n\n function composedTreeWalk(node, callback, shadowRootAncestor) {\n if (node.nodeType == Node.ELEMENT_NODE) {\n var element = /** @type {!HTMLElement} */node;\n if (callback) {\n callback(element);\n }\n\n // Descend into node:\n // If it has a ShadowRoot, ignore all child elements - these will be picked\n // up by the or elements. Descend straight into the\n // ShadowRoot.\n var shadowRoot = /** @type {!HTMLElement} */element.shadowRoot;\n if (shadowRoot) {\n composedTreeWalk(shadowRoot, callback, shadowRoot);\n return;\n }\n\n // If it is a element, descend into distributed elements - these\n // are elements from outside the shadow root which are rendered inside the\n // shadow DOM.\n if (element.localName == 'content') {\n var content = /** @type {!HTMLContentElement} */element;\n // Verifies if ShadowDom v0 is supported.\n var distributedNodes = content.getDistributedNodes ? content.getDistributedNodes() : [];\n for (var i = 0; i < distributedNodes.length; i++) {\n composedTreeWalk(distributedNodes[i], callback, shadowRootAncestor);\n }\n return;\n }\n\n // If it is a element, descend into assigned nodes - these\n // are elements from outside the shadow root which are rendered inside the\n // shadow DOM.\n if (element.localName == 'slot') {\n var slot = /** @type {!HTMLSlotElement} */element;\n // Verify if ShadowDom v1 is supported.\n var _distributedNodes = slot.assignedNodes ? slot.assignedNodes({ flatten: true }) : [];\n for (var _i = 0; _i < _distributedNodes.length; _i++) {\n composedTreeWalk(_distributedNodes[_i], callback, shadowRootAncestor);\n }\n return;\n }\n }\n\n // If it is neither the parent of a ShadowRoot, a element, a \n // element, nor a element recurse normally.\n var child = node.firstChild;\n while (child != null) {\n composedTreeWalk(child, callback, shadowRootAncestor);\n child = child.nextSibling;\n }\n }\n\n /**\n * Adds a style element to the node containing the inert specific styles\n * @param {!Node} node\n */\n function addInertStyle(node) {\n if (node.querySelector('style#inert-style, link#inert-style')) {\n return;\n }\n var style = document.createElement('style');\n style.setAttribute('id', 'inert-style');\n style.textContent = '\\n' + '[inert] {\\n' + ' pointer-events: none;\\n' + ' cursor: default;\\n' + '}\\n' + '\\n' + '[inert], [inert] * {\\n' + ' -webkit-user-select: none;\\n' + ' -moz-user-select: none;\\n' + ' -ms-user-select: none;\\n' + ' user-select: none;\\n' + '}\\n';\n node.appendChild(style);\n }\n\n if (!HTMLElement.prototype.hasOwnProperty('inert')) {\n /** @type {!InertManager} */\n var inertManager = new InertManager(document);\n\n Object.defineProperty(HTMLElement.prototype, 'inert', {\n enumerable: true,\n /** @this {!HTMLElement} */\n get: function get() {\n return this.hasAttribute('inert');\n },\n /** @this {!HTMLElement} */\n set: function set(inert) {\n inertManager.setInert(this, inert);\n }\n });\n }\n})();\n","/**\n * Fuse.js v6.6.2 - Lightweight fuzzy-search (http://fusejs.io)\n *\n * Copyright (c) 2022 Kiro Risk (http://kiro.me)\n * All Rights Reserved. Apache Software License 2.0\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n */\n\nfunction isArray(value) {\n return !Array.isArray\n ? getTag(value) === '[object Array]'\n : Array.isArray(value)\n}\n\n// Adapted from: https://github.com/lodash/lodash/blob/master/.internal/baseToString.js\nconst INFINITY = 1 / 0;\nfunction baseToString(value) {\n // Exit early for strings to avoid a performance hit in some environments.\n if (typeof value == 'string') {\n return value\n }\n let result = value + '';\n return result == '0' && 1 / value == -INFINITY ? '-0' : result\n}\n\nfunction toString(value) {\n return value == null ? '' : baseToString(value)\n}\n\nfunction isString(value) {\n return typeof value === 'string'\n}\n\nfunction isNumber(value) {\n return typeof value === 'number'\n}\n\n// Adapted from: https://github.com/lodash/lodash/blob/master/isBoolean.js\nfunction isBoolean(value) {\n return (\n value === true ||\n value === false ||\n (isObjectLike(value) && getTag(value) == '[object Boolean]')\n )\n}\n\nfunction isObject(value) {\n return typeof value === 'object'\n}\n\n// Checks if `value` is object-like.\nfunction isObjectLike(value) {\n return isObject(value) && value !== null\n}\n\nfunction isDefined(value) {\n return value !== undefined && value !== null\n}\n\nfunction isBlank(value) {\n return !value.trim().length\n}\n\n// Gets the `toStringTag` of `value`.\n// Adapted from: https://github.com/lodash/lodash/blob/master/.internal/getTag.js\nfunction getTag(value) {\n return value == null\n ? value === undefined\n ? '[object Undefined]'\n : '[object Null]'\n : Object.prototype.toString.call(value)\n}\n\nconst EXTENDED_SEARCH_UNAVAILABLE = 'Extended search is not available';\n\nconst INCORRECT_INDEX_TYPE = \"Incorrect 'index' type\";\n\nconst LOGICAL_SEARCH_INVALID_QUERY_FOR_KEY = (key) =>\n `Invalid value for key ${key}`;\n\nconst PATTERN_LENGTH_TOO_LARGE = (max) =>\n `Pattern length exceeds max of ${max}.`;\n\nconst MISSING_KEY_PROPERTY = (name) => `Missing ${name} property in key`;\n\nconst INVALID_KEY_WEIGHT_VALUE = (key) =>\n `Property 'weight' in key '${key}' must be a positive integer`;\n\nconst hasOwn = Object.prototype.hasOwnProperty;\n\nclass KeyStore {\n constructor(keys) {\n this._keys = [];\n this._keyMap = {};\n\n let totalWeight = 0;\n\n keys.forEach((key) => {\n let obj = createKey(key);\n\n totalWeight += obj.weight;\n\n this._keys.push(obj);\n this._keyMap[obj.id] = obj;\n\n totalWeight += obj.weight;\n });\n\n // Normalize weights so that their sum is equal to 1\n this._keys.forEach((key) => {\n key.weight /= totalWeight;\n });\n }\n get(keyId) {\n return this._keyMap[keyId]\n }\n keys() {\n return this._keys\n }\n toJSON() {\n return JSON.stringify(this._keys)\n }\n}\n\nfunction createKey(key) {\n let path = null;\n let id = null;\n let src = null;\n let weight = 1;\n let getFn = null;\n\n if (isString(key) || isArray(key)) {\n src = key;\n path = createKeyPath(key);\n id = createKeyId(key);\n } else {\n if (!hasOwn.call(key, 'name')) {\n throw new Error(MISSING_KEY_PROPERTY('name'))\n }\n\n const name = key.name;\n src = name;\n\n if (hasOwn.call(key, 'weight')) {\n weight = key.weight;\n\n if (weight <= 0) {\n throw new Error(INVALID_KEY_WEIGHT_VALUE(name))\n }\n }\n\n path = createKeyPath(name);\n id = createKeyId(name);\n getFn = key.getFn;\n }\n\n return { path, id, weight, src, getFn }\n}\n\nfunction createKeyPath(key) {\n return isArray(key) ? key : key.split('.')\n}\n\nfunction createKeyId(key) {\n return isArray(key) ? key.join('.') : key\n}\n\nfunction get(obj, path) {\n let list = [];\n let arr = false;\n\n const deepGet = (obj, path, index) => {\n if (!isDefined(obj)) {\n return\n }\n if (!path[index]) {\n // If there's no path left, we've arrived at the object we care about.\n list.push(obj);\n } else {\n let key = path[index];\n\n const value = obj[key];\n\n if (!isDefined(value)) {\n return\n }\n\n // If we're at the last value in the path, and if it's a string/number/bool,\n // add it to the list\n if (\n index === path.length - 1 &&\n (isString(value) || isNumber(value) || isBoolean(value))\n ) {\n list.push(toString(value));\n } else if (isArray(value)) {\n arr = true;\n // Search each item in the array.\n for (let i = 0, len = value.length; i < len; i += 1) {\n deepGet(value[i], path, index + 1);\n }\n } else if (path.length) {\n // An object. Recurse further.\n deepGet(value, path, index + 1);\n }\n }\n };\n\n // Backwards compatibility (since path used to be a string)\n deepGet(obj, isString(path) ? path.split('.') : path, 0);\n\n return arr ? list : list[0]\n}\n\nconst MatchOptions = {\n // Whether the matches should be included in the result set. When `true`, each record in the result\n // set will include the indices of the matched characters.\n // These can consequently be used for highlighting purposes.\n includeMatches: false,\n // When `true`, the matching function will continue to the end of a search pattern even if\n // a perfect match has already been located in the string.\n findAllMatches: false,\n // Minimum number of characters that must be matched before a result is considered a match\n minMatchCharLength: 1\n};\n\nconst BasicOptions = {\n // When `true`, the algorithm continues searching to the end of the input even if a perfect\n // match is found before the end of the same input.\n isCaseSensitive: false,\n // When true, the matching function will continue to the end of a search pattern even if\n includeScore: false,\n // List of properties that will be searched. This also supports nested properties.\n keys: [],\n // Whether to sort the result list, by score\n shouldSort: true,\n // Default sort function: sort by ascending score, ascending index\n sortFn: (a, b) =>\n a.score === b.score ? (a.idx < b.idx ? -1 : 1) : a.score < b.score ? -1 : 1\n};\n\nconst FuzzyOptions = {\n // Approximately where in the text is the pattern expected to be found?\n location: 0,\n // At what point does the match algorithm give up. A threshold of '0.0' requires a perfect match\n // (of both letters and location), a threshold of '1.0' would match anything.\n threshold: 0.6,\n // Determines how close the match must be to the fuzzy location (specified above).\n // An exact letter match which is 'distance' characters away from the fuzzy location\n // would score as a complete mismatch. A distance of '0' requires the match be at\n // the exact location specified, a threshold of '1000' would require a perfect match\n // to be within 800 characters of the fuzzy location to be found using a 0.8 threshold.\n distance: 100\n};\n\nconst AdvancedOptions = {\n // When `true`, it enables the use of unix-like search commands\n useExtendedSearch: false,\n // The get function to use when fetching an object's properties.\n // The default will search nested paths *ie foo.bar.baz*\n getFn: get,\n // When `true`, search will ignore `location` and `distance`, so it won't matter\n // where in the string the pattern appears.\n // More info: https://fusejs.io/concepts/scoring-theory.html#fuzziness-score\n ignoreLocation: false,\n // When `true`, the calculation for the relevance score (used for sorting) will\n // ignore the field-length norm.\n // More info: https://fusejs.io/concepts/scoring-theory.html#field-length-norm\n ignoreFieldNorm: false,\n // The weight to determine how much field length norm effects scoring.\n fieldNormWeight: 1\n};\n\nvar Config = {\n ...BasicOptions,\n ...MatchOptions,\n ...FuzzyOptions,\n ...AdvancedOptions\n};\n\nconst SPACE = /[^ ]+/g;\n\n// Field-length norm: the shorter the field, the higher the weight.\n// Set to 3 decimals to reduce index size.\nfunction norm(weight = 1, mantissa = 3) {\n const cache = new Map();\n const m = Math.pow(10, mantissa);\n\n return {\n get(value) {\n const numTokens = value.match(SPACE).length;\n\n if (cache.has(numTokens)) {\n return cache.get(numTokens)\n }\n\n // Default function is 1/sqrt(x), weight makes that variable\n const norm = 1 / Math.pow(numTokens, 0.5 * weight);\n\n // In place of `toFixed(mantissa)`, for faster computation\n const n = parseFloat(Math.round(norm * m) / m);\n\n cache.set(numTokens, n);\n\n return n\n },\n clear() {\n cache.clear();\n }\n }\n}\n\nclass FuseIndex {\n constructor({\n getFn = Config.getFn,\n fieldNormWeight = Config.fieldNormWeight\n } = {}) {\n this.norm = norm(fieldNormWeight, 3);\n this.getFn = getFn;\n this.isCreated = false;\n\n this.setIndexRecords();\n }\n setSources(docs = []) {\n this.docs = docs;\n }\n setIndexRecords(records = []) {\n this.records = records;\n }\n setKeys(keys = []) {\n this.keys = keys;\n this._keysMap = {};\n keys.forEach((key, idx) => {\n this._keysMap[key.id] = idx;\n });\n }\n create() {\n if (this.isCreated || !this.docs.length) {\n return\n }\n\n this.isCreated = true;\n\n // List is Array\n if (isString(this.docs[0])) {\n this.docs.forEach((doc, docIndex) => {\n this._addString(doc, docIndex);\n });\n } else {\n // List is Array\n this.docs.forEach((doc, docIndex) => {\n this._addObject(doc, docIndex);\n });\n }\n\n this.norm.clear();\n }\n // Adds a doc to the end of the index\n add(doc) {\n const idx = this.size();\n\n if (isString(doc)) {\n this._addString(doc, idx);\n } else {\n this._addObject(doc, idx);\n }\n }\n // Removes the doc at the specified index of the index\n removeAt(idx) {\n this.records.splice(idx, 1);\n\n // Change ref index of every subsquent doc\n for (let i = idx, len = this.size(); i < len; i += 1) {\n this.records[i].i -= 1;\n }\n }\n getValueForItemAtKeyId(item, keyId) {\n return item[this._keysMap[keyId]]\n }\n size() {\n return this.records.length\n }\n _addString(doc, docIndex) {\n if (!isDefined(doc) || isBlank(doc)) {\n return\n }\n\n let record = {\n v: doc,\n i: docIndex,\n n: this.norm.get(doc)\n };\n\n this.records.push(record);\n }\n _addObject(doc, docIndex) {\n let record = { i: docIndex, $: {} };\n\n // Iterate over every key (i.e, path), and fetch the value at that key\n this.keys.forEach((key, keyIndex) => {\n let value = key.getFn ? key.getFn(doc) : this.getFn(doc, key.path);\n\n if (!isDefined(value)) {\n return\n }\n\n if (isArray(value)) {\n let subRecords = [];\n const stack = [{ nestedArrIndex: -1, value }];\n\n while (stack.length) {\n const { nestedArrIndex, value } = stack.pop();\n\n if (!isDefined(value)) {\n continue\n }\n\n if (isString(value) && !isBlank(value)) {\n let subRecord = {\n v: value,\n i: nestedArrIndex,\n n: this.norm.get(value)\n };\n\n subRecords.push(subRecord);\n } else if (isArray(value)) {\n value.forEach((item, k) => {\n stack.push({\n nestedArrIndex: k,\n value: item\n });\n });\n } else ;\n }\n record.$[keyIndex] = subRecords;\n } else if (isString(value) && !isBlank(value)) {\n let subRecord = {\n v: value,\n n: this.norm.get(value)\n };\n\n record.$[keyIndex] = subRecord;\n }\n });\n\n this.records.push(record);\n }\n toJSON() {\n return {\n keys: this.keys,\n records: this.records\n }\n }\n}\n\nfunction createIndex(\n keys,\n docs,\n { getFn = Config.getFn, fieldNormWeight = Config.fieldNormWeight } = {}\n) {\n const myIndex = new FuseIndex({ getFn, fieldNormWeight });\n myIndex.setKeys(keys.map(createKey));\n myIndex.setSources(docs);\n myIndex.create();\n return myIndex\n}\n\nfunction parseIndex(\n data,\n { getFn = Config.getFn, fieldNormWeight = Config.fieldNormWeight } = {}\n) {\n const { keys, records } = data;\n const myIndex = new FuseIndex({ getFn, fieldNormWeight });\n myIndex.setKeys(keys);\n myIndex.setIndexRecords(records);\n return myIndex\n}\n\nfunction computeScore$1(\n pattern,\n {\n errors = 0,\n currentLocation = 0,\n expectedLocation = 0,\n distance = Config.distance,\n ignoreLocation = Config.ignoreLocation\n } = {}\n) {\n const accuracy = errors / pattern.length;\n\n if (ignoreLocation) {\n return accuracy\n }\n\n const proximity = Math.abs(expectedLocation - currentLocation);\n\n if (!distance) {\n // Dodge divide by zero error.\n return proximity ? 1.0 : accuracy\n }\n\n return accuracy + proximity / distance\n}\n\nfunction convertMaskToIndices(\n matchmask = [],\n minMatchCharLength = Config.minMatchCharLength\n) {\n let indices = [];\n let start = -1;\n let end = -1;\n let i = 0;\n\n for (let len = matchmask.length; i < len; i += 1) {\n let match = matchmask[i];\n if (match && start === -1) {\n start = i;\n } else if (!match && start !== -1) {\n end = i - 1;\n if (end - start + 1 >= minMatchCharLength) {\n indices.push([start, end]);\n }\n start = -1;\n }\n }\n\n // (i-1 - start) + 1 => i - start\n if (matchmask[i - 1] && i - start >= minMatchCharLength) {\n indices.push([start, i - 1]);\n }\n\n return indices\n}\n\n// Machine word size\nconst MAX_BITS = 32;\n\nfunction search(\n text,\n pattern,\n patternAlphabet,\n {\n location = Config.location,\n distance = Config.distance,\n threshold = Config.threshold,\n findAllMatches = Config.findAllMatches,\n minMatchCharLength = Config.minMatchCharLength,\n includeMatches = Config.includeMatches,\n ignoreLocation = Config.ignoreLocation\n } = {}\n) {\n if (pattern.length > MAX_BITS) {\n throw new Error(PATTERN_LENGTH_TOO_LARGE(MAX_BITS))\n }\n\n const patternLen = pattern.length;\n // Set starting location at beginning text and initialize the alphabet.\n const textLen = text.length;\n // Handle the case when location > text.length\n const expectedLocation = Math.max(0, Math.min(location, textLen));\n // Highest score beyond which we give up.\n let currentThreshold = threshold;\n // Is there a nearby exact match? (speedup)\n let bestLocation = expectedLocation;\n\n // Performance: only computer matches when the minMatchCharLength > 1\n // OR if `includeMatches` is true.\n const computeMatches = minMatchCharLength > 1 || includeMatches;\n // A mask of the matches, used for building the indices\n const matchMask = computeMatches ? Array(textLen) : [];\n\n let index;\n\n // Get all exact matches, here for speed up\n while ((index = text.indexOf(pattern, bestLocation)) > -1) {\n let score = computeScore$1(pattern, {\n currentLocation: index,\n expectedLocation,\n distance,\n ignoreLocation\n });\n\n currentThreshold = Math.min(score, currentThreshold);\n bestLocation = index + patternLen;\n\n if (computeMatches) {\n let i = 0;\n while (i < patternLen) {\n matchMask[index + i] = 1;\n i += 1;\n }\n }\n }\n\n // Reset the best location\n bestLocation = -1;\n\n let lastBitArr = [];\n let finalScore = 1;\n let binMax = patternLen + textLen;\n\n const mask = 1 << (patternLen - 1);\n\n for (let i = 0; i < patternLen; i += 1) {\n // Scan for the best match; each iteration allows for one more error.\n // Run a binary search to determine how far from the match location we can stray\n // at this error level.\n let binMin = 0;\n let binMid = binMax;\n\n while (binMin < binMid) {\n const score = computeScore$1(pattern, {\n errors: i,\n currentLocation: expectedLocation + binMid,\n expectedLocation,\n distance,\n ignoreLocation\n });\n\n if (score <= currentThreshold) {\n binMin = binMid;\n } else {\n binMax = binMid;\n }\n\n binMid = Math.floor((binMax - binMin) / 2 + binMin);\n }\n\n // Use the result from this iteration as the maximum for the next.\n binMax = binMid;\n\n let start = Math.max(1, expectedLocation - binMid + 1);\n let finish = findAllMatches\n ? textLen\n : Math.min(expectedLocation + binMid, textLen) + patternLen;\n\n // Initialize the bit array\n let bitArr = Array(finish + 2);\n\n bitArr[finish + 1] = (1 << i) - 1;\n\n for (let j = finish; j >= start; j -= 1) {\n let currentLocation = j - 1;\n let charMatch = patternAlphabet[text.charAt(currentLocation)];\n\n if (computeMatches) {\n // Speed up: quick bool to int conversion (i.e, `charMatch ? 1 : 0`)\n matchMask[currentLocation] = +!!charMatch;\n }\n\n // First pass: exact match\n bitArr[j] = ((bitArr[j + 1] << 1) | 1) & charMatch;\n\n // Subsequent passes: fuzzy match\n if (i) {\n bitArr[j] |=\n ((lastBitArr[j + 1] | lastBitArr[j]) << 1) | 1 | lastBitArr[j + 1];\n }\n\n if (bitArr[j] & mask) {\n finalScore = computeScore$1(pattern, {\n errors: i,\n currentLocation,\n expectedLocation,\n distance,\n ignoreLocation\n });\n\n // This match will almost certainly be better than any existing match.\n // But check anyway.\n if (finalScore <= currentThreshold) {\n // Indeed it is\n currentThreshold = finalScore;\n bestLocation = currentLocation;\n\n // Already passed `loc`, downhill from here on in.\n if (bestLocation <= expectedLocation) {\n break\n }\n\n // When passing `bestLocation`, don't exceed our current distance from `expectedLocation`.\n start = Math.max(1, 2 * expectedLocation - bestLocation);\n }\n }\n }\n\n // No hope for a (better) match at greater error levels.\n const score = computeScore$1(pattern, {\n errors: i + 1,\n currentLocation: expectedLocation,\n expectedLocation,\n distance,\n ignoreLocation\n });\n\n if (score > currentThreshold) {\n break\n }\n\n lastBitArr = bitArr;\n }\n\n const result = {\n isMatch: bestLocation >= 0,\n // Count exact matches (those with a score of 0) to be \"almost\" exact\n score: Math.max(0.001, finalScore)\n };\n\n if (computeMatches) {\n const indices = convertMaskToIndices(matchMask, minMatchCharLength);\n if (!indices.length) {\n result.isMatch = false;\n } else if (includeMatches) {\n result.indices = indices;\n }\n }\n\n return result\n}\n\nfunction createPatternAlphabet(pattern) {\n let mask = {};\n\n for (let i = 0, len = pattern.length; i < len; i += 1) {\n const char = pattern.charAt(i);\n mask[char] = (mask[char] || 0) | (1 << (len - i - 1));\n }\n\n return mask\n}\n\nclass BitapSearch {\n constructor(\n pattern,\n {\n location = Config.location,\n threshold = Config.threshold,\n distance = Config.distance,\n includeMatches = Config.includeMatches,\n findAllMatches = Config.findAllMatches,\n minMatchCharLength = Config.minMatchCharLength,\n isCaseSensitive = Config.isCaseSensitive,\n ignoreLocation = Config.ignoreLocation\n } = {}\n ) {\n this.options = {\n location,\n threshold,\n distance,\n includeMatches,\n findAllMatches,\n minMatchCharLength,\n isCaseSensitive,\n ignoreLocation\n };\n\n this.pattern = isCaseSensitive ? pattern : pattern.toLowerCase();\n\n this.chunks = [];\n\n if (!this.pattern.length) {\n return\n }\n\n const addChunk = (pattern, startIndex) => {\n this.chunks.push({\n pattern,\n alphabet: createPatternAlphabet(pattern),\n startIndex\n });\n };\n\n const len = this.pattern.length;\n\n if (len > MAX_BITS) {\n let i = 0;\n const remainder = len % MAX_BITS;\n const end = len - remainder;\n\n while (i < end) {\n addChunk(this.pattern.substr(i, MAX_BITS), i);\n i += MAX_BITS;\n }\n\n if (remainder) {\n const startIndex = len - MAX_BITS;\n addChunk(this.pattern.substr(startIndex), startIndex);\n }\n } else {\n addChunk(this.pattern, 0);\n }\n }\n\n searchIn(text) {\n const { isCaseSensitive, includeMatches } = this.options;\n\n if (!isCaseSensitive) {\n text = text.toLowerCase();\n }\n\n // Exact match\n if (this.pattern === text) {\n let result = {\n isMatch: true,\n score: 0\n };\n\n if (includeMatches) {\n result.indices = [[0, text.length - 1]];\n }\n\n return result\n }\n\n // Otherwise, use Bitap algorithm\n const {\n location,\n distance,\n threshold,\n findAllMatches,\n minMatchCharLength,\n ignoreLocation\n } = this.options;\n\n let allIndices = [];\n let totalScore = 0;\n let hasMatches = false;\n\n this.chunks.forEach(({ pattern, alphabet, startIndex }) => {\n const { isMatch, score, indices } = search(text, pattern, alphabet, {\n location: location + startIndex,\n distance,\n threshold,\n findAllMatches,\n minMatchCharLength,\n includeMatches,\n ignoreLocation\n });\n\n if (isMatch) {\n hasMatches = true;\n }\n\n totalScore += score;\n\n if (isMatch && indices) {\n allIndices = [...allIndices, ...indices];\n }\n });\n\n let result = {\n isMatch: hasMatches,\n score: hasMatches ? totalScore / this.chunks.length : 1\n };\n\n if (hasMatches && includeMatches) {\n result.indices = allIndices;\n }\n\n return result\n }\n}\n\nclass BaseMatch {\n constructor(pattern) {\n this.pattern = pattern;\n }\n static isMultiMatch(pattern) {\n return getMatch(pattern, this.multiRegex)\n }\n static isSingleMatch(pattern) {\n return getMatch(pattern, this.singleRegex)\n }\n search(/*text*/) {}\n}\n\nfunction getMatch(pattern, exp) {\n const matches = pattern.match(exp);\n return matches ? matches[1] : null\n}\n\n// Token: 'file\n\nclass ExactMatch extends BaseMatch {\n constructor(pattern) {\n super(pattern);\n }\n static get type() {\n return 'exact'\n }\n static get multiRegex() {\n return /^=\"(.*)\"$/\n }\n static get singleRegex() {\n return /^=(.*)$/\n }\n search(text) {\n const isMatch = text === this.pattern;\n\n return {\n isMatch,\n score: isMatch ? 0 : 1,\n indices: [0, this.pattern.length - 1]\n }\n }\n}\n\n// Token: !fire\n\nclass InverseExactMatch extends BaseMatch {\n constructor(pattern) {\n super(pattern);\n }\n static get type() {\n return 'inverse-exact'\n }\n static get multiRegex() {\n return /^!\"(.*)\"$/\n }\n static get singleRegex() {\n return /^!(.*)$/\n }\n search(text) {\n const index = text.indexOf(this.pattern);\n const isMatch = index === -1;\n\n return {\n isMatch,\n score: isMatch ? 0 : 1,\n indices: [0, text.length - 1]\n }\n }\n}\n\n// Token: ^file\n\nclass PrefixExactMatch extends BaseMatch {\n constructor(pattern) {\n super(pattern);\n }\n static get type() {\n return 'prefix-exact'\n }\n static get multiRegex() {\n return /^\\^\"(.*)\"$/\n }\n static get singleRegex() {\n return /^\\^(.*)$/\n }\n search(text) {\n const isMatch = text.startsWith(this.pattern);\n\n return {\n isMatch,\n score: isMatch ? 0 : 1,\n indices: [0, this.pattern.length - 1]\n }\n }\n}\n\n// Token: !^fire\n\nclass InversePrefixExactMatch extends BaseMatch {\n constructor(pattern) {\n super(pattern);\n }\n static get type() {\n return 'inverse-prefix-exact'\n }\n static get multiRegex() {\n return /^!\\^\"(.*)\"$/\n }\n static get singleRegex() {\n return /^!\\^(.*)$/\n }\n search(text) {\n const isMatch = !text.startsWith(this.pattern);\n\n return {\n isMatch,\n score: isMatch ? 0 : 1,\n indices: [0, text.length - 1]\n }\n }\n}\n\n// Token: .file$\n\nclass SuffixExactMatch extends BaseMatch {\n constructor(pattern) {\n super(pattern);\n }\n static get type() {\n return 'suffix-exact'\n }\n static get multiRegex() {\n return /^\"(.*)\"\\$$/\n }\n static get singleRegex() {\n return /^(.*)\\$$/\n }\n search(text) {\n const isMatch = text.endsWith(this.pattern);\n\n return {\n isMatch,\n score: isMatch ? 0 : 1,\n indices: [text.length - this.pattern.length, text.length - 1]\n }\n }\n}\n\n// Token: !.file$\n\nclass InverseSuffixExactMatch extends BaseMatch {\n constructor(pattern) {\n super(pattern);\n }\n static get type() {\n return 'inverse-suffix-exact'\n }\n static get multiRegex() {\n return /^!\"(.*)\"\\$$/\n }\n static get singleRegex() {\n return /^!(.*)\\$$/\n }\n search(text) {\n const isMatch = !text.endsWith(this.pattern);\n return {\n isMatch,\n score: isMatch ? 0 : 1,\n indices: [0, text.length - 1]\n }\n }\n}\n\nclass FuzzyMatch extends BaseMatch {\n constructor(\n pattern,\n {\n location = Config.location,\n threshold = Config.threshold,\n distance = Config.distance,\n includeMatches = Config.includeMatches,\n findAllMatches = Config.findAllMatches,\n minMatchCharLength = Config.minMatchCharLength,\n isCaseSensitive = Config.isCaseSensitive,\n ignoreLocation = Config.ignoreLocation\n } = {}\n ) {\n super(pattern);\n this._bitapSearch = new BitapSearch(pattern, {\n location,\n threshold,\n distance,\n includeMatches,\n findAllMatches,\n minMatchCharLength,\n isCaseSensitive,\n ignoreLocation\n });\n }\n static get type() {\n return 'fuzzy'\n }\n static get multiRegex() {\n return /^\"(.*)\"$/\n }\n static get singleRegex() {\n return /^(.*)$/\n }\n search(text) {\n return this._bitapSearch.searchIn(text)\n }\n}\n\n// Token: 'file\n\nclass IncludeMatch extends BaseMatch {\n constructor(pattern) {\n super(pattern);\n }\n static get type() {\n return 'include'\n }\n static get multiRegex() {\n return /^'\"(.*)\"$/\n }\n static get singleRegex() {\n return /^'(.*)$/\n }\n search(text) {\n let location = 0;\n let index;\n\n const indices = [];\n const patternLen = this.pattern.length;\n\n // Get all exact matches\n while ((index = text.indexOf(this.pattern, location)) > -1) {\n location = index + patternLen;\n indices.push([index, location - 1]);\n }\n\n const isMatch = !!indices.length;\n\n return {\n isMatch,\n score: isMatch ? 0 : 1,\n indices\n }\n }\n}\n\n// ❗Order is important. DO NOT CHANGE.\nconst searchers = [\n ExactMatch,\n IncludeMatch,\n PrefixExactMatch,\n InversePrefixExactMatch,\n InverseSuffixExactMatch,\n SuffixExactMatch,\n InverseExactMatch,\n FuzzyMatch\n];\n\nconst searchersLen = searchers.length;\n\n// Regex to split by spaces, but keep anything in quotes together\nconst SPACE_RE = / +(?=(?:[^\\\"]*\\\"[^\\\"]*\\\")*[^\\\"]*$)/;\nconst OR_TOKEN = '|';\n\n// Return a 2D array representation of the query, for simpler parsing.\n// Example:\n// \"^core go$ | rb$ | py$ xy$\" => [[\"^core\", \"go$\"], [\"rb$\"], [\"py$\", \"xy$\"]]\nfunction parseQuery(pattern, options = {}) {\n return pattern.split(OR_TOKEN).map((item) => {\n let query = item\n .trim()\n .split(SPACE_RE)\n .filter((item) => item && !!item.trim());\n\n let results = [];\n for (let i = 0, len = query.length; i < len; i += 1) {\n const queryItem = query[i];\n\n // 1. Handle multiple query match (i.e, once that are quoted, like `\"hello world\"`)\n let found = false;\n let idx = -1;\n while (!found && ++idx < searchersLen) {\n const searcher = searchers[idx];\n let token = searcher.isMultiMatch(queryItem);\n if (token) {\n results.push(new searcher(token, options));\n found = true;\n }\n }\n\n if (found) {\n continue\n }\n\n // 2. Handle single query matches (i.e, once that are *not* quoted)\n idx = -1;\n while (++idx < searchersLen) {\n const searcher = searchers[idx];\n let token = searcher.isSingleMatch(queryItem);\n if (token) {\n results.push(new searcher(token, options));\n break\n }\n }\n }\n\n return results\n })\n}\n\n// These extended matchers can return an array of matches, as opposed\n// to a singl match\nconst MultiMatchSet = new Set([FuzzyMatch.type, IncludeMatch.type]);\n\n/**\n * Command-like searching\n * ======================\n *\n * Given multiple search terms delimited by spaces.e.g. `^jscript .python$ ruby !java`,\n * search in a given text.\n *\n * Search syntax:\n *\n * | Token | Match type | Description |\n * | ----------- | -------------------------- | -------------------------------------- |\n * | `jscript` | fuzzy-match | Items that fuzzy match `jscript` |\n * | `=scheme` | exact-match | Items that are `scheme` |\n * | `'python` | include-match | Items that include `python` |\n * | `!ruby` | inverse-exact-match | Items that do not include `ruby` |\n * | `^java` | prefix-exact-match | Items that start with `java` |\n * | `!^earlang` | inverse-prefix-exact-match | Items that do not start with `earlang` |\n * | `.js$` | suffix-exact-match | Items that end with `.js` |\n * | `!.go$` | inverse-suffix-exact-match | Items that do not end with `.go` |\n *\n * A single pipe character acts as an OR operator. For example, the following\n * query matches entries that start with `core` and end with either`go`, `rb`,\n * or`py`.\n *\n * ```\n * ^core go$ | rb$ | py$\n * ```\n */\nclass ExtendedSearch {\n constructor(\n pattern,\n {\n isCaseSensitive = Config.isCaseSensitive,\n includeMatches = Config.includeMatches,\n minMatchCharLength = Config.minMatchCharLength,\n ignoreLocation = Config.ignoreLocation,\n findAllMatches = Config.findAllMatches,\n location = Config.location,\n threshold = Config.threshold,\n distance = Config.distance\n } = {}\n ) {\n this.query = null;\n this.options = {\n isCaseSensitive,\n includeMatches,\n minMatchCharLength,\n findAllMatches,\n ignoreLocation,\n location,\n threshold,\n distance\n };\n\n this.pattern = isCaseSensitive ? pattern : pattern.toLowerCase();\n this.query = parseQuery(this.pattern, this.options);\n }\n\n static condition(_, options) {\n return options.useExtendedSearch\n }\n\n searchIn(text) {\n const query = this.query;\n\n if (!query) {\n return {\n isMatch: false,\n score: 1\n }\n }\n\n const { includeMatches, isCaseSensitive } = this.options;\n\n text = isCaseSensitive ? text : text.toLowerCase();\n\n let numMatches = 0;\n let allIndices = [];\n let totalScore = 0;\n\n // ORs\n for (let i = 0, qLen = query.length; i < qLen; i += 1) {\n const searchers = query[i];\n\n // Reset indices\n allIndices.length = 0;\n numMatches = 0;\n\n // ANDs\n for (let j = 0, pLen = searchers.length; j < pLen; j += 1) {\n const searcher = searchers[j];\n const { isMatch, indices, score } = searcher.search(text);\n\n if (isMatch) {\n numMatches += 1;\n totalScore += score;\n if (includeMatches) {\n const type = searcher.constructor.type;\n if (MultiMatchSet.has(type)) {\n allIndices = [...allIndices, ...indices];\n } else {\n allIndices.push(indices);\n }\n }\n } else {\n totalScore = 0;\n numMatches = 0;\n allIndices.length = 0;\n break\n }\n }\n\n // OR condition, so if TRUE, return\n if (numMatches) {\n let result = {\n isMatch: true,\n score: totalScore / numMatches\n };\n\n if (includeMatches) {\n result.indices = allIndices;\n }\n\n return result\n }\n }\n\n // Nothing was matched\n return {\n isMatch: false,\n score: 1\n }\n }\n}\n\nconst registeredSearchers = [];\n\nfunction register(...args) {\n registeredSearchers.push(...args);\n}\n\nfunction createSearcher(pattern, options) {\n for (let i = 0, len = registeredSearchers.length; i < len; i += 1) {\n let searcherClass = registeredSearchers[i];\n if (searcherClass.condition(pattern, options)) {\n return new searcherClass(pattern, options)\n }\n }\n\n return new BitapSearch(pattern, options)\n}\n\nconst LogicalOperator = {\n AND: '$and',\n OR: '$or'\n};\n\nconst KeyType = {\n PATH: '$path',\n PATTERN: '$val'\n};\n\nconst isExpression = (query) =>\n !!(query[LogicalOperator.AND] || query[LogicalOperator.OR]);\n\nconst isPath = (query) => !!query[KeyType.PATH];\n\nconst isLeaf = (query) =>\n !isArray(query) && isObject(query) && !isExpression(query);\n\nconst convertToExplicit = (query) => ({\n [LogicalOperator.AND]: Object.keys(query).map((key) => ({\n [key]: query[key]\n }))\n});\n\n// When `auto` is `true`, the parse function will infer and initialize and add\n// the appropriate `Searcher` instance\nfunction parse(query, options, { auto = true } = {}) {\n const next = (query) => {\n let keys = Object.keys(query);\n\n const isQueryPath = isPath(query);\n\n if (!isQueryPath && keys.length > 1 && !isExpression(query)) {\n return next(convertToExplicit(query))\n }\n\n if (isLeaf(query)) {\n const key = isQueryPath ? query[KeyType.PATH] : keys[0];\n\n const pattern = isQueryPath ? query[KeyType.PATTERN] : query[key];\n\n if (!isString(pattern)) {\n throw new Error(LOGICAL_SEARCH_INVALID_QUERY_FOR_KEY(key))\n }\n\n const obj = {\n keyId: createKeyId(key),\n pattern\n };\n\n if (auto) {\n obj.searcher = createSearcher(pattern, options);\n }\n\n return obj\n }\n\n let node = {\n children: [],\n operator: keys[0]\n };\n\n keys.forEach((key) => {\n const value = query[key];\n\n if (isArray(value)) {\n value.forEach((item) => {\n node.children.push(next(item));\n });\n }\n });\n\n return node\n };\n\n if (!isExpression(query)) {\n query = convertToExplicit(query);\n }\n\n return next(query)\n}\n\n// Practical scoring function\nfunction computeScore(\n results,\n { ignoreFieldNorm = Config.ignoreFieldNorm }\n) {\n results.forEach((result) => {\n let totalScore = 1;\n\n result.matches.forEach(({ key, norm, score }) => {\n const weight = key ? key.weight : null;\n\n totalScore *= Math.pow(\n score === 0 && weight ? Number.EPSILON : score,\n (weight || 1) * (ignoreFieldNorm ? 1 : norm)\n );\n });\n\n result.score = totalScore;\n });\n}\n\nfunction transformMatches(result, data) {\n const matches = result.matches;\n data.matches = [];\n\n if (!isDefined(matches)) {\n return\n }\n\n matches.forEach((match) => {\n if (!isDefined(match.indices) || !match.indices.length) {\n return\n }\n\n const { indices, value } = match;\n\n let obj = {\n indices,\n value\n };\n\n if (match.key) {\n obj.key = match.key.src;\n }\n\n if (match.idx > -1) {\n obj.refIndex = match.idx;\n }\n\n data.matches.push(obj);\n });\n}\n\nfunction transformScore(result, data) {\n data.score = result.score;\n}\n\nfunction format(\n results,\n docs,\n {\n includeMatches = Config.includeMatches,\n includeScore = Config.includeScore\n } = {}\n) {\n const transformers = [];\n\n if (includeMatches) transformers.push(transformMatches);\n if (includeScore) transformers.push(transformScore);\n\n return results.map((result) => {\n const { idx } = result;\n\n const data = {\n item: docs[idx],\n refIndex: idx\n };\n\n if (transformers.length) {\n transformers.forEach((transformer) => {\n transformer(result, data);\n });\n }\n\n return data\n })\n}\n\nclass Fuse {\n constructor(docs, options = {}, index) {\n this.options = { ...Config, ...options };\n\n if (\n this.options.useExtendedSearch &&\n !true\n ) {\n throw new Error(EXTENDED_SEARCH_UNAVAILABLE)\n }\n\n this._keyStore = new KeyStore(this.options.keys);\n\n this.setCollection(docs, index);\n }\n\n setCollection(docs, index) {\n this._docs = docs;\n\n if (index && !(index instanceof FuseIndex)) {\n throw new Error(INCORRECT_INDEX_TYPE)\n }\n\n this._myIndex =\n index ||\n createIndex(this.options.keys, this._docs, {\n getFn: this.options.getFn,\n fieldNormWeight: this.options.fieldNormWeight\n });\n }\n\n add(doc) {\n if (!isDefined(doc)) {\n return\n }\n\n this._docs.push(doc);\n this._myIndex.add(doc);\n }\n\n remove(predicate = (/* doc, idx */) => false) {\n const results = [];\n\n for (let i = 0, len = this._docs.length; i < len; i += 1) {\n const doc = this._docs[i];\n if (predicate(doc, i)) {\n this.removeAt(i);\n i -= 1;\n len -= 1;\n\n results.push(doc);\n }\n }\n\n return results\n }\n\n removeAt(idx) {\n this._docs.splice(idx, 1);\n this._myIndex.removeAt(idx);\n }\n\n getIndex() {\n return this._myIndex\n }\n\n search(query, { limit = -1 } = {}) {\n const {\n includeMatches,\n includeScore,\n shouldSort,\n sortFn,\n ignoreFieldNorm\n } = this.options;\n\n let results = isString(query)\n ? isString(this._docs[0])\n ? this._searchStringList(query)\n : this._searchObjectList(query)\n : this._searchLogical(query);\n\n computeScore(results, { ignoreFieldNorm });\n\n if (shouldSort) {\n results.sort(sortFn);\n }\n\n if (isNumber(limit) && limit > -1) {\n results = results.slice(0, limit);\n }\n\n return format(results, this._docs, {\n includeMatches,\n includeScore\n })\n }\n\n _searchStringList(query) {\n const searcher = createSearcher(query, this.options);\n const { records } = this._myIndex;\n const results = [];\n\n // Iterate over every string in the index\n records.forEach(({ v: text, i: idx, n: norm }) => {\n if (!isDefined(text)) {\n return\n }\n\n const { isMatch, score, indices } = searcher.searchIn(text);\n\n if (isMatch) {\n results.push({\n item: text,\n idx,\n matches: [{ score, value: text, norm, indices }]\n });\n }\n });\n\n return results\n }\n\n _searchLogical(query) {\n\n const expression = parse(query, this.options);\n\n const evaluate = (node, item, idx) => {\n if (!node.children) {\n const { keyId, searcher } = node;\n\n const matches = this._findMatches({\n key: this._keyStore.get(keyId),\n value: this._myIndex.getValueForItemAtKeyId(item, keyId),\n searcher\n });\n\n if (matches && matches.length) {\n return [\n {\n idx,\n item,\n matches\n }\n ]\n }\n\n return []\n }\n\n const res = [];\n for (let i = 0, len = node.children.length; i < len; i += 1) {\n const child = node.children[i];\n const result = evaluate(child, item, idx);\n if (result.length) {\n res.push(...result);\n } else if (node.operator === LogicalOperator.AND) {\n return []\n }\n }\n return res\n };\n\n const records = this._myIndex.records;\n const resultMap = {};\n const results = [];\n\n records.forEach(({ $: item, i: idx }) => {\n if (isDefined(item)) {\n let expResults = evaluate(expression, item, idx);\n\n if (expResults.length) {\n // Dedupe when adding\n if (!resultMap[idx]) {\n resultMap[idx] = { idx, item, matches: [] };\n results.push(resultMap[idx]);\n }\n expResults.forEach(({ matches }) => {\n resultMap[idx].matches.push(...matches);\n });\n }\n }\n });\n\n return results\n }\n\n _searchObjectList(query) {\n const searcher = createSearcher(query, this.options);\n const { keys, records } = this._myIndex;\n const results = [];\n\n // List is Array\n records.forEach(({ $: item, i: idx }) => {\n if (!isDefined(item)) {\n return\n }\n\n let matches = [];\n\n // Iterate over every key (i.e, path), and fetch the value at that key\n keys.forEach((key, keyIndex) => {\n matches.push(\n ...this._findMatches({\n key,\n value: item[keyIndex],\n searcher\n })\n );\n });\n\n if (matches.length) {\n results.push({\n idx,\n item,\n matches\n });\n }\n });\n\n return results\n }\n _findMatches({ key, value, searcher }) {\n if (!isDefined(value)) {\n return []\n }\n\n let matches = [];\n\n if (isArray(value)) {\n value.forEach(({ v: text, i: idx, n: norm }) => {\n if (!isDefined(text)) {\n return\n }\n\n const { isMatch, score, indices } = searcher.searchIn(text);\n\n if (isMatch) {\n matches.push({\n score,\n key,\n value: text,\n idx,\n norm,\n indices\n });\n }\n });\n } else {\n const { v: text, n: norm } = value;\n\n const { isMatch, score, indices } = searcher.searchIn(text);\n\n if (isMatch) {\n matches.push({ score, key, value: text, norm, indices });\n }\n }\n\n return matches\n }\n}\n\nFuse.version = '6.6.2';\nFuse.createIndex = createIndex;\nFuse.parseIndex = parseIndex;\nFuse.config = Config;\n\n{\n Fuse.parseQuery = parse;\n}\n\n{\n register(ExtendedSearch);\n}\n\nexport { Fuse as default };\n",".docs-search {\n position: fixed;\n z-index: 2;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.2s linear, visibility 0s 0.2s linear;\n}\n\n.docs-search--active {\n transition: opacity 0.2s linear;\n opacity: 1;\n visibility: visible;\n}\n\n.docs-search__backdrop {\n appearance: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n cursor: pointer;\n top: 0;\n left: 0;\n border: 0;\n padding: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n background-color: var(--ld-col-neutral-900);\n opacity: 0.8;\n z-index: -1;\n}\n\n.docs-search__content {\n min-width: 18rem;\n max-width: 30rem;\n width: calc(100% - var(--ld-sp-40));\n height: 75vh;\n pointer-events: none;\n}\n\n.docs-search__input {\n width: 100%;\n pointer-events: all;\n\n &::before {\n box-shadow: none !important;\n }\n\n &[aria-expanded='true'] {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .docs-search__input-icon {\n margin-left: var(--ld-sp-16);\n }\n}\n\n.docs-search__input-icon {\n width: var(--ld-sp-16);\n height: var(--ld-sp-16);\n}\n\n.docs-search__results {\n background-color: var(--ld-col-wht);\n pointer-events: all;\n list-style: none;\n max-height: calc(100% - var(--ld-sp-40));\n overflow: hidden auto;\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n transform: translateY(-1px); /* fixes render issue on safari */\n}\n\n.docs-search__results--expanded {\n &::before {\n content: '';\n display: block;\n height: var(--ld-sp-1);\n background-color: var(--ld-col-neutral-100);\n margin: 0 auto;\n width: calc(100% - var(--ld-sp-32));\n }\n}\n\n.docs-search__result {\n font: var(--ld-typo-body-m);\n\n a {\n text-decoration: none;\n color: var(--ld-col-neutral-900);\n display: block;\n padding: var(--ld-sp-16);\n outline: none;\n\n &:focus:focus-visible {\n background-color: var(--ld-col-neutral-050);\n }\n @media (hover: hover) {\n &:where(:hover) {\n background-color: var(--ld-col-neutral-010);\n }\n }\n &:active,\n &:active:focus-visible {\n background-color: var(--ld-col-neutral-050);\n }\n }\n}\n\n.docs-search__result-crumbs {\n display: block;\n}\n\n.docs-search__result-crumb:not(:last-of-type) {\n margin-right: var(--ld-sp-4);\n\n &::after {\n content: '';\n background-image: url('dist/build/assets/chevron-components-dark.svg');\n background-repeat: no-repeat;\n width: 0.8rem;\n height: 1.375rem;\n margin-left: var(--ld-sp-12);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n}\n","import 'wicg-inert'\nimport { Component, h, Listen, State, Host } from '@stencil/core'\nimport Fuse from 'fuse.js'\nimport eventBus from '../../utils/eventBus'\nimport { SearchEventType } from '../../utils/eventTypes'\n\ninterface SearchResult {\n breadcrumbs: string[]\n headings: ''\n tags: string\n title: string\n url: string\n}\n\n/** @internal **/\n@Component({\n tag: 'docs-search',\n styleUrl: 'docs-search.css',\n shadow: false,\n assetsDirs: ['assets'],\n})\nexport class DocsSearch {\n private searchInput!: HTMLLdInputElement\n private searchResults!: HTMLOListElement\n private fuse: Fuse\n\n @State() results: Fuse.FuseResult[] = []\n @State() isActive: boolean\n\n @Listen('click', { capture: true })\n handleClick(ev) {\n if (ev.target.id === 'docs-search-backdrop') {\n ev.preventDefault()\n this.onSearchClose()\n }\n }\n\n @Listen('keydown', {\n passive: true,\n })\n handleEscapeDown(ev: KeyboardEvent) {\n if (!this.isActive) {\n return\n }\n if (ev.key === 'Escape') {\n ev.stopImmediatePropagation()\n this.onSearchClose()\n }\n }\n\n @Listen('keydown', {\n passive: false,\n })\n handleKeyDown(ev: KeyboardEvent) {\n if (!this.isActive) {\n return\n }\n switch (ev.key) {\n case 'ArrowDown': {\n ev.preventDefault()\n\n if (\n document.activeElement.closest('.docs-search__input') ===\n this.searchInput\n ) {\n ;(\n this.searchResults.querySelector(\n '.docs-search__result > a'\n ) as HTMLAnchorElement\n )?.focus()\n return\n }\n\n const nextSibling = document.activeElement.closest(\n '.docs-search__result'\n )?.nextElementSibling\n if (nextSibling?.classList.contains('docs-search__result')) {\n ;(nextSibling.querySelector('a') as HTMLAnchorElement).focus()\n }\n return\n }\n\n case 'ArrowUp': {\n ev.preventDefault()\n\n const focusedSearchResult = document.activeElement.closest(\n '.docs-search__result'\n )\n\n if (focusedSearchResult) {\n const prevSibling = focusedSearchResult.previousElementSibling\n if (prevSibling?.classList.contains('docs-search__result')) {\n ;(prevSibling.querySelector('a') as HTMLAnchorElement).focus()\n } else {\n this.searchInput.shadowRoot.querySelector('input').focus()\n this.searchResults.scrollTo(0, 0)\n }\n }\n return\n }\n\n case ' ': {\n const focusedSearchResult = document.activeElement.closest(\n '.docs-search__result'\n )\n\n if (focusedSearchResult) {\n ev.preventDefault()\n window.location.href = (\n focusedSearchResult.querySelector('a') as HTMLAnchorElement\n ).href\n }\n return\n }\n }\n }\n\n @Listen('submit')\n handleSubmit(ev: Event) {\n ev.preventDefault()\n }\n\n private handleChange() {\n const searchResult = this.fuse.search(this.searchInput.value)\n this.results = searchResult\n }\n\n componentWillLoad() {\n this.fuse = new Fuse(window['__docsSearchIndex__'], {\n keys: [\n {\n name: 'title',\n weight: 0.4,\n },\n {\n name: 'tags',\n weight: 0.35,\n },\n {\n name: 'headings',\n weight: 0.25,\n },\n ],\n distance: 10000,\n threshold: 0.3,\n })\n }\n\n componentDidLoad() {\n eventBus.on(SearchEventType.open, this.onSearchOpen.bind(this))\n }\n\n private onSearchOpen() {\n document.getElementById('docs-layout').setAttribute('inert', 'true')\n this.isActive = true\n this.searchInput.value = ''\n setTimeout(() => {\n this.searchInput.focusInner()\n }, 200)\n }\n\n private onSearchClose() {\n document.getElementById('docs-layout').removeAttribute('inert')\n this.isActive = false\n this.results = []\n eventBus.emit(SearchEventType.close)\n }\n\n render() {\n return (\n \n
\n
\n (this.searchInput = el as HTMLLdInputElement)}\n type=\"search\"\n spellcheck={false}\n >\n \n \n \n \n \n \n (this.searchResults = el as HTMLOListElement)}\n >\n {this.results.length\n ? this.results.map((result) => {\n if (!result.item.breadcrumbs.length) return ''\n return (\n
  • \n \n {result.item.title}\n \n {result.item.breadcrumbs.map((crumb) => (\n \n {crumb}\n \n ))}\n \n \n
  • \n )\n })\n : ''}\n \n
    \n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-8b757c69.entry.js b/1704894792450/dist/build/p-8b757c69.entry.js deleted file mode 100644 index 4a1426d16c..0000000000 --- a/1704894792450/dist/build/p-8b757c69.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,h as o,H as i}from"./p-21a69c18.js";const a='html{scroll-padding-top:5rem}body{--docs-header-height:3.125rem;--docs-max-width:90rem;--docs-nav-width:19rem;--docs-toc-top:7.75rem;--docs-toc-width:17rem;-webkit-text-size-adjust:none;overflow-x:hidden;overscroll-behavior:none}@media (max-width:75rem){body{--docs-toc-width:13rem}}.docs-toc__content{position:sticky;top:var(--docs-toc-top);width:var(--docs-toc-width)}@media (max-width:40rem){.docs-toc__content{display:none}}.docs-layout{display:grid;font-family:var(--ld-font-body);grid-template-columns:auto auto 1fr auto;margin:0 auto;max-width:var(--docs-max-width);min-height:calc(100vh - var(--docs-header-height))}.docs-layout.hydrated{visibility:visible!important}.docs-layout:before{bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.docs-layout :where(a:not([class*=ld-]):not([class*=docs-]):not(.ld-notice *)){color:inherit;-webkit-text-decoration:none;text-decoration:none}.docs-nav{width:var(--docs-nav-width)}@media (max-width:52rem){.docs-nav{box-shadow:var(--ld-shadow-hover);height:calc(100% - var(--docs-header-height));position:fixed;transform:translateX(-100%);transition:transform .2s ease,visibility 0s linear .2s;visibility:hidden}.docs-nav:target{transform:translateX(0);transition:transform .2s ease;visibility:visible}.docs-nav:target+.docs-nav-backdrop{display:block;opacity:.5;pointer-events:auto;transition:opacity .2s linear;visibility:visible}.docs-nav:target~.docs-btn-toggle-nav .docs-btn-toggle-nav__close{display:inline-flex}.docs-nav:target~.docs-btn-toggle-nav .docs-btn-toggle-nav__open{display:none}}';const s=class{constructor(o){t(this,o)}render(){return o(i,{class:"docs-layout"},o("slot",null))}};s.style=a;export{s as docs_layout}; -//# sourceMappingURL=p-8b757c69.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-8f77c4bf.entry.js b/1704894792450/dist/build/p-8f77c4bf.entry.js deleted file mode 100644 index 26ebd5dbcf..0000000000 --- a/1704894792450/dist/build/p-8f77c4bf.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as d,c as a,h as i,H as e,g as o}from"./p-21a69c18.js";import{c as r}from"./p-71026bf3.js";import{g as l}from"./p-1133c92e.js";import{r as t}from"./p-8dc70a87.js";import{i as s}from"./p-b05f0e4e.js";const n='.ld-radio,:host{--ld-radio-size:1.25rem;--ld-radio-dot-size:0.625rem;--ld-radio-bg-col:var(--ld-col-wht);--ld-radio-bg-col-hover:var(--ld-col-neutral-010);--ld-radio-bg-col-active:var(--ld-col-neutral-050);--ld-radio-disabled-col:var(--ld-col-neutral-300);--ld-radio-disabled-bg-col:var(--ld-col-neutral-100);--ld-radio-dark-bg-col:var(--ld-col-neutral-050);--ld-radio-dark-bg-col-hover:var(--ld-col-neutral-100);--ld-radio-dark-bg-col-active:var(--ld-col-neutral-300);--ld-radio-checked-col:var(--ld-col-wht);--ld-radio-checked-col-active:var(--ld-col-wht);--ld-radio-invalid-checked-col:var(--ld-col-wht);--ld-radio-invalid-checked-col-active:var(--ld-col-wht);--ld-radio-col:var(--ld-thm-primary);--ld-radio-col-hover:var(--ld-thm-primary-hover);--ld-radio-col-active:var(--ld-thm-primary-active);--ld-radio-col-focus:var(--ld-thm-primary-focus);--ld-radio-invalid-col:var(--ld-thm-error);--ld-radio-invalid-col-hover:var(--ld-thm-error-hover);--ld-radio-invalid-col-focus:var(--ld-thm-error-focus);--ld-radio-invalid-col-active:var(--ld-thm-error-active);--ld-radio-warn-col:var(--ld-thm-warning);--ld-radio-warn-col-hover:var(--ld-thm-warning-hover);--ld-radio-warn-col-focus:var(--ld-thm-warning-focus);--ld-radio-warn-col-active:var(--ld-thm-warning-active);--ld-radio-warn-checked-col:var(--ld-thm-warning-active);--ld-radio-warn-checked-col-active:var(--ld-thm-warning-hover);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:1.25rem;height:var(--ld-radio-size);min-width:auto!important;position:relative;width:1.25rem;width:var(--ld-radio-size)}.ld-radio input,:host input{-webkit-appearance:none;appearance:none;background-color:initial;bottom:0;height:100%;left:0;margin:0;position:absolute;right:0;top:0;width:100%;z-index:1}.ld-radio input:checked~.ld-radio__dot,:host input:checked~.ld-radio__dot{visibility:inherit}.ld-radio input:where(:disabled)~.ld-radio__dot,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__dot,:host input:where(:disabled)~.ld-radio__dot,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__dot{background-color:var(--ld-radio-disabled-col)}.ld-radio input:where(:disabled)~.ld-radio__box,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__box,:host input:where(:disabled)~.ld-radio__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-disabled-bg-col)}.ld-radio input:where(:disabled):checked~.ld-radio__box,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-radio__box,:host input:where(:disabled):checked~.ld-radio__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-radio__box{background-color:var(--ld-radio-disabled-bg-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__dot{background-color:var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-radio__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-radio__box,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-radio__box{background-color:var(--ld-radio-bg-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__dot{background-color:var(--ld-radio-checked-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__box{background-color:var(--ld-radio-col);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__dot{background-color:var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__box{background-color:var(--ld-radio-col-focus);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__dot,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__dot{background-color:var(--ld-radio-checked-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__box,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__box{background-color:var(--ld-radio-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box{background-color:var(--ld-radio-bg-col)}@media (hover:hover){.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-radio__box{background-color:var(--ld-radio-bg-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__dot,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__dot{color:var(--ld-radio-checked-col)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__box{background-color:var(--ld-radio-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover)}}.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col)}@media (hover:hover){.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col-hover)}}.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-radio__box,.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col-active)}.ld-radio__dot{height:var(--ld-radio-dot-size);left:50%;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:var(--ld-radio-dot-size);z-index:1}.ld-radio__box,.ld-radio__dot{pointer-events:none;position:absolute}.ld-radio__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-col-rblck4);height:100%;width:100%}.ld-radio,.ld-radio__box,.ld-radio__dot,:host{border-radius:var(--ld-br-full)}.ld-radio--highlight,:host(.ld-radio--highlight){--ld-radio-col:var(--ld-radio-warn-col);--ld-radio-col-hover:var(--ld-radio-warn-col-hover);--ld-radio-col-active:var(--ld-radio-warn-col-focus);--ld-radio-col-focus:var(--ld-radio-warn-col-active);--ld-radio-checked-col:var(--ld-radio-warn-checked-col);--ld-radio-checked-col-active:var(--ld-radio-warn-checked-col-active)}.ld-radio--danger,.ld-radio--invalid,:host(.ld-radio--danger),:host(.ld-radio--invalid){--ld-radio-col:var(--ld-radio-invalid-col);--ld-radio-col-hover:var(--ld-radio-invalid-col-hover);--ld-radio-col-active:var(--ld-radio-invalid-col-focus);--ld-radio-col-focus:var(--ld-radio-invalid-col-active);--ld-radio-checked-col:var(--ld-radio-invalid-checked-col);--ld-radio-checked-col-active:var(--ld-radio-invalid-checked-col-active)}';const h=class{constructor(i){d(this,i);this.ldchange=a(this,"ldchange",7);this.ldinput=a(this,"ldinput",7);this.handleKeyDown=d=>{switch(d.key){case"ArrowUp":case"ArrowLeft":{d.preventDefault();this.focusAndSelect("prev");return}case"ArrowDown":case"ArrowRight":{d.preventDefault();this.focusAndSelect("next");return}}};this.handleChange=d=>{this.el.dispatchEvent(new InputEvent("change",d));this.ldchange.emit(this.checked)};this.handleClick=d=>{if(this.disabled||s(this.el.ariaDisabled)){d===null||d===void 0?void 0:d.preventDefault();return}if(this.checked)return;if(this.name){Array.from(document.querySelectorAll("ld-radio")).filter((d=>d.getAttribute("name")===this.name)).forEach((d=>{d.checked=false;d.groupChecked=true}))}this.checked=true;if(!d.isTrusted){this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true}));this.handleInput();this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.ldchange.emit(this.checked)}};this.handleInput=()=>{this.ldinput.emit(this.checked)};this.ariaDisabled=undefined;this.autofocus=undefined;this.checked=false;this.disabled=undefined;this.form=undefined;this.groupChecked=false;this.invalid=undefined;this.ldTabindex=undefined;this.mode=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.tone=undefined;this.value=undefined;this.clonedAttributes=undefined}async focusInner(){if(this.input!==undefined){this.input.focus()}}updateHiddenInput(){const d=this.el.closest("form");if(!this.hiddenInput&&this.name&&(d||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(!this.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}this.hiddenInput.name=this.name;this.hiddenInput.checked=this.checked;if(this.value){this.hiddenInput.value=this.value}else{this.hiddenInput.removeAttribute("value")}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(d){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="radio";this.hiddenInput.style.visibility="hidden";this.hiddenInput.style.position="absolute";this.hiddenInput.style.pointerEvents="none";this.el.appendChild(this.hiddenInput)}focusAndSelect(d){const a=Array.from(document.querySelectorAll("ld-radio")).filter((d=>d.getAttribute("name")===this.name));a.forEach(((i,e)=>{if(i===this.el){const i=a[e+(d==="next"?1:-1)];if(i){i.focusInner();i.click()}}}))}componentWillLoad(){this.attributesObserver=r.call(this,["tone","mode"]);const d=this.el.closest("form");if(this.name&&(d||this.form)){this.createHiddenInput();this.hiddenInput.checked=this.checked;this.hiddenInput.name=this.name;if(this.form){this.hiddenInput.setAttribute("form",this.form)}if(this.value){this.hiddenInput.value=this.value}}if(this.checked){Array.from(document.querySelectorAll("ld-radio")).filter((d=>d.getAttribute("name")===this.name)).forEach((d=>{d.groupChecked=true}))}t(this.autofocus)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const d=["ld-radio",this.mode&&`ld-radio--${this.mode}`,this.tone&&`ld-radio--${this.tone}`,this.invalid&&"ld-radio--invalid"];return i(e,{part:"root",class:l(d),onClick:this.handleClick},i("input",Object.assign({type:"radio"},this.clonedAttributes,{part:"input focusable",onChange:this.handleChange,onInput:this.handleInput,onKeyDown:this.handleKeyDown,ref:d=>this.input=d,disabled:this.disabled,checked:this.checked,tabIndex:this.disabled||this.checked||!this.groupChecked?this.ldTabindex:-1,value:this.value})),i("div",{part:"dot",class:"ld-radio__dot"}),i("div",{class:"ld-radio__box",part:"box"}))}get el(){return o(this)}static get watchers(){return{checked:["updateHiddenInput"],form:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"]}}};h.style=n;export{h as ld_radio}; -//# sourceMappingURL=p-8f77c4bf.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-93a96eb6.entry.js b/1704894792450/dist/build/p-93a96eb6.entry.js deleted file mode 100644 index e6492e9176..0000000000 --- a/1704894792450/dist/build/p-93a96eb6.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as s,h as e,H as t,g as i}from"./p-21a69c18.js";import{g as o}from"./p-1133c92e.js";import{a as l}from"./p-db30d2eb.js";const n=":host,:where(.ld-icon){--ld-icon-secondary-col:var(--ld-col-wht);--ld-icon-size-sm:1rem;--ld-icon-size-md:1.25rem;--ld-icon-size-lg:1.5rem;align-items:center;display:inline-flex;height:1.25rem;height:var(--ld-icon-size-md);justify-content:center;width:1.25rem;width:var(--ld-icon-size-md)}:host ::slotted(svg),:host :where(svg),:where(.ld-icon) ::slotted(svg),:where(.ld-icon) :where(svg){flex-shrink:0;height:var(--ld-icon-size-md);width:var(--ld-icon-size-md)}:host(.ld-icon--sm),:host(.ld-icon--sm) ::slotted(svg),:host(.ld-icon--sm) :where(svg),:where(.ld-icon--sm),:where(.ld-icon--sm) ::slotted(svg),:where(.ld-icon--sm) :where(svg){height:var(--ld-icon-size-sm);width:var(--ld-icon-size-sm)}:host(.ld-icon--lg),:host(.ld-icon--lg) ::slotted(svg),:host(.ld-icon--lg) :where(svg),:where(.ld-icon--lg),:where(.ld-icon--lg) ::slotted(svg),:where(.ld-icon--lg) :where(svg){height:var(--ld-icon-size-lg);width:var(--ld-icon-size-lg)}";const r=class{constructor(e){s(this,e);this.name=null;this.size=undefined}async loadIconPathData(){if(!this.name){return}const s=document.createElement("div");const e=await l(this.name);if(!e)return;s.innerHTML=e.replace("{if(s.tagName!=="STYLE"){this.el.shadowRoot.removeChild(s)}}));this.el.shadowRoot.appendChild(s.firstChild)}componentWillLoad(){this.loadIconPathData()}render(){return e(t,{class:o(["ld-icon",this.size&&`ld-icon--${this.size}`]),role:"presentation"},!this.name&&e("slot",null))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{name:["loadIconPathData"]}}};r.style=n;export{r as ld_icon}; -//# sourceMappingURL=p-93a96eb6.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-96f2a9f8.entry.js b/1704894792450/dist/build/p-96f2a9f8.entry.js deleted file mode 100644 index d9d4a1b44d..0000000000 --- a/1704894792450/dist/build/p-96f2a9f8.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,h as i,H as o}from"./p-21a69c18.js";import{s as n}from"./p-c2112f1e.js";import"./p-112455b1.js";const a=":host{--ld-notification-min-height:var(--ld-sp-40);--ld-notification-border-radius:var(--ld-br-m);--ld-notification-inset-y:var(--ld-sp-32);--ld-notification-col:var(--ld-col-wht);--ld-notification-warn-col:var(--ld-col-neutral-900);--ld-notification-alert-col:var(--ld-col-wht);--ld-notification-bg-col:var(--ld-thm-primary);--ld-notification-warn-bg-col:var(--ld-thm-warning);--ld-notification-alert-bg-col:var(--ld-thm-error);bottom:0;display:flex;font:var(--ld-typo-body-m);justify-content:center;left:0;min-width:20rem;pointer-events:none;position:fixed;right:0;top:0;z-index:2147483647}@keyframes ld-notification-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ld-notification-fade-out{0%{opacity:1;transform:none}to{opacity:0;transform:none}}.ld-notification__item{border-radius:var(--ld-notification-border-radius);box-shadow:var(--ld-shadow-sticky);display:flex;justify-content:space-between;max-height:80vh;max-width:calc(90% - 1rem);min-height:var(--ld-notification-min-height);min-width:19rem;overflow-y:auto;pointer-events:auto;position:absolute;transform-origin:center;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear;width:-moz-fit-content;width:fit-content}.ld-notification__item:where(:not(.ld-notification__item--dismissed)){animation:ld-notification-fade-in var(--ld-transition-duration-normal) linear}.ld-notification__item:nth-last-of-type(n+2) .ld-notification__btn-dismiss,.ld-notification__item:nth-last-of-type(n+2) .ld-notification__item-content,.ld-notification__item:nth-last-of-type(n+5){opacity:0}.ld-notification__item:nth-last-of-type(2){opacity:.75}.ld-notification__item:nth-last-of-type(3){opacity:.5}.ld-notification__item:nth-last-of-type(4){opacity:.25}.ld-notification__item.ld-notification__item--dismissed{animation:ld-notification-fade-out var(--ld-transition-duration-normal) linear forwards;opacity:0}:host(.ld-notification--bottom) .ld-notification__item{bottom:var(--ld-notification-inset-y)}:host(.ld-notification--bottom) .ld-notification__item:nth-last-of-type(2){transform:scale(.975) translateY(25%)}:host(.ld-notification--bottom) .ld-notification__item:nth-last-of-type(3){transform:scale(.95) translateY(50%)}:host(.ld-notification--bottom) .ld-notification__item:nth-last-of-type(4){transform:scale(.925) translateY(75%)}:host(.ld-notification--top) .ld-notification__item{top:var(--ld-notification-inset-y)}:host(.ld-notification--top) .ld-notification__item:nth-last-of-type(2){transform:scale(.975) translateY(-25%)}:host(.ld-notification--top) .ld-notification__item:nth-last-of-type(3){transform:scale(.95) translateY(-50%)}:host(.ld-notification--top) .ld-notification__item:nth-last-of-type(4){transform:scale(.925) translateY(-75%)}.ld-notification__item--info{background-color:var(--ld-notification-bg-col);color:var(--ld-notification-col)}.ld-notification__item--warn{background-color:var(--ld-notification-warn-bg-col);color:var(--ld-notification-warn-col)}.ld-notification__item--alert{background-color:var(--ld-notification-alert-bg-col);color:var(--ld-notification-alert-col)}.ld-notification__btn-dismiss,.ld-notification__item-content{transition:opacity var(--ld-transition-duration-normal) linear}.ld-notification__item-content{grid-gap:var(--ld-sp-12);align-items:baseline;display:grid;gap:var(--ld-sp-12);grid-auto-flow:column;padding:var(--ld-sp-6) var(--ld-sp-12)}.ld-notification__item-content>*{align-self:center}.ld-notification__btn-dismiss{-webkit-touch-callout:none;align-items:center;align-self:center;background-color:initial;border:0;border-radius:var(--ld-br-full);color:inherit;cursor:pointer;display:inline-grid;flex-shrink:0;height:var(--ld-sp-40);justify-items:center;margin-left:var(--ld-sp-16);padding:0;place-items:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:var(--ld-sp-40)}";const e=6e3;const s=200;const r=class{constructor(i){t(this,i);this.placement="top";this.sanitizeConfig=undefined;this.queue=[];this.queueDismissed=[];this.dismissTimeout=undefined;this.fadeoutTimeouts=[];this.currentNotification=undefined}updateDismissTimeout(){clearTimeout(this.dismissTimeout);if(!this.currentNotification)return;if(this.currentNotification.type==="alert"&&!this.currentNotification.timeout){return}if(this.currentNotification.timeout===0)return;this.dismissTimeout=setTimeout((()=>{this.handleNotificationDismiss()}),this.currentNotification.timeout||e)}handleNotification(t){t.stopImmediatePropagation();const i=t.detail;const o=this.queue.some((t=>t.content===i.content&&t.type===i.type));if(o)return;if(i.type==="alert"){this.queue=[...this.queue,i];this.currentNotification=i;return}const n=this.queue.findIndex((t=>t.type==="alert"));if(n===-1){this.queue=[...this.queue,i];this.currentNotification=i;return}this.queue.splice(n,0,i);this.queue=[...this.queue]}handleNotificationDismiss(){if(!this.currentNotification)return;this.queueDismissed.unshift(this.queue.pop());this.queueDismissed=[...this.queueDismissed];this.queue=[...this.queue];this.currentNotification=this.queue[this.queue.length-1];this.fadeoutTimeouts.push(setTimeout((()=>{this.queueDismissed=this.queueDismissed.slice(0,-1)}),s))}handleNotificationClear(){this.queueDismissed=[...this.queue];this.queue=[];this.currentNotification=undefined;this.fadeoutTimeouts.forEach(clearTimeout);this.fadeoutTimeouts.push(setTimeout((()=>{this.queueDismissed=[]}),s))}renderNotification(t,o=false){let a=`ld-notification__item ld-notification__item--${t.type||"info"}`;if(o)a+=" ld-notification__item--dismissed";return i("div",{class:a,key:t.type+t.content,part:"item"},i("div",{class:"ld-notification__item-content",innerHTML:n(t.content,this.sanitizeConfig),role:t.type==="alert"?"alert":"status",part:"content"}),i("button",{class:"ld-notification__btn-dismiss",onClick:o?undefined:this.handleNotificationDismiss.bind(this),part:"btn-dismiss focusable"},i("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",part:"btn-dismiss-icon"},i("title",null,"Dismiss"),i("path",{d:"M6 6L18 18",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"}),i("path",{d:"M6 18L18 6",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"}))))}disconnectedCallback(){clearTimeout(this.dismissTimeout);this.fadeoutTimeouts.forEach(clearTimeout)}render(){const t=`ld-notification ld-notification--${this.placement}`;return i(o,{class:t,role:"region","aria-label":"Notifications"},this.queue.map((t=>this.renderNotification.call(this,t))),this.queueDismissed.map((t=>this.renderNotification.call(this,t,true))))}static get watchers(){return{currentNotification:["updateDismissTimeout"]}}};r.style=a;export{r as ld_notification}; -//# sourceMappingURL=p-96f2a9f8.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-9786b72d.entry.js b/1704894792450/dist/build/p-9786b72d.entry.js deleted file mode 100644 index f1fbace537..0000000000 --- a/1704894792450/dist/build/p-9786b72d.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,h as r,H as t,g as a}from"./p-21a69c18.js";import{g as i}from"./p-1133c92e.js";const d='.ld-card,:host{--ld-card-bg-col:var(--ld-col-wht);--ld-card-border-radius:var(--ld-br-l);--ld-card-padding:var(--ld-sp-32);-webkit-appearance:none;appearance:none;background-color:var(--ld-col-wht);background-color:var(--ld-card-bg-col);border:none;border-radius:var(--ld-br-l);border-radius:var(--ld-card-border-radius);box-sizing:border-box;color:inherit;display:inline-grid;justify-items:flex-start;list-style:none;padding:var(--ld-card-padding);position:relative;-webkit-text-decoration:none;text-decoration:none}.ld-card:after,.ld-card:before,:host:after,:host:before{border-radius:inherit;bottom:0;box-shadow:var(--ld-shadow-stacked);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--ld-transition-duration-normal) ease-out}.ld-card:after,:host:after{opacity:0}slot{border-radius:inherit}.ld-card--interactive-sticky:after,.ld-card--sticky:before,:host(.ld-card--interactive-sticky):after,:host(.ld-card--sticky):before{box-shadow:var(--ld-shadow-sticky)}.ld-card--hover:before,.ld-card--interactive-hover:after,:host(.ld-card--hover):before,:host(.ld-card--interactive-hover):after{box-shadow:var(--ld-shadow-hover)}.ld-card--active:before,.ld-card--interactive-active:after,:host(.ld-card--active):before,:host(.ld-card--interactive-active):after{box-shadow:var(--ld-shadow-active)}.ld-card--interactive-active:focus-within:before,.ld-card--interactive-active:hover:before,.ld-card--interactive-hover:focus-within:before,.ld-card--interactive-hover:hover:before,.ld-card--interactive-stacked:focus-within:before,.ld-card--interactive-stacked:hover:before,.ld-card--interactive-sticky:focus-within:before,.ld-card--interactive-sticky:hover:before,:host(.ld-card--interactive-active:focus-within):before,:host(.ld-card--interactive-active:hover):before,:host(.ld-card--interactive-hover:focus-within):before,:host(.ld-card--interactive-hover:hover):before,:host(.ld-card--interactive-stacked:focus-within):before,:host(.ld-card--interactive-stacked:hover):before,:host(.ld-card--interactive-sticky:focus-within):before,:host(.ld-card--interactive-sticky:hover):before{opacity:0}.ld-card--interactive-active:focus-within:after,.ld-card--interactive-active:hover:after,.ld-card--interactive-hover:focus-within:after,.ld-card--interactive-hover:hover:after,.ld-card--interactive-stacked:focus-within:after,.ld-card--interactive-stacked:hover:after,.ld-card--interactive-sticky:focus-within:after,.ld-card--interactive-sticky:hover:after,:host(.ld-card--interactive-active:focus-within):after,:host(.ld-card--interactive-active:hover):after,:host(.ld-card--interactive-hover:focus-within):after,:host(.ld-card--interactive-hover:hover):after,:host(.ld-card--interactive-stacked:focus-within):after,:host(.ld-card--interactive-stacked:hover):after,:host(.ld-card--interactive-sticky:focus-within):after,:host(.ld-card--interactive-sticky:hover):after{opacity:1}.ld-card--sm,:host(.ld-card--sm){--ld-card-padding:var(--ld-sp-16)}.ld-card--zero,:host(.ld-card--zero){--ld-card-padding:0px}';const c=class{constructor(r){e(this,r);this.shadow="stacked";this.shadowInteractive=undefined;this.size=undefined}componentWillLoad(){var e;if(((e=this.el.parentElement)===null||e===void 0?void 0:e.tagName)==="LD-CARD-STACK"){this.el.setAttribute("role","listitem")}}render(){const e=i(["ld-card",this.size&&`ld-card--${this.size}`,this.shadow&&`ld-card--${this.shadow}`,this.shadowInteractive&&`ld-card--interactive-${this.shadowInteractive}`]);return r(t,{class:e},r("slot",null))}get el(){return a(this)}};c.style=d;export{c as ld_card}; -//# sourceMappingURL=p-9786b72d.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-a1156dfa.entry.js b/1704894792450/dist/build/p-a1156dfa.entry.js deleted file mode 100644 index 65d97706e3..0000000000 --- a/1704894792450/dist/build/p-a1156dfa.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as a,h as c}from"./p-21a69c18.js";const o=".docs-figma-access-notice{grid-gap:var(--ld-sp-16);display:grid;gap:var(--ld-sp-16);grid-auto-flow:column;max-width:calc(100vw - 4rem)}.docs-figma-access-notice__icon{color:var(--ld-thm-primary)}";const i=class{constructor(c){a(this,c)}render(){return c("div",{class:"docs-figma-access-notice"},c("ld-icon",{class:"docs-figma-access-notice__icon",name:"info",size:"lg"}),c("ld-typo",{variant:"body-s"},"The Liquid Oxygen Figma library is only available to you, if you have a Figma account associated with a ",c("b",null,"@merckgroup.com"),","," ",c("b",null,"@emdgroup.com")," or ",c("b",null,"@milliporesigma.com")," or the respective @external. email address."))}};i.style=o;export{i as docs_figma_access_notice}; -//# sourceMappingURL=p-a1156dfa.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-a3123fb7.entry.js b/1704894792450/dist/build/p-a3123fb7.entry.js deleted file mode 100644 index ae83ab0b67..0000000000 --- a/1704894792450/dist/build/p-a3123fb7.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as d,h as l,H as t,g as e}from"./p-21a69c18.js";import{g as i}from"./p-1133c92e.js";const o=".ld-badge,:host{--ld-badge-size-md:1.0625rem;--ld-badge-size-lg:1rem;--ld-badge-icon-size-md:0.5625rem;--ld-badge-icon-size-lg:0.75rem;--ld-badge-bg-col:var(--ld-thm-primary);--ld-badge-gap-md:var(--ld-sp-6);--ld-badge-gap-lg:var(--ld-sp-8);--ld-badge-padding-block-md:0.2125rem;--ld-badge-padding-block-lg:0.25rem;--ld-badge-padding-inline-md:0.5rem;--ld-badge-padding-inline-lg:0.625rem;align-items:center;background-color:var(--ld-thm-primary);background-color:var(--ld-badge-bg-col);border-radius:var(--ld-br-full);box-sizing:border-box;color:var(--ld-col-wht);display:inline-flex;font:var(--ld-typo-body-xs);font-weight:700;gap:var(--ld-sp-6);gap:var(--ld-badge-gap-md);justify-content:center;line-height:1.1;padding:.2125rem .5rem;padding:var(--ld-badge-padding-block-md) var(--ld-badge-padding-inline-md);position:relative}.ld-badge ::slotted(.ld-icon),.ld-badge ::slotted(ld-icon),.ld-badge>.ld-icon,.ld-badge>ld-icon,:host ::slotted(.ld-icon),:host ::slotted(ld-icon),:host>.ld-icon,:host>ld-icon{--ld-icon-size-md:var(--ld-badge-icon-size-md);flex-shrink:0;margin:0 calc(-1 * var(--ld-sp-8))}.ld-badge.ld-badge--with-text ::slotted(.ld-icon),.ld-badge.ld-badge--with-text ::slotted(ld-icon),.ld-badge.ld-badge--with-text>.ld-icon,.ld-badge.ld-badge--with-text>ld-icon,:host(.ld-badge.ld-badge--with-text) ::slotted(.ld-icon),:host(.ld-badge.ld-badge--with-text) ::slotted(ld-icon),:host(.ld-badge.ld-badge--with-text)>.ld-icon,:host(.ld-badge.ld-badge--with-text)>ld-icon,:host(:host.ld-badge--with-text) ::slotted(.ld-icon),:host(:host.ld-badge--with-text) ::slotted(ld-icon),:host(:host.ld-badge--with-text)>.ld-icon,:host(:host.ld-badge--with-text)>ld-icon,:host.ld-badge--with-text ::slotted(.ld-icon),:host.ld-badge--with-text ::slotted(ld-icon),:host.ld-badge--with-text>.ld-icon,:host.ld-badge--with-text>ld-icon{margin:0 auto}.ld-badge--lg,:host(.ld-badge--lg){font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-badge-gap-lg);line-height:1.1;padding:var(--ld-badge-padding-block-lg) var(--ld-badge-padding-inline-lg)}.ld-badge--lg ::slotted(.ld-icon),.ld-badge--lg ::slotted(ld-icon),.ld-badge--lg>.ld-icon,.ld-badge--lg>ld-icon,:host(.ld-badge--lg) ::slotted(.ld-icon),:host(.ld-badge--lg) ::slotted(ld-icon),:host(.ld-badge--lg)>.ld-icon,:host(.ld-badge--lg)>ld-icon{--ld-icon-size-md:var(--ld-badge-icon-size-lg);transform:none}.ld-badge--brand-color,:host(.ld-badge--brand-color){background-color:var(--ld-col-wht);color:var(--ld-thm-primary)}";const a=class{constructor(l){d(this,l);this.updateState=()=>{this.hasCustomIcon=!!this.el.querySelector('[slot="icon"]');this.hasText=!!this.el.textContent.trim()};this.brandColor=undefined;this.icon=undefined;this.size=undefined;this.hasCustomIcon=false;this.hasText=false}componentWillLoad(){this.observer=new MutationObserver(this.updateState);this.observer.observe(this.el,{subtree:true,childList:true,attributes:false});this.updateState()}disconnectedCallback(){if(this.observer)this.observer.disconnect()}render(){const d=i(["ld-badge",this.size&&`ld-badge--${this.size}`,this.hasText&&"ld-badge--with-text",this.brandColor&&`ld-badge--brand-color`]);return l(t,{class:d},(this.icon||this.hasCustomIcon)&&l("ld-icon",{class:"ld-badge__icon",part:"icon",name:this.icon},l("slot",{name:"icon"})),l("slot",null))}static get assetsDirs(){return["assets"]}get el(){return e(this)}};a.style=o;export{a as ld_badge}; -//# sourceMappingURL=p-a3123fb7.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-a7ff3bff.entry.js b/1704894792450/dist/build/p-a7ff3bff.entry.js deleted file mode 100644 index fc3faf2e59..0000000000 --- a/1704894792450/dist/build/p-a7ff3bff.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,h as o,g as r}from"./p-21a69c18.js";import{g as n}from"./p-1133c92e.js";import{c as l}from"./p-71026bf3.js";import{r as e}from"./p-8dc70a87.js";import{i as d}from"./p-b05f0e4e.js";const a=':host{-webkit-appearance:none!important;appearance:none!important;display:inline-flex}:host>:where(.ld-button){width:100%}:where(.ld-button){margin:0}.ld-button{--ld-button-border-top-left-radius:var(--ld-br-m);--ld-button-border-top-right-radius:var(--ld-br-m);--ld-button-border-bottom-right-radius:var(--ld-br-m);--ld-button-border-bottom-left-radius:var(--ld-br-m);--ld-button-icon-size-sm:1rem;--ld-button-icon-size-md:1.25rem;--ld-button-icon-size-lg:1.5rem;--ld-button-icon-margin-x-sm:-0.125rem;--ld-button-icon-margin-x-md:-0.25rem;--ld-button-icon-margin-x-lg:-0.5rem;--ld-button-padding-x-sm:0.625rem;--ld-button-padding-y-sm:0.5rem;--ld-button-padding-x-md:0.875rem;--ld-button-padding-y-md:0.625rem;--ld-button-padding-x-lg:1.3125rem;--ld-button-padding-y-lg:0.75rem;--ld-button-gap-sm:0.625rem;--ld-button-gap-md:0.875rem;--ld-button-gap-lg:1.1875rem;--ld-button-bg-color:var(--ld-thm-primary);--ld-button-text-color:var(--ld-col-wht);--ld-button-progress-color:var(--ld-thm-secondary);--ld-button-bg-color-focus:var(--ld-thm-primary-focus);--ld-button-text-color-focus:var(--ld-thm-primary-active);--ld-button-bg-color-hover:var(--ld-thm-primary-hover);--ld-button-text-color-hover:var(--ld-col-wht);--ld-button-bg-color-active:var(--ld-thm-primary-active);--ld-button-text-color-active:var(--ld-col-wht);--ld-button-brand-bg-color:var(--ld-col-wht);--ld-button-brand-text-color:var(--ld-thm-primary);--ld-button-brand-text-color-focus:var(--ld-thm-primary-focus);--ld-button-brand-bg-color-hover:var(--ld-col-wht-alpha-high);--ld-button-brand-bg-color-active:var(--ld-col-wht-alpha-medium);--ld-button-secondary-brand-text-color:var(--ld-col-wht);--ld-button-secondary-brand-progress-color:var(--ld-col-wht);--ld-button-secondary-brand-text-color-focus:var(--ld-col-wht-alpha-high);--ld-button-secondary-brand-progress-color-focus:var(\n --ld-col-wht-alpha-high\n );--ld-button-secondary-brand-bg-color-hover:var(--ld-col-wht-alpha-low);--ld-button-secondary-brand-bg-color-active:var(--ld-col-wht-alpha-lowest);--ld-button-secondary-brand-text-color-active:var(\n --ld-col-wht-alpha-highest\n );--ld-button-secondary-brand-progress-color-active:var(\n --ld-col-wht-alpha-highest\n );--ld-button-ghost-bg-color-active:var(--ld-thm-primary-alpha-low);--ld-button-ghost-bg-color-hover:var(--ld-thm-primary-alpha-lowest);--ld-button-ghost-progress-color:var(--ld-thm-primary);--ld-button-ghost-progress-color-active:var(--ld-thm-primary-active);--ld-button-ghost-progress-color-focus:var(--ld-thm-primary-focus);--ld-button-ghost-progress-color-hover:var(--ld-thm-primary-hover);--ld-button-ghost-progress-track-color:var(--ld-thm-primary-alpha-low);--ld-button-ghost-text-color:var(--ld-thm-primary);--ld-button-ghost-text-color-active:var(--ld-thm-primary-active);--ld-button-ghost-text-color-focus:var(--ld-thm-primary-focus);--ld-button-ghost-text-color-hover:var(--ld-thm-primary-hover);--ld-button-highlight-bg-color:var(--ld-thm-warning);--ld-button-highlight-text-color:var(--ld-thm-warning-active);--ld-button-highlight-progress-color:var(--ld-thm-warning-active);--ld-button-highlight-bg-color-focus:var(--ld-thm-warning-focus);--ld-button-highlight-bg-color-hover:var(--ld-thm-warning-hover);--ld-button-highlight-bg-color-active:var(--ld-thm-warning-active);--ld-button-highlight-text-color-active:var(--ld-thm-warning-hover);--ld-button-highlight-progress-active:var(--ld-thm-warning-hover);--ld-button-danger-bg-color:var(--ld-thm-error);--ld-button-danger-text-color:var(--ld-col-wht);--ld-button-danger-progress-color:var(--ld-thm-error-hover);--ld-button-danger-bg-color-focus:var(--ld-thm-error-focus);--ld-button-danger-progress-color-focus:var(--ld-thm-error-active);--ld-button-danger-bg-color-hover:var(--ld-thm-error-hover);--ld-button-danger-text-color-focus:var(\n --ld-button-danger-color-focus,var(--ld-thm-error-active)\n );--ld-button-danger-text-color-hover:var(--ld-col-wht);--ld-button-danger-progress-color-hover:var(--ld-thm-error);--ld-button-danger-bg-color-active:var(--ld-thm-error-active);--ld-button-danger-text-color-active:var(--ld-col-wht);--ld-button-danger-progress-color-active:var(--ld-thm-error);--ld-button-danger-ghost-brand-bg-color:var(\n --ld-button-danger-secondary-bg-color,var(--ld-col-wht)\n );--ld-button-danger-ghost-bg-color-active:var(\n --ld-button-danger-secondary-bg-color-active,var(--ld-thm-error-alpha-low)\n );--ld-button-danger-ghost-bg-color-hover:var(\n --ld-button-danger-secondary-bg-color-hover,var(--ld-thm-error-alpha-lowest)\n );--ld-button-danger-ghost-text-color:var(\n --ld-button-danger-secondary-text-color,var(--ld-thm-error)\n );--ld-button-danger-ghost-text-color-active:var(\n --ld-button-danger-secondary-text-color-active,var(--ld-thm-error-active)\n );--ld-button-danger-ghost-text-color-focus:var(\n --ld-button-danger-secondary-color-focus,var(--ld-thm-error-focus)\n );--ld-button-danger-ghost-text-color-hover:var(\n --ld-button-danger-secondary-text-color-hover,var(--ld-thm-error-hover)\n );--ld-button-danger-ghost-progress-color:var(\n --ld-button-danger-secondary-progress-color,var(--ld-thm-error)\n );--ld-button-danger-ghost-progress-color-active:var(\n --ld-button-danger-secondary-progress-color-active,var(--ld-thm-error-active)\n );--ld-button-danger-ghost-progress-color-focus:var(\n --ld-button-danger-secondary-progress-color-focus,var(--ld-thm-error-focus)\n );--ld-button-danger-ghost-progress-color-hover:var(\n --ld-button-danger-secondary-progress-color-hover,var(--ld-thm-error-hover)\n );--ld-button-neutral-bg-color:var(--ld-col-neutral);--ld-button-neutral-bg-color-active:var(--ld-col-neutral-900);--ld-button-neutral-bg-color-focus:var(--ld-col-neutral-400);--ld-button-neutral-bg-color-hover:var(--ld-col-neutral-800);--ld-button-neutral-progress-color:var(--ld-col-neutral-800);--ld-button-neutral-progress-color-active:var(--ld-col-neutral);--ld-button-neutral-progress-color-focus:var(--ld-col-neutral-900);--ld-button-neutral-progress-color-hover:var(--ld-col-neutral);--ld-button-neutral-text-color:var(--ld-col-wht);--ld-button-neutral-text-color-active:var(--ld-col-wht);--ld-button-neutral-text-color-focus:var(--ld-col-neutral-900);--ld-button-neutral-text-color-hover:var(--ld-col-wht);--ld-button-neutral-ghost-brand-bg-color:var(--ld-col-wht);--ld-button-neutral-ghost-bg-color-active:var(--ld-thm-primary-alpha-low);--ld-button-neutral-ghost-bg-color-hover:var(--ld-col-neutral-050);--ld-button-neutral-ghost-progress-color:var(--ld-col-neutral);--ld-button-neutral-ghost-progress-color-active:var(--ld-col-neutral-900);--ld-button-neutral-ghost-progress-color-focus:var(--ld-col-neutral-400);--ld-button-neutral-ghost-progress-color-hover:var(--ld-col-neutral-800);--ld-button-neutral-ghost-progress-track-color:var(--ld-col-neutral-050);--ld-button-neutral-ghost-text-color:var(--ld-col-neutral);--ld-button-neutral-ghost-text-color-active:var(--ld-col-neutral-900);--ld-button-neutral-ghost-text-color-focus:var(--ld-col-neutral-400);--ld-button-neutral-ghost-text-color-hover:var(--ld-col-neutral-800);-webkit-touch-callout:none;align-items:center;background-color:var(--ld-thm-primary);background-color:var(--ld-button-bg-color);border:0;border-radius:var(--ld-br-m) var(--ld-br-m) var(--ld-br-m) var(--ld-br-m);border-radius:var(--ld-button-border-top-left-radius) var(--ld-button-border-top-right-radius) var(--ld-button-border-bottom-right-radius) var(--ld-button-border-bottom-left-radius);box-sizing:border-box;color:var(--ld-col-wht);color:var(--ld-button-text-color);display:inline-grid;font:var(--ld-typo-body-m);font-weight:700;gap:.875rem;gap:var(--ld-button-gap-md);grid-auto-flow:column;justify-content:center;line-height:1;min-height:2.5rem;min-width:2.5rem;overflow:hidden;padding:.625rem .875rem;padding:var(--ld-button-padding-y-md) var(--ld-button-padding-x-md);position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;transform:translateZ(0);-webkit-user-select:none;user-select:none}.ld-button:where(:disabled),.ld-button:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){opacity:.2}.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-button-bg-color-focus);color:var(--ld-button-text-color-focus)}@media (hover:hover){.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-button-bg-color-hover);color:var(--ld-button-text-color-hover)}}.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-button-bg-color-active);color:var(--ld-button-text-color-active)}.ld-button ::slotted(.ld-icon),.ld-button ::slotted(ld-icon),.ld-button>.ld-icon,.ld-button>ld-icon{margin:auto var(--ld-button-icon-margin-x-md)}.ld-button:where(.ld-button--sm){font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-button-gap-sm);line-height:1;min-height:2rem;min-width:2rem;padding:var(--ld-button-padding-y-sm) var(--ld-button-padding-x-sm)}.ld-button:where(.ld-button--sm) ::slotted(.ld-icon),.ld-button:where(.ld-button--sm) ::slotted(ld-icon),.ld-button:where(.ld-button--sm)>.ld-icon,.ld-button:where(.ld-button--sm)>ld-icon{margin:auto var(--ld-button-icon-margin-x-sm)}.ld-button:where(.ld-button--lg){font:var(--ld-typo-body-l);font-weight:700;gap:var(--ld-button-gap-lg);line-height:1;min-height:3.125rem;min-width:3.125rem;padding:var(--ld-button-padding-y-lg) var(--ld-button-padding-x-lg)}.ld-button:where(.ld-button--lg) ::slotted(.ld-icon),.ld-button:where(.ld-button--lg) ::slotted(ld-icon),.ld-button:where(.ld-button--lg)>.ld-icon,.ld-button:where(.ld-button--lg)>ld-icon{margin:auto var(--ld-button-icon-margin-x-lg)}.ld-button:where(.ld-button--align-text-right){text-align:right}.ld-button:where(.ld-button--align-text-left){text-align:left}.ld-button:where(.ld-button--justify-start){justify-content:flex-start}.ld-button:where(.ld-button--justify-end){justify-content:flex-end}.ld-button:where(.ld-button--justify-between){justify-content:space-between}.ld-button:where(.ld-button--icon-only){--ld-button-padding-x-sm:0;--ld-button-padding-y-sm:0;--ld-button-padding-x-md:0;--ld-button-padding-y-md:0;--ld-button-padding-x-lg:0;--ld-button-padding-y-lg:0}.ld-button[aria-busy=true]{cursor:progress}@keyframes ld-button-progress-pending{0%{transform:translateX(-100%);z-index:-1}to{transform:translateX(100%);z-index:-1}}.ld-button__progress{--ld-button-progress:0;bottom:0;left:0;position:absolute;right:0;top:auto;z-index:-1}.ld-button__progress:after{background-color:var(--ld-button-progress-color);content:"";display:block;height:var(--ld-sp-4);transform:translateX(-100%) translateX(calc(var(--ld-button-progress) * 100%));transition:transform var(--ld-transition-duration-normal) ease}.ld-button__progress--pending:after{animation:ld-button-progress-pending 1s linear infinite}.ld-button--ghost,.ld-button--secondary{--ld-button-bg-color:#0000;--ld-button-bg-color-active:var(--ld-button-ghost-bg-color-active);--ld-button-bg-color-focus:#0000;--ld-button-bg-color-hover:var(--ld-button-ghost-bg-color-hover);--ld-button-text-color:var(--ld-button-ghost-text-color);--ld-button-text-color-active:var(--ld-button-ghost-text-color-active);--ld-button-text-color-focus:var(--ld-button-ghost-text-color-focus);--ld-button-text-color-hover:var(--ld-button-ghost-text-color-hover);--ld-button-progress-color:var(--ld-button-ghost-progress-color)}.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-ghost-progress-color-focus)}@media (hover:hover){.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) .ld-button__progress:after{background-color:var(--ld-button-ghost-progress-color-hover)}}.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-button__progress:after,.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-ghost-progress-color-active)}.ld-button--secondary{box-shadow:inset 0 0 0 2px}.ld-button--ghost .ld-button__progress{background-color:var(--ld-button-ghost-progress-track-color)}@media (hover:hover){.ld-button--ghost:where(:hover) .ld-button__progress{background-color:initial}}.ld-button--ghost:where(:active) .ld-button__progress,.ld-button--ghost:where(:active:focus-visible) .ld-button__progress{background-color:initial}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)){background-color:var(--ld-button-brand-bg-color);color:var(--ld-button-brand-text-color)}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){color:var(--ld-button-brand-text-color-focus)}@media (hover:hover){.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-button-brand-bg-color-hover)}}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-button-brand-bg-color-active)}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)).ld-button--ghost,.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)).ld-button--secondary{--ld-button-ghost-bg-color-active:var(\n --ld-button-secondary-brand-bg-color-active\n );--ld-button-ghost-bg-color-hover:var(\n --ld-button-secondary-brand-bg-color-hover\n );--ld-button-ghost-text-color:var(--ld-button-secondary-brand-text-color);--ld-button-ghost-text-color-active:var(\n --ld-button-secondary-brand-text-color-active\n );--ld-button-ghost-text-color-focus:var(\n --ld-button-secondary-brand-text-color-focus\n );--ld-button-ghost-text-color-hover:var(\n --ld-button-secondary-brand-text-color\n );--ld-button-ghost-progress-color:var(\n --ld-button-secondary-brand-progress-color\n );--ld-button-ghost-progress-color-active:var(\n --ld-button-secondary-brand-progress-color-active\n );--ld-button-ghost-progress-color-focus:var(\n --ld-button-secondary-brand-progress-color-focus\n );--ld-button-ghost-progress-color-hover:var(\n --ld-button-secondary-brand-progress-color\n )}.ld-button--highlight{--ld-button-bg-color:var(--ld-button-highlight-bg-color);--ld-button-bg-color-active:var(--ld-button-highlight-bg-color-active);--ld-button-bg-color-focus:var(--ld-button-highlight-bg-color-focus);--ld-button-bg-color-hover:var(--ld-button-highlight-bg-color-hover);--ld-button-text-color:var(--ld-button-highlight-text-color);--ld-button-text-color-active:var(--ld-button-highlight-text-color-active);--ld-button-text-color-focus:var(--ld-button-highlight-text-color);--ld-button-text-color-hover:var(--ld-button-highlight-text-color);--ld-button-progress-color:var(--ld-button-highlight-progress-color)}.ld-button--highlight:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-button__progress:after,.ld-button--highlight:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-highlight-progress-active)}.ld-button--danger{--ld-button-bg-color:var(--ld-button-danger-bg-color);--ld-button-bg-color-active:var(--ld-button-danger-bg-color-active);--ld-button-bg-color-focus:var(--ld-button-danger-bg-color-focus);--ld-button-bg-color-hover:var(--ld-button-danger-bg-color-hover);--ld-button-text-color:var(--ld-button-danger-text-color);--ld-button-text-color-active:var(--ld-button-danger-text-color-active);--ld-button-text-color-hover:var(--ld-button-danger-text-color-hover);--ld-button-text-color-focus:var(--ld-button-danger-text-color-focus);--ld-button-progress-color:var(--ld-button-danger-progress-color)}.ld-button--danger:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-danger-progress-color-focus)}@media (hover:hover){.ld-button--danger:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) .ld-button__progress:after{background-color:var(--ld-button-danger-progress-color-hover)}}.ld-button--danger:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-button__progress:after,.ld-button--danger:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-danger-progress-color-active)}.ld-button--danger-ghost,.ld-button--danger-secondary{--ld-button-bg-color-active:var(--ld-button-danger-ghost-bg-color-active);--ld-button-bg-color-focus:var(--ld-button-danger-ghost-bg-color-focus);--ld-button-bg-color-hover:var(--ld-button-danger-ghost-bg-color-hover);--ld-button-text-color:var(--ld-button-danger-ghost-text-color);--ld-button-text-color-active:var(\n --ld-button-danger-ghost-text-color-active\n );--ld-button-text-color-focus:var(--ld-button-danger-ghost-text-color-focus);--ld-button-text-color-hover:var(--ld-button-danger-ghost-text-color-hover);--ld-button-progress-color:var(--ld-button-danger-ghost-progress-color);--ld-button-ghost-progress-color-active:var(\n --ld-button-danger-ghost-progress-color-active\n );--ld-button-ghost-progress-color-focus:var(\n --ld-button-danger-ghost-progress-color-focus\n );--ld-button-ghost-progress-color-hover:var(\n --ld-button-danger-ghost-progress-color-hover\n )}.ld-button--danger-ghost.ld-button--brand-color,.ld-button--danger-secondary.ld-button--brand-color{--ld-button-bg-color:var(--ld-button-danger-ghost-brand-bg-color);--ld-button-bg-color-active:var(--ld-button-danger-ghost-brand-bg-color);--ld-button-bg-color-focus:var(--ld-button-danger-ghost-brand-bg-color);--ld-button-bg-color-hover:var(--ld-button-danger-ghost-brand-bg-color)}.ld-button--neutral{--ld-button-bg-color:var(--ld-button-neutral-bg-color);--ld-button-bg-color-active:var(--ld-button-neutral-bg-color-active);--ld-button-bg-color-focus:var(--ld-button-neutral-bg-color-focus);--ld-button-bg-color-hover:var(--ld-button-neutral-bg-color-hover);--ld-button-text-color:var(--ld-button-neutral-text-color);--ld-button-text-color-active:var(--ld-button-neutral-text-color-active);--ld-button-text-color-hover:var(--ld-button-neutral-text-color-hover);--ld-button-text-color-focus:var(--ld-button-neutral-text-color-focus);--ld-button-progress-color:var(--ld-button-neutral-progress-color)}.ld-button--neutral:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-neutral-progress-color-focus)}@media (hover:hover){.ld-button--neutral:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) .ld-button__progress:after{background-color:var(--ld-button-neutral-progress-color-hover)}}.ld-button--neutral:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-button__progress:after,.ld-button--neutral:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-neutral-progress-color-active)}.ld-button--neutral-ghost,.ld-button--neutral-secondary{--ld-button-bg-color:#0000;--ld-button-bg-color-active:var(--ld-button-neutral-ghost-bg-color-active);--ld-button-bg-color-focus:#0000;--ld-button-bg-color-hover:var(--ld-button-neutral-ghost-bg-color-hover);--ld-button-text-color:var(--ld-button-neutral-ghost-text-color);--ld-button-text-color-active:var(\n --ld-button-neutral-ghost-text-color-active\n );--ld-button-text-color-focus:var(--ld-button-neutral-ghost-text-color-focus);--ld-button-text-color-hover:var(--ld-button-neutral-ghost-text-color-hover);--ld-button-progress-color:var(--ld-button-neutral-ghost-progress-color);--ld-button-ghost-progress-color-active:var(\n --ld-button-neutral-ghost-progress-color-active\n );--ld-button-ghost-progress-color-focus:var(\n --ld-button-neutral-ghost-progress-color-focus\n );--ld-button-ghost-progress-color-hover:var(\n --ld-button-neutral-ghost-progress-color-hover\n );--ld-button-ghost-progress-track-color:var(\n --ld-button-neutral-ghost-progress-track-color\n )}.ld-button--neutral-ghost.ld-button--brand-color,.ld-button--neutral-secondary.ld-button--brand-color{--ld-button-bg-color:var(--ld-button-neutral-ghost-brand-bg-color);--ld-button-bg-color-active:var(--ld-button-neutral-ghost-brand-bg-color);--ld-button-bg-color-focus:var(--ld-button-neutral-ghost-brand-bg-color);--ld-button-bg-color-hover:var(--ld-button-neutral-ghost-brand-bg-color)}';const b=new Map([["danger","ld-button--danger"],["ghost","ld-button--ghost"],["highlight","ld-button--highlight"],["neutral","ld-button--neutral"],["secondary","ld-button--secondary"],["danger-ghost","ld-button--ghost ld-button--danger-ghost"],["danger-secondary","ld-button--secondary ld-button--danger-secondary"],["neutral-ghost","ld-button--ghost ld-button--neutral-ghost"],["neutral-secondary","ld-button--secondary ld-button--neutral-secondary"]]);const s=class{constructor(o){t(this,o);this.handleClick=t=>{if(this.disabled||d(this.el.ariaDisabled)){t.preventDefault();t.stopPropagation();return}if(!this.href&&(this.type==="reset"||this.type==="submit")){setTimeout((()=>{if(!t.defaultPrevented){const t=this.el.closest("form");if(t||this.form){this.clickHiddenButton()}}}))}};this.alignText=undefined;this.ariaDisabled=undefined;this.autofocus=undefined;this.brandColor=undefined;this.disabled=undefined;this.download=undefined;this.form=undefined;this.formaction=undefined;this.formenctype=undefined;this.formmethod=undefined;this.formnovalidate=undefined;this.formtarget=undefined;this.href=undefined;this.hreflang=undefined;this.justifyContent=undefined;this.ldTabindex=undefined;this.mode=undefined;this.name=undefined;this.ping=undefined;this.progress=undefined;this.referrerpolicy=undefined;this.size=undefined;this.target=undefined;this.type="submit";this.value=undefined;this.iconOnly=undefined;this.clonedAttributes=undefined}async focusInner(){var t;(t=this.button)===null||t===void 0?void 0:t.focus()}connectedCallback(){this.el.addEventListener("click",this.handleClick,{capture:true})}disconnectedCallback(){this.el.removeEventListener("click",this.handleClick,{capture:true});if(this.attributesObserver)this.attributesObserver.disconnect()}clickHiddenButton(){const t=document.createElement("button");t.style.pointerEvents="none";t.style.position="absolute";t.style.visibility="hidden";if(this.form)t.setAttribute("form",this.form);if(this.formaction!==undefined)t.formAction=this.formaction;if(this.formenctype!==undefined)t.formEnctype=this.formenctype;if(this.formmethod!==undefined)t.formMethod=this.formmethod;if(this.formnovalidate!==undefined)t.formNoValidate=this.formnovalidate;if(this.formtarget!==undefined)t.formTarget=this.formtarget;if(this.name!==undefined)t.name=this.name;if(this.type!==undefined)t.type=this.type;if(this.value!==undefined)t.value=this.value;this.el.parentNode.append(t);t.click();t.remove()}componentWillLoad(){this.attributesObserver=l.call(this,["align-text","brand-color","justify-content","ld-tabindex","mode","progress","size",this.type==="submit"?"type":undefined]);e(this.autofocus);if(this.iconOnly!==undefined){return}const t=this.el.textContent.trim();if(!t){this.iconOnly=true}}render(){const t=n(["ld-button",this.alignText&&`ld-button--align-text-${this.alignText}`,this.brandColor&&`ld-button--brand-color`,this.iconOnly&&`ld-button--icon-only`,this.justifyContent&&`ld-button--justify-${this.justifyContent}`,this.mode&&b.get(this.mode),this.size&&`ld-button--${this.size}`]);const r=this.href?"a":"button";const l=this.progress!==undefined&&this.progress!==null;const e=!isNaN(parseFloat(this.progress+""))?{"--ld-button-progress":this.progress+""}:undefined;const a=`ld-button__progress${this.progress==="pending"?" ld-button__progress--pending":""}`;return o(r,Object.assign({},this.clonedAttributes,{href:this.href,target:this.target,"aria-busy":l?"true":undefined,"aria-disabled":this.disabled||d(this.el.ariaDisabled)?"true":undefined,"aria-live":"polite",class:t,disabled:this.disabled,part:"button focusable",ref:t=>this.button=t,rel:this.target==="_blank"?"noreferrer noopener":undefined,tabIndex:this.ldTabindex,value:this.value}),o("slot",null),l&&o("span",{class:a,part:"progress-bar",style:e}))}get el(){return r(this)}};s.style=a;export{s as ld_button}; -//# sourceMappingURL=p-a7ff3bff.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-b1fb6a28.entry.js b/1704894792450/dist/build/p-b1fb6a28.entry.js deleted file mode 100644 index 0b04eb0967..0000000000 --- a/1704894792450/dist/build/p-b1fb6a28.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,c as i,h as d,H as l,g as n}from"./p-21a69c18.js";import{c as e}from"./p-71026bf3.js";import{g as o}from"./p-1133c92e.js";import{r as a}from"./p-8dc70a87.js";import{i as s}from"./p-b05f0e4e.js";const r=':host>input [type=file]{pointer-events:none}.ld-input,:host{--ld-input-padding-x-sm:0.5rem;--ld-input-padding-x-md:0.625rem;--ld-input-padding-x-lg:0.875rem;--ld-input-padding-top-sm:0.25rem;--ld-input-padding-top-md:0.625rem;--ld-input-padding-top-lg:0.625rem;--ld-input-padding-bottom-sm:0.25rem;--ld-input-padding-bottom-md:0.6875rem;--ld-input-padding-bottom-lg:0.6875rem;--ld-input-min-height-sm:2rem;--ld-input-min-height-md:2.5rem;--ld-input-min-height-lg:3.125rem;--ld-input-max-height-sm:2rem;--ld-input-max-height-md:2.5rem;--ld-input-max-height-lg:3.125rem;--ld-input-time-min-width-sm:5.125rem;--ld-input-time-min-width-md:6.25rem;--ld-input-time-min-width-lg:7.5rem;--ld-input-bg-col-disabled:var(--ld-col-neutral-010);--ld-input-bg-col-invalid-focus:var(--ld-col-wht);--ld-input-bg-col-invalid:var(--ld-thm-error-disabled);--ld-input-bg-col:var(--ld-col-wht);--ld-input-border-col-disabled:var(--ld-col-neutral-100);--ld-input-border-col-hover:var(--ld-col-neutral-300);--ld-input-border-col:var(--ld-col-neutral-100);--ld-input-icon-col-focus:var(--ld-thm-primary-focus);--ld-input-icon-col-invalid-focus:var(--ld-thm-error-focus);--ld-input-icon-col:var(--ld-thm-primary);--ld-input-placeholder-opacity:0.6;--ld-input-text-col-disabled:var(--ld-col-neutral-300);--ld-input-text-col-invalid-focus:var(--ld-col-neutral-900);--ld-input-text-col-invalid:var(--ld-thm-error);--ld-input-text-col:var(--ld-col-neutral-900);--ld-input-dark-bg-col-focus:var(--ld-col-wht);--ld-input-dark-bg-col:var(--ld-col-neutral-010);align-items:center;background-color:var(--ld-col-wht);background-color:var(--ld-input-bg-col);border-radius:var(--ld-br-m);color:var(--ld-col-neutral-900);color:var(--ld-input-text-col);cursor:text;display:inline-flex;line-height:1;max-width:100%;min-height:2.5rem;min-height:var(--ld-input-min-height-md);position:relative}.ld-input:before,:host:before{border-radius:var(--ld-br-m);bottom:0;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col);content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.ld-input :where(input),:host :where(input){margin:0}.ld-input ::slotted(*),.ld-input>:where(:not(input):not(textarea)),:host ::slotted(*),:host>:where(:not(input):not(textarea)){-webkit-user-select:none;user-select:none}.ld-input ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-md)}.ld-input ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-md)}.ld-input>input,:host>input{-webkit-text-fill-color:var(--ld-input-text-col);align-self:stretch;color:var(--ld-input-text-col);max-height:var(--ld-input-max-height-md)}.ld-input>input[type=file],:host>input[type=file]{opacity:0}.ld-input>input[type=file]::-webkit-file-upload-button,:host>input[type=file]::-webkit-file-upload-button{display:none}.ld-input>input[type=number],:host>input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ld-input>input[type=number]::-webkit-inner-spin-button,.ld-input>input[type=number]::-webkit-outer-spin-button,:host>input[type=number]::-webkit-inner-spin-button,:host>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ld-input>input[type=search]::-webkit-search-cancel-button,.ld-input>input[type=search]::-webkit-search-decoration,.ld-input>input[type=search]::-webkit-search-results-button,.ld-input>input[type=search]::-webkit-search-results-decoration,:host>input[type=search]::-webkit-search-cancel-button,:host>input[type=search]::-webkit-search-decoration,:host>input[type=search]::-webkit-search-results-button,:host>input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.ld-input>input::-webkit-calendar-picker-indicator,:host>input::-webkit-calendar-picker-indicator{background:var(--ld-input-icon-col);cursor:pointer;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;outline:none}.ld-input>input::-webkit-calendar-picker-indicator:focus:focus-visible,:host>input::-webkit-calendar-picker-indicator:focus:focus-visible{background:var(--ld-input-icon-col-focus)}.ld-input>input[type=date]::-webkit-calendar-picker-indicator,.ld-input>input[type=datetime-local]::-webkit-calendar-picker-indicator,:host>input[type=date]::-webkit-calendar-picker-indicator,:host>input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-image:url(\'data:image/svg+xml;utf8,\');mask-image:url(\'data:image/svg+xml;utf8,\');transform:translateY(4%)}.ld-input>input[type=time],:host>input[type=time]{min-width:var(--ld-input-time-min-width-md)}.ld-input>input[type=time]::-webkit-calendar-picker-indicator,:host>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-image:url(\'data:image/svg+xml;utf8,\');mask-image:url(\'data:image/svg+xml;utf8,\')}.ld-input>input,.ld-input>textarea,:host>input,:host>textarea{-webkit-appearance:none;appearance:none;background-color:#fff0;border:0;border-radius:var(--ld-br-m);box-sizing:border-box;font:var(--ld-typo-body-m);line-height:1;outline:none;padding:var(--ld-input-padding-top-md) var(--ld-input-padding-x-md) var(--ld-input-padding-bottom-md);width:100%}.ld-input>input::placeholder,.ld-input>textarea::placeholder,:host>input::placeholder,:host>textarea::placeholder{opacity:var(--ld-input-placeholder-opacity)}.ld-input>textarea,:host>textarea{flex-grow:1;height:100%;max-height:inherit;min-height:inherit}.ld-input ::slotted(.ld-button),.ld-input ::slotted(ld-button),.ld-input>.ld-button,.ld-input>ld-button,:host ::slotted(.ld-button),:host ::slotted(ld-button),:host>.ld-button,:host>ld-button{--ld-button-ghost-bg-color-active:#0000;--ld-button-ghost-bg-color-focus:#0000;--ld-button-ghost-bg-color-hover:#0000;flex-shrink:0;z-index:0}.ld-input ::slotted(.ld-button[slot=start]),.ld-input ::slotted(ld-button[slot=start]),.ld-input>.ld-button:where(:not([slot=end])):first-child,.ld-input>ld-button:where(:not([slot=end])):first-child,:host ::slotted(.ld-button[slot=start]),:host ::slotted(ld-button[slot=start]),:host>.ld-button:where(:not([slot=end])):first-child,:host>ld-button:where(:not([slot=end])):first-child{--ld-button-border-top-right-radius:0;--ld-button-border-bottom-right-radius:0}.ld-input ::slotted(.ld-button[slot=end]),.ld-input ::slotted(ld-button[slot=end]),.ld-input>.ld-button:where(:not([slot=start])):last-child,.ld-input>ld-button:where(:not([slot=start])):last-child,:host ::slotted(.ld-button[slot=end]),:host ::slotted(ld-button[slot=end]),:host>.ld-button:where(:not([slot=start])):last-child,:host>ld-button:where(:not([slot=start])):last-child{--ld-button-border-top-left-radius:0;--ld-button-border-bottom-left-radius:0}.ld-input ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host ::slotted(ld-button[mode=ghost]:where([slot=start])),:host>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-md))}.ld-input ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host ::slotted(ld-button[mode=ghost]:where([slot=end])),:host>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-md))}.ld-input ::slotted(.ld-icon),.ld-input ::slotted(ld-icon),.ld-input>.ld-icon,.ld-input>ld-icon,:host ::slotted(.ld-icon),:host ::slotted(ld-icon),:host>.ld-icon,:host>ld-icon{color:var(--ld-input-icon-col);cursor:text;display:inline-flex}.ld-input--resize-both>textarea,:host(.ld-input--resize-both)>textarea{resize:both}.ld-input--resize-horizontal>textarea,:host(.ld-input--resize-horizontal)>textarea{resize:horizontal}.ld-input--resize-vertical>textarea,:host(.ld-input--resize-vertical)>textarea{resize:vertical}.ld-input--resize-none>textarea,:host(.ld-input--resize-none)>textarea{resize:none}.ld-input--sm,:host(.ld-input--sm){min-height:var(--ld-input-min-height-sm)}.ld-input--sm ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input--sm>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host(.ld-input--sm) ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host(.ld-input--sm)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-sm)}.ld-input--sm ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input--sm>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host(.ld-input--sm) ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host(.ld-input--sm)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-sm)}.ld-input--sm>input,:host(.ld-input--sm)>input{max-height:var(--ld-input-max-height-sm)}.ld-input--sm>input[type=date]::-webkit-calendar-picker-indicator,.ld-input--sm>input[type=datetime-local]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=date]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-size:65%;mask-size:65%}.ld-input--sm>input[type=time],:host(.ld-input--sm)>input[type=time]{min-width:var(--ld-input-time-min-width-sm)}.ld-input--sm>input[type=time]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-size:85%;mask-size:85%}.ld-input--sm>input,.ld-input--sm>textarea,:host(.ld-input--sm)>input,:host(.ld-input--sm)>textarea{font:var(--ld-typo-body-s);padding:var(--ld-input-padding-top-sm) var(--ld-input-padding-x-sm) var(--ld-input-padding-bottom-sm)}.ld-input--sm ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input--sm ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input--sm>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input--sm>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host(.ld-input--sm) ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host(.ld-input--sm) ::slotted(ld-button[mode=ghost]:where([slot=start])),:host(.ld-input--sm)>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host(.ld-input--sm)>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-sm))}.ld-input--sm ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input--sm ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input--sm>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input--sm>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host(.ld-input--sm) ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host(.ld-input--sm) ::slotted(ld-button[mode=ghost]:where([slot=end])),:host(.ld-input--sm)>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host(.ld-input--sm)>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-sm))}.ld-input--lg,:host(.ld-input--lg){min-height:var(--ld-input-min-height-lg)}.ld-input--lg ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input--lg>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host(.ld-input--lg) ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host(.ld-input--lg)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-lg)}.ld-input--lg ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input--lg>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host(.ld-input--lg) ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host(.ld-input--lg)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-lg)}.ld-input--lg>input,:host(.ld-input--lg)>input{max-height:var(--ld-input-max-height-lg)}.ld-input--lg>input[type=date]::-webkit-calendar-picker-indicator,:host(.ld-input--lg)>input[type=date]::-webkit-calendar-picker-indicator{-webkit-mask-size:90%;mask-size:90%}.ld-input--lg>input[type=time],:host(.ld-input--lg)>input[type=time]{min-width:var(--ld-input-time-min-width-lg)}.ld-input--lg>input[type=time]::-webkit-calendar-picker-indicator,:host(.ld-input--lg)>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-size:114%;mask-size:114%}.ld-input--lg>input,.ld-input--lg>textarea,:host(.ld-input--lg)>input,:host(.ld-input--lg)>textarea{font:var(--ld-typo-body-l);padding:var(--ld-input-padding-top-lg) var(--ld-input-padding-x-lg) var(--ld-input-padding-bottom-lg) var(--ld-input-padding-x-lg)}.ld-input--lg ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input--lg ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input--lg>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input--lg>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host(.ld-input--lg) ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host(.ld-input--lg) ::slotted(ld-button[mode=ghost]:where([slot=start])),:host(.ld-input--lg)>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host(.ld-input--lg)>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-lg))}.ld-input--lg ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input--lg ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input--lg>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input--lg>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host(.ld-input--lg) ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host(.ld-input--lg) ::slotted(ld-button[mode=ghost]:where([slot=end])),:host(.ld-input--lg)>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host(.ld-input--lg)>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-lg))}.ld-input--dark,:host(.ld-input--dark){background-color:var(--ld-input-dark-bg-col)}@media (hover:hover){.ld-input:not(.ld-input--invalid):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-input--disabled):hover:not(:focus-within):before,:host(:not(.ld-input--invalid):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-input--disabled):hover:not(:focus-within)):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-hover)}}.ld-input:not(.ld-input--invalid):focus-within:before,:host(:not(.ld-input--invalid):focus-within):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-thm-primary)}.ld-input--dark:not(.ld-input--invalid):focus-within,:host(.ld-input--dark:not(.ld-input--invalid):focus-within){background-color:var(--ld-input-dark-bg-col-focus)}.ld-input--invalid:focus-within,:host(.ld-input--invalid:focus-within){background-color:var(--ld-input-bg-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:not(:focus)),:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:not(:focus))){-webkit-text-fill-color:var(--ld-input-text-col-invalid);background-color:var(--ld-input-bg-col-invalid);color:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):before,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input,.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>textarea,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>textarea{-webkit-text-fill-color:var(--ld-input-text-col-invalid);color:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input::-webkit-calendar-picker-indicator,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input::-webkit-calendar-picker-indicator{background:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input::-webkit-calendar-picker-indicator:focus:focus-visible,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input::-webkit-calendar-picker-indicator:focus:focus-visible{background:var(--ld-input-icon-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within){background-color:var(--ld-input-bg-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within>input,.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within>textarea,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within)>input,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within)>textarea{-webkit-text-fill-color:var(--ld-input-text-col-invalid-focus);color:var(--ld-input-text-col-invalid-focus)}.ld-input.ld-input--disabled,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host(.ld-input--disabled),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){background-color:var(--ld-input-bg-col-disabled);color:var(--ld-input-text-col-disabled)}.ld-input.ld-input--disabled:before,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):before,:host(.ld-input--disabled):before,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-disabled)}.ld-input.ld-input--disabled input,.ld-input.ld-input--disabled textarea,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) input,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) textarea,:host(.ld-input--disabled) input,:host(.ld-input--disabled) textarea,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) input,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) textarea{-webkit-text-fill-color:var(--ld-input-text-col-disabled);caret-color:#0000;color:var(--ld-input-text-col-disabled)}.ld-input.ld-input--disabled input::-webkit-calendar-picker-indicator,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) input::-webkit-calendar-picker-indicator,:host(.ld-input--disabled) input::-webkit-calendar-picker-indicator,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) input::-webkit-calendar-picker-indicator{background:var(--ld-input-text-col-disabled);pointer-events:none}.ld-input.ld-input--disabled .ld-icon,.ld-input.ld-input--disabled ::slotted(.ld-icon),.ld-input.ld-input--disabled ::slotted(ld-icon),.ld-input.ld-input--disabled ld-icon,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) .ld-icon,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ::slotted(.ld-icon),.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ::slotted(ld-icon),.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ld-icon,:host(.ld-input--disabled) .ld-icon,:host(.ld-input--disabled) ::slotted(.ld-icon),:host(.ld-input--disabled) ::slotted(ld-icon),:host(.ld-input--disabled) ld-icon,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-icon,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ::slotted(.ld-icon),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ::slotted(ld-icon),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ld-icon{color:currentColor}.ld-input__placeholder{align-items:center;display:flex;height:100%;left:var(--ld-input-padding-x-md);margin-right:0;opacity:var(--ld-input-placeholder-opacity);overflow:hidden;pointer-events:none;position:absolute;right:var(--ld-input-padding-x-md);text-overflow:ellipsis;white-space:nowrap}.ld-select__slot-container{display:none}';var u=undefined&&undefined.__rest||function(t,i){var d={};for(var l in t)if(Object.prototype.hasOwnProperty.call(t,l)&&i.indexOf(l)<0)d[l]=t[l];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var n=0,l=Object.getOwnPropertySymbols(t);nt.type==="file";this.handleChange=t=>{this.el.dispatchEvent(new InputEvent("change",t));this.ldchange.emit(this.value)};this.handleInput=()=>{this.value=this.input.value;this.ldinput.emit(this.value)};this.handleClick=t=>{const i="composedPath"in t?t.composedPath()[0]:t["target"];if(this.el.disabled||s(this.el.ariaDisabled)){t.preventDefault();return}if(i.closest("ld-button"))return;if(this.el.shadowRoot.activeElement!==this.input){this.input.focus()}if(i===this.el){this.input.dispatchEvent(new MouseEvent("click",{bubbles:false}))}};this.handleKeyDown=t=>{var i;const d=this.el.closest("form");const l=this.form?(i=document.querySelector(`#${this.form}`))!==null&&i!==void 0?i:d:d;if(s(this.el.ariaDisabled)&&!["ArrowLeft","ArrowRight","Tab"].includes(t.key)){t.preventDefault()}else if(!this.multiline&&t.key==="Enter"&&l){l.requestSubmit()}};this.accept=undefined;this.ariaDisabled=undefined;this.autocomplete=undefined;this.autofocus=undefined;this.capture=undefined;this.cols=undefined;this.dirname=undefined;this.disabled=undefined;this.form=undefined;this.invalid=undefined;this.ldTabindex=undefined;this.list=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.multiline=undefined;this.multiple=undefined;this.name=undefined;this.pattern=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.resize="both";this.rows=undefined;this.size=undefined;this.step=undefined;this.tone=undefined;this.type=undefined;this.value=undefined;this.clonedAttributes=undefined}async focusInner(){if(this.input!==undefined){this.input.focus()}}updateHiddenInput(){const t=this.el.closest("form");if(!this.hiddenInput&&this.name&&(t||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(this.dirname){this.hiddenInput.dirName=this.dirname}if(this.name){this.hiddenInput.name=this.name}else if(this.hiddenInput.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(t){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined;return}}if(this.isInputTypeFile(this.input)){const t=this.input.cloneNode();t.style.display="none";this.hiddenInput.replaceWith(t);this.hiddenInput=t}else{if(this.value){this.hiddenInput.value=this.value}else if(this.hiddenInput.value){this.hiddenInput.removeAttribute("value")}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="hidden";this.el.appendChild(this.hiddenInput)}updateIconAndButtonSize(){this.el.querySelectorAll("ld-button").forEach((t=>{if(this.size!==undefined){t.setAttribute("size",this.size)}else{t.removeAttribute("size")}}));this.el.querySelectorAll(".ld-button").forEach((t=>{if(this.size==="sm"){t.classList.remove("ld-button--lg");t.classList.add("ld-button--sm")}else if(this.size==="lg"){t.classList.remove("ld-button--sm");t.classList.add("ld-button--lg")}else{t.classList.remove("ld-button--sm","ld-button--lg")}}));this.el.querySelectorAll("ld-icon").forEach((t=>{if(this.size!==undefined){t.setAttribute("size",this.size)}else{t.removeAttribute("size")}}));this.el.querySelectorAll(".ld-icon").forEach((t=>{if(this.size==="sm"){t.classList.remove("ld-icon--lg");t.classList.add("ld-icon--sm")}else if(this.size==="lg"){t.classList.remove("ld-icon--sm");t.classList.add("ld-icon--lg")}else{t.classList.remove("ld-icon--sm","ld-icon--lg")}}))}componentWillLoad(){Object.defineProperty(this.el,"files",{get:()=>{if(this.isInputTypeFile(this.input)){return this.input.files}return undefined}});this.attributesObserver=e.call(this,["multiline","autocomplete","value"]);const t=this.el.closest("form");if(t&&!this.autocomplete){this.autocomplete=t.getAttribute("autocomplete")}if(this.name&&(t||this.form)){this.createHiddenInput();this.hiddenInput.name=this.name;if(this.dirname){this.hiddenInput.dirName=this.dirname}if(this.form){this.hiddenInput.setAttribute("form",this.form)}if(this.value){this.hiddenInput.value=this.value}}this.updateIconAndButtonSize();a(this.autofocus)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){var t,i;const n=o(["ld-input",this.disabled&&`ld-input--disabled`,this.size&&`ld-input--${this.size}`,this.tone&&`ld-input--${this.tone}`,this.invalid&&"ld-input--invalid",this.multiline&&this.resize&&`ld-input--resize-${this.resize}`]);if(this.multiline){const i=this.clonedAttributes,{type:e}=i,o=u(i,["type"]);return d(l,{class:n,onClick:this.handleClick},d("textarea",Object.assign({},o,{"aria-disabled":this.disabled||s(this.ariaDisabled)?"true":undefined,disabled:this.disabled,readonly:this.readonly,onChange:this.handleChange,onInput:this.handleInput,part:"input focusable",ref:t=>this.input=t,tabIndex:this.ldTabindex,value:this.value})),e==="file"&&d("span",{class:"ld-input__placeholder",part:"placeholder"},((t=this.input)===null||t===void 0?void 0:t.value)||this.placeholder))}return d(l,{class:n,onClick:this.handleClick},d("slot",{name:"start"}),d("input",Object.assign({},this.clonedAttributes,{"aria-disabled":this.disabled||s(this.ariaDisabled)?"true":undefined,autocomplete:this.autocomplete,disabled:this.disabled,onChange:this.handleChange,onInput:this.handleInput,onKeyDown:this.handleKeyDown,part:"input focusable",placeholder:this.placeholder,readonly:this.readonly,ref:t=>this.input=t,tabIndex:this.ldTabindex,type:this.type,value:this.value||undefined})),this.type==="file"&&d("span",{class:"ld-input__placeholder",part:"placeholder"},((i=this.input)===null||i===void 0?void 0:i.value)||this.placeholder),d("slot",{name:"end"}))}get el(){return n(this)}static get watchers(){return{dirname:["updateHiddenInput"],form:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"],size:["updateIconAndButtonSize"]}}};h.style=r;export{h as ld_input}; -//# sourceMappingURL=p-b1fb6a28.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-b20a1cf5.entry.js b/1704894792450/dist/build/p-b20a1cf5.entry.js deleted file mode 100644 index f725c8de7a..0000000000 --- a/1704894792450/dist/build/p-b20a1cf5.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,h as e,H as a}from"./p-21a69c18.js";const s=".docs-iframe{bottom:0;left:0;left:max(calc(var(--docs-nav-width) + 50vw - var(--docs-max-width) / 2),var(--docs-nav-width));position:fixed;right:0;top:0;top:var(--docs-header-height)}@media (max-width:52rem){.docs-iframe{left:0}}.docs-iframe iframe{height:100%;width:100%}";const i=class{constructor(e){t(this,e);this.src=undefined;this.darkMode=undefined;this.loaded=false}async setDarkMode(t){this.darkMode=t}updateDarkMode(t){if(!this.loaded)return;this.iframe.contentWindow.postMessage({mode:"updateDarkmode",darkMode:t})}componentDidLoad(){this.iframe.addEventListener("load",(()=>{this.loaded=true;this.updateDarkMode(this.darkMode)}))}render(){return e(a,{class:"docs-iframe"},e("iframe",{ref:t=>this.iframe=t,src:this.src}))}static get watchers(){return{darkMode:["updateDarkMode"]}}};i.style=s;export{i as docs_iframe}; -//# sourceMappingURL=p-b20a1cf5.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-b691e7f1.entry.js b/1704894792450/dist/build/p-b691e7f1.entry.js deleted file mode 100644 index 9fd8f1f6dd..0000000000 --- a/1704894792450/dist/build/p-b691e7f1.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,h as t,H as i,g as o}from"./p-21a69c18.js";import{g as s}from"./p-1133c92e.js";const l=':host{--ld-sidenav-toggle-outside-height:3.125rem;--ld-sidenav-toggle-outside-col:var(--ld-col-wht);--ld-sidenav-toggle-outside-bg-col:var(--ld-thm-primary);--ld-sidenav-toggle-outside-bg-col-hover:var(--ld-thm-primary-hover);--ld-sidenav-toggle-outside-bg-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-toggle-outside-bg-col-active:var(--ld-thm-primary-active)}@media (prefers-reduced-motion:no-preference){:host{--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-normal\n )}}:host{align-items:center;align-self:flex-start;display:flex;height:var(--ld-sidenav-toggle-outside-height);justify-content:center;position:fixed;position:var(--ld-sidenav-toggle-outside-position,fixed)}:host(.ld-sidenav-toggle-outside--left){left:0}:host(.ld-sidenav-toggle-outside--right){right:0}.ld-sidenav-toggle-outside__toggle{-webkit-touch-callout:none;align-content:center;aspect-ratio:1;background-color:initial;border:0;border-radius:var(--ld-br-l);color:var(--ld-sidenav-toggle-outside-col);cursor:pointer;display:grid;justify-content:center;margin:var(--ld-sp-2) var(--ld-sp-16) auto;outline:none;padding-bottom:0;padding-top:0;place-content:center;touch-action:manipulation;transition:visibility 0s calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden;will-change:transform}.ld-sidenav-toggle-outside__toggle:before{background-color:var(--ld-sidenav-toggle-outside-bg-col);border-radius:inherit;bottom:0;box-shadow:var(--ld-shadow-stacked);content:"";display:block;left:0;position:absolute;right:0;top:0}.ld-sidenav-toggle-outside__toggle:after{border-radius:inherit;bottom:calc(-1 * var(--ld-sp-6));content:"";display:block;left:calc(-1 * var(--ld-sp-6));position:absolute;right:calc(-1 * var(--ld-sp-6));top:calc(-1 * var(--ld-sp-6))}.ld-sidenav-toggle-outside__toggle:where(:focus:focus-visible){--ld-sidenav-toggle-outside-bg-col:var(\n --ld-sidenav-toggle-outside-bg-col-focus\n )}@media (hover:hover){.ld-sidenav-toggle-outside__toggle:where(:hover){--ld-sidenav-toggle-outside-bg-col:var(\n --ld-sidenav-toggle-outside-bg-col-hover\n )}}.ld-sidenav-toggle-outside__toggle:where(:active),.ld-sidenav-toggle-outside__toggle:where(:active:focus-visible){--ld-sidenav-toggle-outside-bg-col:var(\n --ld-sidenav-toggle-outside-bg-col-active\n )}:host(.ld-sidenav-toggle-outside--closable) .ld-sidenav-toggle-outside__toggle,:host(.ld-sidenav-toggle-outside--collapsed-fully) .ld-sidenav-toggle-outside__toggle{transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:inherit}:host(.ld-sidenav-toggle-outside--collapsed) .ld-sidenav-toggle-outside__toggle{transform:none}:host(.ld-sidenav-toggle-outside--collapsed.ld-sidenav-toggle-outside--right) .ld-sidenav-toggle-outside__toggle{transform:translateX(calc(-1 * (var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed))))}.ld-sidenav-toggle-outside__icon{position:relative}:host(.ld-sidenav-toggle-outside--right:not(.ld-sidenav-toggle-outside--collapsed)) .ld-sidenav-toggle-outside__icon{transform:scaleX(-100%)}';const d=class{constructor(t){e(this,t);this.toggleSidenavCollapsedState=e=>{e.stopPropagation();this.sidenav.toggle()};this.labelExpand="Expand side navigation";this.ldTabindex=undefined;this.tetherOptions=undefined;this.sidenavClosable=undefined;this.sidenavCollapsed=undefined;this.sidenavCollapsedFully=undefined;this.sidenavAlignement=undefined}async focusInner(){this.toggle.focus()}handleSidenavCollapsedChange(e){if(e.target!==this.sidenav)return;this.sidenavCollapsed=e.detail.collapsed;this.sidenavCollapsedFully=e.detail.collapsed&&e.detail.fully;this.tooltipRef.hideTooltip()}handleSidenavBreakpointChange(e){if(e.target!==this.sidenav)return;this.sidenavClosable=e.detail;this.tooltipRef.hideTooltip()}componentWillLoad(){this.sidenav=this.el.nextElementSibling;if(!this.sidenav||this.sidenav.tagName!=="LD-SIDENAV"){throw new Error(`The ld-sidenav-toggle-outside component is expecting to have an ld-sidenav component as its next element sibling, but instead there was: ${this.sidenav}`)}this.sidenavAlignement=this.sidenav.align||"left"}render(){const e=s(["ld-sidenav-toggle-outside",`ld-sidenav-toggle-outside--${this.sidenavAlignement}`,this.sidenavClosable&&"ld-sidenav-toggle-outside--closable",this.sidenavCollapsedFully&&"ld-sidenav-toggle-outside--collapsed-fully"]);return t(i,{class:e},t("ld-tooltip",{arrow:true,size:"sm",ref:e=>this.tooltipRef=e,"show-delay":"1000",position:this.sidenavAlignement==="left"?"right middle":"left middle",tag:"span",tetherOptions:this.tetherOptions},t("button",{slot:"trigger",role:"switch","brand-color":true,"aria-checked":this.sidenavCollapsed?"false":"true",class:"ld-sidenav-toggle-outside__toggle",onClick:this.toggleSidenavCollapsedState,part:"toggle focusable",ref:e=>this.toggle=e,tabIndex:this.ldTabindex},t("ld-icon",{class:"ld-sidenav-toggle-outside__icon",name:"sidenav-right",part:"toggle-icon"}),t("ld-sr-only",null,this.labelExpand)),t("ld-typo",null,this.labelExpand)))}get el(){return o(this)}};d.style=l;export{d as ld_sidenav_toggle_outside}; -//# sourceMappingURL=p-b691e7f1.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-ba5e362d.entry.js b/1704894792450/dist/build/p-ba5e362d.entry.js deleted file mode 100644 index 6d600147c0..0000000000 --- a/1704894792450/dist/build/p-ba5e362d.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as t,h as l}from"./p-21a69c18.js";const e=":host{display:contents}td{background-color:inherit;max-width:inherit;min-width:inherit;padding:var(--ld-table-cell-padding-y) var(--ld-table-cell-padding-x)}";const d=class{constructor(l){t(this,l);this.colspan=undefined;this.headers=undefined;this.rowspan=undefined}render(){return l("td",{class:"ld-table-cell",colSpan:this.colspan,headers:this.headers,part:"cell",rowSpan:this.rowspan},l("slot",null))}};d.style=e;export{d as ld_table_cell}; -//# sourceMappingURL=p-ba5e362d.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-bcd51be4.entry.js b/1704894792450/dist/build/p-bcd51be4.entry.js deleted file mode 100644 index d0806a7e20..0000000000 --- a/1704894792450/dist/build/p-bcd51be4.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as o,c as i,h as d,H as a,g as r}from"./p-21a69c18.js";import{g as t}from"./p-1133c92e.js";import{c as l}from"./p-6e5841ef.js";function e(o,i){let d=getComputedStyle(o);if(d.position==="fixed"){return document.scrollingElement}const a=d.position==="absolute";const r=i?/(auto|scroll|hidden)/:/(auto|scroll)/;for(let i=o;i=i.parentElement;){d=getComputedStyle(i);if(a&&d.position==="static"){continue}if(r.test(d.overflow+d.overflowY+d.overflowX)){return i}}return document.scrollingElement}const c=":host{--ld-accordion-col:var(--ld-col-neutral-900);--ld-accordion-col-disabled:var(--ld-col-neutral-100);--ld-accordion-col-hover:var(--ld-col-neutral-900);--ld-accordion-col-focus:var(--ld-col-neutral-900);--ld-accordion-bg-col:var(--ld-col-wht);--ld-accordion-bg-col-active:var(--ld-col-wht);--ld-accordion-bg-col-disabled:var(--ld-col-neutral-100);--ld-accordion-bg-col-focus:var(--ld-col-neutral-100);--ld-accordion-bg-col-hover:var(--ld-col-neutral-050);--ld-accordion-trigger-icon-col-disabled:var(--ld-col-neutral-100);--ld-accordion-col-active:var(--ld-thm-primary);--ld-accordion-col-selected:var(--ld-thm-primary);--ld-accordion-toggle-col:inherit;--ld-accordion-toggle-indicator-bg-col:#0000;--ld-accordion-toggle-trigger-col:var(--ld-thm-primary);--ld-accordion-trigger-icon-col:var(--ld-thm-primary);--ld-accordion-trigger-icon-col-hover:var(--ld-thm-primary-hover);--ld-accordion-trigger-icon-col-focus:var(--ld-thm-primary-focus);--ld-accordion-trigger-icon-col-active:var(--ld-thm-primary-active);--ld-accordion-toggle-expanded-col:var(--ld-thm-primary);--ld-accordion-padding-y:0.45rem;--ld-accordion-padding-x:1.25rem;--ld-accordion-toggle-size:2.5rem;--ld-accordion-toggle-line-height:180%;--ld-accordion-border-radius-size:0;--ld-accordion-border-radius:var(--ld-accordion-border-radius-size);--ld-accordion-gap:var(--ld-sp-2);--ld-accordion-gap-col:var(--ld-accordion-panel-border-top-col);--ld-accordion-panel-border-top-col:var(--ld-col-neutral-010)}:host(:where(.ld-accordion)){color-scheme:none;color-scheme:var(--ld-accordion-color-scheme,none);display:block;flex-grow:1}:host(.ld-accordion--rounded){--ld-accordion-border-radius-size:var(--ld-br-m)}:host(.ld-accordion--dark){--ld-accordion-bg-col:var(--ld-col-neutral-010);--ld-accordion-bg-col-active:var(--ld-col-neutral-010);--ld-accordion-panel-border-top-col:var(--ld-col-neutral-050)}:host(.ld-accordion--brand-color){--ld-accordion-bg-col-hover:var(--ld-thm-primary-alpha-lowest);--ld-accordion-bg-col-focus:var(--ld-thm-primary-alpha-low)}:host(.ld-accordion--detached){--ld-accordion-gap:var(--ld-sp-8);--ld-accordion-gap-col:#0000}:host(.ld-accordion:not(.ld-accordion--detached)) ::slotted(ld-accordion-section){--ld-accordion-border-radius:0}:host(.ld-accordion:not(.ld-accordion--detached)) ::slotted(ld-accordion-section:first-of-type){--ld-accordion-border-radius:var(--ld-accordion-border-radius-size) var(--ld-accordion-border-radius-size) 0 0}:host(.ld-accordion:not(.ld-accordion--detached)) ::slotted(ld-accordion-section:last-of-type){--ld-accordion-border-radius:0 0 var(--ld-accordion-border-radius-size) var(--ld-accordion-border-radius-size)}:host ::slotted(ld-accordion-section:not(:first-of-type)){border-top:solid var(--ld-accordion-gap) var(--ld-accordion-gap-col)}";const n=class{constructor(d){o(this,d);this.ldaccordionchange=i(this,"ldaccordionchange",7);this.scrollIntoViewOnTransitionEnd=false;this.scrollIntoView=o=>{var i;const d=e(o);const a=o.querySelector("ld-accordion-toggle");const r=o.querySelector("ld-accordion-panel");const t=Array.from(o.parentElement.children);const l=this.single&&!this.scrollIntoViewOnTransitionEnd?((i=t.slice(0,t.findIndex((i=>i===o))).find((o=>o.classList.contains("ld-accordion-section--expanded"))))===null||i===void 0?void 0:i.children[1].scrollHeight)||0:0;const c=d.scrollTop+r.getBoundingClientRect().top-Math.max(0,d.getBoundingClientRect().top);const n=parseFloat(window.getComputedStyle(d)["scrollPaddingTop"])||0;const s=c+Math.min(r.scrollHeight,d.clientHeight-a.clientHeight-n)-l;if(!this.scrollIntoViewOnTransitionEnd&&d.scrollHeight{var d;const a=(d=i==="prev"?o.parentElement.previousElementSibling:o.parentElement.nextElementSibling)===null||d===void 0?void 0:d.querySelector("ld-accordion-toggle");if(a){a.focusInner()}};this.onKeydown=o=>{if(o.target.tagName!=="LD-ACCORDION-TOGGLE"){return}switch(o.key){case"ArrowUp":{o.preventDefault();this.focusToggle(o.target,"prev");return}case"ArrowDown":{o.preventDefault();this.focusToggle(o.target,"next");return}}};this.onTransitionEnd=o=>{const i=o.target;if(!this.scrollIntoViewOnTransitionEnd||i.tagName!=="LD-ACCORDION-PANEL"||i.closest("ld-accordion")!==this.el||!i.closest("ld-accordion-section").expanded){return}this.scrollIntoView(i.closest("ld-accordion-section"));this.scrollIntoViewOnTransitionEnd=false};this.brandColor=undefined;this.detached=false;this.rounded=false;this.single=false;this.tone=undefined}handleAccordionExpandChange(o){if(o.target.tagName!=="LD-ACCORDION-SECTION")return;if(this.single&&o.target.expanded){const i=[...o.target.parentElement.children].filter((i=>i!==o.target));i.forEach((o=>{o.expanded=false}))}if(o.detail){this.scrollIntoView(o.target)}}render(){const o=t(["ld-accordion",this.detached&&"ld-accordion--detached",this.brandColor&&"ld-accordion--brand-color",!this.brandColor&&this.tone&&`ld-accordion--${this.tone}`,this.rounded&&"ld-accordion--rounded"]);return d(a,{class:o,onKeydown:this.onKeydown,onTransitionEnd:this.onTransitionEnd},d("slot",null))}get el(){return r(this)}};n.style=c;const s=':host{--ld-accordion-panel-transition-duration:var(\n --ld-transition-duration-instant\n );background-color:var(--ld-accordion-bg-col);border-radius:var(--ld-accordion-border-radius);border-top-left-radius:inherit;border-top-right-radius:inherit;box-sizing:border-box;display:block;max-height:auto;max-height:var(--ld-accordion-panel-max-height,auto);overflow:hidden;position:relative;will-change:max-height}:host(.ld-accordion-panel--initialized){transition:max-height var(--ld-accordion-panel-transition-duration) ease}@media (prefers-reduced-motion:no-preference){:host(.ld-accordion-panel--initialized){--ld-accordion-panel-transition-duration:var(\n --ld-transition-duration-normal\n )}}:host(.ld-accordion-panel--expanded):before{background-color:var(--ld-accordion-panel-border-top-col);content:"";height:var(--ld-sp-2);left:0;position:absolute;right:0;top:0}:host(.ld-accordion-panel--expanded) .ld-accordion-panel__content{opacity:1;transition:opacity var(--ld-accordion-panel-transition-duration) linear;visibility:inherit}.ld-accordion-panel__content{opacity:0;transition:opacity var(--ld-accordion-panel-transition-duration) linear,visibility 0s var(--ld-accordion-panel-transition-duration) linear;visibility:hidden}';const g=class{constructor(d){o(this,d);this.ldaccordionmaxheightchange=i(this,"ldaccordionmaxheightchange",7);this.applyMaxHeight=(o=0)=>{if(o){this.innerPanelExpanding=true}if(this.expanded){this.ldaccordionmaxheightchange.emit(this.el.scrollHeight)}this.maxHeight=this.expanded?this.el.scrollHeight+o:0};this.handleInnerMaxHeightChange=o=>{if(o.target===this.el)return;o.stopImmediatePropagation();this.applyMaxHeight(o.detail)};this.onTransitionEnd=o=>{if(o.target===this.el){this.innerPanelExpanding=false}};this.expanded=undefined;this.initialized=false;this.transitionEnabled=false;this.maxHeight=undefined;this.resizeObserver=undefined;this.innerPanelExpanding=false}async setExpanded(o){this.expanded=o;this.applyMaxHeight()}componentDidLoad(){setTimeout((()=>{this.resizeObserver=new ResizeObserver((()=>{if(!this.innerPanelExpanding){this.applyMaxHeight()}}));this.resizeObserver.observe(this.contentRef);this.initialized=true}))}disconnectedCallback(){if(this.resizeObserver)this.resizeObserver.unobserve(this.contentRef)}render(){const o=t(["ld-accordion-panel",this.expanded&&"ld-accordion-panel--expanded",this.initialized&&"ld-accordion-panel--initialized"]);return d(a,{style:{"--ld-accordion-panel-max-height":this.maxHeight+"px"},class:o,onTransitionEnd:this.onTransitionEnd,onLdaccordionmaxheightchange:this.handleInnerMaxHeightChange},d("div",{part:"content",ref:o=>this.contentRef=o,class:"ld-accordion-panel__content"},d("slot",null)))}get el(){return r(this)}};g.style=s;const h=":host{display:block}";const b=class{constructor(d){o(this,d);this.ldaccordionchange=i(this,"ldaccordionchange",7);this.expanded=undefined;this.initialized=false}updateExpandedState(o){Array.from(this.el.children).forEach((i=>{if(typeof i.setExpanded==="function"){i.setExpanded(o)}}));if(this.initialized){this.ldaccordionchange.emit(o)}}handleToggleClick(o){const i="composedPath"in o?o.composedPath().at(0):o.target;if(l("ld-accordion-section",i)!==this.el){return}this.expanded=!this.expanded}componentWillLoad(){this.updateExpandedState(this.expanded);this.initialized=true}render(){const o=t(["ld-accordion-section",this.expanded&&"ld-accordion-section--expanded"]);return d(a,{class:o,onLdaccordiontoggleclick:this.handleToggleClick.bind(this)},d("slot",null))}get el(){return r(this)}static get watchers(){return{expanded:["updateExpandedState"]}}};b.style=h;const u=':host{border-radius:var(--ld-accordion-border-radius);display:block;position:relative;z-index:1}.ld-accordion-toggle__button,.ld-accordion-toggle__label,.ld-accordion-toggle__trigger{-webkit-touch-callout:none;border:0;box-sizing:border-box;margin:0;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.ld-accordion-toggle__button{align-items:center;background-color:var(--ld-accordion-bg-col);border-radius:inherit;color:var(--ld-accordion-col);direction:var(--ld-accordion-grid-dir);display:grid;font:var(--ld-typo-body-m);grid-template-columns:1fr var(--ld-accordion-toggle-size);padding:0;position:relative}.ld-accordion-toggle__button[aria-disabled]{color:var(--ld-accordion-col-disabled)}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:before{background-color:var(--ld-accordion-toggle-indicator-bg-col);border-radius:var(--ld-accordion-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:not([aria-disabled]:not([aria-disabled=""]:not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-bg-col-focus\n )}@media (hover:hover){:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:not([aria-disabled]:not([aria-disabled=""]:not([aria-disabled=false]))):where(:hover){--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-bg-col-hover\n )}}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:not([aria-disabled]:not([aria-disabled=""]:not([aria-disabled=false]))):where(:active),:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:not([aria-disabled]:not([aria-disabled=""]:not([aria-disabled=false]))):where(:active:focus-visible){--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-bg-col-active\n )}:host(.ld-accordion-toggle--expanded:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-col:var(--ld-accordion-col-focus)}@media (hover:hover){:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:hover){--ld-accordion-toggle-col:var(--ld-accordion-col-hover)}}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active),:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active:focus-visible){--ld-accordion-toggle-col:var(--ld-accordion-col-active)}.ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-accordion-toggle__trigger{color:var(--ld-accordion-trigger-icon-col)}.ld-accordion-toggle__label,.ld-accordion-toggle__trigger{background-color:initial;font:inherit}button.ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),button.ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),button.ld-accordion-toggle__trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-accordion-toggle__label{border-radius:var(--ld-accordion-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;padding:var(--ld-accordion-padding-y) var(--ld-accordion-padding-x);position:relative}.ld-accordion-toggle__trigger{align-items:center;border-radius:var(--ld-accordion-border-radius);border-bottom-left-radius:0;border-top-left-radius:0;display:grid;height:var(--ld-accordion-toggle-size);justify-items:center;overflow:hidden;place-items:center;position:relative;width:var(--ld-accordion-toggle-size)}.ld-accordion-toggle__label-content,.ld-accordion-toggle__trigger-content{display:grid;position:relative;transform:translateX(calc(-1 * var(--ld-sp-1)))}.ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-accordion-toggle__label-content{color:var(--ld-accordion-toggle-col)}:host(.ld-accordion-toggle--expanded){--ld-accordion-toggle-col:var(--ld-accordion-toggle-expanded-col);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.ld-accordion-toggle--expanded) .ld-accordion-toggle__trigger-icon{transform:scaleY(-1)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:before,:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:before{border-radius:var(--ld-br-s);bottom:var(--ld-sp-4);content:"";left:var(--ld-sp-4);left:var(--ld-sp-2);position:absolute;right:var(--ld-sp-4);top:var(--ld-sp-4)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label[aria-disabled],:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger[aria-disabled]{color:var(--ld-accordion-col-disabled)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:before{background-color:var(--ld-accordion-toggle-label-indicator-bg-col);transform:translateX(calc(var(--ld-sp-2)))}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:before{background-color:var(--ld-accordion-toggle-trigger-indicator-bg-col)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){background-color:var(--ld-accordion-bg-col)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-label-indicator-bg-col:var(\n --ld-accordion-bg-col-focus\n )}@media (hover:hover){:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:hover){--ld-accordion-toggle-label-indicator-bg-col:var(\n --ld-accordion-bg-col-hover\n )}}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active),:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active:focus-visible){--ld-accordion-toggle-label-indicator-bg-col:var(\n --ld-accordion-bg-col-active\n )}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-trigger-col:var(--ld-accordion-col-focus);--ld-accordion-toggle-trigger-indicator-bg-col:var(\n --ld-accordion-bg-col-focus\n )}@media (hover:hover){:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:hover){--ld-accordion-toggle-trigger-col:var(--ld-accordion-col-hover);--ld-accordion-toggle-trigger-indicator-bg-col:var(\n --ld-accordion-bg-col-hover\n )}}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active),:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active:focus-visible){--ld-accordion-toggle-trigger-col:var(--ld-accordion-col-active);--ld-accordion-toggle-trigger-indicator-bg-col:var(\n --ld-accordion-bg-col-active\n )}.ld-accordion-toggle__content{display:contents}';const p=class{constructor(d){o(this,d);this.ldaccordiontoggleclick=i(this,"ldaccordiontoggleclick",7);this.ldaccordionlabelclick=i(this,"ldaccordionlabelclick",7);this.handleToggleClick=o=>{o.preventDefault();if(this.disabled)return;this.ldaccordiontoggleclick.emit()};this.handleLabelClick=o=>{o.preventDefault();if(this.disabled)return;this.ldaccordionlabelclick.emit()};this.disabled=undefined;this.labelTag="button";this.ldTabindex=undefined;this.split=undefined;this.toggleLabel="Toggle";this.expanded=undefined;this.hasCustomIcon=false}async focusInner(){this.btnRef.focus({preventScroll:true})}async setExpanded(o){this.expanded=o}componentWillLoad(){this.hasCustomIcon=!!this.el.querySelector('[slot="icon"]')}render(){const o=t(["ld-accordion-toggle",this.expanded&&"ld-accordion-toggle--expanded",this.split&&"ld-accordion-toggle--split"]);const i=d("div",{class:"ld-accordion-toggle__trigger-content",part:"trigger-content"},d("slot",{name:"icon"}),!this.hasCustomIcon&&d("ld-icon",{name:"arrow-down",size:"sm",part:"trigger-icon","aria-hidden":"true",class:"ld-accordion-toggle__trigger-icon"}));const r=this.split?d("button",{part:"trigger focusable",class:"ld-accordion-toggle__trigger","aria-disabled":this.disabled?"true":undefined,"aria-expanded":this.expanded?"true":"false","aria-label":this.toggleLabel,onClick:this.handleToggleClick,ref:o=>this.btnRef=o},i):d("div",{part:"trigger",class:"ld-accordion-toggle__trigger"},i);const l=this.labelTag;const e=this.split?d(l,{part:`label${this.labelTag==="button"?" focusable":""}`,"aria-disabled":this.disabled?"true":undefined,class:"ld-accordion-toggle__label",onClick:this.handleLabelClick},d("div",{class:"ld-accordion-toggle__label-content",part:"label-content"},d("slot",null))):d("div",{part:"label",class:"ld-accordion-toggle__label"},d("div",{class:"ld-accordion-toggle__label-content",part:"label-content"},d("slot",null)));const c=d("div",{part:"content",class:"ld-accordion-toggle__content"},e,r);const n=this.split?d("div",{part:"toggle",class:"ld-accordion-toggle__button"},c):d("button",{"aria-disabled":this.disabled?"true":undefined,"aria-expanded":this.expanded?"true":"false",class:"ld-accordion-toggle__button",onClick:this.handleToggleClick,part:"toggle focusable",ref:o=>this.btnRef=o,tabindex:this.ldTabindex},c);return d(a,{class:o},n)}get el(){return r(this)}};p.style=u;export{n as ld_accordion,g as ld_accordion_panel,b as ld_accordion_section,p as ld_accordion_toggle}; -//# sourceMappingURL=p-bcd51be4.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-bdbeb76a.entry.js b/1704894792450/dist/build/p-bdbeb76a.entry.js deleted file mode 100644 index cd6e133000..0000000000 --- a/1704894792450/dist/build/p-bdbeb76a.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as a,h as s,H as e,g as o}from"./p-21a69c18.js";const n=".docs-page-nav__dark{display:none}.docs-page-nav__light{display:block}@media (prefers-color-scheme:dark){.docs-page-nav__dark{display:block}.docs-page-nav__light{display:none}}.docs-ui-dark .docs-page-nav__dark{display:block}.docs-ui-dark .docs-page-nav__light,.docs-ui-light .docs-page-nav__dark{display:none}.docs-ui-light .docs-page-nav__light{display:block}.docs-page-nav{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.docs-page-nav__container{width:100%}.docs-page-nav__content{display:flex;grid-auto-flow:column;justify-content:space-between}.docs-page-nav__pull,.docs-page-nav__push{flex-shrink:0;margin-bottom:var(--ld-sp-16)}.docs-page-nav__pull{margin-right:var(--ld-sp-16)}.docs-page-nav__push{margin-left:auto}.docs-page-nav--has-slot .docs-page-nav__push{margin-right:var(--ld-sp-16)}.docs-page-nav--has-slot .docs-page-nav__container{width:auto}@media (max-width:51.2rem){.docs-page-nav--has-slot>:last-child{display:none}}";const t=class{constructor(s){a(this,s);this.prevHref=undefined;this.nextHref=undefined;this.prevTitle="Back";this.nextTitle="Next";this.hasSlot=false}componentWillLoad(){this.hasSlot=this.el.childNodes.length>2}render(){return s(e,{class:{"docs-page-nav":true,"docs-page-nav--has-slot":this.hasSlot}},s("div",{class:"docs-page-nav__container docs-page-nav__dark"},s("div",{class:"docs-page-nav__content"},this.prevHref?s("ld-button",{"brand-color":true,class:"docs-page-nav__pull",mode:"secondary",href:this.prevHref},this.prevTitle):"",this.nextHref?s("ld-button",{"brand-color":true,class:"docs-page-nav__push",href:this.nextHref},this.nextTitle):"")),s("div",{class:"docs-page-nav__container docs-page-nav__light"},s("div",{class:"docs-page-nav__content"},this.prevHref?s("ld-button",{class:"docs-page-nav__pull",mode:"secondary",href:this.prevHref},this.prevTitle):"",this.nextHref?s("ld-button",{class:"docs-page-nav__push",href:this.nextHref},this.nextTitle):"")),s("slot",null))}get el(){return o(this)}};t.style=n;export{t as docs_page_nav}; -//# sourceMappingURL=p-bdbeb76a.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-bff13f85.entry.js b/1704894792450/dist/build/p-bff13f85.entry.js deleted file mode 100644 index eb2e9c1dbc..0000000000 --- a/1704894792450/dist/build/p-bff13f85.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as l,h as e,g as t}from"./p-21a69c18.js";import{c as a}from"./p-71026bf3.js";import{g as d}from"./p-1133c92e.js";const s=':host{display:inline-flex}:host .ld-label{width:100%}.ld-label{--ld-label-column-gap:0.625rem;--ld-label-row-gap:var(--ld-sp-6);--ld-label-col:var(--ld-col-neutral-900);--ld-label-disabled-col:var(--ld-col-neutral-300);align-content:flex-start;color:var(--ld-col-neutral-900);color:var(--ld-label-col);display:inline-grid;font:var(--ld-typo-label-s);gap:var(--ld-sp-6) 0;gap:var(--ld-label-row-gap) 0;max-width:100%}.ld-label--left,.ld-label--right{align-items:center;gap:0 var(--ld-label-column-gap);justify-content:flex-start}.ld-label--left>.ld-checkbox,.ld-label--left>.ld-input,.ld-label--left>.ld-radio,.ld-label--left>.ld-select,.ld-label--left>.ld-toggle,.ld-label--left>::slotted(.ld-checkbox),.ld-label--left>::slotted(.ld-input),.ld-label--left>::slotted(.ld-radio),.ld-label--left>::slotted(.ld-select),.ld-label--left>::slotted(.ld-toggle),.ld-label--right>.ld-checkbox,.ld-label--right>.ld-input,.ld-label--right>.ld-radio,.ld-label--right>.ld-select,.ld-label--right>.ld-toggle,.ld-label--right>::slotted(.ld-checkbox),.ld-label--right>::slotted(.ld-input),.ld-label--right>::slotted(.ld-radio),.ld-label--right>::slotted(.ld-select),.ld-label--right>::slotted(.ld-toggle){align-self:baseline;grid-area:input}.ld-label--left>.ld-input-message,.ld-label--left>::slotted(.ld-input-message),.ld-label--right>.ld-input-message,.ld-label--right>::slotted(.ld-input-message){grid-area:message;margin-top:var(--ld-sp-4)}.ld-label--align-message.ld-label--left>.ld-input-message,.ld-label--align-message.ld-label--left>::slotted(.ld-input-message){grid-column-start:2}.ld-label--align-message.ld-label--right>.ld-input-message,.ld-label--align-message.ld-label--right>::slotted(.ld-input-message){grid-column-end:2}.ld-label--left{grid-template-areas:"label input" "message message";grid-template-columns:1fr auto}.ld-label--right{grid-template-areas:"input label" "message message";grid-template-columns:auto 1fr}.ld-label--m{font:var(--ld-typo-label-m);line-height:1}';const i=class{constructor(e){l(this,e);this.handleClick=async l=>{const e=this.el.querySelector("ld-input, ld-textarea, ld-toggle, ld-select, ld-button, ld-checkbox, ld-radio, input, textarea, button, select");const t=e&&!(l.target===e||e.contains(l.target))&&!e["disabled"];if(t){if("focusInner"in e){await e.focusInner()}else{e.focus()}e.click()}};this.for=undefined;this.alignMessage=undefined;this.position=undefined;this.size=undefined;this.clonedAttributes=undefined}componentWillLoad(){this.attributesObserver=a.call(this,["align-message","position","size"])}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const l=d(["ld-label",this.alignMessage&&"ld-label--align-message",this.position&&`ld-label--${this.position}`,this.size&&`ld-label--${this.size}`]);return e("label",Object.assign({},this.clonedAttributes,{class:l,onClick:this.handleClick,part:"tag"}),e("slot",null))}get el(){return t(this)}};i.style=s;export{i as ld_label}; -//# sourceMappingURL=p-bff13f85.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-c0a477e6.entry.js b/1704894792450/dist/build/p-c0a477e6.entry.js deleted file mode 100644 index a936c351ec..0000000000 --- a/1704894792450/dist/build/p-c0a477e6.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,c as a,h as d,H as i,g as r}from"./p-21a69c18.js";import{g as l}from"./p-1133c92e.js";const n=':host{--ld-sidenav-header-height:3.125rem;--ld-sidenav-header-col:var(--ld-col-neutral-900);--ld-sidenav-header-bg-col:var(--ld-col-neutral-010);--ld-sidenav-header-anchor-col:var(--ld-thm-primary);--ld-sidenav-header-anchor-col-active:var(--ld-thm-primary-active);--ld-sidenav-header-anchor-col-hover:var(--ld-thm-primary-hover);--ld-sidenav-header-anchor-col-focus:var(--ld-thm-primary);--ld-sidenav-header-indicator-col:#0000;--ld-sidenav-header-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-header-indicator-col-active:var(--ld-thm-primary);align-items:center;background-color:var(--ld-col-neutral-010);background-color:var(--ld-sidenav-header-bg-col);color:var(--ld-col-neutral-900);color:var(--ld-sidenav-header-col);display:flex;flex-direction:row-reverse;flex-shrink:0;gap:.625rem;height:3.125rem;height:var(--ld-sidenav-header-height);padding:0 var(--ld-sidenav-padding-x);position:relative;z-index:1}:host(.ld-sidenav-header--right-aligned){flex-direction:row}.ld-sidenav-header__anchor{grid-gap:var(--ld-sp-12);align-items:center;border-radius:calc(var(--ld-sidenav-navitem-border-radius));color:inherit;display:grid;font-weight:700;gap:var(--ld-sp-12);grid-auto-flow:column;grid-template-columns:min-content;line-height:var(--ld-sidenav-line-height);margin-right:auto;min-height:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-12));outline-offset:var(--ld-sidenav-navitem-bg-inset);position:relative;-webkit-text-decoration:none;text-decoration:none;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-header__anchor[href]{color:var(--ld-sidenav-header-anchor-col)}.ld-sidenav-header__anchor[href]:focus:focus-visible{--ld-sidenav-header-indicator-col:var(\n --ld-sidenav-header-indicator-col-focus\n );color:var(--ld-sidenav-header-anchor-col-focus);outline:none}.ld-sidenav-header__anchor[href]:focus:focus-visible:after,.ld-sidenav-header__anchor[href]:focus:focus-visible:before{content:""}.ld-sidenav-header__anchor[href]:focus:focus-visible:active{--ld-sidenav-header-indicator-col:var(\n --ld-sidenav-header-indicator-col-active\n )}.ld-sidenav-header__anchor[href]:focus:focus-visible:active:before{opacity:.3}@media (hover:hover){.ld-sidenav-header__anchor[href]:hover{color:var(--ld-sidenav-header-anchor-col-hover)}}.ld-sidenav-header__anchor[href]:active,.ld-sidenav-header__anchor[href]:active:focus-visible{color:var(--ld-sidenav-header-anchor-col-active)}.ld-sidenav-header__anchor:after,.ld-sidenav-header__anchor:before{border-radius:var(--ld-sidenav-navitem-border-radius);bottom:calc(-1 * var(--ld-sp-6));display:block;left:calc(-1 * var(--ld-sp-6));position:absolute;right:calc(-1 * var(--ld-sp-6));top:calc(-1 * var(--ld-sp-6))}.ld-sidenav-header__anchor:before{background-color:var(--ld-sidenav-header-indicator-col);opacity:.2;z-index:1}.ld-sidenav-header__anchor:after{background-color:var(--ld-col-wht);z-index:0}:host(.ld-sidenav-header--closed) .ld-sidenav-header__anchor,:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__anchor{transform:translateX(var(--ld-sidenav-translate-x-delta));transition:visibility 0s calc(var(--ld-sidenav-transition-duration-collapse-expand) + var(--ld-sidenav-transition-delay-collapse-expand)) linear,opacity calc(.5 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__anchor{opacity:0}.ld-sidenav-header__initial-m,:host ::slotted([slot=logo]){color:var(--ld-thm-primary);height:100%;min-width:var(--ld-sidenav-navitem-icon-size);z-index:2}.ld-sidenav-header__initial-m{width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-header__toggle{-webkit-touch-callout:none;align-content:center;aspect-ratio:1;background-color:initial;border:0;border-radius:var(--ld-sidenav-navitem-border-radius);color:var(--ld-thm-primary);cursor:pointer;display:grid;justify-content:center;margin:var(--ld-sp-2) 0 auto 0;padding-bottom:0;padding-top:0;place-content:center;touch-action:manipulation;transform:translateX(var(--ld-sp-6));transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease,opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;width:var(--ld-sidenav-navitem-icon-size);will-change:transform}.ld-sidenav-header__toggle:after,.ld-sidenav-header__toggle:before{border-radius:inherit;bottom:0;display:block;left:0;position:absolute;right:0;top:0}.ld-sidenav-header__toggle:before{background-color:var(--ld-sidenav-header-indicator-col);opacity:.2;z-index:1}.ld-sidenav-header__toggle:after{background-color:var(--ld-col-wht);z-index:0}.ld-sidenav-header__toggle:where(:focus:focus-visible){--ld-sidenav-header-indicator-col:var(\n --ld-sidenav-header-indicator-col-focus\n );color:var(--ld-sidenav-header-anchor-col-focus);outline:none}.ld-sidenav-header__toggle:where(:focus:focus-visible):after,.ld-sidenav-header__toggle:where(:focus:focus-visible):before{content:""}.ld-sidenav-header__toggle:where(:focus:focus-visible):active{--ld-sidenav-header-indicator-col:var(\n --ld-sidenav-header-indicator-col-active\n )}.ld-sidenav-header__toggle:where(:focus:focus-visible):active:before{opacity:.3}@media (hover:hover){.ld-sidenav-header__toggle:where(:hover){color:var(--ld-sidenav-header-anchor-col-hover)}}.ld-sidenav-header__toggle:where(:active),.ld-sidenav-header__toggle:where(:active:focus-visible){color:var(--ld-sidenav-header-anchor-col-active)}:host(.ld-sidenav-header--closed) .ld-sidenav-header__toggle,:host(.ld-sidenav-header--collapsed-fully) .ld-sidenav-header__toggle{transition:visibility 0s calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease,opacity calc(var(--ld-sidenav-transition-duration-collapse-expand) * .5) linear;visibility:hidden}:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__toggle{transform:none}:host(.ld-sidenav-header--collapsed-fully) .ld-sidenav-header__toggle{opacity:0}:host(.ld-sidenav-header--right-aligned) .ld-sidenav-header__toggle{transform:none}:host(.ld-sidenav-header--right-aligned.ld-sidenav-header--collapsed) .ld-sidenav-header__toggle{transform:translateX(0)}.ld-sidenav-header__toggle-icon{z-index:2}:host(:not(.ld-sidenav-header--collapsed)) .ld-sidenav-header__toggle-icon{transform:scaleX(-100%)}:host(.ld-sidenav-header--right-aligned:not(.ld-sidenav-header--collapsed)) .ld-sidenav-header__toggle-icon{transform:none}:host(.ld-sidenav-header--right-aligned.ld-sidenav-header--collapsed) .ld-sidenav-header__toggle-icon{transform:scaleX(-100%)}.ld-sidenav-header__slot-wrapper{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;max-height:var(--ld-sidenav-header-height);overflow:hidden;position:relative;text-overflow:ellipsis;word-break:break-word;z-index:2}';const o=class{constructor(d){e(this,d);this.ldSidenavHeaderToggleClick=a(this,"ldSidenavHeaderToggleClick",7);this.handleToggleClick=()=>{this.ldSidenavHeaderToggleClick.emit()};this.href=undefined;this.ariaLabel=undefined;this.labelCollapse="Collapse side navigation";this.labelExpand="Expand side navigation";this.tetherOptions=undefined;this.sidenavAlignement=undefined;this.sidenavClosable=undefined;this.sidenavCollapsed=undefined;this.sidenavCollapsedFully=undefined;this.sidenavCollapsible=undefined;this.sidenavOpen=undefined}handleSidenavCollapsedChange(e){var a;if(e.target!==this.sidenav)return;this.sidenavCollapsed=e.detail.collapsed;this.sidenavCollapsedFully=e.detail.collapsed&&e.detail.fully;(a=this.tooltipRef)===null||a===void 0?void 0:a.hideTooltip()}handleSidenavBreakpointChange(e){var a;if(e.target!==this.sidenav)return;this.sidenavClosable=e.detail;(a=this.tooltipRef)===null||a===void 0?void 0:a.hideTooltip()}handleSidenavOpenChange(e){if(e.target!==this.sidenav)return;this.sidenavOpen=this.sidenav.open}async updateCollapsible(){if(this.sidenav){this.sidenavCollapsible=this.sidenav.collapsible}}componentWillLoad(){this.sidenav=this.el.closest("ld-sidenav");if(this.sidenav){this.sidenavAlignement=this.sidenav.align;this.sidenavCollapsible=this.sidenav.collapsible;this.sidenavCollapsed=this.sidenav.collapsed}}render(){const e=l(["ld-sidenav-header",!this.sidenavOpen&&this.sidenavClosable&&"ld-sidenav-header--closed",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-header--collapsed",this.sidenavCollapsedFully&&!this.sidenavClosable&&"ld-sidenav-header--collapsed-fully",this.sidenavAlignement==="right"&&"ld-sidenav-header--right-aligned"]);return d(i,{class:e},this.sidenavCollapsible&&d("ld-tooltip",{arrow:true,size:"sm",class:"ld-sidenav-header__tooltip",ref:e=>this.tooltipRef=e,"show-delay":"1000",part:"tooltip",position:this.sidenavAlignement==="left"?"right middle":"left middle",tag:"span",tetherOptions:this.tetherOptions},d("button",{slot:"trigger",role:"switch","brand-color":true,"aria-checked":this.sidenavCollapsed?"false":"true",class:"ld-sidenav-header__toggle",onClick:this.handleToggleClick,part:"toggle"},d("ld-icon",{class:"ld-sidenav-header__toggle-icon",name:"sidenav-right",part:"toggle-icon"}),d("ld-sr-only",null,this.sidenavCollapsed?this.labelExpand:this.labelCollapse)),d("ld-typo",{part:"tooltip-label"},this.sidenavCollapsed?this.labelExpand:this.labelCollapse)),d("a",{class:"ld-sidenav-header__anchor",href:this.href,part:"anchor","aria-label":this.ariaLabel},d("slot",{name:"logo"},d("svg",{class:"ld-sidenav-header__initial-m",fill:"none",part:"logo",preserveAspectRatio:"xMidYMid meet",viewBox:"2 6 20 12"},d("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.5921 7.5H19.1a.2955.2955 0 0 0-.1926.0727l-2.9895 2.6378c-1.0241.9043-2.4024 1.412-3.9177 1.412-1.5796 0-3.0088-.5544-4.0444-1.5266 0 0-2.199-1.9406-2.2179-1.958-.422-.369-1.0028-.624-1.6714-.6379h-1.785C2.126 7.5 2 7.6184 2 7.7645v7.4118c0 .7316.6301 1.3237 1.4083 1.3237h.9133c.1564 0 .2831-.1194.2831-.2661l.0007-2.6375c0-.6893.5987-1.2579 1.3204-1.2579 1.3434 0 2.3067 1.0814 3.177 1.8037 1.0661.8849 1.8871 1.7374 2.8974 1.7374 1.0092 0 1.8306-.8525 2.8966-1.7374.8707-.7223 1.834-1.8037 3.1767-1.8037.718 0 1.3137.5629 1.3208 1.2468v1.591c0 .7316.6305 1.3224 1.4089 1.3224h.6079c.1588 0 .3061.0013.3061.0013.1561 0 .2828-.1194.2828-.2658V8.8237C22 8.0925 21.3692 7.5 20.5921 7.5Z",fill:"currentcolor"}))),d("span",{part:"title",class:"ld-sidenav-header__slot-wrapper"},d("slot",null))))}get el(){return r(this)}};o.style=n;export{o as ld_sidenav_header}; -//# sourceMappingURL=p-c0a477e6.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-cdf78ae7.entry.js b/1704894792450/dist/build/p-cdf78ae7.entry.js deleted file mode 100644 index bc7af1ad04..0000000000 --- a/1704894792450/dist/build/p-cdf78ae7.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as a,h as i,H as n,g as s}from"./p-21a69c18.js";import{g as t}from"./p-1133c92e.js";import{c as e}from"./p-6e5841ef.js";const o=':host{--ld-sidenav-accordion-bg-col-hover:var(--ld-col-neutral-100);background:var(\n --ld-sidenav-bg-color\n );display:none;height:100%;position:absolute;top:0;transform:translateX(100%);visibility:hidden;width:100%;z-index:1}:host(.ld-sidenav-subnav--active){display:block}:host ::slotted(:where(:not(ld-sidenav-separator):not(ld-sidenav-navitem):not(ld-sidenav-subnav))){margin-bottom:var(--ld-sidenav-padding-y);transition:var(--ld-sidenav-collapse-content-transition);will-change:opacity,transform}:host ::slotted(.ld-sidenav-subnav__hidden){opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host ::slotted(.ld-sidenav-accordion){transform:none}.ld-sidenav-subnav__background{background-color:var(--ld-sidenav-bg-color);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--ld-sidenav-transition-duration) linear}.ld-sidenav-subnav__background:before{background-color:var(--ld-sidenav-subnav-bg-color);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.ld-sidenav-subnav__background--active{opacity:1}:host(.ld-sidenav-subnav--has-parent-subnav) .ld-sidenav-subnav__background{opacity:1}';const d=class{constructor(i){a(this,i);this.toggleVisibilityOnHidableContent=a=>{Array.from(this.el.children).forEach((i=>{if(!["LD-SIDENAV-ACCORDION","LD-SIDENAV-NAVITEM","LD-SIDENAV-SEPARATOR","LD-SIDENAV-SUBNAV"].includes(i.tagName)){i.classList.toggle("ld-sidenav-subnav__hidden",!a)}}))};this.activeBeforeTransition=false;this.active=false;this.ancestor=false;this.label=undefined;this.hasParentSubnav=undefined}async scrollToTop(a=false){this.scrollerRef.scrollToTop(a)}onActiveChange(a){var i;if(a){(i=this.scrollerRef)===null||i===void 0?void 0:i.updateShadows()}}onActiveBeforeTransitionChange(a){this.updateBackground(a)}updateBackground(a){setTimeout((()=>{this.bgRef.classList.toggle("ld-sidenav-subnav__background--active",a)}),20)}handleSidenavCollapsedChange(a){if(a.target!==this.sidenav)return;if(a.detail.collapsed){this.scrollToTop(true);this.toggleVisibilityOnHidableContent(false)}else{this.toggleVisibilityOnHidableContent(true)}}handleSidenavBreakpointChange(a){if(a.target!==this.sidenav)return;const i=a.detail;if(i){this.toggleVisibilityOnHidableContent(true)}else{this.toggleVisibilityOnHidableContent(!this.sidenav.collapsed)}}componentWillLoad(){this.sidenav=e("ld-sidenav",this.el);this.hasParentSubnav=this.el.parentElement.tagName==="LD-SIDENAV-SUBNAV"}render(){const a=t(["ld-sidenav-subnav",this.active&&"ld-sidenav-subnav--active",this.hasParentSubnav&&"ld-sidenav-subnav--has-parent-subnav"]);return i(n,{class:a},i("div",{ref:a=>this.bgRef=a,class:"ld-sidenav-subnav__background"}),i("ld-sidenav-scroller-internal",{style:{visibility:!this.active||this.ancestor?"hidden":"visible"},part:"scroll-container",ref:a=>this.scrollerRef=a},i("slot",null)))}get el(){return s(this)}static get watchers(){return{active:["onActiveChange"],activeBeforeTransition:["onActiveBeforeTransitionChange"]}}};d.style=o;export{d as ld_sidenav_subnav}; -//# sourceMappingURL=p-cdf78ae7.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-d2ce627c.entry.js b/1704894792450/dist/build/p-d2ce627c.entry.js deleted file mode 100644 index d4a922657f..0000000000 --- a/1704894792450/dist/build/p-d2ce627c.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as e,h as t,H as l,g as i,c as s}from"./p-21a69c18.js";import{T as d}from"./p-2f695d4a.js";import{g as a}from"./p-1133c92e.js";import{r}from"./p-8dc70a87.js";import{c as n}from"./p-6e5841ef.js";import{T as o}from"./p-6f9b9619.js";import{i as c}from"./p-b05f0e4e.js";import{s as h}from"./p-c2112f1e.js";import"./p-112455b1.js";const b="";const p=class{constructor(t){e(this,t);this.value=undefined;this.selected=undefined;this.disabled=undefined;this.filtered=false}componentWillLoad(){if(this.selected){this.el.setAttribute("selected","")}}render(){return t(l,null,t("slot",null))}get el(){return i(this)}};p.style=b;const v=e=>["LD-OPTION","LD-OPTION-INTERNAL"].includes(e===null||e===void 0?void 0:e.tagName);const f=e=>["LD-OPTGROUP","LD-OPTGROUP-INTERNAL"].includes(e===null||e===void 0?void 0:e.tagName);const w=e=>["LD-OPTION-INTERNAL"].includes(e===null||e===void 0?void 0:e.tagName);const _=e=>["LD-OPTGROUP-INTERNAL"].includes(e===null||e===void 0?void 0:e.tagName);const u=e=>e.hidden||e.filtered;const g=':host{display:inline-flex}:host .ld-select{flex-grow:1;max-width:100%}.ld-select *,.ld-select :after,.ld-select :before,:host *,:host :after,:host :before{box-sizing:border-box}.ld-select ul,:host ul{list-style:none}.ld-select{--ld-select-min-width:12.8125rem;--ld-select-min-height:var(--ld-sp-40);--ld-select-min-height-sm:var(--ld-sp-32);--ld-select-min-height-lg:3.125rem;--ld-select-padding-x:var(--ld-sp-12);--ld-select-padding-x-sm:0.625rem;--ld-select-padding-x-lg:0.875rem;--ld-select-padding-y:var(--ld-sp-8);--ld-select-padding-y-sm:var(--ld-sp-4);--ld-select-padding-y-lg:var(--ld-sp-8);--ld-select-padding-right:calc(var(--ld-sp-40) + var(--ld-sp-12));--ld-select-padding-right-sm:calc(var(--ld-sp-40) + 0.625rem);--ld-select-padding-right-lg:calc(var(--ld-sp-40) + 0.875rem);--ld-select-icon-size:1.25rem;--ld-select-icon-size-sm:var(--ld-sp-16);--ld-select-icon-size-lg:var(--ld-sp-24);--ld-select-trigger-line-height:1.25}.ld-select--sm{--ld-select-min-height:var(--ld-select-min-height-sm);--ld-select-padding-x:var(--ld-select-padding-x-sm);--ld-select-padding-y:var(--ld-select-padding-y-sm);--ld-select-padding-right:var(--ld-select-padding-right-sm);--ld-select-icon-size:var(--ld-select-icon-size-sm)}.ld-select--lg{--ld-select-min-height:var(--ld-select-min-height-lg);--ld-select-padding-x:var(--ld-select-padding-x-lg);--ld-select-padding-y:var(--ld-select-padding-y-lg);--ld-select-padding-right:var(--ld-select-padding-right-lg);--ld-select-icon-size:var(--ld-select-icon-size-lg)}.ld-select{--ld-select-col:var(--ld-col-neutral-900);--ld-select-col-disabled:var(--ld-col-neutral-100);--ld-select-col-border:var(--ld-col-neutral-100);--ld-select-col-border-hover:var(--ld-col-neutral-300);--ld-select-bg-col:var(--ld-col-wht);--ld-select-selection-col:var(--ld-col-wht);--ld-select-invalid-col:var(--ld-thm-error);--ld-select-invalid-icon-col-hover:var(--ld-thm-error-hover);--ld-select-invalid-icon-col-focus:var(--ld-thm-error-focus);--ld-select-invalid-icon-col-active:var(--ld-thm-error-active);--ld-select-invalid-disabled-bg-col:var(--ld-thm-error-disabled);--ld-select-thm-col:var(--ld-thm-primary);--ld-select-thm-col-hover:var(--ld-thm-primary-hover);--ld-select-thm-col-focus:var(--ld-thm-primary-focus);--ld-select-thm-col-active:var(--ld-thm-primary-active);--ld-select-ghost-trigger-bg-col-hover:var(--ld-thm-primary-alpha-lowest);--ld-select-ghost-trigger-bg-col-focus:var(--ld-thm-primary-alpha-low);display:inline-flex;position:relative}.ld-select ::slotted(ld-icon),.ld-select select+.ld-icon{height:var(--ld-select-icon-size);width:var(--ld-select-icon-size)}.ld-select ::slotted(ld-icon){display:contents!important}.ld-select select+.ld-icon,.ld-select select+.ld-select__icon{position:absolute;right:var(--ld-select-padding-x);top:50%;transform:translateY(-50%)}.ld-select select[multiple]+.ld-icon,.ld-select select[multiple]+.ld-select__icon{display:none}.ld-select select+.ld-icon{height:var(--ld-select-icon-size);width:var(--ld-select-icon-size)}.ld-select>select[multiple]{overflow:auto}@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0){.ld-select>select[multiple]{padding-right:calc(var(--ld-select-padding-x) + var(--ld-sp-24))}.ld-select>select[multiple]+.ld-icon,.ld-select>select[multiple]+.ld-select__icon{display:flex}}.ld-select--expanded .ld-tether-target-attached-bottom .ld-select__btn-trigger:not(.ld-select__btn-trigger--detached){border-bottom-left-radius:0;border-bottom-right-radius:0}:where(.ld-select:not(.ld-select--inline):not(.ld-select--ghost)){min-width:var(--ld-select-min-width)}.ld-select__btn-trigger,.ld-select__select{width:100%}.ld-select>select,.ld-select__btn-trigger{-webkit-touch-callout:none;align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--ld-select-bg-col);border:0;border-radius:var(--ld-br-m);color:var(--ld-select-col);display:flex;font:var(--ld-typo-body-m);height:100%;justify-content:flex-end;line-height:var(--ld-select-trigger-line-height);padding:var(--ld-select-padding-y) var(--ld-select-padding-x);position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ld-select>select:where(select),.ld-select__btn-trigger:where(select){width:100%}.ld-select>select:where(select:not([multiple])),.ld-select__btn-trigger:where(select:not([multiple])){padding-right:calc(var(--ld-select-padding-x) + var(--ld-sp-24))}.ld-select>select:where(.ld-select__btn-trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select>select:where(select:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select__btn-trigger:where(.ld-select__btn-trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select__btn-trigger:where(select:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-select>select:where([aria-expanded=true]),.ld-select__btn-trigger:where([aria-expanded=true]){z-index:2}.ld-select>select:where([aria-expanded=true]):not(:focus:focus-visible):not(.ld-select__btn-trigger--detached),.ld-select__btn-trigger:where([aria-expanded=true]):not(:focus:focus-visible):not(.ld-select__btn-trigger--detached){box-shadow:none}.ld-select>select:disabled,.ld-select>select:disabled+.ld-icon,.ld-select>select:disabled+.ld-select__icon,.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-icon,.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-select__icon,.ld-select__btn-trigger:disabled,.ld-select__btn-trigger:disabled+.ld-icon,.ld-select__btn-trigger:disabled+.ld-select__icon,.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-icon,.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-select__icon{color:var(--ld-select-col-disabled)}.ld-select__btn-trigger{overflow:hidden}:where(.ld-select),:where(.ld-select)>select{min-height:var(--ld-select-min-height)}.ld-select--ghost .ld-select__btn-trigger,.ld-select--ghost select,.ld-select--ghost:not(ld-select){background-color:initial}.ld-select--ghost .ld-select__btn-trigger:not(:focus),.ld-select--ghost select:not(:focus){box-shadow:none}.ld-select:where(:not(.ld-select--ghost)):where(.ld-select--detached) :where(.ld-select__btn-trigger),.ld-select:where(:not(.ld-select--ghost)):where(.ld-select--detached) :where(select),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--detached):not(.ld-select--expanded)) :where(.ld-select__btn-trigger),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--detached):not(.ld-select--expanded)) :where(select){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border)}@media (hover:hover){.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) .ld-select__btn-trigger:where(.ld-select__btn-trigger--detached:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) .ld-select__btn-trigger:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-select__btn-trigger--detached):not([aria-expanded=true])):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) select:where(.ld-select__btn-trigger--detached:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-select__btn-trigger--detached):not([aria-expanded=true])):hover:not(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border-hover)}}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled)):where(:focus:focus-visible),.ld-select--invalid>select:where(:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(:focus:focus-visible)),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(:focus:focus-visible)){background-color:var(--ld-select-invalid-disabled-bg-col);color:var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(.ld-select__btn-trigger--ghost)),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(.ld-select__btn-trigger--ghost)){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-select__icon{color:var(--ld-select-invalid-col)}@media (hover:hover){.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-select__icon{color:var(--ld-select-invalid-icon-col-hover)}}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-select__icon{color:var(--ld-select-invalid-icon-col-focus)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-select__icon{color:var(--ld-select-invalid-icon-col-active)}.ld-select__btn-trigger-text-wrapper,.ld-select__selection-list{flex-grow:1}.ld-select__btn-trigger-text-wrapper{align-items:center;display:flex;font:var(--ld-typo-label-m);height:calc(100% + var(--ld-sp-12));line-height:var(--ld-select-trigger-line-height);margin:calc(-1 * var(--ld-sp-6)) 0;overflow:hidden;padding:var(--ld-sp-6) var(--ld-sp-8) var(--ld-sp-6) 0}.ld-select>select,.ld-select__btn-trigger-text,.ld-select__selection-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-select__selection-list-container{display:flex;flex-direction:column-reverse;gap:var(--ld-sp-6);margin-right:auto}.ld-select__selection-list{display:flex;flex-wrap:wrap;margin:calc(-1 * var(--ld-sp-1)) var(--ld-sp-4) calc(-1 * var(--ld-sp-4)) 0;overflow:hidden;padding:0}.ld-select__selection-list-item{flex:0 1;margin-bottom:var(--ld-sp-4);margin-right:var(--ld-sp-4);width:100%}.ld-select__selection-list-item--overflowing{display:none}.ld-select__selection-list-more{align-items:center;border-radius:var(--ld-br-m);display:inline-flex;font:var(--ld-typo-label-s);font-weight:700;margin-bottom:var(--ld-sp-4);margin-right:var(--ld-sp-4);order:2147483647;padding:var(--ld-sp-4) var(--ld-sp-6)}.ld-select__btn-clear,.ld-select__btn-clear-single{-webkit-touch-callout:none;background-color:initial;border:0;border-radius:var(--ld-br-full);line-height:0;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ld-select__btn-clear-single:not(:disabled),.ld-select__btn-clear:not(:disabled){cursor:pointer}.ld-select__btn-clear{flex-shrink:0;margin-right:var(--ld-sp-6)}.ld-select__btn-clear:disabled{color:var(--ld-select-col-disabled)}.ld-select__btn-clear-single{margin-left:var(--ld-sp-6);z-index:1}.ld-select__selection-label{align-items:center;color:var(--ld-select-selection-col);display:inline-flex;font:var(--ld-typo-label-s);font-weight:700;padding:var(--ld-sp-4) var(--ld-sp-6);position:relative;width:100%}.ld-select__selection-label-bg{border-radius:var(--ld-br-m);bottom:0;left:0;position:absolute;right:0;top:0}:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__selection-label-bg{background-color:var(--ld-select-col-disabled)}.ld-select__selection-label-text{z-index:1}.ld-select__btn-clear-single-icon{--ld-select-btn-clear-single-size:0.75rem;height:.75rem;height:var(--ld-select-btn-clear-single-size);width:.75rem;width:var(--ld-select-btn-clear-single-size)}.ld-select__btn-clear-icon{--ld-select-btn-clear-size:1.25rem;height:1.25rem;height:var(--ld-select-btn-clear-size);width:1.25rem;width:var(--ld-select-btn-clear-size)}.ld-select__icon{fill:none;height:var(--ld-sp-16);width:var(--ld-sp-16)}.ld-select ::slotted(ld-icon),.ld-select select+.ld-icon,.ld-select__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;pointer-events:none}:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select ::slotted(ld-icon),:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select select+.ld-icon,:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__icon,:where(select:disabled) .ld-select ::slotted(ld-icon),:where(select:disabled) .ld-select select+.ld-icon,:where(select:disabled) .ld-select__icon,:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select ::slotted(ld-icon),:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select select+.ld-icon,:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__icon{color:var(--ld-select-col-disabled)}.ld-select ::slotted(ld-icon) .ld-icon,.ld-select ::slotted(ld-icon) svg,.ld-select select+.ld-icon .ld-icon,.ld-select select+.ld-icon svg,.ld-select__icon .ld-icon,.ld-select__icon svg{height:100%;width:100%}.ld-select__icon--rotated{transform:rotate(180deg);transform-origin:center}.ld-select__slot-container{display:none}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) .ld-select__btn-trigger:where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):hover:not(:focus),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):hover:not(:focus){background-color:var(--ld-select-ghost-trigger-bg-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):active,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):active:focus-visible,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):active,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):active:focus-visible{background-color:var(--ld-select-ghost-trigger-bg-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled))+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled))+.ld-select__icon{color:var(--ld-select-thm-col)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover)+.ld-select__icon{color:var(--ld-select-thm-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible)+.ld-select__icon{color:var(--ld-select-thm-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible)+.ld-select__icon{color:var(--ld-select-thm-col-active)}:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) :where(.ld-select__btn-trigger):where(:focus:focus-visible),:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) :where(select:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__selection-list-more{color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__selection-label-bg{background-color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:focus:focus-visible)+.ld-select__selection-label-bg{background-color:var(--ld-select-thm-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:active)+.ld-select__selection-label-bg,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:active:focus-visible)+.ld-select__selection-label-bg{background-color:var(--ld-select-thm-col-active)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear{color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:focus:focus-visible){color:var(--ld-select-thm-col-focus)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:hover){color:var(--ld-select-thm-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:active),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:active:focus-visible){color:var(--ld-select-thm-col-active)}';const m=class{constructor(t){e(this,t);this.ldchange=s(this,"ldchange",7);this.ldinput=s(this,"ldinput",7);this.ldoptioncreate=s(this,"ldoptioncreate",7);this.isObserverEnabled=true;this.optionSelectListenerEnabled=true;this.isDisabled=()=>this.disabled||c(this.ariaDisabled);this.updateTriggerMoreIndicator=(e=false)=>{if(!this.multiple||!this.maxRows)return;if(e)this.hasMore=false;requestAnimationFrame((()=>{var e;if(!this.selectionListRef)return;const t=Array.from(this.selectionListRef.querySelectorAll(".ld-select__selection-list-item"));if(!this.hasMore){(e=this.selectionListRef.querySelector(".ld-select__selection-list-more"))===null||e===void 0?void 0:e.remove();t.forEach((e=>{e.classList.remove("ld-select__selection-list-item--overflowing")}))}if(this.isOverflowing()){let e;if(!this.hasMore){e=document.createElement("li");e.classList.add("ld-select__selection-list-more");this.selectionListRef.prepend(e)}else{e=this.selectionListRef.querySelector(".ld-select__selection-list-more")}this.hasMore=true;const l=this.maxRows*1.75*16;let i=0;t.forEach((e=>{const t=i?true:e.offsetTop>=l;e.classList[t?"add":"remove"]("ld-select__selection-list-item--overflowing");if(t)i++}));const s=()=>{e=this.selectionListRef.querySelector(".ld-select__selection-list-more");e.innerText=`+${i}`;if(e.offsetTop{s()}))}};s()}}))};this.updatePopperWidth=()=>{this.listboxRef.style.setProperty("width",`${this.selectRef.getBoundingClientRect().width}px`)};this.updatePopperShadowHeight=()=>{const e=this.listboxRef;e.updateShadowHeight(`calc(100% + ${this.triggerRef.getBoundingClientRect().height}px)`)};this.updatePopperTheme=()=>{const e=this.el.closest('[class*="ld-theme-"]');if(!e)return;setTimeout((()=>{var t;this.theme=(t=e.classList.toString().split(" ").find((e=>e.startsWith("ld-theme-"))))===null||t===void 0?void 0:t.substring(9)}))};this.updatePopper=()=>{if(!this.popper)this.initPopper();this.popper.position();this.updatePopperWidth();this.updatePopperShadowHeight();this.updatePopperTheme()};this.initPopper=()=>{const e=typeof this.tetherOptions==="string"?JSON.parse(this.tetherOptions):this.tetherOptions;const t=Object.assign({classPrefix:"ld-tether",element:this.listboxRef,target:this.selectRef,attachment:"top left",targetAttachment:"bottom left",offset:this.mode?"-4px 0":"0 0",constraints:[{to:"window",pin:true}]},e);this.popper=new d(t);this.initPopperObserver();this.listboxRef.classList.add("ld-select__popper--initialized")};this.getOptsRec=e=>{const t=e.flatMap((e=>{if(v(e)){return e}if(f(e)){return this.getOptsRec(Array.from(e.children))}return[]}));return t};this.getInternalOptionHTML=(e,t=false)=>{const l=e.classList.toString();return`${e.innerHTML.replaceAll(/(.|\n|\r)*<\/ld-icon>/g,"")}`};this.getInternalOptgroupHTML=e=>{const t=e.classList.toString();return`${Array.from(e.children).map((t=>this.getInternalOptionHTML(t,e.disabled))).join("")}`};this.initOptions=()=>{const e=this.initialized;const t=Array.from(e?this.internalOptionsContainerRef.children:this.el.children);const l=this.getOptsRec(t);if(!l.length){throw new TypeError("ld-select requires at least one ld-option element as a child, but found none.")}const i=l.filter((e=>e.selected));if(i.length>1&&!this.multiple){throw new TypeError("Multiple selected options are not allowed, if multiple option is not set.")}if(!e){let e="";t.forEach((t=>{if(v(t)){e+=this.getInternalOptionHTML(t)}else if(f(t)){e+=this.getInternalOptgroupHTML(t)}}));this.internalOptionsHTML=e}this.selected=i.map((e=>({value:e.value,html:e.innerHTML,text:e.innerText})));if(this.listboxRef){this.typeAheadHandler.options=this.listboxRef.querySelectorAll("ld-option-internal")}this.updateTriggerMoreIndicator(true)};this.updateSelectedHiddenInputs=e=>{const t=e.map((({value:e})=>e));const l=this.el.querySelectorAll("input");l.forEach((e=>{const l=t.indexOf(e.value);if(l>=0){t.splice(l,1)}else{e.remove()}}));if(e.length===0){this.appendHiddenInput();return}t.forEach(this.appendHiddenInput)};this.appendHiddenInput=e=>{const t=document.createElement("input");t.setAttribute("slot","hidden");t.name=this.name;t.type="hidden";if(e!==undefined){t.value=e}this.el.appendChild(t)};this.handleSlotChange=e=>{if(!this.isObserverEnabled)return;if(!e.some((e=>v(e.target)||f(e.target)))){return}this.initialized=false;const t=[...this.selected];this.initOptions();this.initialized=true;const l=[...this.selected];this.emitEventsAndUpdateHidden(l,t)};this.handlePopperChange=e=>{var t;if(this.listboxRef.classList.contains("ld-tether-enabled")&&e.some((e=>e.oldValue.includes("display: none;")))){let e;if(!this.multiple){e=(t=Array.from(this.listboxRef.querySelectorAll("ld-option-internal")).find((e=>e.hasAttribute("selected"))))===null||t===void 0?void 0:t.shadowRoot.querySelector('[role="option"]')}if(!e){if(this.filter){e=this.getFilterInput()}else{e=this.triggerRef}}e.focus()}};this.initSlotChangeObserver=()=>{this.slotChangeObserver=new MutationObserver(this.handleSlotChange);this.slotChangeObserver.observe(this.el,{subtree:true,childList:true,attributes:true})};this.initPopperObserver=()=>{this.popperObserver=new MutationObserver(this.handlePopperChange);this.popperObserver.observe(this.listboxRef,{subtree:false,childList:false,attributes:true,attributeFilter:["style"],attributeOldValue:true})};this.getFilterInput=()=>this.listboxRef.shadowRoot.querySelector(".ld-select-popper__filter-input");this.togglePopper=()=>{if(!this.popper)this.initPopper();this.expanded=!this.expanded;if(this.expanded){this.popper.enable()}else{this.popper.disable();this.focusInner()}};this.clearSelection=()=>{Array.from(this.listboxRef.querySelectorAll("ld-option-internal")).forEach((e=>{e.selected=false}));this.selected=[]};this.handleHome=e=>{e.preventDefault();this.focusInner()};this.handleEnd=e=>{e.preventDefault();const t=Array.from(this.listboxRef.querySelectorAll("ld-option-internal")).filter((e=>!u(e)));if(document.activeElement!==t[t.length-1]){t[t.length-1].focusInner()}};this.selectAndFocus=(e,t)=>{if(!t)return;if(this.multiple&&e.shiftKey){if(w(document.activeElement)&&!_(document.activeElement)&&!document.activeElement.hasAttribute("selected")){document.activeElement.dispatchEvent(new KeyboardEvent("keydown",{key:" "}))}if(!t.hasAttribute("selected")&&!_(t)){t.dispatchEvent(new KeyboardEvent("keydown",{key:" "}))}}t.focusInner()};this.handleFilterChange=e=>{const t=this.internalOptionsContainerRef.querySelectorAll("ld-option-internal, ld-optgroup-internal");const l=e.detail.trim().toLowerCase();let i=true;let s=false;const d=Array.from(t).filter((e=>{const t=w(e)?e.textContent.toLowerCase():e.label.toLowerCase();const d=Boolean(l)&&!t.includes(l);e.filtered=d;if(t===l){s=true}if(!e.filtered){i=false}return!d}));this.typeAheadHandler.options=d;this.allOptsFiltered=i;this.filterMatchesOpt=s;requestAnimationFrame((()=>{this.updatePopper()}))};this.handleFilterCreate=()=>{if(!this.multiple){const e=this.el.querySelectorAll("ld-option");e.forEach((e=>{e.selected=false}))}const e=this.getFilterInput().value;this.resetFilter();this.ldoptioncreate.emit(e)};this.canCreate=()=>Boolean(this.creatable&&!this.filterMatchesOpt&&this.getFilterInput().value);this.focusPrev=(e,t)=>{if(w(e.previousElementSibling)){if(u(e.previousElementSibling)){this.focusPrev(e.previousElementSibling,t);return}this.selectAndFocus(t,e.previousElementSibling);return}if(_(e.previousElementSibling)){const l=Array.from(e.previousElementSibling.children).at(-1);if(u(l)){this.focusPrev(l,t);return}this.selectAndFocus(t,l);return}const l=w(e)&&e.closest("ld-optgroup-internal");if(l){if(u(l)){this.focusPrev(l,t);return}l.focusInner();return}if(this.filter){this.getFilterInput().focus();return}this.handleHome(t)};this.focusNext=(e,t)=>{if(_(e)){const l=e.children[0];if(u(l)){this.focusNext(l,t);return}this.selectAndFocus(t,l);return}if(w(e.nextElementSibling)){if(u(e.nextElementSibling)){this.focusNext(e.nextElementSibling,t);return}this.selectAndFocus(t,e.nextElementSibling);return}if(_(e.nextElementSibling)){if(u(e.nextElementSibling)){const l=e.nextElementSibling.children[0];if(u(l)){this.focusNext(l,t);return}this.selectAndFocus(t,l);return}this.selectAndFocus(t,e.nextElementSibling);return}const l=w(e)&&e.closest("ld-optgroup-internal");if(l){const e=l.nextElementSibling;if(!e)return;if(u(e)){this.focusNext(e,t);return}e.focusInner()}};this.resetFilter=()=>{this.allOptsFiltered=false;this.filterMatchesOpt=false;if(!this.filter)return;const e=this.getFilterInput();if(!e)return;e.value="";const t=this.internalOptionsContainerRef.querySelectorAll("ld-option-internal, ld-optgroup-internal");t.forEach((e=>{e.filtered=false}));this.typeAheadHandler.options=t;this.listboxRef.resetFilter()};this.handleFocusEvent=e=>{if(e.relatedTarget===null||e.relatedTarget===this.listboxRef||v(e.relatedTarget)||f(e.relatedTarget)||n("ld-select",e.relatedTarget)===this.el){e.stopImmediatePropagation()}else{this.expanded=false;this.resetFilter()}};this.handleTriggerClick=e=>{e.preventDefault();if(this.isDisabled())return;this.togglePopper()};this.handleClearClick=e=>{e.preventDefault();e.stopImmediatePropagation();if(this.isDisabled())return;this.clearSelection();this.focusInner()};this.handleClearSingleClick=(e,t)=>{var l;e.preventDefault();e.stopImmediatePropagation();if(this.isDisabled())return;this.selected=this.selected.filter((e=>e.value!==t));(l=this.listboxRef.querySelector(`ld-option-internal[value='${t}']`))===null||l===void 0?void 0:l.dispatchEvent(new KeyboardEvent("keydown",{key:" "}))};this.ariaDisabled=undefined;this.autofocus=undefined;this.creatable=undefined;this.createInputLabel="Press Enter to create option";this.createButtonLabel="Create option";this.disabled=undefined;this.form=undefined;this.filter=undefined;this.filterPlaceholder="Filter options";this.invalid=undefined;this.ldTabindex=0;this.maxRows=undefined;this.mode=undefined;this.multiple=undefined;this.name=undefined;this.placeholder=undefined;this.popperClass=undefined;this.preventDeselection=undefined;this.required=undefined;this.sanitizeConfig=undefined;this.selected=[];this.size=undefined;this.tetherOptions=undefined;this.allOptsFiltered=false;this.filterMatchesOpt=false;this.expanded=false;this.hasCustomIcon=false;this.hasMore=false;this.initialized=false;this.internalOptionsHTML=undefined;this.renderHiddenInput=false;this.theme=undefined;this.typeAheadHandler=undefined}async focusInner(){if(!this.disabled){this.triggerRef.focus({focusVisible:true})}}emitEventsAndUpdateHidden(e,t){if(!this.initialized)return;const l=e.map((e=>e.value));const i=t.map((e=>e.value));if(JSON.stringify(l)===JSON.stringify(i))return;this.updateTriggerMoreIndicator(true);if(this.renderHiddenInput){this.updateSelectedHiddenInputs(e)}this.isObserverEnabled=false;this.el.querySelectorAll("ld-option").forEach((e=>{e.selected=l.some((t=>t===e.value));if(!e.selected&&e.hidden){this.listboxRef.querySelector(`ld-option-internal[value="${e.value}"]`).remove();e.remove()}}));this.isObserverEnabled=true;this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true}));this.ldchange.emit(l);this.ldinput.emit(l)}isOverflowing(){return this.selectionListRef.scrollHeight>this.selectionListRef.clientHeight+2}updateHiddenInputs(){const e=this.el.querySelectorAll("input");const t=this.el.closest("form");if(!this.name||!(t||this.form)){e.forEach((e=>{e.remove()}));return}if(!e.length){this.updateSelectedHiddenInputs(this.selected);return}e.forEach((e=>{e.name=this.name;if(this.form){e.setAttribute("form",this.form)}}))}handleWindowResize(){if(this.isDisabled())return;this.updatePopperWidth();this.updateTriggerMoreIndicator(true);this.updatePopperShadowHeight()}handleSelect(e){const t=e.target;if(t.closest('[role="listbox"]')!==this.listboxRef)return;if(!this.optionSelectListenerEnabled)return;this.optionSelectListenerEnabled=false;if(!this.multiple){this.listboxRef.querySelectorAll("ld-option-internal").forEach((e=>{if(e!==t.closest("ld-option-internal")){e.selected=false}}));this.togglePopper();if(this.filter){this.resetFilter();this.focusInner()}}this.initOptions();this.optionSelectListenerEnabled=true}handleKeyDown(e){var t;if(this.isDisabled())return;if(e.metaKey&&!["ArrowDown","ArrowUp"].includes(e.key))return;if(document.activeElement.closest('[role="listbox"]')!==this.listboxRef&&document.activeElement.closest("ld-select")!==this.el){return}const l=this.filter&&((t=this.listboxRef)===null||t===void 0?void 0:t.shadowRoot.activeElement)===this.getFilterInput();if(l){if(this.canCreate()&&e.key==="Enter"){this.handleFilterCreate();return}if(!["ArrowDown","ArrowUp","End","Escape","Home","Tab"].includes(e.key)){return}}if(this.el.shadowRoot.activeElement===this.btnClearRef&&(e.key===" "||e.key==="Enter")){return}switch(e.key){case"ArrowDown":{e.preventDefault();if(!this.expanded){this.togglePopper();return}if(e.metaKey){this.handleEnd(e);return}if(document.activeElement===this.el||l){if(this.filter&&!l){this.getFilterInput().focus()}else{const t=Array.from(this.listboxRef.querySelectorAll("ld-option-internal, ld-optgroup-internal")).find((e=>!u(e)));this.selectAndFocus(e,t)}}else{this.focusNext(document.activeElement,e)}break}case"ArrowUp":{e.preventDefault();if(!this.expanded){this.togglePopper();return}if(e.metaKey||l){this.handleHome(e);return}if(w(document.activeElement)||_(document.activeElement)){this.focusPrev(document.activeElement,e)}break}case"Home":if(this.expanded){this.handleHome(e)}break;case"End":if(this.expanded){this.handleEnd(e)}break;case" ":{e.stopImmediatePropagation();e.preventDefault();if(this.expanded){this.togglePopper()}else{this.togglePopper()}break}case"Enter":e.preventDefault();if(this.expanded&&this.el.shadowRoot.activeElement===this.triggerRef){this.togglePopper()}break;case"Escape":if(this.expanded){e.preventDefault();e.stopImmediatePropagation();this.togglePopper()}break;case"Tab":if(this.expanded&&document.activeElement.closest('[role="listbox"]')===this.listboxRef){e.preventDefault();e.stopImmediatePropagation()}break;default:if(this.expanded){e.stopImmediatePropagation();e.preventDefault();this.typeAheadHandler.typeAhead(e.key)}}}handleClickOutside(e){const t="composedPath"in e?e.composedPath().at(0):e.target;if(e.isTrusted&&n("ld-select",t)!==this.el&&n('[role="listbox"]',t)!==this.listboxRef){this.expanded=false;this.resetFilter()}}handleTouchOutside(e){this.handleClickOutside(e)}componentWillLoad(){const e=this.el.closest("form");if(this.name&&(e||this.form)){this.renderHiddenInput=true}const t=this.el.querySelector("ld-icon");this.hasCustomIcon=!!t;if(t){t.setAttribute("size",this.size)}this.initOptions();if(this.renderHiddenInput){this.updateSelectedHiddenInputs(this.selected)}r(this.autofocus)}componentDidLoad(){setTimeout((()=>{this.initSlotChangeObserver();this.typeAheadHandler=new o(this.listboxRef.querySelectorAll("ld-option-internal"));this.initialized=true}))}componentDidUpdate(){if(this.expanded){this.updatePopper()}}disconnectedCallback(){if(this.popperObserver)this.popperObserver.disconnect();if(this.popper)this.popper.destroy();if(this.slotChangeObserver)this.slotChangeObserver.disconnect();if(this.listboxRef)this.listboxRef.remove();if(this.typeAheadHandler)this.typeAheadHandler.clearTimeout()}render(){var e,i,s;const d=!!this.mode;const r=this.mode==="inline"||this.mode==="ghost";const n=!this.multiple&&this.mode==="ghost";const o=["ld-select",this.disabled&&"ld-select--disabled",this.size&&`ld-select--${this.size}`,this.invalid&&"ld-select--invalid",this.expanded&&"ld-select--expanded",d&&"ld-select--detached",r&&"ld-select--inline",n&&"ld-select--ghost"];const b=["ld-select__btn-trigger",this.invalid&&"ld-select__btn-trigger--invalid",d&&"ld-select__btn-trigger--detached",r&&"ld-select__btn-trigger--inline",n&&"ld-select__btn-trigger--ghost"];const p=["ld-select__icon",this.expanded&&"ld-select__icon--rotated"];const v=this.multiple?this.placeholder:((e=this.selected[0])===null||e===void 0?void 0:e.html)||this.placeholder;const f=this.multiple?this.placeholder:((i=this.selected[0])===null||i===void 0?void 0:i.text)||this.placeholder;return t(l,null,t("div",{class:a(o),"aria-disabled":this.isDisabled()?"true":undefined,part:"root",onBlur:this.handleFocusEvent,onFocusout:this.handleFocusEvent,style:this.expanded?{zIndex:"2147483647"}:undefined},this.renderHiddenInput&&t("slot",{name:"hidden"}),t("div",{class:"ld-select__slot-container",part:"slot-container"},t("slot",null)),t("div",{class:"ld-select__select",part:"select",ref:e=>this.selectRef=e},t("div",{class:a(b),role:"button",part:"btn-trigger focusable",tabindex:this.disabled&&!c(this.ariaDisabled)?undefined:this.ldTabindex,"aria-disabled":this.isDisabled()?"true":undefined,"aria-haspopup":"listbox","aria-expanded":this.expanded?"true":"false","aria-label":f,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},this.multiple&&this.selected.length?t("div",{class:"ld-select__selection-list-container",part:"selection-list-container"},t("ul",{class:"ld-select__selection-list",part:"selection-list","aria-label":"Selected options",ref:e=>this.selectionListRef=e,style:{maxHeight:this.maxRows&&this.maxRows>0?`${this.maxRows*1.75}rem`:undefined}},this.selected.map(((e,l)=>t("li",{key:l,class:"ld-select__selection-list-item",style:{order:l+1+""},part:"selection-list-item"},t("label",{class:"ld-select__selection-label"},t("span",{class:"ld-select__selection-label-text",title:e.text,part:"selection-label-text",innerHTML:h(e.html,this.sanitizeConfig)}),t("button",{disabled:this.isDisabled()?true:undefined,class:"ld-select__btn-clear-single",part:"btn-clear-single focusable",onClick:t=>{this.handleClearSingleClick.call(this,t,e.value)}},t("svg",{class:"ld-select__btn-clear-single-icon",part:"icon-clear-single",fill:"none",viewBox:"0 0 12 12"},t("title",null,"Clear"),t("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M2 2l8 8M2 10l8-8"}))),t("span",{class:"ld-select__selection-label-bg",part:"selection-label-bg"}))))))):t("span",{class:"ld-select__btn-trigger-text-wrapper",title:f,part:"trigger-text-wrapper"},t("span",{class:"ld-select__btn-trigger-text",part:"trigger-text",innerHTML:h(v,this.sanitizeConfig)})),((s=this.selected)===null||s===void 0?void 0:s.length)&&this.multiple?t("button",{class:"ld-select__btn-clear",disabled:this.isDisabled()?true:undefined,onClick:this.handleClearClick,ref:e=>this.btnClearRef=e,part:"btn-clear focusable"},t("svg",{class:"ld-select__btn-clear-icon",fill:"none",viewBox:"0 0 21 20",part:"icon-clear"},t("title",null,"Clear all"),t("path",{fill:"currentColor","fill-rule":"evenodd",d:"M10 20a10 10 0 100-20 10 10 0 000 20z","clip-rule":"evenodd"}),t("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6.67 6.67l6.67 6.66M6.67 13.33l6.67-6.66"}))):"",t("slot",{name:"icon"}),!this.hasCustomIcon&&t("svg",{class:a(p),role:"presentation",viewBox:"0 0 16 16",part:"trigger-icon"},t("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3",d:"M3 6l5 4 5-4"})))),t("ld-select-popper",{allOptionsFiltered:this.allOptsFiltered,creatable:this.creatable,createButtonLabel:this.createButtonLabel,createInputLabel:this.createInputLabel,detached:d,expanded:this.expanded,filter:this.filter,filterMatchesOption:this.filterMatchesOpt,filterPlaceholder:this.filterPlaceholder,onBlur:this.handleFocusEvent,onFocusout:this.handleFocusEvent,onLdselectfilterchange:this.handleFilterChange,onLdselectfiltercreate:this.handleFilterCreate,popperClass:this.popperClass,ref:e=>this.listboxRef=e,role:"listbox",size:this.size,theme:this.theme},t("div",{ref:e=>this.internalOptionsContainerRef=e,innerHTML:h(this.internalOptionsHTML,Object.assign(Object.assign({},typeof this.sanitizeConfig==="string"?JSON.parse(this.sanitizeConfig):this.sanitizeConfig),{ADD_ATTR:["prevent-deselection"]})),part:"options-container"}))))}get el(){return i(this)}static get watchers(){return{selected:["emitEventsAndUpdateHidden"],name:["updateHiddenInputs"],form:["updateHiddenInputs"]}}};m.style=g;const x=":host{--ld-select-popper-min-width:12.8125rem;--ld-select-popper-max-height:min(23.75rem,75vh - 1.25rem);--ld-select-popper-border-col:var(--ld-col-neutral-100);min-width:12.8125rem;min-width:var(--ld-select-popper-min-width)}.ld-select-popper{min-width:100%}.ld-select-popper:not(.ld-select-popper--expanded){display:none}.ld-select-popper ::slotted(.ld-select__shadow){border-radius:var(--ld-br-m);box-shadow:var(--ld-shadow-sticky);display:block;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.ld-select-popper__scroll-container{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m);border-top:solid var(--ld-select-popper-border-col) var(--ld-sp-1);max-height:var(--ld-select-popper-max-height);overflow-y:auto;overscroll-behavior:contain}.ld-select-popper--detached:not(.ld-select-popper--filter) .ld-select-popper__scroll-container,.ld-select-popper--pinned:not(.ld-select-popper--filter) .ld-select-popper__scroll-container{border-radius:var(--ld-br-m);border-top:0}.ld-select-popper--all-filtered .ld-select-popper__scroll-container{border-top:0}.ld-select-popper__shadow{border-radius:var(--ld-br-m);bottom:0;box-shadow:var(--ld-shadow-sticky);height:calc(100% + var(--ld-select-min-height-md));pointer-events:none;position:absolute;width:100%;z-index:-1}.ld-select-popper--detached .ld-select-popper__shadow{height:100%!important}.ld-select-popper__filter-container{align-items:center;background-color:var(--ld-col-wht);border-top:solid var(--ld-col-neutral-100) var(--ld-sp-1);color:var(--ld-col-neutral-900);display:grid;font:var(--ld-typo-label-m);grid-template-columns:1fr auto}.ld-select-popper--detached .ld-select-popper__filter-container,.ld-select-popper--pinned .ld-select-popper__filter-container{border-top:0;border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-select-popper--all-filtered .ld-select-popper__filter-container{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}.ld-select-popper__create-button{font:var(--ld-typo-label-s);line-height:var(--ld-select-trigger-line-height);margin-right:var(--ld-sp-8)}.ld-select-popper__create-button::part(button){--ld-button-padding-x-sm:var(--ld-sp-6);--ld-button-padding-y-sm:var(--ld-sp-4);min-height:0;min-width:0}.ld-select-popper__filter-input{-webkit-appearance:none;appearance:none;background-color:initial;border:0;box-sizing:border-box;color:inherit;font:inherit;height:2.5rem;line-height:var(--ld-select-trigger-line-height);outline:none;padding:var(--ld-sp-8) var(--ld-sp-12);width:100%}.ld-select-popper__filter-input::placeholder{color:var(--ld-col-neutral-600)}.ld-select-popper--detached .ld-select-popper__filter-input,.ld-select-popper--pinned .ld-select-popper__filter-input{border-top:0;border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}";const y=class{constructor(t){e(this,t);this.ldselectfilterchange=s(this,"ldselectfilterchange",7);this.ldselectfiltercreate=s(this,"ldselectfiltercreate",7);this.handleFilterInput=e=>{this.filterInputValue=e.target.value;this.ldselectfilterchange.emit(e.target.value)};this.handleCreate=e=>{e.preventDefault();const t=this.filterInputValue;this.filterInputValue="";this.ldselectfiltercreate.emit(t)};this.allOptionsFiltered=undefined;this.class=undefined;this.creatable=undefined;this.createInputLabel=undefined;this.createButtonLabel=undefined;this.detached=undefined;this.expanded=false;this.filter=undefined;this.filterMatchesOption=undefined;this.filterPlaceholder=undefined;this.popperClass=undefined;this.size=undefined;this.theme=undefined;this.isPinned=false;this.shadowHeight="100%";this.filterInputValue="";this.canCreate=false}updateCanCreate(){this.canCreate=Boolean(this.creatable&&!this.filterMatchesOption&&this.filterInputValue)}updatePinnedState(){this.isPinned=this.el.classList.contains("ld-tether-pinned")}updatePopperTheme(e,t){this.el.classList.remove(`ld-theme-${t}`);if(e)this.el.classList.add(`ld-theme-${e}`)}updateFilter(e){if(!e){this.resetFilter()}}async updateShadowHeight(e){this.shadowHeight=e}async resetFilter(){this.filterInputValue=""}componentWillLoad(){this.popperClass&&this.el.classList.add(this.popperClass)}render(){return t(l,{style:{zIndex:this.isPinned?"2147483647":"2147483646",display:this.expanded?"block":"none"}},t("div",{class:a(["ld-select-popper",this.detached&&"ld-select-popper--detached",this.expanded&&"ld-select-popper--expanded",this.filter&&"ld-select-popper--filter",this.allOptionsFiltered&&"ld-select-popper--all-filtered",this.isPinned&&"ld-select-popper--pinned",this.size&&`ld-select-popper--${this.size}`]),part:"popper"},this.filter&&t("div",{class:"ld-select-popper__filter-container"},t("input",{"aria-haspopup":this.allOptionsFiltered?undefined:"listbox","aria-label":this.canCreate?this.createInputLabel:undefined,type:"text",placeholder:this.filterPlaceholder,class:"ld-select-popper__filter-input",part:"filter-input focusable",onInput:this.handleFilterInput}),this.canCreate&&t("ld-button",{onClick:this.handleCreate,size:"sm",class:"ld-select-popper__create-button","aria-label":this.createButtonLabel},t("ld-icon",{class:"ld-select-popper__create-icon",role:"presentation",size:"sm"},t("svg",{viewBox:"-1 -1 24 24",fill:"none"},t("path",{d:"M2.5 11h17M11 19.5v-17",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"}))))),t("div",{class:"ld-select-popper__scroll-container",part:"popper-scroll-container"},t("slot",null),t("div",{class:"ld-select-popper__shadow",style:{height:this.isPinned?"100%":this.shadowHeight},part:"shadow"}))))}get el(){return i(this)}static get watchers(){return{creatable:["updateCanCreate"],filterMatchesOption:["updateCanCreate"],filterInputValue:["updateCanCreate"],class:["updatePinnedState"],theme:["updatePopperTheme"],expanded:["updateFilter"]}}};y.style=x;export{p as ld_option,m as ld_select,y as ld_select_popper}; -//# sourceMappingURL=p-d2ce627c.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-e4aeb305.entry.js b/1704894792450/dist/build/p-e4aeb305.entry.js deleted file mode 100644 index 5f0c41f6fd..0000000000 --- a/1704894792450/dist/build/p-e4aeb305.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as o,h as t,a}from"./p-21a69c18.js";const r=".docs-topbar{--ld-header-height:var(--docs-header-height);min-width:20rem}.docs-topbar::part(container){margin:0 var(--ld-sp-4);max-width:calc(var(--docs-max-width) - var(--ld-sp-8));padding:0 var(--ld-sp-32)}.docs-topbar__logo{display:block;margin-left:calc(-1 * var(--ld-sp-16));margin-right:var(--ld-sp-12)}@media (min-width:52rem){.docs-topbar__logo{margin-left:calc(-1 * var(--ld-sp-8))}}.docs-topbar__links{margin-right:var(--ld-sp-6);padding-left:var(--ld-sp-40);width:var(--docs-toc-width)}@media (max-width:52rem){.docs-topbar__links{margin-right:calc(-1 * var(--ld-sp-12))}}@media (max-width:75rem){.docs-topbar__links{padding-left:var(--ld-sp-24);width:auto}}.docs-topbar__link{height:var(--ld-sp-24);width:var(--ld-sp-24)}.docs-topbar__link:not(:last-of-type){margin-right:var(--ld-sp-24)}@media (hover:hover){.docs-topbar__link{opacity:.8;transition:opacity .2s linear}.docs-topbar__link:hover{opacity:1}}.docs-topbar__headline-link{-webkit-text-decoration:none;text-decoration:none}.docs-topbar__headline{color:var(--ld-col-wht);font-family:var(--ld-font-body)}.docs-topbar__headline b{font-weight:900;margin-right:var(--ld-sp-8)}@media (max-width:40rem){.docs-topbar__headline--long{display:none}}.docs-topbar__headline--short{display:none;margin-left:calc(-1 * var(--ld-sp-16))}@media (max-width:40rem){.docs-topbar__headline--short{display:block}}.docs-topbar__tooltip::part(trigger){cursor:pointer}";const s=class{constructor(t){o(this,t);this.base=document.querySelector("base").href}render(){return t("ld-header",{class:"docs-topbar ld-theme-bubblegum","logo-title":"Home","logo-url":this.base,sticky:true},t("img",{alt:"Logo",class:"docs-topbar__logo",role:"presentation",slot:"logo",src:a("./assets/logo.svg")}),t("a",{class:"docs-topbar__headline-link",href:this.base,title:"Home"},t("p",{class:"docs-topbar__headline docs-topbar__headline--long"},t("b",null,"Liquid Oxygen")," Documentation"),t("p",{class:"docs-topbar__headline docs-topbar__headline--short"},t("b",null,"Liquid")," Docs")),t("div",{slot:"end",class:"docs-topbar__links"},t("a",{class:"docs-topbar__link",href:"https://www.figma.com/file/8GYcAOePm8Tt9qqJ7Gnv99/Liquid-Oxygen-(Share)?node-id=3%3A14310",rel:"noreferrer noopener",slot:"end",target:"_blank"},t("ld-tooltip",{class:"docs-topbar__tooltip",arrow:true,position:"bottom right",tetherOptions:JSON.stringify({offset:"0px -12px",constraints:[{to:"window"}]})},t("img",{class:"docs-topbar__tooltip-trigger",slot:"trigger",src:a("./assets/figma.svg"),alt:"Liquid Oxygen on Figma",role:"presentation"}),t("docs-figma-access-notice",null))),t("a",{class:"docs-topbar__link",href:"https://github.com/emdgroup-liquid/liquid",rel:"noreferrer noopener",slot:"end",target:"_blank"},t("img",{src:a("./assets/github.svg"),alt:"Liquid Oxygen on GitHub",role:"presentation"}))))}static get assetsDirs(){return["assets"]}};s.style=r;export{s as docs_topbar}; -//# sourceMappingURL=p-e4aeb305.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-f2d23c8b.entry.js b/1704894792450/dist/build/p-f2d23c8b.entry.js deleted file mode 100644 index fae50113c0..0000000000 --- a/1704894792450/dist/build/p-f2d23c8b.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as l,h as a,H as e,g as r}from"./p-21a69c18.js";import{g as s}from"./p-1133c92e.js";import{f as c}from"./p-db30d2eb.js";const t=".ld-bg-cells,:host{--ld-bg-cells-bg-col:var(--ld-thm-secondary);--ld-bg-cells-layer-col:var(--ld-thm-primary);--ld-bg-cells-layer-translation-x:-80%;--ld-bg-cells-layer-translation-y:-6%;--ld-bg-cells-layer-size:260%;--ld-bg-cells-layer-rotation:0deg;--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-secondary-layer-translation-x:0%;--ld-bg-cells-secondary-layer-translation-y:0%;--ld-bg-cells-secondary-layer-size:150%;--ld-bg-cells-secondary-layer-rotation:0deg;--ld-bg-cells-base-size-factor:0.39;--ld-bg-cells-layer-size-clamped:max(50%,min(var(--ld-bg-cells-layer-size),800%));--ld-bg-cells-layer-size-normalized:calc(var(--ld-bg-cells-layer-size-clamped) * var(--ld-bg-cells-base-size-factor));--ld-bg-cells-secondary-layer-size-clamped:max(50%,min(var(--ld-bg-cells-secondary-layer-size),800%));--ld-bg-cells-secondary-layer-size-normalized:calc(var(--ld-bg-cells-secondary-layer-size-clamped) * var(--ld-bg-cells-base-size-factor));--ld-bg-cells-layer-animation-translate:0.3%;--ld-bg-cells-layer-animation-scale:4%;--ld-bg-cells-layer-animation-rotate:6deg;--ld-bg-cells-layer-animation-speed:1;--ld-bg-cells-layer-animation-dur:calc(126s / var(--ld-bg-cells-layer-animation-speed));--ld-bg-cells-secondary-layer-animation-dur:calc(84s / var(--ld-bg-cells-layer-animation-speed));background:var(--ld-thm-secondary);background:var(--ld-bg-cells-bg-col);display:block;height:100%;overflow:hidden;position:relative;width:100%}.ld-bg-cells__layer,.ld-bg-cells__secondary-layer{bottom:0;left:0;left:50%;min-height:1000%;min-width:1000%;position:absolute;right:0;top:0;top:50%}.ld-bg-cells__layer{color:var(--ld-bg-cells-layer-col);transform:translate(calc((var(--ld-bg-cells-layer-translation-x) / 10) - 50%),calc((var(--ld-bg-cells-layer-translation-y) / 10) - 50%)) scale(var(--ld-bg-cells-layer-size-normalized)) rotate(var(--ld-bg-cells-layer-rotation))}.ld-bg-cells__layer--animated{animation:layer-animate var(--ld-bg-cells-layer-animation-dur) ease-in-out infinite}@media (prefers-reduced-motion:reduce){.ld-bg-cells__layer--animated{animation:none}}.ld-bg-cells__secondary-layer{color:var(--ld-bg-cells-secondary-layer-col);transform:translate(calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - 50%),calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - 50%)) scale(var(--ld-bg-cells-secondary-layer-size-normalized)) rotate(var(--ld-bg-cells-secondary-layer-rotation))}.ld-bg-cells__secondary-layer--animated{animation:secondary-layer-animate var(--ld-bg-cells-secondary-layer-animation-dur) ease-in-out infinite reverse}@media (prefers-reduced-motion:reduce){.ld-bg-cells__secondary-layer--animated{animation:none}}.ld-bg-cells--three-layers,:host(.ld-bg-cells--three-layers){--ld-bg-cells-layer-col:var(--ld-thm-primary);--ld-bg-cells-secondary-layer-col:var(--ld-col-vy);--ld-bg-cells-layer-size:390%;--ld-bg-cells-layer-translation-x:-50%;--ld-bg-cells-layer-rotation:-30deg;--ld-bg-cells-secondary-layer-size:580%;--ld-bg-cells-secondary-layer-translation-x:-20%;--ld-bg-cells-secondary-layer-translation-y:-100%}.ld-bg-cells--bioreliance,:host(.ld-bg-cells--bioreliance){--ld-bg-cells-base-size-factor:0.46;--ld-bg-cells-bg-col:var(--ld-col-vg);--ld-bg-cells-layer-col:var(--ld-col-rp);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-89%;--ld-bg-cells-layer-translation-y:48%;--ld-bg-cells-layer-size:297%}.ld-bg-cells--f,:host(.ld-bg-cells--f){--ld-bg-cells-base-size-factor:0.49;--ld-bg-cells-layer-translation-x:-79%;--ld-bg-cells-layer-translation-y:24%;--ld-bg-cells-layer-size:240%}.ld-bg-cells--mdo,:host(.ld-bg-cells--mdo){--ld-bg-cells-base-size-factor:0.2;--ld-bg-cells-bg-col:var(--ld-col-rb);--ld-bg-cells-layer-col:var(--ld-col-sy);--ld-bg-cells-secondary-layer-col:var(--ld-col-sb);--ld-bg-cells-layer-translation-x:-107%;--ld-bg-cells-layer-translation-y:-32%;--ld-bg-cells-layer-size:147%;--ld-bg-cells-layer-rotation:145deg;--ld-bg-cells-secondary-layer-translation-x:133%;--ld-bg-cells-secondary-layer-translation-y:46%;--ld-bg-cells-secondary-layer-size:150%;--ld-bg-cells-secondary-layer-rotation:145deg}.ld-bg-cells--millipore,:host(.ld-bg-cells--millipore){--ld-bg-cells-base-size-factor:0.43;--ld-bg-cells-bg-col:var(--ld-col-rb);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-80%;--ld-bg-cells-layer-translation-y:43%;--ld-bg-cells-layer-size:230%}.ld-bg-cells--milliq,:host(.ld-bg-cells--milliq){--ld-bg-cells-base-size-factor:0.23;--ld-bg-cells-bg-col:var(--ld-col-vc);--ld-bg-cells-layer-col:var(--ld-col-rp);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-70%;--ld-bg-cells-layer-translation-y:100%;--ld-bg-cells-layer-size:420%}.ld-bg-cells--o,:host(.ld-bg-cells--o){--ld-bg-cells-base-size-factor:0.33;--ld-bg-cells-layer-translation-x:-75%;--ld-bg-cells-layer-translation-y:-21%;--ld-bg-cells-layer-size:190%}.ld-bg-cells--supelco,:host(.ld-bg-cells--supelco){--ld-bg-cells-base-size-factor:0.66;--ld-bg-cells-bg-col:var(--ld-col-rg);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-59%;--ld-bg-cells-layer-translation-y:43%;--ld-bg-cells-layer-size:190%}.ld-bg-cells--safc,:host(.ld-bg-cells--safc){--ld-bg-cells-base-size-factor:0.34;--ld-bg-cells-bg-col:var(--ld-col-vm);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-122%;--ld-bg-cells-layer-translation-y:5%;--ld-bg-cells-layer-size:362%}.ld-bg-cells--sigma-aldrich,:host(.ld-bg-cells--sigma-aldrich){--ld-bg-cells-base-size-factor:0.53;--ld-bg-cells-bg-col:var(--ld-col-rr);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-124%;--ld-bg-cells-layer-translation-y:-2%;--ld-bg-cells-layer-size:460%}.ld-bg-cells--t,:host(.ld-bg-cells--t){--ld-bg-cells-base-size-factor:0.47;--ld-bg-cells-layer-translation-x:-108%;--ld-bg-cells-layer-translation-y:72%;--ld-bg-cells-layer-size:312%}.ld-bg-cells--tile,:host(.ld-bg-cells--tile){--ld-bg-cells-base-size-factor:0.31;--ld-bg-cells-layer-translation-x:-93%;--ld-bg-cells-layer-translation-y:-1%;--ld-bg-cells-layer-size:340%}@keyframes layer-animate{0%,to{transform:translate(calc((var(--ld-bg-cells-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))),calc((var(--ld-bg-cells-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))) scale(calc(var(--ld-bg-cells-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-layer-rotation)))}25%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate)))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2)))) scale(calc(var(--ld-bg-cells-layer-size-normalized) + var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-layer-rotation) - var(--ld-bg-cells-layer-animation-rotate)))}50%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-layer-rotation)))}75%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-layer-size-normalized) - var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-layer-rotation) + var(--ld-bg-cells-layer-animation-rotate)))}}@keyframes secondary-layer-animate{0%,to{transform:translate(calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))),calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)))}25%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate)))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2)))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized) + var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation) - var(--ld-bg-cells-layer-animation-rotate)))}50%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)))}75%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized) - var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation) + var(--ld-bg-cells-layer-animation-rotate)))}}";const n=class{constructor(a){l(this,a);this.type="hexagon";this.threeLayers=false;this.animated=false}async loadPatternPathData(){if(!this.type){return}const l=await c(this.type);this.el.shadowRoot.querySelectorAll("svg").forEach((a=>{var e;const r=document.createElement("div");r.innerHTML=l;Array.from(((e=r.children[0])===null||e===void 0?void 0:e.children)||[]).forEach((l=>{if(l.tagName!=="script"){a.appendChild(l)}}))}))}componentWillLoad(){this.loadPatternPathData()}render(){let l=this.type;if(l==="qa-x2f-qc")l="supelco";if(l==="functional")l="f";if(l==="technical")l="t";if(l==="plastic")l="tile";if(l==="synthetic")l="hexagon";if(l==="organic")l="o";return a(e,{class:s(["ld-bg-cells",`ld-bg-cells--${l}`,this.threeLayers&&"ld-bg-cells--three-layers"])},a("svg",{class:s(["ld-bg-cells__secondary-layer",this.animated&&"ld-bg-cells__secondary-layer--animated"]),viewBox:"0 0 8000 8000",fill:"none",xmlns:"http://www.w3.org/2000/svg",part:"secondary-layer"}),a("svg",{class:s(["ld-bg-cells__layer",this.animated&&"ld-bg-cells__layer--animated"]),viewBox:"0 0 8000 8000",fill:"none",xmlns:"http://www.w3.org/2000/svg",part:"layer"}))}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{type:["loadPatternPathData"]}}};n.style=t;export{n as ld_bg_cells}; -//# sourceMappingURL=p-f2d23c8b.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-f66c7c23.entry.js b/1704894792450/dist/build/p-f66c7c23.entry.js deleted file mode 100644 index 9022a9fa6b..0000000000 --- a/1704894792450/dist/build/p-f66c7c23.entry.js +++ /dev/null @@ -1,2 +0,0 @@ -import{r as a,c as i,h as d,g as e}from"./p-21a69c18.js";import{g as n}from"./p-1133c92e.js";import{c as l}from"./p-6e5841ef.js";const s='.ld-sidenav-back{--ld-sidenav-back-bg-inset:var(--ld-sp-6);--ld-sidenav-back-border-radius:var(--ld-br-l);--ld-sidenav-back-icon-size:var(--ld-sp-24);--ld-sidenav-back-col:var(--ld-col-neutral-800);--ld-sidenav-back-col-active:var(--ld-thm-primary-active);--ld-sidenav-back-col-hover:var(--ld-thm-primary);--ld-sidenav-back-col-focus:var(--ld-thm-primary);--ld-sidenav-back-indicator-col:#0000;--ld-sidenav-back-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-back-indicator-col-active:var(--ld-thm-primary);display:block;outline:none}@media (hover:hover){.ld-sidenav-back:where(:hover){--ld-sidenav-back-col:var(--ld-sidenav-back-col-hover);--ld-sidenav-back-indicator-col:var(--ld-col-neutral-300)}}.ld-sidenav-back:focus:focus-visible{--ld-sidenav-back-col:var(--ld-sidenav-back-col-focus);--ld-sidenav-back-indicator-col:var(--ld-sidenav-back-indicator-col-focus)}.ld-sidenav-back:active{--ld-sidenav-back-col:var(--ld-sidenav-back-col-active);--ld-sidenav-back-indicator-col:var(\n --ld-sidenav-back-indicator-col-active\n )}.ld-sidenav-back:active .ld-sidenav-back__bg{opacity:.3}.ld-sidenav-back--rounded{--ld-sidenav-back-border-radius:var(--ld-br-full)}.ld-sidenav-back ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y);margin-top:var(--ld-sidenav-padding-y)}.ld-sidenav-back.ld-sidenav-back--collapsed .ld-sidenav-back__bg{transform:translateX(calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)))}.ld-sidenav-back__btn-back{-webkit-touch-callout:none;align-items:center;background-color:initial;border:0;box-sizing:border-box;color:var(--ld-sidenav-back,var(--ld-col-neutral-800));cursor:pointer;display:none;font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-sp-12);grid-template-columns:auto 1fr;line-height:1;margin:var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);outline:none;padding:0;position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ld-sidenav-back__bg{bottom:calc(-1 * var(--ld-sidenav-back-bg-inset));display:block;left:calc(-1 * var(--ld-sidenav-back-bg-inset));opacity:.2;pointer-events:none;position:absolute;right:calc(-1 * var(--ld-sidenav-back-bg-inset));top:calc(-1 * var(--ld-sidenav-back-bg-inset));transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-back__btn-back-label,.ld-sidenav-back__icon{position:relative;z-index:0}.ld-sidenav-back__bg-center,.ld-sidenav-back__bg-left,.ld-sidenav-back__bg-right{background-color:var(--ld-sidenav-back-indicator-col);bottom:0;pointer-events:all;position:absolute;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-back__bg-left,.ld-sidenav-back__bg-right{width:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6))}.ld-sidenav-back__bg-left{border-bottom-left-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));border-top-left-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));left:0}.ld-sidenav-back__bg-right{border-bottom-right-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));border-top-right-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));right:0}.ld-sidenav-back--collapsed .ld-sidenav-back__bg-right{transform:translateX(calc(-1 * var(--ld-sidenav-translate-x-delta) - 1px))}.ld-sidenav-back__bg-center{left:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));right:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));transform-origin:left}.ld-sidenav-back--collapsed .ld-sidenav-back__bg-center{transform:scaleX(0)}.ld-sidenav-back--is-back .ld-sidenav-back__btn-back{display:grid}.ld-sidenav-back--is-back .ld-sidenav-back__slot-container{display:none}.ld-sidenav-back__icon{align-items:center;aspect-ratio:1;display:flex;justify-content:center;position:relative;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-back--collapsed .ld-sidenav-back__icon{transform:translateX(var(--ld-sidenav-translate-x-delta))}.ld-sidenav-back__icon:before{background-color:var(--ld-thm-primary-active);border-radius:var(--ld-br-full);content:"";height:var(--ld-sidenav-back-icon-size);overflow:hidden;position:absolute;width:var(--ld-sidenav-back-icon-size);z-index:-1}.ld-sidenav-back__btn-back-label{color:var(--ld-sidenav-back-col);overflow:hidden;padding-right:var(--ld-sp-6);position:relative;text-overflow:ellipsis;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;white-space:nowrap}.ld-sidenav-back--collapsed .ld-sidenav-back__btn-back-label{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta))}';const t=class{constructor(d){a(this,d);this.ldSidenavBack=i(this,"ldSidenavBack",7);this.onClick=()=>{this.ldSidenavBack.emit()};this.onKeyDown=a=>{if([" ","Enter"].includes(a.key)){a.preventDefault();this.ldSidenavBack.emit()}};this.backLabel="Back";this.parentLabel="";this.rounded=false;this.sidenavCollapsed=undefined;this.sidenavClosable=undefined}handleSidenavCollapsedChange(a){if(a.target!==this.sidenav)return;this.sidenavCollapsed=a.detail.collapsed}handleSidenavBreakpointChange(a){if(a.target!==this.sidenav)return;this.sidenavClosable=a.detail}async updateLabel(a){this.parentLabel=a||""}componentWillLoad(){this.sidenav=l("ld-sidenav",this.el);this.rounded=!!this.el.querySelector("ld-sidenav-navitem[rounded]")}render(){const a=n(["ld-sidenav-back",this.parentLabel&&"ld-sidenav-back--is-back",this.rounded&&"ld-sidenav-back--rounded",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-back--collapsed"]);return d("div",{tabIndex:this.parentLabel?0:undefined,role:this.parentLabel?"button":undefined,"aria-label":this.backLabel,class:a,onClick:this.onClick,onKeyDown:this.onKeyDown,part:"back focusable"},d("div",{class:"ld-sidenav-back__btn-back",part:"btn-back"},d("div",{class:"ld-sidenav-back__bg",part:"bg"},d("div",{class:"ld-sidenav-back__bg-left"}),d("div",{class:"ld-sidenav-back__bg-center"}),d("div",{class:"ld-sidenav-back__bg-right"})),d("div",{class:"ld-sidenav-back__icon",part:"icon-container"},d("svg",{part:"icon",width:"12",height:"12",fill:"none"},d("path",{d:"M4.333 1.832 1 5.999l3.333 4.166M1 6h10",stroke:"#F8F8FC","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),d("span",{class:"ld-sidenav-back__btn-back-label",part:"label"},this.parentLabel)),d("div",{class:"ld-sidenav-back__slot-container",part:"slot-container"},d("slot",null)))}get el(){return e(this)}};t.style=s;export{t as ld_sidenav_back}; -//# sourceMappingURL=p-f66c7c23.entry.js.map \ No newline at end of file diff --git a/1704894792450/assets/android-chrome-192x192.png b/1704966176737/assets/android-chrome-192x192.png similarity index 100% rename from 1704894792450/assets/android-chrome-192x192.png rename to 1704966176737/assets/android-chrome-192x192.png diff --git a/1704894792450/assets/android-chrome-512x512.png b/1704966176737/assets/android-chrome-512x512.png similarity index 100% rename from 1704894792450/assets/android-chrome-512x512.png rename to 1704966176737/assets/android-chrome-512x512.png diff --git a/1704894792450/assets/animations/burger-cross.json b/1704966176737/assets/animations/burger-cross.json similarity index 100% rename from 1704894792450/assets/animations/burger-cross.json rename to 1704966176737/assets/animations/burger-cross.json diff --git a/1704894792450/assets/animations/comment.json b/1704966176737/assets/animations/comment.json similarity index 100% rename from 1704894792450/assets/animations/comment.json rename to 1704966176737/assets/animations/comment.json diff --git a/1704894792450/assets/animations/download.json b/1704966176737/assets/animations/download.json similarity index 100% rename from 1704894792450/assets/animations/download.json rename to 1704966176737/assets/animations/download.json diff --git a/1704894792450/assets/animations/export.json b/1704966176737/assets/animations/export.json similarity index 100% rename from 1704894792450/assets/animations/export.json rename to 1704966176737/assets/animations/export.json diff --git a/1704894792450/assets/animations/eye.json b/1704966176737/assets/animations/eye.json similarity index 100% rename from 1704894792450/assets/animations/eye.json rename to 1704966176737/assets/animations/eye.json diff --git a/1704894792450/assets/animations/mute.json b/1704966176737/assets/animations/mute.json similarity index 100% rename from 1704894792450/assets/animations/mute.json rename to 1704966176737/assets/animations/mute.json diff --git a/1704894792450/assets/animations/notification-number.json b/1704966176737/assets/animations/notification-number.json similarity index 100% rename from 1704894792450/assets/animations/notification-number.json rename to 1704966176737/assets/animations/notification-number.json diff --git a/1704894792450/assets/animations/notification.json b/1704966176737/assets/animations/notification.json similarity index 100% rename from 1704894792450/assets/animations/notification.json rename to 1704966176737/assets/animations/notification.json diff --git a/1704894792450/assets/animations/play.json b/1704966176737/assets/animations/play.json similarity index 100% rename from 1704894792450/assets/animations/play.json rename to 1704966176737/assets/animations/play.json diff --git a/1704894792450/assets/animations/refresh.json b/1704966176737/assets/animations/refresh.json similarity index 100% rename from 1704894792450/assets/animations/refresh.json rename to 1704966176737/assets/animations/refresh.json diff --git a/1704894792450/assets/animations/search.json b/1704966176737/assets/animations/search.json similarity index 100% rename from 1704894792450/assets/animations/search.json rename to 1704966176737/assets/animations/search.json diff --git a/1704894792450/assets/animations/test-tube.json b/1704966176737/assets/animations/test-tube.json similarity index 100% rename from 1704894792450/assets/animations/test-tube.json rename to 1704966176737/assets/animations/test-tube.json diff --git a/1704894792450/assets/animations/trash.json b/1704966176737/assets/animations/trash.json similarity index 100% rename from 1704894792450/assets/animations/trash.json rename to 1704966176737/assets/animations/trash.json diff --git a/1704894792450/assets/animations/upload.json b/1704966176737/assets/animations/upload.json similarity index 100% rename from 1704894792450/assets/animations/upload.json rename to 1704966176737/assets/animations/upload.json diff --git a/1704894792450/assets/animations/warning.json b/1704966176737/assets/animations/warning.json similarity index 100% rename from 1704894792450/assets/animations/warning.json rename to 1704966176737/assets/animations/warning.json diff --git a/1704894792450/assets/apple-touch-icon.png b/1704966176737/assets/apple-touch-icon.png similarity index 100% rename from 1704894792450/assets/apple-touch-icon.png rename to 1704966176737/assets/apple-touch-icon.png diff --git a/1704894792450/assets/browserconfig.xml b/1704966176737/assets/browserconfig.xml similarity index 100% rename from 1704894792450/assets/browserconfig.xml rename to 1704966176737/assets/browserconfig.xml diff --git a/1704894792450/assets/examples/numerals.json b/1704966176737/assets/examples/numerals.json similarity index 100% rename from 1704894792450/assets/examples/numerals.json rename to 1704966176737/assets/examples/numerals.json diff --git a/1704894792450/assets/examples/periodicTable.json b/1704966176737/assets/examples/periodicTable.json similarity index 100% rename from 1704894792450/assets/examples/periodicTable.json rename to 1704966176737/assets/examples/periodicTable.json diff --git a/1704894792450/assets/favicon-16x16.png b/1704966176737/assets/favicon-16x16.png similarity index 100% rename from 1704894792450/assets/favicon-16x16.png rename to 1704966176737/assets/favicon-16x16.png diff --git a/1704894792450/assets/favicon-32x32.png b/1704966176737/assets/favicon-32x32.png similarity index 100% rename from 1704894792450/assets/favicon-32x32.png rename to 1704966176737/assets/favicon-32x32.png diff --git a/1704894792450/assets/favicon.ico b/1704966176737/assets/favicon.ico similarity index 100% rename from 1704894792450/assets/favicon.ico rename to 1704966176737/assets/favicon.ico diff --git a/1704894792450/assets/mstile-144x144.png b/1704966176737/assets/mstile-144x144.png similarity index 100% rename from 1704894792450/assets/mstile-144x144.png rename to 1704966176737/assets/mstile-144x144.png diff --git a/1704894792450/assets/mstile-150x150.png b/1704966176737/assets/mstile-150x150.png similarity index 100% rename from 1704894792450/assets/mstile-150x150.png rename to 1704966176737/assets/mstile-150x150.png diff --git a/1704894792450/assets/mstile-310x150.png b/1704966176737/assets/mstile-310x150.png similarity index 100% rename from 1704894792450/assets/mstile-310x150.png rename to 1704966176737/assets/mstile-310x150.png diff --git a/1704894792450/assets/mstile-310x310.png b/1704966176737/assets/mstile-310x310.png similarity index 100% rename from 1704894792450/assets/mstile-310x310.png rename to 1704966176737/assets/mstile-310x310.png diff --git a/1704894792450/assets/mstile-70x70.png b/1704966176737/assets/mstile-70x70.png similarity index 100% rename from 1704894792450/assets/mstile-70x70.png rename to 1704966176737/assets/mstile-70x70.png diff --git a/1704894792450/assets/safari-pinned-tab.svg b/1704966176737/assets/safari-pinned-tab.svg similarity index 100% rename from 1704894792450/assets/safari-pinned-tab.svg rename to 1704966176737/assets/safari-pinned-tab.svg diff --git a/1704894792450/assets/site.webmanifest b/1704966176737/assets/site.webmanifest similarity index 100% rename from 1704894792450/assets/site.webmanifest rename to 1704966176737/assets/site.webmanifest diff --git a/1704894792450/css_components/ld-accordion-panel.shadow.css b/1704966176737/css_components/ld-accordion-panel.shadow.css similarity index 69% rename from 1704894792450/css_components/ld-accordion-panel.shadow.css rename to 1704966176737/css_components/ld-accordion-panel.shadow.css index 49ef6d1757..92b4ed1852 100644 --- a/1704894792450/css_components/ld-accordion-panel.shadow.css +++ b/1704966176737/css_components/ld-accordion-panel.shadow.css @@ -1,5 +1,5 @@ :host{--ld-accordion-panel-transition-duration:var( --ld-transition-duration-instant - );background-color:var(--ld-accordion-bg-col);border-radius:var(--ld-accordion-border-radius);border-top-left-radius:inherit;border-top-right-radius:inherit;box-sizing:border-box;display:block;max-height:auto;max-height:var(--ld-accordion-panel-max-height,auto);overflow:hidden;position:relative;will-change:max-height}:host(.ld-accordion-panel--initialized){transition:max-height var(--ld-accordion-panel-transition-duration) ease}@media (prefers-reduced-motion:no-preference){:host(.ld-accordion-panel--initialized){--ld-accordion-panel-transition-duration:var( + );background-color:var(--ld-accordion-bg-col);border-radius:var(--ld-accordion-border-radius);border-top-left-radius:inherit;border-top-right-radius:inherit;box-sizing:border-box;display:block;max-height:var(--ld-accordion-panel-max-height,auto);overflow:hidden;position:relative;will-change:max-height}:host(.ld-accordion-panel--initialized){transition:max-height var(--ld-accordion-panel-transition-duration) ease}@media (prefers-reduced-motion:no-preference){:host(.ld-accordion-panel--initialized){--ld-accordion-panel-transition-duration:var( --ld-transition-duration-normal )}}:host(.ld-accordion-panel--expanded):before{background-color:var(--ld-accordion-panel-border-top-col);content:"";height:var(--ld-sp-2);left:0;position:absolute;right:0;top:0}:host(.ld-accordion-panel--expanded) .ld-accordion-panel__content{opacity:1;transition:opacity var(--ld-accordion-panel-transition-duration) linear;visibility:inherit}.ld-accordion-panel__content{opacity:0;transition:opacity var(--ld-accordion-panel-transition-duration) linear,visibility 0s var(--ld-accordion-panel-transition-duration) linear;visibility:hidden} \ No newline at end of file diff --git a/1704894792450/css_components/ld-accordion-section.shadow.css b/1704966176737/css_components/ld-accordion-section.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-accordion-section.shadow.css rename to 1704966176737/css_components/ld-accordion-section.shadow.css diff --git a/1704894792450/css_components/ld-accordion-toggle.shadow.css b/1704966176737/css_components/ld-accordion-toggle.shadow.css similarity index 66% rename from 1704894792450/css_components/ld-accordion-toggle.shadow.css rename to 1704966176737/css_components/ld-accordion-toggle.shadow.css index cd227284c4..0dd0a6965a 100644 --- a/1704894792450/css_components/ld-accordion-toggle.shadow.css +++ b/1704966176737/css_components/ld-accordion-toggle.shadow.css @@ -1,10 +1,10 @@ -:host{border-radius:var(--ld-accordion-border-radius);display:block;position:relative;z-index:1}.ld-accordion-toggle__button,.ld-accordion-toggle__label,.ld-accordion-toggle__trigger{-webkit-touch-callout:none;border:0;box-sizing:border-box;margin:0;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.ld-accordion-toggle__button{align-items:center;background-color:var(--ld-accordion-bg-col);border-radius:inherit;color:var(--ld-accordion-col);direction:var(--ld-accordion-grid-dir);display:grid;font:var(--ld-typo-body-m);grid-template-columns:1fr var(--ld-accordion-toggle-size);padding:0;position:relative}.ld-accordion-toggle__button[aria-disabled]{color:var(--ld-accordion-col-disabled)}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:before{background-color:var(--ld-accordion-toggle-indicator-bg-col);border-radius:var(--ld-accordion-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:not([aria-disabled]:not([aria-disabled=""]:not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-indicator-bg-col:var( +:host{border-radius:var(--ld-accordion-border-radius);display:block;position:relative;z-index:1}.ld-accordion-toggle__button,.ld-accordion-toggle__label,.ld-accordion-toggle__trigger{border:0;box-sizing:border-box;margin:0;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;-webkit-touch-callout:none}.ld-accordion-toggle__button{align-items:center;background-color:var(--ld-accordion-bg-col);border-radius:inherit;color:var(--ld-accordion-col);direction:var(--ld-accordion-grid-dir);display:grid;font:var(--ld-typo-body-m);grid-template-columns:1fr var(--ld-accordion-toggle-size);padding:0;position:relative}.ld-accordion-toggle__button[aria-disabled]{color:var(--ld-accordion-col-disabled)}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:before{background-color:var(--ld-accordion-toggle-indicator-bg-col);border-radius:var(--ld-accordion-border-radius);content:"";inset:0;position:absolute}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:not([aria-disabled]:not([aria-disabled=""]:not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-indicator-bg-col:var( --ld-accordion-bg-col-focus )}@media (hover:hover){:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:not([aria-disabled]:not([aria-disabled=""]:not([aria-disabled=false]))):where(:hover){--ld-accordion-toggle-indicator-bg-col:var( --ld-accordion-bg-col-hover )}}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:not([aria-disabled]:not([aria-disabled=""]:not([aria-disabled=false]))):where(:active),:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:not([aria-disabled]:not([aria-disabled=""]:not([aria-disabled=false]))):where(:active:focus-visible){--ld-accordion-toggle-indicator-bg-col:var( --ld-accordion-bg-col-active - )}:host(.ld-accordion-toggle--expanded:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-col:var(--ld-accordion-col-focus)}@media (hover:hover){:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:hover){--ld-accordion-toggle-col:var(--ld-accordion-col-hover)}}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active),:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active:focus-visible){--ld-accordion-toggle-col:var(--ld-accordion-col-active)}.ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-accordion-toggle__trigger{color:var(--ld-accordion-trigger-icon-col)}.ld-accordion-toggle__label,.ld-accordion-toggle__trigger{background-color:initial;font:inherit}button.ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),button.ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),button.ld-accordion-toggle__trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-accordion-toggle__label{border-radius:var(--ld-accordion-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;padding:var(--ld-accordion-padding-y) var(--ld-accordion-padding-x);position:relative}.ld-accordion-toggle__trigger{align-items:center;border-radius:var(--ld-accordion-border-radius);border-bottom-left-radius:0;border-top-left-radius:0;display:grid;height:var(--ld-accordion-toggle-size);justify-items:center;overflow:hidden;place-items:center;position:relative;width:var(--ld-accordion-toggle-size)}.ld-accordion-toggle__label-content,.ld-accordion-toggle__trigger-content{display:grid;position:relative;transform:translateX(calc(-1 * var(--ld-sp-1)))}.ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-accordion-toggle__label-content{color:var(--ld-accordion-toggle-col)}:host(.ld-accordion-toggle--expanded){--ld-accordion-toggle-col:var(--ld-accordion-toggle-expanded-col);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.ld-accordion-toggle--expanded) .ld-accordion-toggle__trigger-icon{transform:scaleY(-1)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:before,:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:before{border-radius:var(--ld-br-s);bottom:var(--ld-sp-4);content:"";left:var(--ld-sp-4);left:var(--ld-sp-2);position:absolute;right:var(--ld-sp-4);top:var(--ld-sp-4)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label[aria-disabled],:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger[aria-disabled]{color:var(--ld-accordion-col-disabled)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:before{background-color:var(--ld-accordion-toggle-label-indicator-bg-col);transform:translateX(calc(var(--ld-sp-2)))}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:before{background-color:var(--ld-accordion-toggle-trigger-indicator-bg-col)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){background-color:var(--ld-accordion-bg-col)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-label-indicator-bg-col:var( + )}:host(.ld-accordion-toggle--expanded:not(.ld-accordion-toggle--split)) .ld-accordion-toggle__button:before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-col:var(--ld-accordion-col-focus)}@media (hover:hover){:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:hover){--ld-accordion-toggle-col:var(--ld-accordion-col-hover)}}:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active),:host(.ld-accordion-toggle:not(.ld-accordion-toggle--split):not(.ld-accordion-toggle--expanded)) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:active:focus-visible){--ld-accordion-toggle-col:var(--ld-accordion-col-active)}.ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-accordion-toggle__trigger{color:var(--ld-accordion-trigger-icon-col)}.ld-accordion-toggle__label,.ld-accordion-toggle__trigger{background-color:initial;font:inherit}button.ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),button.ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),button.ld-accordion-toggle__trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-accordion-toggle__label{border-radius:var(--ld-accordion-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;padding:var(--ld-accordion-padding-y) var(--ld-accordion-padding-x);position:relative}.ld-accordion-toggle__trigger{border-radius:var(--ld-accordion-border-radius);border-bottom-left-radius:0;border-top-left-radius:0;display:grid;height:var(--ld-accordion-toggle-size);overflow:hidden;place-items:center;position:relative;width:var(--ld-accordion-toggle-size)}.ld-accordion-toggle__label-content,.ld-accordion-toggle__trigger-content{display:grid;position:relative;transform:translateX(calc(-1 * var(--ld-sp-1)))}.ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-accordion-toggle__label-content{color:var(--ld-accordion-toggle-col)}:host(.ld-accordion-toggle--expanded){--ld-accordion-toggle-col:var(--ld-accordion-toggle-expanded-col);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.ld-accordion-toggle--expanded) .ld-accordion-toggle__trigger-icon{transform:scaleY(-1)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:before,:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:before{border-radius:var(--ld-br-s);content:"";inset:var(--ld-sp-4);left:var(--ld-sp-2);position:absolute}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label[aria-disabled],:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger[aria-disabled]{color:var(--ld-accordion-col-disabled)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:before{background-color:var(--ld-accordion-toggle-label-indicator-bg-col);transform:translateX(calc(var(--ld-sp-2)))}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__trigger:before{background-color:var(--ld-accordion-toggle-trigger-indicator-bg-col)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__button:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){background-color:var(--ld-accordion-bg-col)}:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:focus:focus-visible){--ld-accordion-toggle-label-indicator-bg-col:var( --ld-accordion-bg-col-focus )}@media (hover:hover){:host(.ld-accordion-toggle--split) .ld-accordion-toggle__label:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:hover){--ld-accordion-toggle-label-indicator-bg-col:var( --ld-accordion-bg-col-hover diff --git a/1704894792450/css_components/ld-accordion.shadow.css b/1704966176737/css_components/ld-accordion.shadow.css similarity index 55% rename from 1704894792450/css_components/ld-accordion.shadow.css rename to 1704966176737/css_components/ld-accordion.shadow.css index 3c1b28e519..24a5a8e566 100644 --- a/1704894792450/css_components/ld-accordion.shadow.css +++ b/1704966176737/css_components/ld-accordion.shadow.css @@ -1 +1 @@ -:host{--ld-accordion-col:var(--ld-col-neutral-900);--ld-accordion-col-disabled:var(--ld-col-neutral-100);--ld-accordion-col-hover:var(--ld-col-neutral-900);--ld-accordion-col-focus:var(--ld-col-neutral-900);--ld-accordion-bg-col:var(--ld-col-wht);--ld-accordion-bg-col-active:var(--ld-col-wht);--ld-accordion-bg-col-disabled:var(--ld-col-neutral-100);--ld-accordion-bg-col-focus:var(--ld-col-neutral-100);--ld-accordion-bg-col-hover:var(--ld-col-neutral-050);--ld-accordion-trigger-icon-col-disabled:var(--ld-col-neutral-100);--ld-accordion-col-active:var(--ld-thm-primary);--ld-accordion-col-selected:var(--ld-thm-primary);--ld-accordion-toggle-col:inherit;--ld-accordion-toggle-indicator-bg-col:#0000;--ld-accordion-toggle-trigger-col:var(--ld-thm-primary);--ld-accordion-trigger-icon-col:var(--ld-thm-primary);--ld-accordion-trigger-icon-col-hover:var(--ld-thm-primary-hover);--ld-accordion-trigger-icon-col-focus:var(--ld-thm-primary-focus);--ld-accordion-trigger-icon-col-active:var(--ld-thm-primary-active);--ld-accordion-toggle-expanded-col:var(--ld-thm-primary);--ld-accordion-padding-y:0.45rem;--ld-accordion-padding-x:1.25rem;--ld-accordion-toggle-size:2.5rem;--ld-accordion-toggle-line-height:180%;--ld-accordion-border-radius-size:0;--ld-accordion-border-radius:var(--ld-accordion-border-radius-size);--ld-accordion-gap:var(--ld-sp-2);--ld-accordion-gap-col:var(--ld-accordion-panel-border-top-col);--ld-accordion-panel-border-top-col:var(--ld-col-neutral-010)}:host(:where(.ld-accordion)){color-scheme:none;color-scheme:var(--ld-accordion-color-scheme,none);display:block;flex-grow:1}:host(.ld-accordion--rounded){--ld-accordion-border-radius-size:var(--ld-br-m)}:host(.ld-accordion--dark){--ld-accordion-bg-col:var(--ld-col-neutral-010);--ld-accordion-bg-col-active:var(--ld-col-neutral-010);--ld-accordion-panel-border-top-col:var(--ld-col-neutral-050)}:host(.ld-accordion--brand-color){--ld-accordion-bg-col-hover:var(--ld-thm-primary-alpha-lowest);--ld-accordion-bg-col-focus:var(--ld-thm-primary-alpha-low)}:host(.ld-accordion--detached){--ld-accordion-gap:var(--ld-sp-8);--ld-accordion-gap-col:#0000}:host(.ld-accordion:not(.ld-accordion--detached)) ::slotted(ld-accordion-section){--ld-accordion-border-radius:0}:host(.ld-accordion:not(.ld-accordion--detached)) ::slotted(ld-accordion-section:first-of-type){--ld-accordion-border-radius:var(--ld-accordion-border-radius-size) var(--ld-accordion-border-radius-size) 0 0}:host(.ld-accordion:not(.ld-accordion--detached)) ::slotted(ld-accordion-section:last-of-type){--ld-accordion-border-radius:0 0 var(--ld-accordion-border-radius-size) var(--ld-accordion-border-radius-size)}:host ::slotted(ld-accordion-section:not(:first-of-type)){border-top:solid var(--ld-accordion-gap) var(--ld-accordion-gap-col)} \ No newline at end of file +:host{--ld-accordion-col:var(--ld-col-neutral-900);--ld-accordion-col-disabled:var(--ld-col-neutral-100);--ld-accordion-col-hover:var(--ld-col-neutral-900);--ld-accordion-col-focus:var(--ld-col-neutral-900);--ld-accordion-bg-col:var(--ld-col-wht);--ld-accordion-bg-col-active:var(--ld-col-wht);--ld-accordion-bg-col-disabled:var(--ld-col-neutral-100);--ld-accordion-bg-col-focus:var(--ld-col-neutral-100);--ld-accordion-bg-col-hover:var(--ld-col-neutral-050);--ld-accordion-trigger-icon-col-disabled:var(--ld-col-neutral-100);--ld-accordion-col-active:var(--ld-thm-primary);--ld-accordion-col-selected:var(--ld-thm-primary);--ld-accordion-toggle-col:inherit;--ld-accordion-toggle-indicator-bg-col:#0000;--ld-accordion-toggle-trigger-col:var(--ld-thm-primary);--ld-accordion-trigger-icon-col:var(--ld-thm-primary);--ld-accordion-trigger-icon-col-hover:var(--ld-thm-primary-hover);--ld-accordion-trigger-icon-col-focus:var(--ld-thm-primary-focus);--ld-accordion-trigger-icon-col-active:var(--ld-thm-primary-active);--ld-accordion-toggle-expanded-col:var(--ld-thm-primary);--ld-accordion-padding-y:0.45rem;--ld-accordion-padding-x:1.25rem;--ld-accordion-toggle-size:2.5rem;--ld-accordion-toggle-line-height:180%;--ld-accordion-border-radius-size:0;--ld-accordion-border-radius:var(--ld-accordion-border-radius-size);--ld-accordion-gap:var(--ld-sp-2);--ld-accordion-gap-col:var(--ld-accordion-panel-border-top-col);--ld-accordion-panel-border-top-col:var(--ld-col-neutral-010)}:host(:where(.ld-accordion)){color-scheme:var(--ld-accordion-color-scheme,none);display:block;flex-grow:1}:host(.ld-accordion--rounded){--ld-accordion-border-radius-size:var(--ld-br-m)}:host(.ld-accordion--dark){--ld-accordion-bg-col:var(--ld-col-neutral-010);--ld-accordion-bg-col-active:var(--ld-col-neutral-010);--ld-accordion-panel-border-top-col:var(--ld-col-neutral-050)}:host(.ld-accordion--brand-color){--ld-accordion-bg-col-hover:var(--ld-thm-primary-alpha-lowest);--ld-accordion-bg-col-focus:var(--ld-thm-primary-alpha-low)}:host(.ld-accordion--detached){--ld-accordion-gap:var(--ld-sp-8);--ld-accordion-gap-col:#0000}:host(.ld-accordion:not(.ld-accordion--detached)) ::slotted(ld-accordion-section){--ld-accordion-border-radius:0}:host(.ld-accordion:not(.ld-accordion--detached)) ::slotted(ld-accordion-section:first-of-type){--ld-accordion-border-radius:var(--ld-accordion-border-radius-size) var(--ld-accordion-border-radius-size) 0 0}:host(.ld-accordion:not(.ld-accordion--detached)) ::slotted(ld-accordion-section:last-of-type){--ld-accordion-border-radius:0 0 var(--ld-accordion-border-radius-size) var(--ld-accordion-border-radius-size)}:host ::slotted(ld-accordion-section:not(:first-of-type)){border-top:solid var(--ld-accordion-gap) var(--ld-accordion-gap-col)} \ No newline at end of file diff --git a/1704966176737/css_components/ld-badge.css b/1704966176737/css_components/ld-badge.css new file mode 100644 index 0000000000..bc94f856e1 --- /dev/null +++ b/1704966176737/css_components/ld-badge.css @@ -0,0 +1 @@ +.ld-badge,:host{--ld-badge-size-md:1.0625rem;--ld-badge-size-lg:1rem;--ld-badge-icon-size-md:0.5625rem;--ld-badge-icon-size-lg:0.75rem;--ld-badge-bg-col:var(--ld-thm-primary);--ld-badge-gap-md:var(--ld-sp-6);--ld-badge-gap-lg:var(--ld-sp-8);--ld-badge-padding-block-md:0.2125rem;--ld-badge-padding-block-lg:0.25rem;--ld-badge-padding-inline-md:0.5rem;--ld-badge-padding-inline-lg:0.625rem;align-items:center;background-color:var(--ld-badge-bg-col);border-radius:var(--ld-br-full);box-sizing:border-box;color:var(--ld-col-wht);display:inline-flex;font:var(--ld-typo-body-xs);font-weight:700;gap:var(--ld-badge-gap-md);justify-content:center;line-height:1.1;padding-block:var(--ld-badge-padding-block-md);padding-inline:var(--ld-badge-padding-inline-md);position:relative}.ld-badge ::slotted(.ld-icon),.ld-badge ::slotted(ld-icon),.ld-badge>.ld-icon,.ld-badge>ld-icon,:host ::slotted(.ld-icon),:host ::slotted(ld-icon),:host>.ld-icon,:host>ld-icon{--ld-icon-size-md:var(--ld-badge-icon-size-md);flex-shrink:0;margin:0 calc(-1 * var(--ld-sp-8))}.ld-badge.ld-badge--with-text ::slotted(.ld-icon),.ld-badge.ld-badge--with-text ::slotted(ld-icon),.ld-badge.ld-badge--with-text>.ld-icon,.ld-badge.ld-badge--with-text>ld-icon,:host(.ld-badge.ld-badge--with-text) ::slotted(.ld-icon),:host(.ld-badge.ld-badge--with-text) ::slotted(ld-icon),:host(.ld-badge.ld-badge--with-text)>.ld-icon,:host(.ld-badge.ld-badge--with-text)>ld-icon,:host(:host.ld-badge--with-text) ::slotted(.ld-icon),:host(:host.ld-badge--with-text) ::slotted(ld-icon),:host(:host.ld-badge--with-text)>.ld-icon,:host(:host.ld-badge--with-text)>ld-icon,:host.ld-badge--with-text ::slotted(.ld-icon),:host.ld-badge--with-text ::slotted(ld-icon),:host.ld-badge--with-text>.ld-icon,:host.ld-badge--with-text>ld-icon{margin:0 auto}.ld-badge--lg,:host(.ld-badge--lg){font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-badge-gap-lg);line-height:1.1;padding-block:var(--ld-badge-padding-block-lg);padding-inline:var(--ld-badge-padding-inline-lg)}.ld-badge--lg ::slotted(.ld-icon),.ld-badge--lg ::slotted(ld-icon),.ld-badge--lg>.ld-icon,.ld-badge--lg>ld-icon,:host(.ld-badge--lg) ::slotted(.ld-icon),:host(.ld-badge--lg) ::slotted(ld-icon),:host(.ld-badge--lg)>.ld-icon,:host(.ld-badge--lg)>ld-icon{--ld-icon-size-md:var(--ld-badge-icon-size-lg);transform:none}.ld-badge--brand-color,:host(.ld-badge--brand-color){background-color:var(--ld-col-wht);color:var(--ld-thm-primary)} \ No newline at end of file diff --git a/1704966176737/css_components/ld-bg-cells.css b/1704966176737/css_components/ld-bg-cells.css new file mode 100644 index 0000000000..ea028242e3 --- /dev/null +++ b/1704966176737/css_components/ld-bg-cells.css @@ -0,0 +1 @@ +.ld-bg-cells,:host{--ld-bg-cells-bg-col:var(--ld-thm-secondary);--ld-bg-cells-layer-col:var(--ld-thm-primary);--ld-bg-cells-layer-translation-x:-80%;--ld-bg-cells-layer-translation-y:-6%;--ld-bg-cells-layer-size:260%;--ld-bg-cells-layer-rotation:0deg;--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-secondary-layer-translation-x:0%;--ld-bg-cells-secondary-layer-translation-y:0%;--ld-bg-cells-secondary-layer-size:150%;--ld-bg-cells-secondary-layer-rotation:0deg;--ld-bg-cells-base-size-factor:0.39;--ld-bg-cells-layer-size-clamped:clamp(50%,var(--ld-bg-cells-layer-size),800%);--ld-bg-cells-layer-size-normalized:calc(var(--ld-bg-cells-layer-size-clamped) * var(--ld-bg-cells-base-size-factor));--ld-bg-cells-secondary-layer-size-clamped:clamp(50%,var(--ld-bg-cells-secondary-layer-size),800%);--ld-bg-cells-secondary-layer-size-normalized:calc(var(--ld-bg-cells-secondary-layer-size-clamped) * var(--ld-bg-cells-base-size-factor));--ld-bg-cells-layer-animation-translate:0.3%;--ld-bg-cells-layer-animation-scale:4%;--ld-bg-cells-layer-animation-rotate:6deg;--ld-bg-cells-layer-animation-speed:1;--ld-bg-cells-layer-animation-dur:calc(126s / var(--ld-bg-cells-layer-animation-speed));--ld-bg-cells-secondary-layer-animation-dur:calc(84s / var(--ld-bg-cells-layer-animation-speed));background:var(--ld-bg-cells-bg-col);display:block;height:100%;overflow:hidden;position:relative;width:100%}.ld-bg-cells__layer,.ld-bg-cells__secondary-layer{inset:0;left:50%;min-height:1000%;min-width:1000%;position:absolute;top:50%}.ld-bg-cells__layer{color:var(--ld-bg-cells-layer-col);transform:translate(calc((var(--ld-bg-cells-layer-translation-x) / 10) - 50%),calc((var(--ld-bg-cells-layer-translation-y) / 10) - 50%)) scale(var(--ld-bg-cells-layer-size-normalized)) rotate(var(--ld-bg-cells-layer-rotation))}.ld-bg-cells__layer--animated{animation:layer-animate var(--ld-bg-cells-layer-animation-dur) ease-in-out infinite}@media (prefers-reduced-motion:reduce){.ld-bg-cells__layer--animated{animation:none}}.ld-bg-cells__secondary-layer{color:var(--ld-bg-cells-secondary-layer-col);transform:translate(calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - 50%),calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - 50%)) scale(var(--ld-bg-cells-secondary-layer-size-normalized)) rotate(var(--ld-bg-cells-secondary-layer-rotation))}.ld-bg-cells__secondary-layer--animated{animation:secondary-layer-animate var(--ld-bg-cells-secondary-layer-animation-dur) ease-in-out infinite reverse}@media (prefers-reduced-motion:reduce){.ld-bg-cells__secondary-layer--animated{animation:none}}.ld-bg-cells--three-layers,:host(.ld-bg-cells--three-layers){--ld-bg-cells-layer-col:var(--ld-thm-primary);--ld-bg-cells-secondary-layer-col:var(--ld-col-vy);--ld-bg-cells-layer-size:390%;--ld-bg-cells-layer-translation-x:-50%;--ld-bg-cells-layer-rotation:-30deg;--ld-bg-cells-secondary-layer-size:580%;--ld-bg-cells-secondary-layer-translation-x:-20%;--ld-bg-cells-secondary-layer-translation-y:-100%}.ld-bg-cells--bioreliance,:host(.ld-bg-cells--bioreliance){--ld-bg-cells-base-size-factor:0.46;--ld-bg-cells-bg-col:var(--ld-col-vg);--ld-bg-cells-layer-col:var(--ld-col-rp);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-89%;--ld-bg-cells-layer-translation-y:48%;--ld-bg-cells-layer-size:297%}.ld-bg-cells--f,:host(.ld-bg-cells--f){--ld-bg-cells-base-size-factor:0.49;--ld-bg-cells-layer-translation-x:-79%;--ld-bg-cells-layer-translation-y:24%;--ld-bg-cells-layer-size:240%}.ld-bg-cells--mdo,:host(.ld-bg-cells--mdo){--ld-bg-cells-base-size-factor:0.2;--ld-bg-cells-bg-col:var(--ld-col-rb);--ld-bg-cells-layer-col:var(--ld-col-sy);--ld-bg-cells-secondary-layer-col:var(--ld-col-sb);--ld-bg-cells-layer-translation-x:-107%;--ld-bg-cells-layer-translation-y:-32%;--ld-bg-cells-layer-size:147%;--ld-bg-cells-layer-rotation:145deg;--ld-bg-cells-secondary-layer-translation-x:133%;--ld-bg-cells-secondary-layer-translation-y:46%;--ld-bg-cells-secondary-layer-size:150%;--ld-bg-cells-secondary-layer-rotation:145deg}.ld-bg-cells--millipore,:host(.ld-bg-cells--millipore){--ld-bg-cells-base-size-factor:0.43;--ld-bg-cells-bg-col:var(--ld-col-rb);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-80%;--ld-bg-cells-layer-translation-y:43%;--ld-bg-cells-layer-size:230%}.ld-bg-cells--milliq,:host(.ld-bg-cells--milliq){--ld-bg-cells-base-size-factor:0.23;--ld-bg-cells-bg-col:var(--ld-col-vc);--ld-bg-cells-layer-col:var(--ld-col-rp);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-70%;--ld-bg-cells-layer-translation-y:100%;--ld-bg-cells-layer-size:420%}.ld-bg-cells--o,:host(.ld-bg-cells--o){--ld-bg-cells-base-size-factor:0.33;--ld-bg-cells-layer-translation-x:-75%;--ld-bg-cells-layer-translation-y:-21%;--ld-bg-cells-layer-size:190%}.ld-bg-cells--supelco,:host(.ld-bg-cells--supelco){--ld-bg-cells-base-size-factor:0.66;--ld-bg-cells-bg-col:var(--ld-col-rg);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-59%;--ld-bg-cells-layer-translation-y:43%;--ld-bg-cells-layer-size:190%}.ld-bg-cells--safc,:host(.ld-bg-cells--safc){--ld-bg-cells-base-size-factor:0.34;--ld-bg-cells-bg-col:var(--ld-col-vm);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-122%;--ld-bg-cells-layer-translation-y:5%;--ld-bg-cells-layer-size:362%}.ld-bg-cells--sigma-aldrich,:host(.ld-bg-cells--sigma-aldrich){--ld-bg-cells-base-size-factor:0.53;--ld-bg-cells-bg-col:var(--ld-col-rr);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-124%;--ld-bg-cells-layer-translation-y:-2%;--ld-bg-cells-layer-size:460%}.ld-bg-cells--t,:host(.ld-bg-cells--t){--ld-bg-cells-base-size-factor:0.47;--ld-bg-cells-layer-translation-x:-108%;--ld-bg-cells-layer-translation-y:72%;--ld-bg-cells-layer-size:312%}.ld-bg-cells--tile,:host(.ld-bg-cells--tile){--ld-bg-cells-base-size-factor:0.31;--ld-bg-cells-layer-translation-x:-93%;--ld-bg-cells-layer-translation-y:-1%;--ld-bg-cells-layer-size:340%}@keyframes layer-animate{0%,to{transform:translate(calc((var(--ld-bg-cells-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))),calc((var(--ld-bg-cells-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))) scale(calc(var(--ld-bg-cells-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-layer-rotation)))}25%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate)))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2)))) scale(calc(var(--ld-bg-cells-layer-size-normalized) + var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-layer-rotation) - var(--ld-bg-cells-layer-animation-rotate)))}50%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-layer-rotation)))}75%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-layer-size-normalized) - var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-layer-rotation) + var(--ld-bg-cells-layer-animation-rotate)))}}@keyframes secondary-layer-animate{0%,to{transform:translate(calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))),calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)))}25%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate)))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2)))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized) + var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation) - var(--ld-bg-cells-layer-animation-rotate)))}50%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)))}75%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized) - var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation) + var(--ld-bg-cells-layer-animation-rotate)))}} \ No newline at end of file diff --git a/1704894792450/css_components/ld-breadcrumbs.css b/1704966176737/css_components/ld-breadcrumbs.css similarity index 100% rename from 1704894792450/css_components/ld-breadcrumbs.css rename to 1704966176737/css_components/ld-breadcrumbs.css diff --git a/1704894792450/css_components/ld-button.css b/1704966176737/css_components/ld-button.css similarity index 62% rename from 1704894792450/css_components/ld-button.css rename to 1704966176737/css_components/ld-button.css index 8897d64c4d..b023a0ecb4 100644 --- a/1704894792450/css_components/ld-button.css +++ b/1704966176737/css_components/ld-button.css @@ -28,7 +28,7 @@ --ld-button-danger-secondary-progress-color-focus,var(--ld-thm-error-focus) );--ld-button-danger-ghost-progress-color-hover:var( --ld-button-danger-secondary-progress-color-hover,var(--ld-thm-error-hover) - );--ld-button-neutral-bg-color:var(--ld-col-neutral);--ld-button-neutral-bg-color-active:var(--ld-col-neutral-900);--ld-button-neutral-bg-color-focus:var(--ld-col-neutral-400);--ld-button-neutral-bg-color-hover:var(--ld-col-neutral-800);--ld-button-neutral-progress-color:var(--ld-col-neutral-800);--ld-button-neutral-progress-color-active:var(--ld-col-neutral);--ld-button-neutral-progress-color-focus:var(--ld-col-neutral-900);--ld-button-neutral-progress-color-hover:var(--ld-col-neutral);--ld-button-neutral-text-color:var(--ld-col-wht);--ld-button-neutral-text-color-active:var(--ld-col-wht);--ld-button-neutral-text-color-focus:var(--ld-col-neutral-900);--ld-button-neutral-text-color-hover:var(--ld-col-wht);--ld-button-neutral-ghost-brand-bg-color:var(--ld-col-wht);--ld-button-neutral-ghost-bg-color-active:var(--ld-thm-primary-alpha-low);--ld-button-neutral-ghost-bg-color-hover:var(--ld-col-neutral-050);--ld-button-neutral-ghost-progress-color:var(--ld-col-neutral);--ld-button-neutral-ghost-progress-color-active:var(--ld-col-neutral-900);--ld-button-neutral-ghost-progress-color-focus:var(--ld-col-neutral-400);--ld-button-neutral-ghost-progress-color-hover:var(--ld-col-neutral-800);--ld-button-neutral-ghost-progress-track-color:var(--ld-col-neutral-050);--ld-button-neutral-ghost-text-color:var(--ld-col-neutral);--ld-button-neutral-ghost-text-color-active:var(--ld-col-neutral-900);--ld-button-neutral-ghost-text-color-focus:var(--ld-col-neutral-400);--ld-button-neutral-ghost-text-color-hover:var(--ld-col-neutral-800);-webkit-touch-callout:none;align-items:center;background-color:var(--ld-thm-primary);background-color:var(--ld-button-bg-color);border:0;border-radius:var(--ld-br-m) var(--ld-br-m) var(--ld-br-m) var(--ld-br-m);border-radius:var(--ld-button-border-top-left-radius) var(--ld-button-border-top-right-radius) var(--ld-button-border-bottom-right-radius) var(--ld-button-border-bottom-left-radius);box-sizing:border-box;color:var(--ld-col-wht);color:var(--ld-button-text-color);display:inline-grid;font:var(--ld-typo-body-m);font-weight:700;gap:.875rem;gap:var(--ld-button-gap-md);grid-auto-flow:column;justify-content:center;line-height:1;min-height:2.5rem;min-width:2.5rem;overflow:hidden;padding:.625rem .875rem;padding:var(--ld-button-padding-y-md) var(--ld-button-padding-x-md);position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;transform:translateZ(0);-webkit-user-select:none;user-select:none}.ld-button:where(:disabled),.ld-button:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){opacity:.2}.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-button-bg-color-focus);color:var(--ld-button-text-color-focus)}@media (hover:hover){.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-button-bg-color-hover);color:var(--ld-button-text-color-hover)}}.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-button-bg-color-active);color:var(--ld-button-text-color-active)}.ld-button ::slotted(.ld-icon),.ld-button ::slotted(ld-icon),.ld-button>.ld-icon,.ld-button>ld-icon{margin:auto var(--ld-button-icon-margin-x-md)}.ld-button:where(.ld-button--sm){font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-button-gap-sm);line-height:1;min-height:2rem;min-width:2rem;padding:var(--ld-button-padding-y-sm) var(--ld-button-padding-x-sm)}.ld-button:where(.ld-button--sm) ::slotted(.ld-icon),.ld-button:where(.ld-button--sm) ::slotted(ld-icon),.ld-button:where(.ld-button--sm)>.ld-icon,.ld-button:where(.ld-button--sm)>ld-icon{margin:auto var(--ld-button-icon-margin-x-sm)}.ld-button:where(.ld-button--lg){font:var(--ld-typo-body-l);font-weight:700;gap:var(--ld-button-gap-lg);line-height:1;min-height:3.125rem;min-width:3.125rem;padding:var(--ld-button-padding-y-lg) var(--ld-button-padding-x-lg)}.ld-button:where(.ld-button--lg) ::slotted(.ld-icon),.ld-button:where(.ld-button--lg) ::slotted(ld-icon),.ld-button:where(.ld-button--lg)>.ld-icon,.ld-button:where(.ld-button--lg)>ld-icon{margin:auto var(--ld-button-icon-margin-x-lg)}.ld-button:where(.ld-button--align-text-right){text-align:right}.ld-button:where(.ld-button--align-text-left){text-align:left}.ld-button:where(.ld-button--justify-start){justify-content:flex-start}.ld-button:where(.ld-button--justify-end){justify-content:flex-end}.ld-button:where(.ld-button--justify-between){justify-content:space-between}.ld-button:where(.ld-button--icon-only){--ld-button-padding-x-sm:0;--ld-button-padding-y-sm:0;--ld-button-padding-x-md:0;--ld-button-padding-y-md:0;--ld-button-padding-x-lg:0;--ld-button-padding-y-lg:0}.ld-button[aria-busy=true]{cursor:progress}@keyframes ld-button-progress-pending{0%{transform:translateX(-100%);z-index:-1}to{transform:translateX(100%);z-index:-1}}.ld-button__progress{--ld-button-progress:0;bottom:0;left:0;position:absolute;right:0;top:auto;z-index:-1}.ld-button__progress:after{background-color:var(--ld-button-progress-color);content:"";display:block;height:var(--ld-sp-4);transform:translateX(-100%) translateX(calc(var(--ld-button-progress) * 100%));transition:transform var(--ld-transition-duration-normal) ease}.ld-button__progress--pending:after{animation:ld-button-progress-pending 1s linear infinite}.ld-button--ghost,.ld-button--secondary{--ld-button-bg-color:#0000;--ld-button-bg-color-active:var(--ld-button-ghost-bg-color-active);--ld-button-bg-color-focus:#0000;--ld-button-bg-color-hover:var(--ld-button-ghost-bg-color-hover);--ld-button-text-color:var(--ld-button-ghost-text-color);--ld-button-text-color-active:var(--ld-button-ghost-text-color-active);--ld-button-text-color-focus:var(--ld-button-ghost-text-color-focus);--ld-button-text-color-hover:var(--ld-button-ghost-text-color-hover);--ld-button-progress-color:var(--ld-button-ghost-progress-color)}.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-ghost-progress-color-focus)}@media (hover:hover){.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) .ld-button__progress:after{background-color:var(--ld-button-ghost-progress-color-hover)}}.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-button__progress:after,.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-ghost-progress-color-active)}.ld-button--secondary{box-shadow:inset 0 0 0 2px}.ld-button--ghost .ld-button__progress{background-color:var(--ld-button-ghost-progress-track-color)}@media (hover:hover){.ld-button--ghost:where(:hover) .ld-button__progress{background-color:initial}}.ld-button--ghost:where(:active) .ld-button__progress,.ld-button--ghost:where(:active:focus-visible) .ld-button__progress{background-color:initial}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)){background-color:var(--ld-button-brand-bg-color);color:var(--ld-button-brand-text-color)}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){color:var(--ld-button-brand-text-color-focus)}@media (hover:hover){.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-button-brand-bg-color-hover)}}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-button-brand-bg-color-active)}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)).ld-button--ghost,.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)).ld-button--secondary{--ld-button-ghost-bg-color-active:var( + );--ld-button-neutral-bg-color:var(--ld-col-neutral);--ld-button-neutral-bg-color-active:var(--ld-col-neutral-900);--ld-button-neutral-bg-color-focus:var(--ld-col-neutral-400);--ld-button-neutral-bg-color-hover:var(--ld-col-neutral-800);--ld-button-neutral-progress-color:var(--ld-col-neutral-800);--ld-button-neutral-progress-color-active:var(--ld-col-neutral);--ld-button-neutral-progress-color-focus:var(--ld-col-neutral-900);--ld-button-neutral-progress-color-hover:var(--ld-col-neutral);--ld-button-neutral-text-color:var(--ld-col-wht);--ld-button-neutral-text-color-active:var(--ld-col-wht);--ld-button-neutral-text-color-focus:var(--ld-col-neutral-900);--ld-button-neutral-text-color-hover:var(--ld-col-wht);--ld-button-neutral-ghost-brand-bg-color:var(--ld-col-wht);--ld-button-neutral-ghost-bg-color-active:var(--ld-thm-primary-alpha-low);--ld-button-neutral-ghost-bg-color-hover:var(--ld-col-neutral-050);--ld-button-neutral-ghost-progress-color:var(--ld-col-neutral);--ld-button-neutral-ghost-progress-color-active:var(--ld-col-neutral-900);--ld-button-neutral-ghost-progress-color-focus:var(--ld-col-neutral-400);--ld-button-neutral-ghost-progress-color-hover:var(--ld-col-neutral-800);--ld-button-neutral-ghost-progress-track-color:var(--ld-col-neutral-050);--ld-button-neutral-ghost-text-color:var(--ld-col-neutral);--ld-button-neutral-ghost-text-color-active:var(--ld-col-neutral-900);--ld-button-neutral-ghost-text-color-focus:var(--ld-col-neutral-400);--ld-button-neutral-ghost-text-color-hover:var(--ld-col-neutral-800);align-items:center;background-color:var(--ld-button-bg-color);border:0;border-radius:var(--ld-button-border-top-left-radius) var(--ld-button-border-top-right-radius) var(--ld-button-border-bottom-right-radius) var(--ld-button-border-bottom-left-radius);box-sizing:border-box;color:var(--ld-button-text-color);display:inline-grid;font:var(--ld-typo-body-m);font-weight:700;gap:var(--ld-button-gap-md);grid-auto-flow:column;justify-content:center;line-height:1;min-height:2.5rem;min-width:2.5rem;overflow:hidden;padding:var(--ld-button-padding-y-md) var(--ld-button-padding-x-md);position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;transform:translateZ(0);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ld-button:where(:disabled),.ld-button:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){opacity:.2}.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-button-bg-color-focus);color:var(--ld-button-text-color-focus)}@media (hover:hover){.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-button-bg-color-hover);color:var(--ld-button-text-color-hover)}}.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-button:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-button-bg-color-active);color:var(--ld-button-text-color-active)}.ld-button ::slotted(.ld-icon),.ld-button ::slotted(ld-icon),.ld-button>.ld-icon,.ld-button>ld-icon{margin:auto var(--ld-button-icon-margin-x-md)}.ld-button:where(.ld-button--sm){font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-button-gap-sm);line-height:1;min-height:2rem;min-width:2rem;padding:var(--ld-button-padding-y-sm) var(--ld-button-padding-x-sm)}.ld-button:where(.ld-button--sm) ::slotted(.ld-icon),.ld-button:where(.ld-button--sm) ::slotted(ld-icon),.ld-button:where(.ld-button--sm)>.ld-icon,.ld-button:where(.ld-button--sm)>ld-icon{margin:auto var(--ld-button-icon-margin-x-sm)}.ld-button:where(.ld-button--lg){font:var(--ld-typo-body-l);font-weight:700;gap:var(--ld-button-gap-lg);line-height:1;min-height:3.125rem;min-width:3.125rem;padding:var(--ld-button-padding-y-lg) var(--ld-button-padding-x-lg)}.ld-button:where(.ld-button--lg) ::slotted(.ld-icon),.ld-button:where(.ld-button--lg) ::slotted(ld-icon),.ld-button:where(.ld-button--lg)>.ld-icon,.ld-button:where(.ld-button--lg)>ld-icon{margin:auto var(--ld-button-icon-margin-x-lg)}.ld-button:where(.ld-button--align-text-right){text-align:right}.ld-button:where(.ld-button--align-text-left){text-align:left}.ld-button:where(.ld-button--justify-start){justify-content:flex-start}.ld-button:where(.ld-button--justify-end){justify-content:flex-end}.ld-button:where(.ld-button--justify-between){justify-content:space-between}.ld-button:where(.ld-button--icon-only){--ld-button-padding-x-sm:0;--ld-button-padding-y-sm:0;--ld-button-padding-x-md:0;--ld-button-padding-y-md:0;--ld-button-padding-x-lg:0;--ld-button-padding-y-lg:0}.ld-button[aria-busy=true]{cursor:progress}@keyframes ld-button-progress-pending{0%{transform:translateX(-100%);z-index:-1}to{transform:translateX(100%);z-index:-1}}.ld-button__progress{--ld-button-progress:0;inset:auto 0 0;position:absolute;z-index:-1}.ld-button__progress:after{background-color:var(--ld-button-progress-color);content:"";display:block;height:var(--ld-sp-4);transform:translateX(-100%) translateX(calc(var(--ld-button-progress) * 100%));transition:transform var(--ld-transition-duration-normal) ease}.ld-button__progress--pending:after{animation:ld-button-progress-pending 1s linear infinite}.ld-button--ghost,.ld-button--secondary{--ld-button-bg-color:#0000;--ld-button-bg-color-active:var(--ld-button-ghost-bg-color-active);--ld-button-bg-color-focus:#0000;--ld-button-bg-color-hover:var(--ld-button-ghost-bg-color-hover);--ld-button-text-color:var(--ld-button-ghost-text-color);--ld-button-text-color-active:var(--ld-button-ghost-text-color-active);--ld-button-text-color-focus:var(--ld-button-ghost-text-color-focus);--ld-button-text-color-hover:var(--ld-button-ghost-text-color-hover);--ld-button-progress-color:var(--ld-button-ghost-progress-color)}.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-ghost-progress-color-focus)}@media (hover:hover){.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) .ld-button__progress:after{background-color:var(--ld-button-ghost-progress-color-hover)}}.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-button__progress:after,.ld-button--ghost:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-button__progress:after,.ld-button--secondary:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-button__progress:after{background-color:var(--ld-button-ghost-progress-color-active)}.ld-button--secondary{box-shadow:inset 0 0 0 2px}.ld-button--ghost .ld-button__progress{background-color:var(--ld-button-ghost-progress-track-color)}@media (hover:hover){.ld-button--ghost:where(:hover) .ld-button__progress{background-color:initial}}.ld-button--ghost:where(:active) .ld-button__progress,.ld-button--ghost:where(:active:focus-visible) .ld-button__progress{background-color:initial}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)){background-color:var(--ld-button-brand-bg-color);color:var(--ld-button-brand-text-color)}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){color:var(--ld-button-brand-text-color-focus)}@media (hover:hover){.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-button-brand-bg-color-hover)}}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):where(.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)):where(:not(.ld-button--secondary):not(.ld-button--ghost)):not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-button-brand-bg-color-active)}.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)).ld-button--ghost,.ld-button--brand-color:where(:not(.ld-button--danger):not(.ld-button--danger-secondary):not(.ld-button--danger-ghost):not(.ld-button--highlight):not(.ld-button--neutral):not(.ld-button--neutral-secondary):not(.ld-button--neutral-ghost)).ld-button--secondary{--ld-button-ghost-bg-color-active:var( --ld-button-secondary-brand-bg-color-active );--ld-button-ghost-bg-color-hover:var( --ld-button-secondary-brand-bg-color-hover diff --git a/1704894792450/css_components/ld-card-stack.css b/1704966176737/css_components/ld-card-stack.css similarity index 81% rename from 1704894792450/css_components/ld-card-stack.css rename to 1704966176737/css_components/ld-card-stack.css index 31ad451254..fd4b1ae1a1 100644 --- a/1704894792450/css_components/ld-card-stack.css +++ b/1704966176737/css_components/ld-card-stack.css @@ -1 +1 @@ -.ld-card-stack,:host{--ld-card-stack-translate-amount-x:var(--ld-sp-6);--ld-card-stack-translate-amount-y:var(--ld-sp-6);--ld-card-stack-translate-direction-x:-1;display:grid;grid-template-areas:"card";grid-template-columns:1fr;padding:0;position:relative;z-index:0}.ld-card-stack .ld-card,.ld-card-stack ::slotted(.ld-card),:host .ld-card,:host ::slotted(.ld-card){grid-area:card;opacity:0;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear,visibility var(--ld-transition-duration-normal) 0s linear;visibility:hidden}.ld-card-stack .ld-card:after,.ld-card-stack .ld-card:before,.ld-card-stack ::slotted(.ld-card):after,.ld-card-stack ::slotted(.ld-card):before,:host .ld-card:after,:host .ld-card:before,:host ::slotted(.ld-card):after,:host ::slotted(.ld-card):before{opacity:.3}.ld-card-stack .ld-card:first-of-type:not(:last-of-type),.ld-card-stack ::slotted(.ld-card:first-of-type:not(:last-of-type)),:host .ld-card:first-of-type:not(:last-of-type),:host ::slotted(.ld-card:first-of-type:not(:last-of-type)){transform:translate(calc(var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)),calc(-1 * var(--ld-card-stack-translate-amount-y)));z-index:1}.ld-card-stack .ld-card:nth-of-type(-n+3),.ld-card-stack ::slotted(.ld-card:nth-of-type(-n+3)),:host .ld-card:nth-of-type(-n+3),:host ::slotted(.ld-card:nth-of-type(-n+3)){opacity:1;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear;visibility:inherit}.ld-card-stack .ld-card:nth-of-type(3),.ld-card-stack ::slotted(.ld-card:nth-of-type(3)),:host .ld-card:nth-of-type(3),:host ::slotted(.ld-card:nth-of-type(3)){transform:translate(calc(-1 * var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)),var(--ld-card-stack-translate-amount-y));z-index:-1}.ld-card-stack .ld-card:focus-within,.ld-card-stack ::slotted(.ld-card:focus-within),:host .ld-card:focus-within,:host ::slotted(.ld-card:focus-within){z-index:2}.ld-card-stack:after,:host:after{border-radius:var(--ld-br-l);bottom:calc(var(--ld-card-stack-translate-amount-y) * 2);box-shadow:var(--ld-shadow-hover);content:"";left:var(--ld-card-stack-translate-amount-x);opacity:.8;position:absolute;right:var(--ld-card-stack-translate-amount-x);top:calc(var(--ld-card-stack-translate-amount-y) * 2);z-index:-2}.ld-card-stack--rtl,:host(.ld-card-stack--rtl){--ld-card-stack-translate-direction-x:1}.ld-card-stack--vertical,:host(.ld-card-stack--vertical){--ld-card-stack-translate-direction-x:0} \ No newline at end of file +.ld-card-stack,:host{--ld-card-stack-translate-amount-x:var(--ld-sp-6);--ld-card-stack-translate-amount-y:var(--ld-sp-6);--ld-card-stack-translate-direction-x:-1;display:grid;grid-template-areas:"card";grid-template-columns:1fr;padding:0;position:relative;z-index:0}.ld-card-stack .ld-card,.ld-card-stack ::slotted(.ld-card),:host .ld-card,:host ::slotted(.ld-card){grid-area:card;opacity:0;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear,visibility var(--ld-transition-duration-normal) 0s linear;visibility:hidden}.ld-card-stack .ld-card:after,.ld-card-stack .ld-card:before,.ld-card-stack ::slotted(.ld-card):after,.ld-card-stack ::slotted(.ld-card):before,:host .ld-card:after,:host .ld-card:before,:host ::slotted(.ld-card):after,:host ::slotted(.ld-card):before{opacity:.3}.ld-card-stack .ld-card:first-of-type:not(:last-of-type),.ld-card-stack ::slotted(.ld-card:first-of-type:not(:last-of-type)),:host .ld-card:first-of-type:not(:last-of-type),:host ::slotted(.ld-card:first-of-type:not(:last-of-type)){transform:translate(calc(var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)),calc(-1 * var(--ld-card-stack-translate-amount-y)));z-index:1}.ld-card-stack .ld-card:nth-of-type(-n+3),.ld-card-stack ::slotted(.ld-card:nth-of-type(-n+3)),:host .ld-card:nth-of-type(-n+3),:host ::slotted(.ld-card:nth-of-type(-n+3)){opacity:1;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear;visibility:inherit}.ld-card-stack .ld-card:nth-of-type(3),.ld-card-stack ::slotted(.ld-card:nth-of-type(3)),:host .ld-card:nth-of-type(3),:host ::slotted(.ld-card:nth-of-type(3)){transform:translate(calc(-1 * var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)),var(--ld-card-stack-translate-amount-y));z-index:-1}.ld-card-stack .ld-card:focus-within,.ld-card-stack ::slotted(.ld-card:focus-within),:host .ld-card:focus-within,:host ::slotted(.ld-card:focus-within){z-index:2}.ld-card-stack:after,:host:after{border-radius:var(--ld-br-l);box-shadow:var(--ld-shadow-hover);content:"";inset:calc(var(--ld-card-stack-translate-amount-y) * 2) var(--ld-card-stack-translate-amount-x);opacity:.8;position:absolute;z-index:-2}.ld-card-stack--rtl,:host(.ld-card-stack--rtl){--ld-card-stack-translate-direction-x:1}.ld-card-stack--vertical,:host(.ld-card-stack--vertical){--ld-card-stack-translate-direction-x:0} \ No newline at end of file diff --git a/1704966176737/css_components/ld-card.css b/1704966176737/css_components/ld-card.css new file mode 100644 index 0000000000..b19fbf47c7 --- /dev/null +++ b/1704966176737/css_components/ld-card.css @@ -0,0 +1 @@ +.ld-card,:host{--ld-card-bg-col:var(--ld-col-wht);--ld-card-border-radius:var(--ld-br-l);--ld-card-padding:var(--ld-sp-32);-webkit-appearance:none;appearance:none;background-color:var(--ld-card-bg-col);border:none;border-radius:var(--ld-card-border-radius);box-sizing:border-box;color:inherit;display:inline-grid;justify-items:flex-start;list-style:none;padding:var(--ld-card-padding);position:relative;-webkit-text-decoration:none;text-decoration:none}.ld-card:after,.ld-card:before,:host:after,:host:before{border-radius:inherit;box-shadow:var(--ld-shadow-stacked);content:"";inset:0;pointer-events:none;position:absolute;transition:opacity var(--ld-transition-duration-normal) ease-out}.ld-card:after,:host:after{opacity:0}slot{border-radius:inherit}.ld-card--interactive-sticky:after,.ld-card--sticky:before,:host(.ld-card--interactive-sticky):after,:host(.ld-card--sticky):before{box-shadow:var(--ld-shadow-sticky)}.ld-card--hover:before,.ld-card--interactive-hover:after,:host(.ld-card--hover):before,:host(.ld-card--interactive-hover):after{box-shadow:var(--ld-shadow-hover)}.ld-card--active:before,.ld-card--interactive-active:after,:host(.ld-card--active):before,:host(.ld-card--interactive-active):after{box-shadow:var(--ld-shadow-active)}.ld-card--interactive-active:focus-within:before,.ld-card--interactive-active:hover:before,.ld-card--interactive-hover:focus-within:before,.ld-card--interactive-hover:hover:before,.ld-card--interactive-stacked:focus-within:before,.ld-card--interactive-stacked:hover:before,.ld-card--interactive-sticky:focus-within:before,.ld-card--interactive-sticky:hover:before,:host(.ld-card--interactive-active:focus-within):before,:host(.ld-card--interactive-active:hover):before,:host(.ld-card--interactive-hover:focus-within):before,:host(.ld-card--interactive-hover:hover):before,:host(.ld-card--interactive-stacked:focus-within):before,:host(.ld-card--interactive-stacked:hover):before,:host(.ld-card--interactive-sticky:focus-within):before,:host(.ld-card--interactive-sticky:hover):before{opacity:0}.ld-card--interactive-active:focus-within:after,.ld-card--interactive-active:hover:after,.ld-card--interactive-hover:focus-within:after,.ld-card--interactive-hover:hover:after,.ld-card--interactive-stacked:focus-within:after,.ld-card--interactive-stacked:hover:after,.ld-card--interactive-sticky:focus-within:after,.ld-card--interactive-sticky:hover:after,:host(.ld-card--interactive-active:focus-within):after,:host(.ld-card--interactive-active:hover):after,:host(.ld-card--interactive-hover:focus-within):after,:host(.ld-card--interactive-hover:hover):after,:host(.ld-card--interactive-stacked:focus-within):after,:host(.ld-card--interactive-stacked:hover):after,:host(.ld-card--interactive-sticky:focus-within):after,:host(.ld-card--interactive-sticky:hover):after{opacity:1}.ld-card--sm,:host(.ld-card--sm){--ld-card-padding:var(--ld-sp-16)}.ld-card--zero,:host(.ld-card--zero){--ld-card-padding:0px} \ No newline at end of file diff --git a/1704966176737/css_components/ld-checkbox.css b/1704966176737/css_components/ld-checkbox.css new file mode 100644 index 0000000000..a835aadccc --- /dev/null +++ b/1704966176737/css_components/ld-checkbox.css @@ -0,0 +1 @@ +.ld-checkbox,:host{--ld-checkbox-size:1.25rem;--ld-checkbox-bg-col:var(--ld-col-wht);--ld-checkbox-bg-col-hover:var(--ld-col-neutral-010);--ld-checkbox-bg-col-active:var(--ld-col-neutral-050);--ld-checkbox-disabled-col:var(--ld-col-neutral-300);--ld-checkbox-disabled-bg-col:var(--ld-col-neutral-100);--ld-checkbox-dark-bg-col:var(--ld-col-neutral-050);--ld-checkbox-dark-bg-col-hover:var(--ld-col-neutral-100);--ld-checkbox-dark-bg-col-active:var(--ld-col-neutral-300);--ld-checkbox-checked-col:var(--ld-col-wht);--ld-checkbox-checked-col-active:var(--ld-col-wht);--ld-checkbox-col:var(--ld-thm-primary);--ld-checkbox-col-hover:var(--ld-thm-primary-hover);--ld-checkbox-col-active:var(--ld-thm-primary-active);--ld-checkbox-col-focus:var(--ld-thm-primary-focus);--ld-checkbox-invalid-col:var(--ld-thm-error);--ld-checkbox-invalid-col-hover:var(--ld-thm-error-hover);--ld-checkbox-invalid-col-focus:var(--ld-thm-error-focus);--ld-checkbox-invalid-col-active:var(--ld-thm-error-active);--ld-checkbox-warn-col:var(--ld-thm-warning);--ld-checkbox-warn-col-hover:var(--ld-thm-warning-hover);--ld-checkbox-warn-col-focus:var(--ld-thm-warning-focus);--ld-checkbox-warn-col-active:var(--ld-thm-warning-active);--ld-checkbox-warn-checked-col:var(--ld-thm-warning-active);--ld-checkbox-warn-checked-col-active:var(--ld-thm-warning-hover);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--ld-checkbox-size);min-width:auto!important;position:relative;width:var(--ld-checkbox-size)}.ld-checkbox input,:host input{-webkit-appearance:none;appearance:none;background-color:initial;height:100%;inset:0;margin:0;position:absolute;width:100%;z-index:1}.ld-checkbox input:checked~.ld-checkbox__check,:host input:checked~.ld-checkbox__check{visibility:inherit}.ld-checkbox input:indeterminate~.ld-checkbox__box:before,:host input:indeterminate~.ld-checkbox__box:before{border-radius:var(--ld-sp-2);box-shadow:inherit;content:"";height:var(--ld-sp-2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1}.ld-checkbox input:where(:disabled)~.ld-checkbox__check,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__check,:host input:where(:disabled)~.ld-checkbox__check,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__check{color:var(--ld-checkbox-disabled-col)}.ld-checkbox input:where(:disabled)~.ld-checkbox__box,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__box,:host input:where(:disabled)~.ld-checkbox__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-disabled-bg-col)}.ld-checkbox input:where(:disabled):checked~.ld-checkbox__box,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-checkbox__box,:host input:where(:disabled):checked~.ld-checkbox__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-checkbox__box{background-color:var(--ld-checkbox-disabled-bg-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__check{color:var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-checkbox__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-checkbox__box,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__check{color:var(--ld-checkbox-checked-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__box{background-color:var(--ld-checkbox-col);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__check{color:var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__box{background-color:var(--ld-checkbox-col-focus);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__check,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__check{color:var(--ld-checkbox-checked-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__box,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__box{background-color:var(--ld-checkbox-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col)}@media (hover:hover){.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__check,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__check{color:var(--ld-checkbox-checked-col)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__box{background-color:var(--ld-checkbox-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover)}}.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col)}@media (hover:hover){.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col-hover)}}.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-checkbox__box,.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col-active)}.ld-checkbox__check{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;z-index:1}.ld-checkbox__box{height:100%;pointer-events:none;position:absolute;width:100%}.ld-checkbox,.ld-checkbox__box,:host{border-radius:var(--ld-br-m)}.ld-checkbox--highlight,:host(.ld-checkbox--highlight){--ld-checkbox-col:var(--ld-checkbox-warn-col);--ld-checkbox-col-hover:var(--ld-checkbox-warn-col-hover);--ld-checkbox-col-focus:var(--ld-checkbox-warn-col-focus);--ld-checkbox-col-active:var(--ld-checkbox-warn-col-active);--ld-checkbox-checked-col:var(--ld-checkbox-warn-checked-col);--ld-checkbox-checked-col-active:var(--ld-checkbox-warn-checked-col-active)}.ld-checkbox--danger,.ld-checkbox--invalid,:host(.ld-checkbox--danger),:host(.ld-checkbox--invalid){--ld-checkbox-col:var(--ld-checkbox-invalid-col);--ld-checkbox-col-hover:var(--ld-checkbox-invalid-col-hover);--ld-checkbox-col-active:var(--ld-checkbox-invalid-col-active);--ld-checkbox-col-focus:var(--ld-checkbox-invalid-col-focus)} \ No newline at end of file diff --git a/1704966176737/css_components/ld-circular-progress.css b/1704966176737/css_components/ld-circular-progress.css new file mode 100644 index 0000000000..5afd9bd5b0 --- /dev/null +++ b/1704966176737/css_components/ld-circular-progress.css @@ -0,0 +1,5 @@ +.ld-circular-progress,:host{--ld-circular-progress-valuemin:0;--ld-circular-progress-valuemax:100;--ld-circular-progress-valuenow:0;--ld-circular-progress-size:7.5rem;--ld-circular-progress-transition-duration:var( + --ld-transition-duration-normal + );--ld-circular-progress-stroke-mask:url('data:image/svg+xml;utf8,');--ld-circular-progress-bar-col:var(--ld-thm-primary);--ld-circular-progress-bar-col-overflow:var(--ld-thm-error);--ld-circular-progress-bg-col:var(--ld-col-neutral-100);--ld-circular-progress-bg-col-overflow:var(--ld-thm-error);--ld-circular-progress-circle-bg-col:var(--ld-circular-progress-bg-col);--ld-circular-progress-circle-bg-col-overflow:var( + --ld-circular-progress-bg-col-overflow + );--ld-circular-progress-pi:3.141592653589793;--ld-circular-progress-wht-overlay-col:var(--ld-col-wht-alpha-high);--ld-circular-progress-calc-valuenow:max(0,calc(var(--ld-circular-progress-valuenow) - var(--ld-circular-progress-valuemin)));--ld-circular-progress-calc-valuemax:calc(var(--ld-circular-progress-valuemax) - var(--ld-circular-progress-valuemin));--ld-circular-progress-calc-relative-progress:calc(var(--ld-circular-progress-calc-valuenow) / var(--ld-circular-progress-calc-valuemax));--ld-circular-progress-has-overflow:clamp(0,calc((var(--ld-circular-progress-calc-relative-progress) - 1) * 99999999999),1);align-items:center;box-sizing:initial!important;display:inline-flex;flex-direction:column;gap:var(--ld-sp-4);height:calc(var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * .4);justify-content:center;max-width:100%;padding:calc(var(--ld-circular-progress-size) * .165) calc(var(--ld-circular-progress-size) * .2) calc(var(--ld-circular-progress-size) * .235);position:relative;width:calc(var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * .4)}.ld-circular-progress:after,.ld-circular-progress:before,:host:after,:host:before{content:"";inset:0;-webkit-mask-image:var(--ld-circular-progress-stroke-mask);mask-image:var(--ld-circular-progress-stroke-mask);position:absolute;transition:opacity var(--ld-circular-progress-transition-duration) linear}.ld-circular-progress:before,:host:before{background-color:var(--ld-circular-progress-bg-col);opacity:calc(1 - var(--ld-circular-progress-has-overflow))}.ld-circular-progress:after,:host:after{box-shadow:inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem) var(--ld-circular-progress-wht-overlay-col),inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem) var(--ld-circular-progress-bg-col-overflow);opacity:var(--ld-circular-progress-has-overflow);position:absolute}.ld-circular-progress--brand-color,:host(.ld-circular-progress--brand-color){--ld-circular-progress-bar-col:var(--ld-col-wht);--ld-circular-progress-bg-col:var(--ld-thm-primary-focus);--ld-circular-progress-bg-col-overflow:var(--ld-thm-error-active);--ld-circular-progress-wht-overlay-col:var(--ld-col-wht-alpha-low)}:root,_::-webkit-full-page-media,_:future{--ld-circular-progress-bar-correction:3.5px}.ld-circular-progress__stroke{inset:0;position:absolute;fill:none;-webkit-mask-image:var(--ld-circular-progress-stroke-mask);mask-image:var(--ld-circular-progress-stroke-mask);transform:rotate(-90deg);width:100%;z-index:1}.ld-circular-progress__stroke circle{transform-origin:center;stroke-width:2.2;stroke-dasharray:calc(100 / var(--ld-circular-progress-pi));transition:opacity var(--ld-circular-progress-transition-duration) linear,stroke-dashoffset var(--ld-circular-progress-transition-duration) ease}.ld-circular-progress__stroke circle:first-of-type{stroke:var(--ld-circular-progress-bar-col);stroke-dashoffset:calc(-1 * min(0px, (-100px + var(--ld-circular-progress-calc-relative-progress) * (100px - var(--ld-circular-progress-bar-correction, 1px))) / var(--ld-circular-progress-pi)));opacity:calc(1 - var(--ld-circular-progress-has-overflow))}.ld-circular-progress__stroke circle:last-of-type{stroke:var(--ld-circular-progress-bar-col-overflow);stroke-dashoffset:calc(-1 * max(-100px / var(--ld-circular-progress-pi), min(0px, (-100px + (var(--ld-circular-progress-calc-relative-progress) - 1) * (100px - var(--ld-circular-progress-bar-correction, 1px))) / var(--ld-circular-progress-pi))));opacity:var(--ld-circular-progress-has-overflow)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-context-menu.shadow.css b/1704966176737/css_components/ld-context-menu.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-context-menu.shadow.css rename to 1704966176737/css_components/ld-context-menu.shadow.css diff --git a/1704966176737/css_components/ld-cookie-consent.shadow.css b/1704966176737/css_components/ld-cookie-consent.shadow.css new file mode 100644 index 0000000000..cd822f5824 --- /dev/null +++ b/1704966176737/css_components/ld-cookie-consent.shadow.css @@ -0,0 +1,15 @@ +:host{--ld-cookie-consent-br-s:var(--ld-br-s);--ld-cookie-consent-br-m:var(--ld-br-m);--ld-cookie-consent-br-l:var(--ld-br-l);--ld-cookie-consent-col-neutral-010:var(--ld-col-neutral-010);--ld-cookie-consent-col-neutral-050:var(--ld-col-neutral-050);--ld-cookie-consent-col-neutral-100:var(--ld-col-neutral-100);--ld-cookie-consent-col-neutral-600:var(--ld-col-neutral-600);--ld-cookie-consent-col-neutral-900:var(--ld-col-neutral-900);--ld-cookie-consent-col-wht:var(--ld-col-wht);--ld-cookie-consent-font-body:var(--ld-font-body);--ld-cookie-consent-thm-primary:var(--ld-thm-primary);--ld-cookie-consent-thm-primary-active:var(--ld-thm-primary-active);--ld-cookie-consent-thm-primary-alpha-low:var(--ld-thm-primary-alpha-low);--ld-cookie-consent-thm-primary-alpha-lowest:var( + --ld-thm-primary-alpha-lowest + );--ld-cookie-consent-thm-primary-focus:var(--ld-thm-primary-focus);--ld-cookie-consent-thm-primary-highlight:var(--ld-thm-primary-highlight);--ld-cookie-consent-thm-primary-hover:var(--ld-thm-primary-hover);--ld-cookie-consent-thm-secondary:var(--ld-thm-secondary);--ld-cookie-consent-thm-secondary-active:var(--ld-thm-secondary-active);--ld-cookie-consent-thm-secondary-focus:var(--ld-thm-secondary-focus);--ld-cookie-consent-thm-secondary-highlight:var( + --ld-thm-secondary-highlight + );--ld-cookie-consent-thm-secondary-hover:var(--ld-thm-secondary-hover);--ld-cookie-consent-logo-size:var(--ld-sp-32);--ld-cookie-consent-initial-m-size:2.5rem;--ld-cookie-consent-max-inline-size:38rem;--ld-cookie-consent-max-block-size:clamp(20rem,50vh,70rem);--ld-cookie-consent-min-inline-size:18rem;--ld-cookie-consent-transition-duration:var( + --ld-transition-duration-instant + );--ld-cookie-consent-disclaimer-transition-delay:0s}@media (prefers-reduced-motion:no-preference){:host{--ld-cookie-consent-transition-duration:var( + --ld-transition-duration-normal + );--ld-cookie-consent-disclaimer-transition-delay:var( + --ld-transition-duration-quick + )}}:host{position:var(--ld-cookie-consent-position,fixed);z-index:var(--ld-cookie-consent-z-index,2147483647 )}.ld-cookie-consent__disclaimer,.ld-cookie-consent__preferences{--ld-br-s:var(--ld-cookie-consent-br-s);--ld-br-m:var(--ld-cookie-consent-br-m);--ld-br-l:var(--ld-cookie-consent-br-l);--ld-col-neutral-010:var(--ld-cookie-consent-col-neutral-010);--ld-col-neutral-050:var(--ld-cookie-consent-col-neutral-050);--ld-col-neutral-100:var(--ld-cookie-consent-col-neutral-100);--ld-col-neutral-600:var(--ld-cookie-consent-col-neutral-600);--ld-col-neutral-900:var(--ld-cookie-consent-col-neutral-900);--ld-col-wht:var(--ld-cookie-consent-col-wht);--ld-font-body:var(--ld-cookie-consent-font-body);--ld-thm-primary-active:var(--ld-cookie-consent-thm-primary-active);--ld-thm-primary-alpha-low:var(--ld-cookie-consent-thm-primary-alpha-low);--ld-thm-primary-alpha-lowest:var( + --ld-cookie-consent-thm-primary-alpha-lowest + );--ld-thm-primary-focus:var(--ld-cookie-consent-thm-primary-focus);--ld-thm-primary-highlight:var(--ld-cookie-consent-thm-primary-highlight);--ld-thm-primary-hover:var(--ld-cookie-consent-thm-primary-hover);--ld-thm-primary:var(--ld-cookie-consent-thm-primary);--ld-thm-secondary-active:var(--ld-cookie-consent-thm-secondary-active);--ld-thm-secondary-focus:var(--ld-cookie-consent-thm-secondary-focus);--ld-thm-secondary-highlight:var( + --ld-cookie-consent-thm-secondary-highlight + );--ld-thm-secondary-hover:var(--ld-cookie-consent-thm-secondary-hover);--ld-thm-secondary:var(--ld-cookie-consent-thm-secondary);font-family:var(--ld-font-body)}.ld-cookie-consent__disclaimer ld-accordion-toggle::part(toggle),.ld-cookie-consent__disclaimer ld-button::part(button),.ld-cookie-consent__disclaimer ld-typo::part(tag),.ld-cookie-consent__preferences ld-accordion-toggle::part(toggle),.ld-cookie-consent__preferences ld-button::part(button),.ld-cookie-consent__preferences ld-typo::part(tag){font-family:inherit}@keyframes ld-cookie-consent-in{0%{transform:translateY(calc(-100% - var(--ld-sp-24)))}to{transform:translateY(calc(-100% - var(--ld-sp-40)))}}@keyframes ld-cookie-consent-out{0%{transform:translateY(calc(-100% - var(--ld-sp-40))) scale(1)}to{transform:translateY(calc(-100% - var(--ld-sp-40))) scale(.9)}}@keyframes ld-cookie-consent-out-mobile{0%{transform:translateY(calc(-100% - var(--ld-sp-40)))}to{transform:translateY(calc(-100% - var(--ld-sp-24)))}}.ld-cookie-consent__disclaimer{animation:ld-cookie-consent-in var(--ld-cookie-consent-transition-duration) ease-out forwards;background-color:var(--ld-col-wht);border-radius:var(--ld-br-l);box-shadow:var(--ld-shadow-active);box-sizing:border-box;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;left:0;margin:auto;max-block-size:min(calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),var(--ld-cookie-consent-max-block-size));max-inline-size:min(calc(100% - var(--ld-sp-32)),var(--ld-cookie-consent-max-inline-size));min-inline-size:var(--ld-cookie-consent-min-inline-size);outline:none;position:fixed;right:0;top:100%;transition:transform var(--ld-cookie-consent-transition-duration) ease-out,opacity var(--ld-cookie-consent-transition-duration) ease-out;width:100%}.ld-cookie-consent__disclaimer:not(.ld-cookie-consent__disclaimer--visible){animation:ld-cookie-consent-out var(--ld-cookie-consent-transition-duration) ease-in forwards;animation-delay:var(--ld-cookie-consent-disclaimer-transition-delay);opacity:0;pointer-events:none;transform:translateY(calc(-100% - var(--ld-sp-40)));transition:transform var(--ld-cookie-consent-transition-duration) var(--ld-cookie-consent-disclaimer-transition-delay) ease-in,opacity var(--ld-cookie-consent-transition-duration) var(--ld-cookie-consent-disclaimer-transition-delay) ease-in,visibility 0s calc(var(--ld-cookie-consent-transition-duration) + var(--ld-cookie-consent-disclaimer-transition-delay)) linear;visibility:hidden}@media (width <= 32rem){.ld-cookie-consent__disclaimer:not(.ld-cookie-consent__disclaimer--visible){animation-name:ld-cookie-consent-out-mobile}}.ld-cookie-consent__disclaimer--left{margin-left:var(--ld-sp-16)}.ld-cookie-consent__disclaimer--right{margin-right:var(--ld-sp-16)}.ld-cookie-consent__btn{flex-grow:1}.ld-cookie-consent__btn::part(button){white-space:nowrap}.ld-cookie-consent__btn--grow{flex-grow:100}.ld-cookie-consent__btn--acknowledge{flex-grow:0;min-width:min(10rem,50%)}.ld-cookie-consent__disclaimer-buttons{background-color:var(--ld-col-neutral-010);border-bottom-left-radius:var(--ld-br-l);border-bottom-right-radius:var(--ld-br-l);display:flex;flex-wrap:wrap;gap:var(--ld-sp-12);justify-content:flex-end;padding:var(--ld-sp-16)}.ld-cookie-consent__disclaimer-description-container{padding:var(--ld-sp-8) var(--ld-sp-12)}.ld-cookie-consent__disclaimer-header{background-color:var(--ld-col-neutral-010);border-radius:var(--ld-br-l) var(--ld-br-l) 0 0;min-height:3rem;padding:var(--ld-sp-4) var(--ld-sp-16)}.ld-cookie-consent__disclaimer-scroll-container{overflow:auto;overscroll-behavior:contain;padding:var(--ld-sp-16)}.ld-cookie-consent__disclaimer-x{-webkit-appearance:none;appearance:none;background-color:initial;border:var(--ld-sp-8) solid #0000;cursor:pointer;display:inline-flex;height:3rem;margin:auto calc(var(--ld-sp-16) * -1) auto auto;overflow:hidden;position:relative;width:3rem}.ld-cookie-consent__disclaimer-x:after,.ld-cookie-consent__disclaimer-x:before{background-color:var(--ld-col-neutral-900);border-radius:1rem;content:"";display:block;height:1.25rem;left:50%;position:absolute;top:50%;width:.15rem}.ld-cookie-consent__disclaimer-x:before{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.ld-cookie-consent__disclaimer-x:after{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.ld-cookie-consent__initial-m{color:var(--ld-col-vy);margin:auto -.1875rem;width:var(--ld-cookie-consent-initial-m-size)}.ld-cookie-consent__initial-m::part(icon){height:auto;width:inherit}.ld-cookie-consent__preferences{--ld-modal-max-inline-size:var(--ld-cookie-consent-max-inline-size)}.ld-cookie-consent__preferences::part(footer){display:block}.ld-cookie-consent__preferences-accordion-section{--ld-accordion-padding-x:var(--ld-sp-12);position:relative}.ld-cookie-consent__preferences-accordion-toggle::part(toggle){display:flex}.ld-cookie-consent__preferences-category-description{padding:var(--ld-sp-12) var(--ld-accordion-padding-x)}.ld-cookie-consent__preferences-category-table{border-collapse:collapse;font:var(--ld-typo-body-s);font-family:inherit;margin-bottom:var(--ld-sp-12);min-width:100%}.ld-cookie-consent__preferences-category-table-container{margin:0 var(--ld-accordion-padding-x);max-width:100%;overflow-x:scroll}.ld-cookie-consent__preferences-category-table-td,.ld-cookie-consent__preferences-category-table-th{padding:var(--ld-sp-12) var(--ld-sp-12);text-align:left;vertical-align:top}.ld-cookie-consent__preferences-category-table-tr{border-bottom:solid var(--ld-col-neutral-100) var(--ld-sp-1)}.ld-cookie-consent__preferences-category-table-tr:nth-child(2n){background-color:var(--ld-thm-primary-alpha-lowest)}.ld-cookie-consent__preferences-category-title{display:block;font:var(--ld-typo-h5);font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 3rem)}.ld-cookie-consent__preferences-category-toggle{position:absolute;right:var(--ld-sp-32);top:var(--ld-sp-4);transform:scale(.75);z-index:1}.ld-cookie-consent__preferences-buttons{display:flex;flex-wrap:wrap;gap:var(--ld-sp-12);justify-content:stretch}.ld-cookie-consent__disclaimer-logo-container,.ld-cookie-consent__preferences-logo-container{align-items:center;display:flex;height:var(--ld-cookie-consent-logo-size)}.ld-cookie-consent__disclaimer-logo-container>::slotted(*),.ld-cookie-consent__preferences-logo-container>::slotted(*){height:100%;width:auto}.ld-cookie-consent__disclaimer-header,.ld-cookie-consent__preferences-header{align-items:center;display:grid;gap:var(--ld-sp-12);grid-template-columns:auto 1fr minmax(min-content,max-content)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-crumb.css b/1704966176737/css_components/ld-crumb.css similarity index 100% rename from 1704894792450/css_components/ld-crumb.css rename to 1704966176737/css_components/ld-crumb.css diff --git a/1704966176737/css_components/ld-header.css b/1704966176737/css_components/ld-header.css new file mode 100644 index 0000000000..f89199b853 --- /dev/null +++ b/1704966176737/css_components/ld-header.css @@ -0,0 +1 @@ +.ld-header,:host(.ld-header){--ld-header-height:3.125rem;--ld-header-max-width:90rem;--ld-header-col:var(--ld-col-wht);--ld-header-bg-col:var(--ld-thm-primary);--ld-header-box-shadow:var(--ld-shadow-stacked);background-color:var(--ld-header-bg-col);box-shadow:var(--ld-header-box-shadow);color:var(--ld-header-col);display:flex;justify-content:center;overflow-x:auto;transition:transform var(--ld-transition-duration-quick) ease-in-out;width:100%}.ld-header.ld-header--sticky,:host(.ld-header.ld-header--sticky){position:sticky;top:0;z-index:1}.ld-header.ld-header--hidden,:host(.ld-header.ld-header--hidden){transform:translateY(-100%)}.ld-header__container{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--ld-sp-16);height:var(--ld-header-height);max-width:var(--ld-header-max-width);padding-left:var(--ld-sp-16);padding-right:var(--ld-sp-16)}.ld-header__container>.ld-button--ghost,.ld-header__container>[mode=ghost],::slotted(.ld-button--ghost),::slotted([mode=ghost]){margin:0 calc(var(--ld-sp-4) * -1)}.ld-header__logo-wrapper{color:inherit;display:flex}.ld-header__logo-wrapper ::slotted(*){margin:0}.ld-header__logo{--ld-icon-size-md:2.4rem;color:var(--ld-thm-warning);display:block;margin:-.2rem}.ld-header_site-name{white-space:nowrap}.ld-header__grow{flex-grow:1}:host(.ld-header) .ld-header__grow{margin-right:calc(var(--ld-sp-16) * -1)} \ No newline at end of file diff --git a/1704966176737/css_components/ld-icon.css b/1704966176737/css_components/ld-icon.css new file mode 100644 index 0000000000..ce266d83da --- /dev/null +++ b/1704966176737/css_components/ld-icon.css @@ -0,0 +1 @@ +:host,:where(.ld-icon){--ld-icon-secondary-col:var(--ld-col-wht);--ld-icon-size-sm:1rem;--ld-icon-size-md:1.25rem;--ld-icon-size-lg:1.5rem;align-items:center;display:inline-flex;height:var(--ld-icon-size-md);justify-content:center;width:var(--ld-icon-size-md)}:host ::slotted(svg),:host :where(svg),:where(.ld-icon) ::slotted(svg),:where(.ld-icon) :where(svg){flex-shrink:0;height:var(--ld-icon-size-md);width:var(--ld-icon-size-md)}:host(.ld-icon--sm),:host(.ld-icon--sm) ::slotted(svg),:host(.ld-icon--sm) :where(svg),:where(.ld-icon--sm),:where(.ld-icon--sm) ::slotted(svg),:where(.ld-icon--sm) :where(svg){height:var(--ld-icon-size-sm);width:var(--ld-icon-size-sm)}:host(.ld-icon--lg),:host(.ld-icon--lg) ::slotted(svg),:host(.ld-icon--lg) :where(svg),:where(.ld-icon--lg),:where(.ld-icon--lg) ::slotted(svg),:where(.ld-icon--lg) :where(svg){height:var(--ld-icon-size-lg);width:var(--ld-icon-size-lg)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-input-message.css b/1704966176737/css_components/ld-input-message.css similarity index 100% rename from 1704894792450/css_components/ld-input-message.css rename to 1704966176737/css_components/ld-input-message.css diff --git a/1704966176737/css_components/ld-input.css b/1704966176737/css_components/ld-input.css new file mode 100644 index 0000000000..061db9dbff --- /dev/null +++ b/1704966176737/css_components/ld-input.css @@ -0,0 +1 @@ +:host>input [type=file]{pointer-events:none}.ld-input,:host{--ld-input-padding-x-sm:0.5rem;--ld-input-padding-x-md:0.625rem;--ld-input-padding-x-lg:0.875rem;--ld-input-padding-top-sm:0.25rem;--ld-input-padding-top-md:0.625rem;--ld-input-padding-top-lg:0.625rem;--ld-input-padding-bottom-sm:0.25rem;--ld-input-padding-bottom-md:0.6875rem;--ld-input-padding-bottom-lg:0.6875rem;--ld-input-min-height-sm:2rem;--ld-input-min-height-md:2.5rem;--ld-input-min-height-lg:3.125rem;--ld-input-max-height-sm:2rem;--ld-input-max-height-md:2.5rem;--ld-input-max-height-lg:3.125rem;--ld-input-time-min-width-sm:5.125rem;--ld-input-time-min-width-md:6.25rem;--ld-input-time-min-width-lg:7.5rem;--ld-input-bg-col-disabled:var(--ld-col-neutral-010);--ld-input-bg-col-invalid-focus:var(--ld-col-wht);--ld-input-bg-col-invalid:var(--ld-thm-error-disabled);--ld-input-bg-col:var(--ld-col-wht);--ld-input-border-col-disabled:var(--ld-col-neutral-100);--ld-input-border-col-hover:var(--ld-col-neutral-300);--ld-input-border-col:var(--ld-col-neutral-100);--ld-input-icon-col-focus:var(--ld-thm-primary-focus);--ld-input-icon-col-invalid-focus:var(--ld-thm-error-focus);--ld-input-icon-col:var(--ld-thm-primary);--ld-input-placeholder-opacity:0.6;--ld-input-text-col-disabled:var(--ld-col-neutral-300);--ld-input-text-col-invalid-focus:var(--ld-col-neutral-900);--ld-input-text-col-invalid:var(--ld-thm-error);--ld-input-text-col:var(--ld-col-neutral-900);--ld-input-dark-bg-col-focus:var(--ld-col-wht);--ld-input-dark-bg-col:var(--ld-col-neutral-010);align-items:center;background-color:var(--ld-input-bg-col);border-radius:var(--ld-br-m);color:var(--ld-input-text-col);cursor:text;display:inline-flex;line-height:1;max-width:100%;min-height:var(--ld-input-min-height-md);position:relative}.ld-input:before,:host:before{border-radius:var(--ld-br-m);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col);content:"";display:block;inset:0;pointer-events:none;position:absolute}.ld-input :where(input),:host :where(input){margin:0}.ld-input ::slotted(*),.ld-input>:where(:not(input):not(textarea)),:host ::slotted(*),:host>:where(:not(input):not(textarea)){-webkit-user-select:none;user-select:none}.ld-input ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-md)}.ld-input ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-md)}.ld-input>input,:host>input{align-self:stretch;color:var(--ld-input-text-col);max-height:var(--ld-input-max-height-md);-webkit-text-fill-color:var(--ld-input-text-col)}.ld-input>input[type=file],:host>input[type=file]{opacity:0}.ld-input>input[type=file]::-webkit-file-upload-button,:host>input[type=file]::-webkit-file-upload-button{display:none}.ld-input>input[type=number],:host>input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ld-input>input[type=number]::-webkit-inner-spin-button,.ld-input>input[type=number]::-webkit-outer-spin-button,:host>input[type=number]::-webkit-inner-spin-button,:host>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ld-input>input[type=search]::-webkit-search-cancel-button,.ld-input>input[type=search]::-webkit-search-decoration,.ld-input>input[type=search]::-webkit-search-results-button,.ld-input>input[type=search]::-webkit-search-results-decoration,:host>input[type=search]::-webkit-search-cancel-button,:host>input[type=search]::-webkit-search-decoration,:host>input[type=search]::-webkit-search-results-button,:host>input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.ld-input>input::-webkit-calendar-picker-indicator,:host>input::-webkit-calendar-picker-indicator{background:var(--ld-input-icon-col);cursor:pointer;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;outline:none}.ld-input>input::-webkit-calendar-picker-indicator:focus:focus-visible,:host>input::-webkit-calendar-picker-indicator:focus:focus-visible{background:var(--ld-input-icon-col-focus)}.ld-input>input[type=date]::-webkit-calendar-picker-indicator,.ld-input>input[type=datetime-local]::-webkit-calendar-picker-indicator,:host>input[type=date]::-webkit-calendar-picker-indicator,:host>input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');transform:translateY(4%)}.ld-input>input[type=time],:host>input[type=time]{min-width:var(--ld-input-time-min-width-md)}.ld-input>input[type=time]::-webkit-calendar-picker-indicator,:host>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.ld-input>input,.ld-input>textarea,:host>input,:host>textarea{-webkit-appearance:none;appearance:none;background-color:#fff0;border:0;border-radius:var(--ld-br-m);box-sizing:border-box;font:var(--ld-typo-body-m);line-height:1;outline:none;padding:var(--ld-input-padding-top-md) var(--ld-input-padding-x-md) var(--ld-input-padding-bottom-md);width:100%}.ld-input>input::placeholder,.ld-input>textarea::placeholder,:host>input::placeholder,:host>textarea::placeholder{opacity:var(--ld-input-placeholder-opacity)}.ld-input>textarea,:host>textarea{flex-grow:1;height:100%;max-height:inherit;min-height:inherit}.ld-input ::slotted(.ld-button),.ld-input ::slotted(ld-button),.ld-input>.ld-button,.ld-input>ld-button,:host ::slotted(.ld-button),:host ::slotted(ld-button),:host>.ld-button,:host>ld-button{--ld-button-ghost-bg-color-active:#0000;--ld-button-ghost-bg-color-focus:#0000;--ld-button-ghost-bg-color-hover:#0000;flex-shrink:0;z-index:0}.ld-input ::slotted(.ld-button[slot=start]),.ld-input ::slotted(ld-button[slot=start]),.ld-input>.ld-button:where(:not([slot=end])):first-child,.ld-input>ld-button:where(:not([slot=end])):first-child,:host ::slotted(.ld-button[slot=start]),:host ::slotted(ld-button[slot=start]),:host>.ld-button:where(:not([slot=end])):first-child,:host>ld-button:where(:not([slot=end])):first-child{--ld-button-border-top-right-radius:0;--ld-button-border-bottom-right-radius:0}.ld-input ::slotted(.ld-button[slot=end]),.ld-input ::slotted(ld-button[slot=end]),.ld-input>.ld-button:where(:not([slot=start])):last-child,.ld-input>ld-button:where(:not([slot=start])):last-child,:host ::slotted(.ld-button[slot=end]),:host ::slotted(ld-button[slot=end]),:host>.ld-button:where(:not([slot=start])):last-child,:host>ld-button:where(:not([slot=start])):last-child{--ld-button-border-top-left-radius:0;--ld-button-border-bottom-left-radius:0}.ld-input ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host ::slotted(ld-button[mode=ghost]:where([slot=start])),:host>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-md))}.ld-input ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host ::slotted(ld-button[mode=ghost]:where([slot=end])),:host>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-md))}.ld-input ::slotted(.ld-icon),.ld-input ::slotted(ld-icon),.ld-input>.ld-icon,.ld-input>ld-icon,:host ::slotted(.ld-icon),:host ::slotted(ld-icon),:host>.ld-icon,:host>ld-icon{color:var(--ld-input-icon-col);cursor:text;display:inline-flex}.ld-input--resize-both>textarea,:host(.ld-input--resize-both)>textarea{resize:both}.ld-input--resize-horizontal>textarea,:host(.ld-input--resize-horizontal)>textarea{resize:horizontal}.ld-input--resize-vertical>textarea,:host(.ld-input--resize-vertical)>textarea{resize:vertical}.ld-input--resize-none>textarea,:host(.ld-input--resize-none)>textarea{resize:none}.ld-input--sm,:host(.ld-input--sm){min-height:var(--ld-input-min-height-sm)}.ld-input--sm ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input--sm>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host(.ld-input--sm) ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host(.ld-input--sm)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-sm)}.ld-input--sm ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input--sm>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host(.ld-input--sm) ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host(.ld-input--sm)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-sm)}.ld-input--sm>input,:host(.ld-input--sm)>input{max-height:var(--ld-input-max-height-sm)}.ld-input--sm>input[type=date]::-webkit-calendar-picker-indicator,.ld-input--sm>input[type=datetime-local]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=date]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-size:65%;mask-size:65%}.ld-input--sm>input[type=time],:host(.ld-input--sm)>input[type=time]{min-width:var(--ld-input-time-min-width-sm)}.ld-input--sm>input[type=time]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-size:85%;mask-size:85%}.ld-input--sm>input,.ld-input--sm>textarea,:host(.ld-input--sm)>input,:host(.ld-input--sm)>textarea{font:var(--ld-typo-body-s);padding:var(--ld-input-padding-top-sm) var(--ld-input-padding-x-sm) var(--ld-input-padding-bottom-sm)}.ld-input--sm ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input--sm ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input--sm>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input--sm>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host(.ld-input--sm) ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host(.ld-input--sm) ::slotted(ld-button[mode=ghost]:where([slot=start])),:host(.ld-input--sm)>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host(.ld-input--sm)>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-sm))}.ld-input--sm ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input--sm ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input--sm>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input--sm>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host(.ld-input--sm) ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host(.ld-input--sm) ::slotted(ld-button[mode=ghost]:where([slot=end])),:host(.ld-input--sm)>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host(.ld-input--sm)>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-sm))}.ld-input--lg,:host(.ld-input--lg){min-height:var(--ld-input-min-height-lg)}.ld-input--lg ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input--lg>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host(.ld-input--lg) ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host(.ld-input--lg)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-lg)}.ld-input--lg ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input--lg>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host(.ld-input--lg) ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host(.ld-input--lg)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-lg)}.ld-input--lg>input,:host(.ld-input--lg)>input{max-height:var(--ld-input-max-height-lg)}.ld-input--lg>input[type=date]::-webkit-calendar-picker-indicator,:host(.ld-input--lg)>input[type=date]::-webkit-calendar-picker-indicator{-webkit-mask-size:90%;mask-size:90%}.ld-input--lg>input[type=time],:host(.ld-input--lg)>input[type=time]{min-width:var(--ld-input-time-min-width-lg)}.ld-input--lg>input[type=time]::-webkit-calendar-picker-indicator,:host(.ld-input--lg)>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-size:114%;mask-size:114%}.ld-input--lg>input,.ld-input--lg>textarea,:host(.ld-input--lg)>input,:host(.ld-input--lg)>textarea{font:var(--ld-typo-body-l);padding:var(--ld-input-padding-top-lg) var(--ld-input-padding-x-lg) var(--ld-input-padding-bottom-lg) var(--ld-input-padding-x-lg)}.ld-input--lg ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input--lg ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input--lg>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input--lg>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host(.ld-input--lg) ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host(.ld-input--lg) ::slotted(ld-button[mode=ghost]:where([slot=start])),:host(.ld-input--lg)>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host(.ld-input--lg)>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-lg))}.ld-input--lg ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input--lg ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input--lg>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input--lg>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host(.ld-input--lg) ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host(.ld-input--lg) ::slotted(ld-button[mode=ghost]:where([slot=end])),:host(.ld-input--lg)>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host(.ld-input--lg)>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-lg))}.ld-input--dark,:host(.ld-input--dark){background-color:var(--ld-input-dark-bg-col)}@media (hover:hover){.ld-input:not(.ld-input--invalid):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-input--disabled):hover:not(:focus-within):before,:host(:not(.ld-input--invalid):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-input--disabled):hover:not(:focus-within)):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-hover)}}.ld-input:not(.ld-input--invalid):focus-within:before,:host(:not(.ld-input--invalid):focus-within):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-thm-primary)}.ld-input--dark:not(.ld-input--invalid):focus-within,:host(.ld-input--dark:not(.ld-input--invalid):focus-within){background-color:var(--ld-input-dark-bg-col-focus)}.ld-input--invalid:focus-within,:host(.ld-input--invalid:focus-within){background-color:var(--ld-input-bg-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:not(:focus)),:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:not(:focus))){background-color:var(--ld-input-bg-col-invalid);color:var(--ld-input-text-col-invalid);-webkit-text-fill-color:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):before,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input,.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>textarea,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>textarea{color:var(--ld-input-text-col-invalid);-webkit-text-fill-color:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input::-webkit-calendar-picker-indicator,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input::-webkit-calendar-picker-indicator{background:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input::-webkit-calendar-picker-indicator:focus:focus-visible,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input::-webkit-calendar-picker-indicator:focus:focus-visible{background:var(--ld-input-icon-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within){background-color:var(--ld-input-bg-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within>input,.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within>textarea,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within)>input,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within)>textarea{color:var(--ld-input-text-col-invalid-focus);-webkit-text-fill-color:var(--ld-input-text-col-invalid-focus)}.ld-input.ld-input--disabled,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host(.ld-input--disabled),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){background-color:var(--ld-input-bg-col-disabled);color:var(--ld-input-text-col-disabled)}.ld-input.ld-input--disabled:before,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):before,:host(.ld-input--disabled):before,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-disabled)}.ld-input.ld-input--disabled input,.ld-input.ld-input--disabled textarea,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) input,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) textarea,:host(.ld-input--disabled) input,:host(.ld-input--disabled) textarea,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) input,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) textarea{caret-color:#0000;color:var(--ld-input-text-col-disabled);-webkit-text-fill-color:var(--ld-input-text-col-disabled)}.ld-input.ld-input--disabled input::-webkit-calendar-picker-indicator,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) input::-webkit-calendar-picker-indicator,:host(.ld-input--disabled) input::-webkit-calendar-picker-indicator,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) input::-webkit-calendar-picker-indicator{background:var(--ld-input-text-col-disabled);pointer-events:none}.ld-input.ld-input--disabled .ld-icon,.ld-input.ld-input--disabled ::slotted(.ld-icon),.ld-input.ld-input--disabled ::slotted(ld-icon),.ld-input.ld-input--disabled ld-icon,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) .ld-icon,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ::slotted(.ld-icon),.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ::slotted(ld-icon),.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ld-icon,:host(.ld-input--disabled) .ld-icon,:host(.ld-input--disabled) ::slotted(.ld-icon),:host(.ld-input--disabled) ::slotted(ld-icon),:host(.ld-input--disabled) ld-icon,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-icon,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ::slotted(.ld-icon),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ::slotted(ld-icon),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ld-icon{color:currentColor}.ld-input__placeholder{align-items:center;display:flex;height:100%;left:var(--ld-input-padding-x-md);margin-right:0;opacity:var(--ld-input-placeholder-opacity);overflow:hidden;pointer-events:none;position:absolute;right:var(--ld-input-padding-x-md);text-overflow:ellipsis;white-space:nowrap}.ld-select__slot-container{display:none} \ No newline at end of file diff --git a/1704966176737/css_components/ld-label.css b/1704966176737/css_components/ld-label.css new file mode 100644 index 0000000000..c500ab9026 --- /dev/null +++ b/1704966176737/css_components/ld-label.css @@ -0,0 +1 @@ +:host{display:inline-flex}:host .ld-label{width:100%}.ld-label{--ld-label-column-gap:0.625rem;--ld-label-row-gap:var(--ld-sp-6);--ld-label-col:var(--ld-col-neutral-900);--ld-label-disabled-col:var(--ld-col-neutral-300);align-content:flex-start;color:var(--ld-label-col);display:inline-grid;font:var(--ld-typo-label-s);gap:var(--ld-label-row-gap) 0;max-width:100%}.ld-label--left,.ld-label--right{align-items:center;gap:0 var(--ld-label-column-gap);justify-content:flex-start}.ld-label--left>.ld-checkbox,.ld-label--left>.ld-input,.ld-label--left>.ld-radio,.ld-label--left>.ld-select,.ld-label--left>.ld-toggle,.ld-label--left>::slotted(.ld-checkbox),.ld-label--left>::slotted(.ld-input),.ld-label--left>::slotted(.ld-radio),.ld-label--left>::slotted(.ld-select),.ld-label--left>::slotted(.ld-toggle),.ld-label--right>.ld-checkbox,.ld-label--right>.ld-input,.ld-label--right>.ld-radio,.ld-label--right>.ld-select,.ld-label--right>.ld-toggle,.ld-label--right>::slotted(.ld-checkbox),.ld-label--right>::slotted(.ld-input),.ld-label--right>::slotted(.ld-radio),.ld-label--right>::slotted(.ld-select),.ld-label--right>::slotted(.ld-toggle){align-self:baseline;grid-area:input}.ld-label--left>.ld-input-message,.ld-label--left>::slotted(.ld-input-message),.ld-label--right>.ld-input-message,.ld-label--right>::slotted(.ld-input-message){grid-area:message;margin-top:var(--ld-sp-4)}.ld-label--align-message.ld-label--left>.ld-input-message,.ld-label--align-message.ld-label--left>::slotted(.ld-input-message){grid-column-start:2}.ld-label--align-message.ld-label--right>.ld-input-message,.ld-label--align-message.ld-label--right>::slotted(.ld-input-message){grid-column-end:2}.ld-label--left{grid-template-areas:"label input" "message message";grid-template-columns:1fr auto}.ld-label--right{grid-template-areas:"input label" "message message";grid-template-columns:auto 1fr}.ld-label--m{font:var(--ld-typo-label-m);line-height:1} \ No newline at end of file diff --git a/1704966176737/css_components/ld-link.css b/1704966176737/css_components/ld-link.css new file mode 100644 index 0000000000..50b60ad4ff --- /dev/null +++ b/1704966176737/css_components/ld-link.css @@ -0,0 +1 @@ +.ld-link{--ld-link-col:var(--ld-thm-primary);--ld-link-gap:0.3em;--ld-link-chevron-gap:0em;--ld-link-chevron-width:0.135em;align-items:baseline;color:var(--ld-link-col);cursor:pointer;font-family:var(--ld-font-body);font-size:inherit;font-weight:700;gap:var(--ld-link-gap);line-height:inherit;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):hover{--ld-link-col:var(--ld-thm-primary-hover)}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus:focus-visible{--ld-link-col:var(--ld-thm-primary-focus)}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):active{--ld-link-col:var(--ld-thm-primary-active)}.ld-link:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){--ld-link-col:var(--ld-thm-primary);cursor:default;opacity:.3}.ld-link>.ld-icon,.ld-link>::slotted(.ld-icon),.ld-link>::slotted(ld-icon),.ld-link>ld-icon{transform:translateY(10%)}.ld-link--chevron-end,.ld-link--chevron-start{display:inline-flex}.ld-link--chevron-end:after,.ld-link--chevron-end:before,.ld-link--chevron-start:after,.ld-link--chevron-start:before{background-color:var(--ld-link-col);border-radius:99rem;content:"";display:block;flex-shrink:0;height:.5em;transform-origin:right;width:var(--ld-link-chevron-width)}.ld-link--chevron-start{margin-left:calc(.5 * var(--ld-link-chevron-gap))}.ld-link--chevron-start:after,.ld-link--chevron-start:before{order:-1}.ld-link--chevron-start:before{transform:translateX(calc(.5 * (var(--ld-link-gap) - var(--ld-link-chevron-gap)) + 50%)) translateY(-65%) rotate(-40deg)}.ld-link--chevron-start:after{transform:translateX(calc(-.5 * var(--ld-link-gap) - .5 * var(--ld-link-chevron-gap) - 50%)) translateY(20%) rotate(40deg)}.ld-link--chevron-end{margin-right:calc(.5 * var(--ld-link-chevron-gap))}.ld-link--chevron-end:after,.ld-link--chevron-end:before{order:1}.ld-link--chevron-end:before{transform:translateX(calc(.5 * (var(--ld-link-gap) + var(--ld-link-chevron-gap)) + 50%)) translateY(-65%) rotate(-40deg)}.ld-link--chevron-end:after{transform:translateX(calc(-.5 * var(--ld-link-gap) + .5 * var(--ld-link-chevron-gap) - 50%)) translateY(20%) rotate(40deg)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-loading.css b/1704966176737/css_components/ld-loading.css similarity index 57% rename from 1704894792450/css_components/ld-loading.css rename to 1704966176737/css_components/ld-loading.css index 02239a79e9..048c005930 100644 --- a/1704894792450/css_components/ld-loading.css +++ b/1704966176737/css_components/ld-loading.css @@ -1 +1 @@ -:host,svg.ld-loading{--ld-loading-col-base:var(--ld-thm-warning);--ld-loading-col-primary:var(--ld-thm-primary);--ld-loading-col-secondary:var(--ld-thm-secondary);--ld-loading-play-state:running;--ld-loading-size:var(--ld-sp-24);--ld-loading-stretch-dur:4s}:host.ld-loading--neutral,:host:host(.ld-loading--neutral),svg.ld-loading.ld-loading--neutral,svg.ld-loading:host(.ld-loading--neutral){--ld-loading-col-base:var(--ld-col-neutral-100);--ld-loading-col-primary:var(--ld-col-neutral-700);--ld-loading-col-secondary:var(--ld-col-neutral-400)}:host.ld-loading--paused,:host:host(.ld-loading--paused),svg.ld-loading.ld-loading--paused,svg.ld-loading:host(.ld-loading--paused){--ld-loading-play-state:paused}:host,svg.ld-loading{fill:none;border-radius:100%;display:inline-flex;flex-shrink:0;height:var(--ld-loading-size);-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');overflow:hidden;width:var(--ld-loading-size)}:host circle,svg.ld-loading circle{stroke:var(--ld-loading-col-base);stroke-width:40;stroke-dashoffset:330;stroke-linecap:round;transform-origin:center}:host g circle,svg.ld-loading g circle{stroke-dasharray:570;animation:ld-loading-stretch var(--ld-loading-stretch-dur) ease infinite var(--ld-loading-play-state)}:host g circle:last-of-type,svg.ld-loading g circle:last-of-type{--ld-stroke-dashoffset-from:420;--ld-stroke-dashoffset-to:540}:host g circle:nth-last-of-type(2),svg.ld-loading g circle:nth-last-of-type(2){--ld-stroke-dashoffset-from:300;--ld-stroke-dashoffset-to:490;stroke:var(--ld-loading-col-secondary);stroke-width:39;animation-delay:calc(.2 * var(--ld-loading-stretch-dur))}:host g circle:nth-last-of-type(3),svg.ld-loading g circle:nth-last-of-type(3){--ld-stroke-dashoffset-from:330;--ld-stroke-dashoffset-to:450;stroke:var(--ld-loading-col-primary);stroke-width:39;animation-delay:calc(.4 * var(--ld-loading-stretch-dur))}@keyframes ld-loading-stretch{0%{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}50%{stroke-dashoffset:var(--ld-stroke-dashoffset-to)}to{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}} \ No newline at end of file +:host,svg.ld-loading{--ld-loading-col-base:var(--ld-thm-warning);--ld-loading-col-primary:var(--ld-thm-primary);--ld-loading-col-secondary:var(--ld-thm-secondary);--ld-loading-play-state:running;--ld-loading-size:var(--ld-sp-24);--ld-loading-stretch-dur:4s}:host.ld-loading--neutral,:host:host(.ld-loading--neutral),svg.ld-loading.ld-loading--neutral,svg.ld-loading:host(.ld-loading--neutral){--ld-loading-col-base:var(--ld-col-neutral-100);--ld-loading-col-primary:var(--ld-col-neutral-700);--ld-loading-col-secondary:var(--ld-col-neutral-400)}:host.ld-loading--paused,:host:host(.ld-loading--paused),svg.ld-loading.ld-loading--paused,svg.ld-loading:host(.ld-loading--paused){--ld-loading-play-state:paused}:host,svg.ld-loading{display:inline-flex;flex-shrink:0;height:var(--ld-loading-size);width:var(--ld-loading-size);fill:none;border-radius:100%;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');overflow:hidden}:host circle,svg.ld-loading circle{transform-origin:center;stroke:var(--ld-loading-col-base);stroke-width:40;stroke-dashoffset:330;stroke-linecap:round}:host g circle,svg.ld-loading g circle{stroke-dasharray:570;animation:ld-loading-stretch var(--ld-loading-stretch-dur) ease infinite var(--ld-loading-play-state)}:host g circle:last-of-type,svg.ld-loading g circle:last-of-type{--ld-stroke-dashoffset-from:420;--ld-stroke-dashoffset-to:540}:host g circle:nth-last-of-type(2),svg.ld-loading g circle:nth-last-of-type(2){--ld-stroke-dashoffset-from:300;--ld-stroke-dashoffset-to:490;stroke:var(--ld-loading-col-secondary);animation-delay:calc(.2 * var(--ld-loading-stretch-dur));stroke-width:39}:host g circle:nth-last-of-type(3),svg.ld-loading g circle:nth-last-of-type(3){--ld-stroke-dashoffset-from:330;--ld-stroke-dashoffset-to:450;stroke:var(--ld-loading-col-primary);animation-delay:calc(.4 * var(--ld-loading-stretch-dur));stroke-width:39}@keyframes ld-loading-stretch{0%{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}50%{stroke-dashoffset:var(--ld-stroke-dashoffset-to)}to{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}} \ No newline at end of file diff --git a/1704894792450/css_components/ld-menu.css b/1704966176737/css_components/ld-menu.css similarity index 100% rename from 1704894792450/css_components/ld-menu.css rename to 1704966176737/css_components/ld-menu.css diff --git a/1704894792450/css_components/ld-menuitem-group.css b/1704966176737/css_components/ld-menuitem-group.css similarity index 100% rename from 1704894792450/css_components/ld-menuitem-group.css rename to 1704966176737/css_components/ld-menuitem-group.css diff --git a/1704894792450/css_components/ld-menuitem.css b/1704966176737/css_components/ld-menuitem.css similarity index 100% rename from 1704894792450/css_components/ld-menuitem.css rename to 1704966176737/css_components/ld-menuitem.css diff --git a/1704966176737/css_components/ld-modal.css b/1704966176737/css_components/ld-modal.css new file mode 100644 index 0000000000..9761d86027 --- /dev/null +++ b/1704966176737/css_components/ld-modal.css @@ -0,0 +1 @@ +:host{display:contents}@keyframes ld-modal-in{0%{transform:translateY(2rem)}to{transform:translateY(0)}}@keyframes ld-modal-out{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes ld-modal-out-mobile{0%{transform:translateY(0)}to{transform:translateY(2rem)}}:host,dialog.ld-modal{--ld-modal-bg-col:var(--ld-col-wht);--ld-modal-fixed-padding-x:var(--ld-sp-16);--ld-modal-fixed-padding-y:var(--ld-sp-16);--ld-modal-padding-x:var(--ld-sp-16);--ld-modal-padding-y:var(--ld-sp-24);--ld-modal-fixed-bg-col:var(--ld-col-neutral-010);--ld-modal-transition-duration:var(--ld-transition-duration-instant);--ld-modal-max-inline-size:30rem;--ld-modal-max-block-size:70rem;--ld-modal-min-inline-size:18rem}@media (prefers-reduced-motion:no-preference){:host,dialog.ld-modal{--ld-modal-transition-duration:var(--ld-transition-duration-normal)}}:host dialog,dialog.ld-modal{animation:ld-modal-in var(--ld-modal-transition-duration) ease-out forwards;border:0;border-radius:var(--ld-br-l);box-shadow:var(--ld-shadow-active);color:var(--ld-col-neutral-900);color-scheme:var(--ld-modal-color-scheme,none);display:flex;flex-direction:column;inset:0;margin:auto;max-block-size:min(calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),var(--ld-modal-max-block-size));max-inline-size:min(calc(100% - var(--ld-sp-32)),var(--ld-modal-max-inline-size));min-inline-size:var(--ld-modal-min-inline-size);overflow:visible;padding:0;position:fixed;transition:opacity var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;z-index:2147483647}@media (width <= 32rem){:host dialog,dialog.ld-modal{margin-bottom:var(--ld-sp-40)}}:host dialog:not([open]),dialog.ld-modal:not([open]){animation:ld-modal-out var(--ld-modal-transition-duration) ease-in forwards;opacity:0;pointer-events:none;transition:opacity var(--ld-modal-transition-duration) linear,visibility 0s var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;visibility:hidden}@media (width <= 32rem){:host dialog:not([open]),dialog.ld-modal:not([open]){animation-name:ld-modal-out-mobile}}:host dialog:after,dialog.ld-modal:after{background-color:var(--ld-modal-bg-col);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}:host dialog:before,dialog.ld-modal:before{background-color:var(--ld-thm-primary-active);content:"";inset:0;opacity:.3;position:fixed;transform:scale(99);z-index:-2}:host(.ld-modal--blurry-backdrop) dialog::backdrop,dialog.ld-modal--blurry-backdrop::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ld-modal__x{-webkit-appearance:none;appearance:none;background-color:initial;border:var(--ld-sp-8) solid #0000;box-sizing:border-box;cursor:pointer;display:inline-flex;height:3rem;margin:auto calc(var(--ld-sp-16) * -1) auto auto;overflow:hidden;place-self:flex-start flex-end;position:relative;width:3rem}.ld-modal__x:after,.ld-modal__x:before{background-color:var(--ld-col-neutral-900);border-radius:1rem;content:"";display:block;height:1.25rem;left:50%;position:absolute;top:50%;width:.15rem}.ld-modal__x:before{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.ld-modal__x:after{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.ld-modal__content{flex-grow:1;overflow:hidden auto;overscroll-behavior:none;padding:var(--ld-modal-padding-y) var(--ld-modal-padding-x)}.ld-modal__footer,.ld-modal__header{align-items:center;background-color:var(--ld-modal-fixed-bg-col);display:grid;gap:var(--ld-modal-fixed-padding-x);grid-auto-flow:column;padding:0 var(--ld-modal-fixed-padding-x)}.ld-modal__header{border-radius:var(--ld-br-l) var(--ld-br-l) 0 0}.ld-modal__header>::slotted(:not(.ld-modal__x)),.ld-modal__header>:not(.ld-modal__x){padding:var(--ld-sp-12) 0}.ld-modal__footer{border-radius:0 0 var(--ld-br-l) var(--ld-br-l);justify-content:flex-end}.ld-modal__footer>*,.ld-modal__footer>::slotted(*){margin:var(--ld-modal-fixed-padding-y) 0} \ No newline at end of file diff --git a/1704894792450/css_components/ld-notice.css b/1704966176737/css_components/ld-notice.css similarity index 100% rename from 1704894792450/css_components/ld-notice.css rename to 1704966176737/css_components/ld-notice.css diff --git a/1704966176737/css_components/ld-notification.shadow.css b/1704966176737/css_components/ld-notification.shadow.css new file mode 100644 index 0000000000..461047539c --- /dev/null +++ b/1704966176737/css_components/ld-notification.shadow.css @@ -0,0 +1 @@ +:host{--ld-notification-min-height:var(--ld-sp-40);--ld-notification-border-radius:var(--ld-br-m);--ld-notification-inset-y:var(--ld-sp-32);--ld-notification-col:var(--ld-col-wht);--ld-notification-warn-col:var(--ld-col-neutral-900);--ld-notification-alert-col:var(--ld-col-wht);--ld-notification-bg-col:var(--ld-thm-primary);--ld-notification-warn-bg-col:var(--ld-thm-warning);--ld-notification-alert-bg-col:var(--ld-thm-error);display:flex;font:var(--ld-typo-body-m);inset:0;justify-content:center;min-width:20rem;pointer-events:none;position:fixed;z-index:2147483647}@keyframes ld-notification-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ld-notification-fade-out{0%{opacity:1;transform:none}to{opacity:0;transform:none}}.ld-notification__item{border-radius:var(--ld-notification-border-radius);box-shadow:var(--ld-shadow-sticky);display:flex;justify-content:space-between;max-height:80vh;max-width:calc(90% - 1rem);min-height:var(--ld-notification-min-height);min-width:19rem;overflow-y:auto;pointer-events:auto;position:absolute;transform-origin:center;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear;width:-moz-fit-content;width:fit-content}.ld-notification__item:where(:not(.ld-notification__item--dismissed)){animation:ld-notification-fade-in var(--ld-transition-duration-normal) linear}.ld-notification__item:nth-last-of-type(n+2) .ld-notification__btn-dismiss,.ld-notification__item:nth-last-of-type(n+2) .ld-notification__item-content,.ld-notification__item:nth-last-of-type(n+5){opacity:0}.ld-notification__item:nth-last-of-type(2){opacity:.75}.ld-notification__item:nth-last-of-type(3){opacity:.5}.ld-notification__item:nth-last-of-type(4){opacity:.25}.ld-notification__item.ld-notification__item--dismissed{animation:ld-notification-fade-out var(--ld-transition-duration-normal) linear forwards;opacity:0}:host(.ld-notification--bottom) .ld-notification__item{bottom:var(--ld-notification-inset-y)}:host(.ld-notification--bottom) .ld-notification__item:nth-last-of-type(2){transform:scale(.975) translateY(25%)}:host(.ld-notification--bottom) .ld-notification__item:nth-last-of-type(3){transform:scale(.95) translateY(50%)}:host(.ld-notification--bottom) .ld-notification__item:nth-last-of-type(4){transform:scale(.925) translateY(75%)}:host(.ld-notification--top) .ld-notification__item{top:var(--ld-notification-inset-y)}:host(.ld-notification--top) .ld-notification__item:nth-last-of-type(2){transform:scale(.975) translateY(-25%)}:host(.ld-notification--top) .ld-notification__item:nth-last-of-type(3){transform:scale(.95) translateY(-50%)}:host(.ld-notification--top) .ld-notification__item:nth-last-of-type(4){transform:scale(.925) translateY(-75%)}.ld-notification__item--info{background-color:var(--ld-notification-bg-col);color:var(--ld-notification-col)}.ld-notification__item--warn{background-color:var(--ld-notification-warn-bg-col);color:var(--ld-notification-warn-col)}.ld-notification__item--alert{background-color:var(--ld-notification-alert-bg-col);color:var(--ld-notification-alert-col)}.ld-notification__btn-dismiss,.ld-notification__item-content{transition:opacity var(--ld-transition-duration-normal) linear}.ld-notification__item-content{align-items:baseline;display:grid;gap:var(--ld-sp-12);grid-auto-flow:column;padding:var(--ld-sp-6) var(--ld-sp-12)}.ld-notification__item-content>*{align-self:center}.ld-notification__btn-dismiss{align-self:center;background-color:initial;border:0;border-radius:var(--ld-br-full);color:inherit;cursor:pointer;display:inline-grid;flex-shrink:0;height:var(--ld-sp-40);margin-left:var(--ld-sp-16);padding:0;place-items:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:var(--ld-sp-40);-webkit-touch-callout:none} \ No newline at end of file diff --git a/1704966176737/css_components/ld-optgroup-internal.shadow.css b/1704966176737/css_components/ld-optgroup-internal.shadow.css new file mode 100644 index 0000000000..5637ed8e82 --- /dev/null +++ b/1704966176737/css_components/ld-optgroup-internal.shadow.css @@ -0,0 +1 @@ +:host{--ld-optgroup-padding-inline-start-sm:0.625rem;--ld-optgroup-padding-inline-start-lg:0.875rem;--ld-optgroup-option-padding-inline-start:1rem;--ld-optgroup-bg-col:var(--ld-col-neutral-010);--ld-optgroup-border-col:var(--ld-col-neutral-100);--ld-optgroup-disabled-text-col:var(--ld-col-neutral-100);--ld-optgroup-text-col:var(--ld-col-neutral-900);--ld-optgroup-thm-col:var(--ld-thm-primary);--ld-optgroup-thm-col-hover:var(--ld-thm-primary-hover);--ld-optgroup-thm-col-focus:var(--ld-thm-primary-focus);--ld-optgroup-thm-col-active:var(--ld-thm-primary-active);--ld-optgroup-thm-bg-col-hover:var(--ld-thm-primary-highlight);--ld-optgroup-thm-bg-col-focus:var(--ld-thm-primary-highlight);--ld-optgroup-thm-bg-col-active:var(--ld-thm-primary-highlight)}:host(:not(:last-child)) .ld-optgroup-internal__slot-container{border-bottom:solid var(--ld-optgroup-border-col) var(--ld-sp-1)}.ld-optgroup-internal{background-color:var(--ld-optgroup-bg-col);border:0;box-sizing:border-box;color:var(--ld-optgroup-text-col);display:flex;font:var(--ld-typo-label-m);min-height:2.5rem;outline:none;padding-block:var(--ld-sp-8);padding-inline:var(--ld-sp-12);position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none}.ld-optgroup-internal:after{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100);content:"";inset-block:calc(-1 * var(--ld-sp-1)) 0;inset-inline:calc(-1 * var(--ld-sp-1));pointer-events:none;position:absolute}.ld-optgroup-internal--sm{padding-inline-start:var(--ld-optgroup-padding-inline-start-sm)}.ld-optgroup-internal--lg{padding-inline-start:var(--ld-optgroup-padding-inline-start-lg)}.ld-optgroup-internal--filtered{display:none}.ld-optgroup-internal *,.ld-optgroup-internal :after,.ld-optgroup-internal :before{box-sizing:inherit}[data-popper-placement*=bottom] .ld-optgroup-internal:last-of-type{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}[data-popper-placement*=top] .ld-optgroup-internal:first-of-type{border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-optgroup-internal:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-optgroup-internal[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-optgroup-disabled-text-col)}.ld-optgroup-internal:where(:focus):before,.ld-optgroup-internal:where(:focus:focus-visible):before{border-radius:var(--ld-br-m);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-optgroup-thm-col);content:"";inset:0;pointer-events:none;position:absolute}.ld-optgroup-internal:where(:focus:not(:focus-visible)):before{content:none}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-optgroup-thm-bg-col-focus)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus) :where(.ld-optgroup-internal__check),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-focus)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)){background-color:var(--ld-optgroup-bg-col)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col)}@media (hover:hover){.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-optgroup-thm-bg-col-hover)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-hover)}}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-optgroup-thm-bg-col-active)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) :where(.ld-optgroup-internal__check),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-active)}.ld-optgroup-internal__checkbox-wrapper{display:inline-flex;flex-shrink:0}.ld-optgroup-internal__check,.ld-optgroup-internal__checkbox{align-self:center;flex-shrink:0;transform:translateX(calc(-1 * var(--ld-sp-2)))}.ld-optgroup-internal__check{margin-right:var(--ld-sp-4)}.ld-optgroup-internal__checkbox{margin-left:var(--ld-sp-2);margin-right:var(--ld-sp-6)}.ld-optgroup-internal__label{overflow:hidden;text-overflow:ellipsis} \ No newline at end of file diff --git a/1704894792450/css_components/ld-optgroup.shadow.css b/1704966176737/css_components/ld-optgroup.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-optgroup.shadow.css rename to 1704966176737/css_components/ld-optgroup.shadow.css diff --git a/1704966176737/css_components/ld-option-internal.shadow.css b/1704966176737/css_components/ld-option-internal.shadow.css new file mode 100644 index 0000000000..5d020491a5 --- /dev/null +++ b/1704966176737/css_components/ld-option-internal.shadow.css @@ -0,0 +1 @@ +.ld-option-internal,:host{--ld-option-padding-inline-start:var(--ld-sp-12);--ld-option-padding-inline-start-sm:0.625rem;--ld-option-padding-inline-start-lg:0.875rem;--ld-option-bg-col:var(--ld-col-wht);--ld-option-border-col:var(--ld-col-neutral-100);--ld-option-disabled-text-col:var(--ld-col-neutral-100);--ld-option-text-col:var(--ld-col-neutral-900);--ld-option-thm-col:var(--ld-thm-primary);--ld-option-thm-col-hover:var(--ld-thm-primary-hover);--ld-option-thm-col-focus:var(--ld-thm-primary-focus);--ld-option-thm-col-active:var(--ld-thm-primary-active);--ld-option-thm-bg-col-hover:var(--ld-thm-primary-highlight);--ld-option-thm-bg-col-focus:var(--ld-thm-primary-highlight);--ld-option-thm-bg-col-active:var(--ld-thm-primary-highlight)}:host(:not(:last-of-type)) .ld-option-internal{border-bottom:solid var(--ld-option-border-col) var(--ld-sp-1)}.ld-option-internal--sm{--ld-option-padding-inline-start:var(--ld-option-padding-inline-start-sm)}.ld-option-internal--lg{--ld-option-padding-inline-start:var(--ld-option-padding-inline-start-lg)}.ld-option-internal--indent{--ld-option-indent:1.75rem}.ld-option-internal{background-color:var(--ld-option-bg-col);border:0;color:var(--ld-option-text-col);display:flex;font:var(--ld-typo-label-m);min-height:2.5rem;outline:none;padding-block:var(--ld-sp-8);padding-inline:calc(var(--ld-option-padding-inline-start) + var(--ld-option-indent, 0px)) var(--ld-sp-12);position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none;box-sizing:border-box}.ld-option-internal--filtered{display:none}.ld-option-internal *,.ld-option-internal :after,.ld-option-internal :before{box-sizing:inherit}[data-popper-placement*=bottom] .ld-option-internal:last-of-type{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}[data-popper-placement*=top] .ld-option-internal:first-of-type{border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-option-internal:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-option-internal[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-option-disabled-text-col)}.ld-option-internal:before{border-radius:var(--ld-br-m);content:"";inset:0;pointer-events:none;position:absolute}.ld-option-internal:where(:focus):before,.ld-option-internal:where(:focus:focus-visible):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-option-thm-col)}.ld-option-internal:where(:focus:not(:focus-visible)):before{box-shadow:none}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) :where(.ld-option-internal__check){color:var(--ld-option-thm-col)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-option-thm-bg-col-focus)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus) :where(.ld-option-internal__check),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-focus)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)){background-color:var(--ld-option-bg-col)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)) :where(.ld-option-internal__check){color:var(--ld-option-thm-col)}@media (hover:hover){.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-option-thm-bg-col-hover)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-hover)}}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-option-thm-bg-col-active)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) :where(.ld-option-internal__check),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-active)}.ld-option-internal__checkbox-wrapper{display:inline-flex;flex-shrink:0}.ld-option-internal__check,.ld-option-internal__checkbox{align-self:center;flex-shrink:0;transform:translateX(calc(-1 * var(--ld-sp-2)))}.ld-option-internal__check{margin-right:var(--ld-sp-4)}.ld-option-internal__checkbox{margin-left:var(--ld-sp-2);margin-right:var(--ld-sp-6)}.ld-option-internal__label{overflow:hidden;text-overflow:ellipsis} \ No newline at end of file diff --git a/1704894792450/css_components/ld-option.shadow.css b/1704966176737/css_components/ld-option.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-option.shadow.css rename to 1704966176737/css_components/ld-option.shadow.css diff --git a/1704894792450/css_components/ld-pagination.shadow.css b/1704966176737/css_components/ld-pagination.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-pagination.shadow.css rename to 1704966176737/css_components/ld-pagination.shadow.css diff --git a/1704966176737/css_components/ld-progress.css b/1704966176737/css_components/ld-progress.css new file mode 100644 index 0000000000..789a52a7ac --- /dev/null +++ b/1704966176737/css_components/ld-progress.css @@ -0,0 +1 @@ +.ld-progress,:host{--ld-progress-height:var(--ld-sp-8);--ld-progress-steps-dot-width:var(--ld-progress-height);--ld-progress-valuemin:0;--ld-progress-valuemax:100;--ld-progress-valuenow:0;--ld-progress-transition-duration:var(--ld-transition-duration-normal);--ld-progress-width:17.5rem;--ld-progress-bar-col:var(--ld-thm-primary);--ld-progress-bar-col-overflow:var(--ld-thm-error);--ld-progress-bg-col:var(--ld-col-neutral-100);--ld-progress-bg-col-overflow:var(--ld-thm-error);--ld-progress-pending-gap-col:var(--ld-progress-bg-col);--ld-progress-pending-gap-col-overflow:var(--ld-thm-error-focus);--ld-progress-steps-col:var(--ld-col-neutral-200);--ld-progress-calc-valuenow:calc(var(--ld-progress-valuenow) - var(--ld-progress-valuemin));--ld-progress-calc-valuemax:calc(var(--ld-progress-valuemax) - var(--ld-progress-valuemin));--ld-progress-calc-relative-progress:calc(var(--ld-progress-calc-valuenow) / var(--ld-progress-calc-valuemax));--ld-progress-has-overflow:clamp(0,calc((var(--ld-progress-calc-relative-progress) - 1) * 99999999999),1);border-radius:var(--ld-br-full);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-progress-bg-col),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-high),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-progress-bg-col-overflow);display:block;height:var(--ld-progress-height);max-width:100%;overflow:hidden;position:relative;width:var(--ld-progress-width)}.ld-progress:after,.ld-progress:before,:host:after,:host:before{content:"";display:block;height:100%;position:absolute;width:100%}.ld-progress:before,:host:before{background-color:var(--ld-progress-bar-col);opacity:calc(1 - var(--ld-progress-has-overflow));right:100%;transform:translateX(min(100%,calc(var(--ld-progress-calc-relative-progress) * 100%)));transition:transform var(--ld-progress-transition-duration) ease,opacity var(--ld-progress-transition-duration) linear}.ld-progress:after,:host:after{background-color:var(--ld-progress-bar-col-overflow);left:100%;opacity:calc(var(--ld-progress-has-overflow));transform:translateX(max(-100%,calc((var(--ld-progress-calc-relative-progress) - 1) * -100%)));transition:transform var(--ld-progress-transition-duration) ease}.ld-progress--brand-color,:host(.ld-progress--brand-color){--ld-progress-bar-col:var(--ld-col-wht);--ld-progress-bar-col-overflow:var(--ld-thm-error);--ld-progress-bg-col:var(--ld-col-wht-alpha-medium);--ld-progress-bg-col-overflow:var(--ld-thm-error);--ld-progress-pending-gap-col:var(--ld-thm-primary-hover);--ld-progress-pending-gap-col-overflow:var(--ld-col-wht);--ld-progress-steps-col:var(--ld-col-wht-alpha-medium);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-progress-bg-col),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-medium),inset 0 calc(var(--ld-progress-has-overflow) * 505rem) 500rem -500rem var(--ld-progress-bg-col-overflow)}.ld-progress--steps,:host(.ld-progress--steps){--ld-progress-step-gradient:var(--ld-progress-steps-col) 0%,var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),#0000 calc(var(--ld-progress-steps-dot-width) / 2);background-blend-mode:multiply;background-image:radial-gradient(circle at left,var(--ld-progress-step-gradient)),radial-gradient(circle at right,var(--ld-progress-step-gradient));background-position:calc(var(--ld-progress-steps-dot-width) / 2);background-repeat:repeat-x;background-size:calc((100% - var(--ld-progress-steps-dot-width) - 1px) / var(--ld-progress-calc-valuemax)) 100%;box-shadow:inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-lowest),inset 0 498rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow)}.ld-progress--steps:after,.ld-progress--steps:before,:host(.ld-progress--steps):after,:host(.ld-progress--steps):before{border-radius:var(--ld-br-full)}.ld-progress--steps:before,:host(.ld-progress--steps):before{transform:translateX(min(100%,calc(var(--ld-progress-calc-relative-progress) * (100% - var(--ld-progress-steps-dot-width)) + var(--ld-progress-steps-dot-width))))}.ld-progress--steps:after,:host(.ld-progress--steps):after{transform:translateX(max(-100%,calc(((var(--ld-progress-calc-relative-progress) - 1) * (100% - var(--ld-progress-steps-dot-width)) + var(--ld-progress-steps-dot-width) + 1px) * -1)))}.ld-progress--steps.ld-progress--brand-color,:host(.ld-progress--steps.ld-progress--brand-color){box-shadow:inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-low),inset 0 500rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow)}.ld-progress.ld-progress--indeterminate:before,:host(.ld-progress.ld-progress--indeterminate):before{transform:translateX(100%)}@keyframes ld-progress-animation-pending{0%{background-position-x:calc(-1.5rem + 1px)}to{background-position-x:0}}.ld-progress.ld-progress--pending:after,.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):after,:host(.ld-progress.ld-progress--pending):before{animation-duration:var(--ld-transition-duration-slow);animation-iteration-count:infinite;animation-timing-function:linear;background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.ld-progress.ld-progress--pending:after,.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):after,:host(.ld-progress.ld-progress--pending):before{animation-name:ld-progress-animation-pending}}.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):before{background-image:repeating-linear-gradient(-45deg,var(--ld-progress-pending-gap-col),var(--ld-progress-pending-gap-col) .5rem,var(--ld-progress-bar-col) .5rem,var(--ld-progress-bar-col) 1rem)}.ld-progress.ld-progress--pending:after,:host(.ld-progress.ld-progress--pending):after{animation-direction:reverse;background-image:repeating-linear-gradient(45deg,var(--ld-progress-pending-gap-col-overflow),var(--ld-progress-pending-gap-col-overflow) .5rem,var(--ld-progress-bar-col-overflow) .5rem,var(--ld-progress-bar-col-overflow) 1rem)} \ No newline at end of file diff --git a/1704966176737/css_components/ld-radio.css b/1704966176737/css_components/ld-radio.css new file mode 100644 index 0000000000..ac8f0b9bd6 --- /dev/null +++ b/1704966176737/css_components/ld-radio.css @@ -0,0 +1 @@ +.ld-radio,:host{--ld-radio-size:1.25rem;--ld-radio-dot-size:0.625rem;--ld-radio-bg-col:var(--ld-col-wht);--ld-radio-bg-col-hover:var(--ld-col-neutral-010);--ld-radio-bg-col-active:var(--ld-col-neutral-050);--ld-radio-disabled-col:var(--ld-col-neutral-300);--ld-radio-disabled-bg-col:var(--ld-col-neutral-100);--ld-radio-dark-bg-col:var(--ld-col-neutral-050);--ld-radio-dark-bg-col-hover:var(--ld-col-neutral-100);--ld-radio-dark-bg-col-active:var(--ld-col-neutral-300);--ld-radio-checked-col:var(--ld-col-wht);--ld-radio-checked-col-active:var(--ld-col-wht);--ld-radio-invalid-checked-col:var(--ld-col-wht);--ld-radio-invalid-checked-col-active:var(--ld-col-wht);--ld-radio-col:var(--ld-thm-primary);--ld-radio-col-hover:var(--ld-thm-primary-hover);--ld-radio-col-active:var(--ld-thm-primary-active);--ld-radio-col-focus:var(--ld-thm-primary-focus);--ld-radio-invalid-col:var(--ld-thm-error);--ld-radio-invalid-col-hover:var(--ld-thm-error-hover);--ld-radio-invalid-col-focus:var(--ld-thm-error-focus);--ld-radio-invalid-col-active:var(--ld-thm-error-active);--ld-radio-warn-col:var(--ld-thm-warning);--ld-radio-warn-col-hover:var(--ld-thm-warning-hover);--ld-radio-warn-col-focus:var(--ld-thm-warning-focus);--ld-radio-warn-col-active:var(--ld-thm-warning-active);--ld-radio-warn-checked-col:var(--ld-thm-warning-active);--ld-radio-warn-checked-col-active:var(--ld-thm-warning-hover);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--ld-radio-size);min-width:auto!important;position:relative;width:var(--ld-radio-size)}.ld-radio input,:host input{-webkit-appearance:none;appearance:none;background-color:initial;height:100%;inset:0;margin:0;position:absolute;width:100%;z-index:1}.ld-radio input:checked~.ld-radio__dot,:host input:checked~.ld-radio__dot{visibility:inherit}.ld-radio input:where(:disabled)~.ld-radio__dot,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__dot,:host input:where(:disabled)~.ld-radio__dot,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__dot{background-color:var(--ld-radio-disabled-col)}.ld-radio input:where(:disabled)~.ld-radio__box,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__box,:host input:where(:disabled)~.ld-radio__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-disabled-bg-col)}.ld-radio input:where(:disabled):checked~.ld-radio__box,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-radio__box,:host input:where(:disabled):checked~.ld-radio__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-radio__box{background-color:var(--ld-radio-disabled-bg-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__dot{background-color:var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-radio__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-radio__box,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-radio__box{background-color:var(--ld-radio-bg-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__dot{background-color:var(--ld-radio-checked-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__box{background-color:var(--ld-radio-col);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__dot{background-color:var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__box{background-color:var(--ld-radio-col-focus);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__dot,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__dot{background-color:var(--ld-radio-checked-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__box,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__box{background-color:var(--ld-radio-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box{background-color:var(--ld-radio-bg-col)}@media (hover:hover){.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-radio__box{background-color:var(--ld-radio-bg-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__dot,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__dot{color:var(--ld-radio-checked-col)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__box{background-color:var(--ld-radio-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover)}}.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col)}@media (hover:hover){.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col-hover)}}.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-radio__box,.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col-active)}.ld-radio__dot{height:var(--ld-radio-dot-size);left:50%;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:var(--ld-radio-dot-size);z-index:1}.ld-radio__box,.ld-radio__dot{pointer-events:none;position:absolute}.ld-radio__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-col-rblck4);height:100%;width:100%}.ld-radio,.ld-radio__box,.ld-radio__dot,:host{border-radius:var(--ld-br-full)}.ld-radio--highlight,:host(.ld-radio--highlight){--ld-radio-col:var(--ld-radio-warn-col);--ld-radio-col-hover:var(--ld-radio-warn-col-hover);--ld-radio-col-active:var(--ld-radio-warn-col-focus);--ld-radio-col-focus:var(--ld-radio-warn-col-active);--ld-radio-checked-col:var(--ld-radio-warn-checked-col);--ld-radio-checked-col-active:var(--ld-radio-warn-checked-col-active)}.ld-radio--danger,.ld-radio--invalid,:host(.ld-radio--danger),:host(.ld-radio--invalid){--ld-radio-col:var(--ld-radio-invalid-col);--ld-radio-col-hover:var(--ld-radio-invalid-col-hover);--ld-radio-col-active:var(--ld-radio-invalid-col-focus);--ld-radio-col-focus:var(--ld-radio-invalid-col-active);--ld-radio-checked-col:var(--ld-radio-invalid-checked-col);--ld-radio-checked-col-active:var(--ld-radio-invalid-checked-col-active)} \ No newline at end of file diff --git a/1704966176737/css_components/ld-select-popper.shadow.css b/1704966176737/css_components/ld-select-popper.shadow.css new file mode 100644 index 0000000000..fb64c1b3dd --- /dev/null +++ b/1704966176737/css_components/ld-select-popper.shadow.css @@ -0,0 +1 @@ +:host{--ld-select-popper-min-width:12.8125rem;--ld-select-popper-max-height:min(23.75rem,75vh - 1.25rem);--ld-select-popper-border-col:var(--ld-col-neutral-100);min-width:var(--ld-select-popper-min-width)}.ld-select-popper{min-width:100%}.ld-select-popper:not(.ld-select-popper--expanded){display:none}.ld-select-popper ::slotted(.ld-select__shadow){border-radius:var(--ld-br-m);box-shadow:var(--ld-shadow-sticky);display:block;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.ld-select-popper__scroll-container{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m);border-top:solid var(--ld-select-popper-border-col) var(--ld-sp-1);max-height:var(--ld-select-popper-max-height);overflow-y:auto;overscroll-behavior:contain}.ld-select-popper--detached:not(.ld-select-popper--filter) .ld-select-popper__scroll-container,.ld-select-popper--pinned:not(.ld-select-popper--filter) .ld-select-popper__scroll-container{border-radius:var(--ld-br-m);border-top:0}.ld-select-popper--all-filtered .ld-select-popper__scroll-container{border-top:0}.ld-select-popper__shadow{border-radius:var(--ld-br-m);bottom:0;box-shadow:var(--ld-shadow-sticky);height:calc(100% + var(--ld-select-min-height-md));pointer-events:none;position:absolute;width:100%;z-index:-1}.ld-select-popper--detached .ld-select-popper__shadow{height:100%!important}.ld-select-popper__filter-container{align-items:center;background-color:var(--ld-col-wht);border-top:solid var(--ld-col-neutral-100) var(--ld-sp-1);color:var(--ld-col-neutral-900);display:grid;font:var(--ld-typo-label-m);grid-template-columns:1fr auto}.ld-select-popper--detached .ld-select-popper__filter-container,.ld-select-popper--pinned .ld-select-popper__filter-container{border-top:0;border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-select-popper--all-filtered .ld-select-popper__filter-container{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}.ld-select-popper__create-button{font:var(--ld-typo-label-s);line-height:var(--ld-select-trigger-line-height);margin-right:var(--ld-sp-8)}.ld-select-popper__create-button::part(button){--ld-button-padding-x-sm:var(--ld-sp-6);--ld-button-padding-y-sm:var(--ld-sp-4);min-height:0;min-width:0}.ld-select-popper__filter-input{-webkit-appearance:none;appearance:none;background-color:initial;border:0;box-sizing:border-box;color:inherit;font:inherit;height:2.5rem;line-height:var(--ld-select-trigger-line-height);outline:none;padding:var(--ld-sp-8) var(--ld-sp-12);width:100%}.ld-select-popper__filter-input::placeholder{color:var(--ld-col-neutral-600)}.ld-select-popper--detached .ld-select-popper__filter-input,.ld-select-popper--pinned .ld-select-popper__filter-input{border-top:0;border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-select.css b/1704966176737/css_components/ld-select.css similarity index 61% rename from 1704894792450/css_components/ld-select.css rename to 1704966176737/css_components/ld-select.css index f8e415ce09..1c608035f2 100644 --- a/1704894792450/css_components/ld-select.css +++ b/1704966176737/css_components/ld-select.css @@ -1 +1 @@ -:host{display:inline-flex}:host .ld-select{flex-grow:1;max-width:100%}.ld-select *,.ld-select :after,.ld-select :before,:host *,:host :after,:host :before{box-sizing:border-box}.ld-select ul,:host ul{list-style:none}.ld-select{--ld-select-min-width:12.8125rem;--ld-select-min-height:var(--ld-sp-40);--ld-select-min-height-sm:var(--ld-sp-32);--ld-select-min-height-lg:3.125rem;--ld-select-padding-x:var(--ld-sp-12);--ld-select-padding-x-sm:0.625rem;--ld-select-padding-x-lg:0.875rem;--ld-select-padding-y:var(--ld-sp-8);--ld-select-padding-y-sm:var(--ld-sp-4);--ld-select-padding-y-lg:var(--ld-sp-8);--ld-select-padding-right:calc(var(--ld-sp-40) + var(--ld-sp-12));--ld-select-padding-right-sm:calc(var(--ld-sp-40) + 0.625rem);--ld-select-padding-right-lg:calc(var(--ld-sp-40) + 0.875rem);--ld-select-icon-size:1.25rem;--ld-select-icon-size-sm:var(--ld-sp-16);--ld-select-icon-size-lg:var(--ld-sp-24);--ld-select-trigger-line-height:1.25}.ld-select--sm{--ld-select-min-height:var(--ld-select-min-height-sm);--ld-select-padding-x:var(--ld-select-padding-x-sm);--ld-select-padding-y:var(--ld-select-padding-y-sm);--ld-select-padding-right:var(--ld-select-padding-right-sm);--ld-select-icon-size:var(--ld-select-icon-size-sm)}.ld-select--lg{--ld-select-min-height:var(--ld-select-min-height-lg);--ld-select-padding-x:var(--ld-select-padding-x-lg);--ld-select-padding-y:var(--ld-select-padding-y-lg);--ld-select-padding-right:var(--ld-select-padding-right-lg);--ld-select-icon-size:var(--ld-select-icon-size-lg)}.ld-select{--ld-select-col:var(--ld-col-neutral-900);--ld-select-col-disabled:var(--ld-col-neutral-100);--ld-select-col-border:var(--ld-col-neutral-100);--ld-select-col-border-hover:var(--ld-col-neutral-300);--ld-select-bg-col:var(--ld-col-wht);--ld-select-selection-col:var(--ld-col-wht);--ld-select-invalid-col:var(--ld-thm-error);--ld-select-invalid-icon-col-hover:var(--ld-thm-error-hover);--ld-select-invalid-icon-col-focus:var(--ld-thm-error-focus);--ld-select-invalid-icon-col-active:var(--ld-thm-error-active);--ld-select-invalid-disabled-bg-col:var(--ld-thm-error-disabled);--ld-select-thm-col:var(--ld-thm-primary);--ld-select-thm-col-hover:var(--ld-thm-primary-hover);--ld-select-thm-col-focus:var(--ld-thm-primary-focus);--ld-select-thm-col-active:var(--ld-thm-primary-active);--ld-select-ghost-trigger-bg-col-hover:var(--ld-thm-primary-alpha-lowest);--ld-select-ghost-trigger-bg-col-focus:var(--ld-thm-primary-alpha-low);display:inline-flex;position:relative}.ld-select ::slotted(ld-icon),.ld-select select+.ld-icon{height:var(--ld-select-icon-size);width:var(--ld-select-icon-size)}.ld-select ::slotted(ld-icon){display:contents!important}.ld-select select+.ld-icon,.ld-select select+.ld-select__icon{position:absolute;right:var(--ld-select-padding-x);top:50%;transform:translateY(-50%)}.ld-select select[multiple]+.ld-icon,.ld-select select[multiple]+.ld-select__icon{display:none}.ld-select select+.ld-icon{height:var(--ld-select-icon-size);width:var(--ld-select-icon-size)}.ld-select>select[multiple]{overflow:auto}@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0){.ld-select>select[multiple]{padding-right:calc(var(--ld-select-padding-x) + var(--ld-sp-24))}.ld-select>select[multiple]+.ld-icon,.ld-select>select[multiple]+.ld-select__icon{display:flex}}.ld-select--expanded .ld-tether-target-attached-bottom .ld-select__btn-trigger:not(.ld-select__btn-trigger--detached){border-bottom-left-radius:0;border-bottom-right-radius:0}:where(.ld-select:not(.ld-select--inline):not(.ld-select--ghost)){min-width:var(--ld-select-min-width)}.ld-select__btn-trigger,.ld-select__select{width:100%}.ld-select>select,.ld-select__btn-trigger{-webkit-touch-callout:none;align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--ld-select-bg-col);border:0;border-radius:var(--ld-br-m);color:var(--ld-select-col);display:flex;font:var(--ld-typo-body-m);height:100%;justify-content:flex-end;line-height:var(--ld-select-trigger-line-height);padding:var(--ld-select-padding-y) var(--ld-select-padding-x);position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ld-select>select:where(select),.ld-select__btn-trigger:where(select){width:100%}.ld-select>select:where(select:not([multiple])),.ld-select__btn-trigger:where(select:not([multiple])){padding-right:calc(var(--ld-select-padding-x) + var(--ld-sp-24))}.ld-select>select:where(.ld-select__btn-trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select>select:where(select:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select__btn-trigger:where(.ld-select__btn-trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select__btn-trigger:where(select:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-select>select:where([aria-expanded=true]),.ld-select__btn-trigger:where([aria-expanded=true]){z-index:2}.ld-select>select:where([aria-expanded=true]):not(:focus:focus-visible):not(.ld-select__btn-trigger--detached),.ld-select__btn-trigger:where([aria-expanded=true]):not(:focus:focus-visible):not(.ld-select__btn-trigger--detached){box-shadow:none}.ld-select>select:disabled,.ld-select>select:disabled+.ld-icon,.ld-select>select:disabled+.ld-select__icon,.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-icon,.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-select__icon,.ld-select__btn-trigger:disabled,.ld-select__btn-trigger:disabled+.ld-icon,.ld-select__btn-trigger:disabled+.ld-select__icon,.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-icon,.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-select__icon{color:var(--ld-select-col-disabled)}.ld-select__btn-trigger{overflow:hidden}:where(.ld-select),:where(.ld-select)>select{min-height:var(--ld-select-min-height)}.ld-select--ghost .ld-select__btn-trigger,.ld-select--ghost select,.ld-select--ghost:not(ld-select){background-color:initial}.ld-select--ghost .ld-select__btn-trigger:not(:focus),.ld-select--ghost select:not(:focus){box-shadow:none}.ld-select:where(:not(.ld-select--ghost)):where(.ld-select--detached) :where(.ld-select__btn-trigger),.ld-select:where(:not(.ld-select--ghost)):where(.ld-select--detached) :where(select),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--detached):not(.ld-select--expanded)) :where(.ld-select__btn-trigger),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--detached):not(.ld-select--expanded)) :where(select){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border)}@media (hover:hover){.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) .ld-select__btn-trigger:where(.ld-select__btn-trigger--detached:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) .ld-select__btn-trigger:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-select__btn-trigger--detached):not([aria-expanded=true])):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) select:where(.ld-select__btn-trigger--detached:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-select__btn-trigger--detached):not([aria-expanded=true])):hover:not(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border-hover)}}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled)):where(:focus:focus-visible),.ld-select--invalid>select:where(:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(:focus:focus-visible)),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(:focus:focus-visible)){background-color:var(--ld-select-invalid-disabled-bg-col);color:var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(.ld-select__btn-trigger--ghost)),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(.ld-select__btn-trigger--ghost)){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-select__icon{color:var(--ld-select-invalid-col)}@media (hover:hover){.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-select__icon{color:var(--ld-select-invalid-icon-col-hover)}}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-select__icon{color:var(--ld-select-invalid-icon-col-focus)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-select__icon{color:var(--ld-select-invalid-icon-col-active)}.ld-select__btn-trigger-text-wrapper,.ld-select__selection-list{flex-grow:1}.ld-select__btn-trigger-text-wrapper{align-items:center;display:flex;font:var(--ld-typo-label-m);height:calc(100% + var(--ld-sp-12));line-height:var(--ld-select-trigger-line-height);margin:calc(-1 * var(--ld-sp-6)) 0;overflow:hidden;padding:var(--ld-sp-6) var(--ld-sp-8) var(--ld-sp-6) 0}.ld-select>select,.ld-select__btn-trigger-text,.ld-select__selection-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-select__selection-list-container{display:flex;flex-direction:column-reverse;gap:var(--ld-sp-6);margin-right:auto}.ld-select__selection-list{display:flex;flex-wrap:wrap;margin:calc(-1 * var(--ld-sp-1)) var(--ld-sp-4) calc(-1 * var(--ld-sp-4)) 0;overflow:hidden;padding:0}.ld-select__selection-list-item{flex:0 1;margin-bottom:var(--ld-sp-4);margin-right:var(--ld-sp-4);width:100%}.ld-select__selection-list-item--overflowing{display:none}.ld-select__selection-list-more{align-items:center;border-radius:var(--ld-br-m);display:inline-flex;font:var(--ld-typo-label-s);font-weight:700;margin-bottom:var(--ld-sp-4);margin-right:var(--ld-sp-4);order:2147483647;padding:var(--ld-sp-4) var(--ld-sp-6)}.ld-select__btn-clear,.ld-select__btn-clear-single{-webkit-touch-callout:none;background-color:initial;border:0;border-radius:var(--ld-br-full);line-height:0;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ld-select__btn-clear-single:not(:disabled),.ld-select__btn-clear:not(:disabled){cursor:pointer}.ld-select__btn-clear{flex-shrink:0;margin-right:var(--ld-sp-6)}.ld-select__btn-clear:disabled{color:var(--ld-select-col-disabled)}.ld-select__btn-clear-single{margin-left:var(--ld-sp-6);z-index:1}.ld-select__selection-label{align-items:center;color:var(--ld-select-selection-col);display:inline-flex;font:var(--ld-typo-label-s);font-weight:700;padding:var(--ld-sp-4) var(--ld-sp-6);position:relative;width:100%}.ld-select__selection-label-bg{border-radius:var(--ld-br-m);bottom:0;left:0;position:absolute;right:0;top:0}:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__selection-label-bg{background-color:var(--ld-select-col-disabled)}.ld-select__selection-label-text{z-index:1}.ld-select__btn-clear-single-icon{--ld-select-btn-clear-single-size:0.75rem;height:.75rem;height:var(--ld-select-btn-clear-single-size);width:.75rem;width:var(--ld-select-btn-clear-single-size)}.ld-select__btn-clear-icon{--ld-select-btn-clear-size:1.25rem;height:1.25rem;height:var(--ld-select-btn-clear-size);width:1.25rem;width:var(--ld-select-btn-clear-size)}.ld-select__icon{fill:none;height:var(--ld-sp-16);width:var(--ld-sp-16)}.ld-select ::slotted(ld-icon),.ld-select select+.ld-icon,.ld-select__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;pointer-events:none}:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select ::slotted(ld-icon),:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select select+.ld-icon,:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__icon,:where(select:disabled) .ld-select ::slotted(ld-icon),:where(select:disabled) .ld-select select+.ld-icon,:where(select:disabled) .ld-select__icon,:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select ::slotted(ld-icon),:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select select+.ld-icon,:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__icon{color:var(--ld-select-col-disabled)}.ld-select ::slotted(ld-icon) .ld-icon,.ld-select ::slotted(ld-icon) svg,.ld-select select+.ld-icon .ld-icon,.ld-select select+.ld-icon svg,.ld-select__icon .ld-icon,.ld-select__icon svg{height:100%;width:100%}.ld-select__icon--rotated{transform:rotate(180deg);transform-origin:center}.ld-select__slot-container{display:none}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) .ld-select__btn-trigger:where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):hover:not(:focus),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):hover:not(:focus){background-color:var(--ld-select-ghost-trigger-bg-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):active,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):active:focus-visible,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):active,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):active:focus-visible{background-color:var(--ld-select-ghost-trigger-bg-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled))+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled))+.ld-select__icon{color:var(--ld-select-thm-col)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover)+.ld-select__icon{color:var(--ld-select-thm-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible)+.ld-select__icon{color:var(--ld-select-thm-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible)+.ld-select__icon{color:var(--ld-select-thm-col-active)}:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) :where(.ld-select__btn-trigger):where(:focus:focus-visible),:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) :where(select:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__selection-list-more{color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__selection-label-bg{background-color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:focus:focus-visible)+.ld-select__selection-label-bg{background-color:var(--ld-select-thm-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:active)+.ld-select__selection-label-bg,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:active:focus-visible)+.ld-select__selection-label-bg{background-color:var(--ld-select-thm-col-active)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear{color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:focus:focus-visible){color:var(--ld-select-thm-col-focus)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:hover){color:var(--ld-select-thm-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:active),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:active:focus-visible){color:var(--ld-select-thm-col-active)} \ No newline at end of file +:host{display:inline-flex}:host .ld-select{flex-grow:1;max-width:100%}.ld-select *,.ld-select :after,.ld-select :before,:host *,:host :after,:host :before{box-sizing:border-box}.ld-select ul,:host ul{list-style:none}.ld-select{--ld-select-min-width:12.8125rem;--ld-select-min-height:var(--ld-sp-40);--ld-select-min-height-sm:var(--ld-sp-32);--ld-select-min-height-lg:3.125rem;--ld-select-padding-x:var(--ld-sp-12);--ld-select-padding-x-sm:0.625rem;--ld-select-padding-x-lg:0.875rem;--ld-select-padding-y:var(--ld-sp-8);--ld-select-padding-y-sm:var(--ld-sp-4);--ld-select-padding-y-lg:var(--ld-sp-8);--ld-select-padding-right:calc(var(--ld-sp-40) + var(--ld-sp-12));--ld-select-padding-right-sm:calc(var(--ld-sp-40) + 0.625rem);--ld-select-padding-right-lg:calc(var(--ld-sp-40) + 0.875rem);--ld-select-icon-size:1.25rem;--ld-select-icon-size-sm:var(--ld-sp-16);--ld-select-icon-size-lg:var(--ld-sp-24);--ld-select-trigger-line-height:1.25}.ld-select--sm{--ld-select-min-height:var(--ld-select-min-height-sm);--ld-select-padding-x:var(--ld-select-padding-x-sm);--ld-select-padding-y:var(--ld-select-padding-y-sm);--ld-select-padding-right:var(--ld-select-padding-right-sm);--ld-select-icon-size:var(--ld-select-icon-size-sm)}.ld-select--lg{--ld-select-min-height:var(--ld-select-min-height-lg);--ld-select-padding-x:var(--ld-select-padding-x-lg);--ld-select-padding-y:var(--ld-select-padding-y-lg);--ld-select-padding-right:var(--ld-select-padding-right-lg);--ld-select-icon-size:var(--ld-select-icon-size-lg)}.ld-select{--ld-select-col:var(--ld-col-neutral-900);--ld-select-col-disabled:var(--ld-col-neutral-100);--ld-select-col-border:var(--ld-col-neutral-100);--ld-select-col-border-hover:var(--ld-col-neutral-300);--ld-select-bg-col:var(--ld-col-wht);--ld-select-selection-col:var(--ld-col-wht);--ld-select-invalid-col:var(--ld-thm-error);--ld-select-invalid-icon-col-hover:var(--ld-thm-error-hover);--ld-select-invalid-icon-col-focus:var(--ld-thm-error-focus);--ld-select-invalid-icon-col-active:var(--ld-thm-error-active);--ld-select-invalid-disabled-bg-col:var(--ld-thm-error-disabled);--ld-select-thm-col:var(--ld-thm-primary);--ld-select-thm-col-hover:var(--ld-thm-primary-hover);--ld-select-thm-col-focus:var(--ld-thm-primary-focus);--ld-select-thm-col-active:var(--ld-thm-primary-active);--ld-select-ghost-trigger-bg-col-hover:var(--ld-thm-primary-alpha-lowest);--ld-select-ghost-trigger-bg-col-focus:var(--ld-thm-primary-alpha-low);display:inline-flex;position:relative}.ld-select ::slotted(ld-icon),.ld-select select+.ld-icon{height:var(--ld-select-icon-size);width:var(--ld-select-icon-size)}.ld-select ::slotted(ld-icon){display:contents!important}.ld-select select+.ld-icon,.ld-select select+.ld-select__icon{position:absolute;right:var(--ld-select-padding-x);top:50%;transform:translateY(-50%)}.ld-select select[multiple]+.ld-icon,.ld-select select[multiple]+.ld-select__icon{display:none}.ld-select select+.ld-icon{height:var(--ld-select-icon-size);width:var(--ld-select-icon-size)}.ld-select>select[multiple]{overflow:auto}@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0){.ld-select>select[multiple]{padding-right:calc(var(--ld-select-padding-x) + var(--ld-sp-24))}.ld-select>select[multiple]+.ld-icon,.ld-select>select[multiple]+.ld-select__icon{display:flex}}.ld-select--expanded .ld-tether-target-attached-bottom .ld-select__btn-trigger:not(.ld-select__btn-trigger--detached){border-bottom-left-radius:0;border-bottom-right-radius:0}:where(.ld-select:not(.ld-select--inline):not(.ld-select--ghost)){min-width:var(--ld-select-min-width)}.ld-select__btn-trigger,.ld-select__select{width:100%}.ld-select>select,.ld-select__btn-trigger{align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--ld-select-bg-col);border:0;border-radius:var(--ld-br-m);color:var(--ld-select-col);display:flex;font:var(--ld-typo-body-m);height:100%;justify-content:flex-end;line-height:var(--ld-select-trigger-line-height);padding:var(--ld-select-padding-y) var(--ld-select-padding-x);position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ld-select>select:where(select),.ld-select__btn-trigger:where(select){width:100%}.ld-select>select:where(select:not([multiple])),.ld-select__btn-trigger:where(select:not([multiple])){padding-right:calc(var(--ld-select-padding-x) + var(--ld-sp-24))}.ld-select>select:where(.ld-select__btn-trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select>select:where(select:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select__btn-trigger:where(.ld-select__btn-trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select__btn-trigger:where(select:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-select>select:where([aria-expanded=true]),.ld-select__btn-trigger:where([aria-expanded=true]){z-index:2}.ld-select>select:where([aria-expanded=true]):not(:focus:focus-visible):not(.ld-select__btn-trigger--detached),.ld-select__btn-trigger:where([aria-expanded=true]):not(:focus:focus-visible):not(.ld-select__btn-trigger--detached){box-shadow:none}.ld-select>select:disabled,.ld-select>select:disabled+.ld-icon,.ld-select>select:disabled+.ld-select__icon,.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-icon,.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-select__icon,.ld-select__btn-trigger:disabled,.ld-select__btn-trigger:disabled+.ld-icon,.ld-select__btn-trigger:disabled+.ld-select__icon,.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-icon,.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-select__icon{color:var(--ld-select-col-disabled)}.ld-select__btn-trigger{overflow:hidden}:where(.ld-select),:where(.ld-select)>select{min-height:var(--ld-select-min-height)}.ld-select--ghost .ld-select__btn-trigger,.ld-select--ghost select,.ld-select--ghost:not(ld-select){background-color:initial}.ld-select--ghost .ld-select__btn-trigger:not(:focus),.ld-select--ghost select:not(:focus){box-shadow:none}.ld-select:where(:not(.ld-select--ghost)):where(.ld-select--detached) :where(.ld-select__btn-trigger),.ld-select:where(:not(.ld-select--ghost)):where(.ld-select--detached) :where(select),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--detached):not(.ld-select--expanded)) :where(.ld-select__btn-trigger),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--detached):not(.ld-select--expanded)) :where(select){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border)}@media (hover:hover){.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) .ld-select__btn-trigger:where(.ld-select__btn-trigger--detached:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) .ld-select__btn-trigger:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-select__btn-trigger--detached):not([aria-expanded=true])):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) select:where(.ld-select__btn-trigger--detached:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-select__btn-trigger--detached):not([aria-expanded=true])):hover:not(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border-hover)}}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled)):where(:focus:focus-visible),.ld-select--invalid>select:where(:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(:focus:focus-visible)),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(:focus:focus-visible)){background-color:var(--ld-select-invalid-disabled-bg-col);color:var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(.ld-select__btn-trigger--ghost)),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(.ld-select__btn-trigger--ghost)){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-select__icon{color:var(--ld-select-invalid-col)}@media (hover:hover){.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-select__icon{color:var(--ld-select-invalid-icon-col-hover)}}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-select__icon{color:var(--ld-select-invalid-icon-col-focus)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-select__icon{color:var(--ld-select-invalid-icon-col-active)}.ld-select__btn-trigger-text-wrapper,.ld-select__selection-list{flex-grow:1}.ld-select__btn-trigger-text-wrapper{align-items:center;display:flex;font:var(--ld-typo-label-m);height:calc(100% + var(--ld-sp-12));line-height:var(--ld-select-trigger-line-height);margin:calc(-1 * var(--ld-sp-6)) 0;overflow:hidden;padding:var(--ld-sp-6) var(--ld-sp-8) var(--ld-sp-6) 0}.ld-select>select,.ld-select__btn-trigger-text,.ld-select__selection-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-select__selection-list-container{display:flex;flex-direction:column-reverse;gap:var(--ld-sp-6);margin-right:auto}.ld-select__selection-list{display:flex;flex-wrap:wrap;margin:calc(-1 * var(--ld-sp-1)) var(--ld-sp-4) calc(-1 * var(--ld-sp-4)) 0;overflow:hidden;padding:0}.ld-select__selection-list-item{flex:0 1;margin-bottom:var(--ld-sp-4);margin-right:var(--ld-sp-4);width:100%}.ld-select__selection-list-item--overflowing{display:none}.ld-select__selection-list-more{align-items:center;border-radius:var(--ld-br-m);display:inline-flex;font:var(--ld-typo-label-s);font-weight:700;margin-bottom:var(--ld-sp-4);margin-right:var(--ld-sp-4);order:2147483647;padding:var(--ld-sp-4) var(--ld-sp-6)}.ld-select__btn-clear,.ld-select__btn-clear-single{background-color:initial;border:0;border-radius:var(--ld-br-full);line-height:0;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ld-select__btn-clear-single:not(:disabled),.ld-select__btn-clear:not(:disabled){cursor:pointer}.ld-select__btn-clear{flex-shrink:0;margin-right:var(--ld-sp-6)}.ld-select__btn-clear:disabled{color:var(--ld-select-col-disabled)}.ld-select__btn-clear-single{margin-left:var(--ld-sp-6);z-index:1}.ld-select__selection-label{align-items:center;color:var(--ld-select-selection-col);display:inline-flex;font:var(--ld-typo-label-s);font-weight:700;padding:var(--ld-sp-4) var(--ld-sp-6);position:relative;width:100%}.ld-select__selection-label-bg{border-radius:var(--ld-br-m);inset:0;position:absolute}:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__selection-label-bg{background-color:var(--ld-select-col-disabled)}.ld-select__selection-label-text{z-index:1}.ld-select__btn-clear-single-icon{--ld-select-btn-clear-single-size:0.75rem;height:var(--ld-select-btn-clear-single-size);width:var(--ld-select-btn-clear-single-size)}.ld-select__btn-clear-icon{--ld-select-btn-clear-size:1.25rem;height:var(--ld-select-btn-clear-size);width:var(--ld-select-btn-clear-size)}.ld-select__icon{fill:none;height:var(--ld-sp-16);width:var(--ld-sp-16)}.ld-select ::slotted(ld-icon),.ld-select select+.ld-icon,.ld-select__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;pointer-events:none}:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select ::slotted(ld-icon),:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select select+.ld-icon,:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__icon,:where(select:disabled) .ld-select ::slotted(ld-icon),:where(select:disabled) .ld-select select+.ld-icon,:where(select:disabled) .ld-select__icon,:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select ::slotted(ld-icon),:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select select+.ld-icon,:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__icon{color:var(--ld-select-col-disabled)}.ld-select ::slotted(ld-icon) .ld-icon,.ld-select ::slotted(ld-icon) svg,.ld-select select+.ld-icon .ld-icon,.ld-select select+.ld-icon svg,.ld-select__icon .ld-icon,.ld-select__icon svg{height:100%;width:100%}.ld-select__icon--rotated{transform:rotate(180deg);transform-origin:center}.ld-select__slot-container{display:none}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) .ld-select__btn-trigger:where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):hover:not(:focus),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):hover:not(:focus){background-color:var(--ld-select-ghost-trigger-bg-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):active,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):active:focus-visible,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):active,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):active:focus-visible{background-color:var(--ld-select-ghost-trigger-bg-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled))+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled))+.ld-select__icon{color:var(--ld-select-thm-col)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover)+.ld-select__icon{color:var(--ld-select-thm-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible)+.ld-select__icon{color:var(--ld-select-thm-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible)+.ld-select__icon{color:var(--ld-select-thm-col-active)}:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) :where(.ld-select__btn-trigger):where(:focus:focus-visible),:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) :where(select:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__selection-list-more{color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__selection-label-bg{background-color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:focus:focus-visible)+.ld-select__selection-label-bg{background-color:var(--ld-select-thm-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:active)+.ld-select__selection-label-bg,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:active:focus-visible)+.ld-select__selection-label-bg{background-color:var(--ld-select-thm-col-active)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear{color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:focus:focus-visible){color:var(--ld-select-thm-col-focus)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:hover){color:var(--ld-select-thm-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:active),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:active:focus-visible){color:var(--ld-select-thm-col-active)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sidenav-accordion.shadow.css b/1704966176737/css_components/ld-sidenav-accordion.shadow.css similarity index 91% rename from 1704894792450/css_components/ld-sidenav-accordion.shadow.css rename to 1704966176737/css_components/ld-sidenav-accordion.shadow.css index 0021e12781..cc0c118657 100644 --- a/1704894792450/css_components/ld-sidenav-accordion.shadow.css +++ b/1704966176737/css_components/ld-sidenav-accordion.shadow.css @@ -1,10 +1,10 @@ -.ld-sidenav-accordion__accordion{--ld-accordion-bg-col:#0000;--ld-accordion-bg-col-active:var(--ld-thm-primary-alpha-low);--ld-accordion-bg-col-disabled:#0000;--ld-accordion-bg-col-focus:var(--ld-thm-primary-alpha-low);--ld-accordion-panel-border-top-col:#0000;--ld-accordion-padding-x:var(--ld-sidenav-padding-x);--ld-accordion-padding-y:0;--ld-accordion-toggle-indicator-bg-col:#0000;--ld-accordion-toggle-indicator-bg-col-active:var(--ld-thm-primary);--ld-accordion-toggle-indicator-bg-col-hover:var(--ld-col-neutral-100);--ld-accordion-toggle-indicator-bg-col-focus:var(--ld-thm-primary-focus);--ld-accordion-toggle-size:var(--ld-sidenav-navitem-icon-size);--ld-sidenav-navitem-tertiary-indent:calc(2 * var(--ld-sp-16) + 0.3125rem);transform:translateY(0);transform:translateY(var( +.ld-sidenav-accordion__accordion{--ld-accordion-bg-col:#0000;--ld-accordion-bg-col-active:var(--ld-thm-primary-alpha-low);--ld-accordion-bg-col-disabled:#0000;--ld-accordion-bg-col-focus:var(--ld-thm-primary-alpha-low);--ld-accordion-panel-border-top-col:#0000;--ld-accordion-padding-x:var(--ld-sidenav-padding-x);--ld-accordion-padding-y:0;--ld-accordion-toggle-indicator-bg-col:#0000;--ld-accordion-toggle-indicator-bg-col-active:var(--ld-thm-primary);--ld-accordion-toggle-indicator-bg-col-hover:var(--ld-col-neutral-100);--ld-accordion-toggle-indicator-bg-col-focus:var(--ld-thm-primary-focus);--ld-accordion-toggle-size:var(--ld-sidenav-navitem-icon-size);--ld-sidenav-navitem-tertiary-indent:calc(2 * var(--ld-sp-16) + 0.3125rem);transform:translateY(var( --ld-sidenav-navitem-move-up-closable,var(--ld-sidenav-navitem-move-up,0) ));transition:var(--ld-sidenav-stack-to-top-transition)}:host(.ld-sidenav-accordion--collapsed) .ld-sidenav-accordion__accordion{pointer-events:none;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host(.ld-sidenav-accordion--in-accordion) .ld-sidenav-accordion__accordion{--ld-accordion-padding-x:0;margin:var(--ld-sp-6) calc(-1 * var(--ld-sidenav-padding-x)) var(--ld-sp-6) 0}:host(.ld-sidenav-accordion--in-accordion) .ld-sidenav-accordion__accordion .ld-sidenav-accordion__accordion-panel{padding:0 var(--ld-sidenav-padding-x) 0 0}:host(:not(.ld-sidenav-accordion--transitions-enabled)) .ld-sidenav-accordion__accordion .ld-sidenav-accordion__accordion-panel{--ld-accordion-panel-transition-duration:var( --ld-transition-duration-instant )}.ld-sidenav-accordion__accordion-panel{padding:0 var(--ld-sidenav-padding-x)}.ld-sidenav-accordion__accordion-panel::part(content){padding:var(--ld-sidenav-navitem-bg-inset) 0}.ld-sidenav-accordion__accordion-toggle{pointer-events:none}.ld-sidenav-accordion__accordion-toggle::part(toggle):before{display:none}.ld-sidenav-accordion__accordion-toggle::part(label){--ld-accordion-bg-col-hover:#0000;padding-right:var(--ld-sidenav-padding-x)}.ld-sidenav-accordion__accordion-toggle::part(label):before{display:none}@media (hover:hover){.ld-sidenav-accordion__accordion-toggle:where(:hover){--ld-accordion-toggle-indicator-bg-col:var(--ld-col-neutral-100)}}.ld-sidenav-accordion__accordion-toggle::part(trigger){--ld-accordion-bg-col-hover:var( --ld-sidenav-accordion-bg-col-hover,var(--ld-col-neutral-050) - );border-radius:var(--ld-sidenav-navitem-border-radius);outline:none;pointer-events:none;right:var(--ld-sidenav-padding-x);transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-accordion__accordion-toggle::part(trigger):before{background-color:var(--ld-accordion-toggle-indicator-bg-col);border-radius:inherit;bottom:0;left:0;right:0;top:0;z-index:1}.ld-sidenav-accordion__accordion-toggle::part(trigger):after{background-color:var(--ld-col-wht);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;visibility:hidden}.ld-sidenav-accordion__accordion-toggle::part(trigger):active{--ld-accordion-toggle-indicator-bg-col:var( + );border-radius:var(--ld-sidenav-navitem-border-radius);outline:none;pointer-events:none;right:var(--ld-sidenav-padding-x);transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-accordion__accordion-toggle::part(trigger):before{background-color:var(--ld-accordion-toggle-indicator-bg-col);border-radius:inherit;inset:0;z-index:1}.ld-sidenav-accordion__accordion-toggle::part(trigger):after{background-color:var(--ld-col-wht);border-radius:inherit;content:"";inset:0;position:absolute;visibility:hidden}.ld-sidenav-accordion__accordion-toggle::part(trigger):active{--ld-accordion-toggle-indicator-bg-col:var( --ld-accordion-toggle-indicator-bg-col-active )}.ld-sidenav-accordion__accordion-toggle::part(trigger):active:before{opacity:.3}@media (hover:hover){.ld-sidenav-accordion__accordion-toggle::part(trigger):where(:hover){--ld-accordion-toggle-indicator-bg-col:var( --ld-accordion-toggle-indicator-bg-col-hover diff --git a/1704966176737/css_components/ld-sidenav-back.shadow.css b/1704966176737/css_components/ld-sidenav-back.shadow.css new file mode 100644 index 0000000000..ed64383be4 --- /dev/null +++ b/1704966176737/css_components/ld-sidenav-back.shadow.css @@ -0,0 +1,3 @@ +.ld-sidenav-back{--ld-sidenav-back-bg-inset:var(--ld-sp-6);--ld-sidenav-back-border-radius:var(--ld-br-l);--ld-sidenav-back-icon-size:var(--ld-sp-24);--ld-sidenav-back-col:var(--ld-col-neutral-800);--ld-sidenav-back-col-active:var(--ld-thm-primary-active);--ld-sidenav-back-col-hover:var(--ld-thm-primary);--ld-sidenav-back-col-focus:var(--ld-thm-primary);--ld-sidenav-back-indicator-col:#0000;--ld-sidenav-back-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-back-indicator-col-active:var(--ld-thm-primary);display:block;outline:none}@media (hover:hover){.ld-sidenav-back:where(:hover){--ld-sidenav-back-col:var(--ld-sidenav-back-col-hover);--ld-sidenav-back-indicator-col:var(--ld-col-neutral-300)}}.ld-sidenav-back:focus:focus-visible{--ld-sidenav-back-col:var(--ld-sidenav-back-col-focus);--ld-sidenav-back-indicator-col:var(--ld-sidenav-back-indicator-col-focus)}.ld-sidenav-back:active{--ld-sidenav-back-col:var(--ld-sidenav-back-col-active);--ld-sidenav-back-indicator-col:var( + --ld-sidenav-back-indicator-col-active + )}.ld-sidenav-back:active .ld-sidenav-back__bg{opacity:.3}.ld-sidenav-back--rounded{--ld-sidenav-back-border-radius:var(--ld-br-full)}.ld-sidenav-back ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y);margin-top:var(--ld-sidenav-padding-y)}.ld-sidenav-back.ld-sidenav-back--collapsed .ld-sidenav-back__bg{transform:translateX(calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)))}.ld-sidenav-back__btn-back{align-items:center;background-color:initial;border:0;box-sizing:border-box;color:var(--ld-sidenav-back,var(--ld-col-neutral-800));cursor:pointer;display:none;font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-sp-12);grid-template-columns:auto 1fr;line-height:1;margin:var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);outline:none;padding:0;position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ld-sidenav-back__bg{display:block;inset:calc(-1 * var(--ld-sidenav-back-bg-inset));opacity:.2;pointer-events:none;position:absolute;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-back__btn-back-label,.ld-sidenav-back__icon{position:relative;z-index:0}.ld-sidenav-back__bg-center,.ld-sidenav-back__bg-left,.ld-sidenav-back__bg-right{background-color:var(--ld-sidenav-back-indicator-col);bottom:0;pointer-events:all;position:absolute;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-back__bg-left,.ld-sidenav-back__bg-right{width:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6))}.ld-sidenav-back__bg-left{border-bottom-left-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));border-top-left-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));left:0}.ld-sidenav-back__bg-right{border-bottom-right-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));border-top-right-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));right:0}.ld-sidenav-back--collapsed .ld-sidenav-back__bg-right{transform:translateX(calc(-1 * var(--ld-sidenav-translate-x-delta) - 1px))}.ld-sidenav-back__bg-center{left:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));right:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));transform-origin:left}.ld-sidenav-back--collapsed .ld-sidenav-back__bg-center{transform:scaleX(0)}.ld-sidenav-back--is-back .ld-sidenav-back__btn-back{display:grid}.ld-sidenav-back--is-back .ld-sidenav-back__slot-container{display:none}.ld-sidenav-back__icon{align-items:center;aspect-ratio:1;display:flex;justify-content:center;position:relative;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-back--collapsed .ld-sidenav-back__icon{transform:translateX(var(--ld-sidenav-translate-x-delta))}.ld-sidenav-back__icon:before{background-color:var(--ld-thm-primary-active);border-radius:var(--ld-br-full);content:"";height:var(--ld-sidenav-back-icon-size);overflow:hidden;position:absolute;width:var(--ld-sidenav-back-icon-size);z-index:-1}.ld-sidenav-back__btn-back-label{color:var(--ld-sidenav-back-col);overflow:hidden;padding-right:var(--ld-sp-6);position:relative;text-overflow:ellipsis;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;white-space:nowrap}.ld-sidenav-back--collapsed .ld-sidenav-back__btn-back-label{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta))} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sidenav-header.shadow.css b/1704966176737/css_components/ld-sidenav-header.shadow.css similarity index 50% rename from 1704894792450/css_components/ld-sidenav-header.shadow.css rename to 1704966176737/css_components/ld-sidenav-header.shadow.css index a9d7a8e8b6..c0e765c72a 100644 --- a/1704894792450/css_components/ld-sidenav-header.shadow.css +++ b/1704966176737/css_components/ld-sidenav-header.shadow.css @@ -1,8 +1,8 @@ -:host{--ld-sidenav-header-height:3.125rem;--ld-sidenav-header-col:var(--ld-col-neutral-900);--ld-sidenav-header-bg-col:var(--ld-col-neutral-010);--ld-sidenav-header-anchor-col:var(--ld-thm-primary);--ld-sidenav-header-anchor-col-active:var(--ld-thm-primary-active);--ld-sidenav-header-anchor-col-hover:var(--ld-thm-primary-hover);--ld-sidenav-header-anchor-col-focus:var(--ld-thm-primary);--ld-sidenav-header-indicator-col:#0000;--ld-sidenav-header-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-header-indicator-col-active:var(--ld-thm-primary);align-items:center;background-color:var(--ld-col-neutral-010);background-color:var(--ld-sidenav-header-bg-col);color:var(--ld-col-neutral-900);color:var(--ld-sidenav-header-col);display:flex;flex-direction:row-reverse;flex-shrink:0;gap:.625rem;height:3.125rem;height:var(--ld-sidenav-header-height);padding:0 var(--ld-sidenav-padding-x);position:relative;z-index:1}:host(.ld-sidenav-header--right-aligned){flex-direction:row}.ld-sidenav-header__anchor{grid-gap:var(--ld-sp-12);align-items:center;border-radius:calc(var(--ld-sidenav-navitem-border-radius));color:inherit;display:grid;font-weight:700;gap:var(--ld-sp-12);grid-auto-flow:column;grid-template-columns:min-content;line-height:var(--ld-sidenav-line-height);margin-right:auto;min-height:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-12));outline-offset:var(--ld-sidenav-navitem-bg-inset);position:relative;-webkit-text-decoration:none;text-decoration:none;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-header__anchor[href]{color:var(--ld-sidenav-header-anchor-col)}.ld-sidenav-header__anchor[href]:focus:focus-visible{--ld-sidenav-header-indicator-col:var( +:host{--ld-sidenav-header-height:3.125rem;--ld-sidenav-header-col:var(--ld-col-neutral-900);--ld-sidenav-header-bg-col:var(--ld-col-neutral-010);--ld-sidenav-header-anchor-col:var(--ld-thm-primary);--ld-sidenav-header-anchor-col-active:var(--ld-thm-primary-active);--ld-sidenav-header-anchor-col-hover:var(--ld-thm-primary-hover);--ld-sidenav-header-anchor-col-focus:var(--ld-thm-primary);--ld-sidenav-header-indicator-col:#0000;--ld-sidenav-header-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-header-indicator-col-active:var(--ld-thm-primary);align-items:center;background-color:var(--ld-sidenav-header-bg-col);color:var(--ld-sidenav-header-col);display:flex;flex-direction:row-reverse;flex-shrink:0;gap:.625rem;height:var(--ld-sidenav-header-height);padding:0 var(--ld-sidenav-padding-x);position:relative;z-index:1}:host(.ld-sidenav-header--right-aligned){flex-direction:row}.ld-sidenav-header__anchor{align-items:center;border-radius:calc(var(--ld-sidenav-navitem-border-radius));color:inherit;display:grid;font-weight:700;gap:var(--ld-sp-12);grid-auto-flow:column;grid-template-columns:min-content;line-height:var(--ld-sidenav-line-height);margin-right:auto;min-height:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-12));outline-offset:var(--ld-sidenav-navitem-bg-inset);position:relative;-webkit-text-decoration:none;text-decoration:none;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-header__anchor[href]{color:var(--ld-sidenav-header-anchor-col)}.ld-sidenav-header__anchor[href]:focus:focus-visible{--ld-sidenav-header-indicator-col:var( --ld-sidenav-header-indicator-col-focus );color:var(--ld-sidenav-header-anchor-col-focus);outline:none}.ld-sidenav-header__anchor[href]:focus:focus-visible:after,.ld-sidenav-header__anchor[href]:focus:focus-visible:before{content:""}.ld-sidenav-header__anchor[href]:focus:focus-visible:active{--ld-sidenav-header-indicator-col:var( --ld-sidenav-header-indicator-col-active - )}.ld-sidenav-header__anchor[href]:focus:focus-visible:active:before{opacity:.3}@media (hover:hover){.ld-sidenav-header__anchor[href]:hover{color:var(--ld-sidenav-header-anchor-col-hover)}}.ld-sidenav-header__anchor[href]:active,.ld-sidenav-header__anchor[href]:active:focus-visible{color:var(--ld-sidenav-header-anchor-col-active)}.ld-sidenav-header__anchor:after,.ld-sidenav-header__anchor:before{border-radius:var(--ld-sidenav-navitem-border-radius);bottom:calc(-1 * var(--ld-sp-6));display:block;left:calc(-1 * var(--ld-sp-6));position:absolute;right:calc(-1 * var(--ld-sp-6));top:calc(-1 * var(--ld-sp-6))}.ld-sidenav-header__anchor:before{background-color:var(--ld-sidenav-header-indicator-col);opacity:.2;z-index:1}.ld-sidenav-header__anchor:after{background-color:var(--ld-col-wht);z-index:0}:host(.ld-sidenav-header--closed) .ld-sidenav-header__anchor,:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__anchor{transform:translateX(var(--ld-sidenav-translate-x-delta));transition:visibility 0s calc(var(--ld-sidenav-transition-duration-collapse-expand) + var(--ld-sidenav-transition-delay-collapse-expand)) linear,opacity calc(.5 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__anchor{opacity:0}.ld-sidenav-header__initial-m,:host ::slotted([slot=logo]){color:var(--ld-thm-primary);height:100%;min-width:var(--ld-sidenav-navitem-icon-size);z-index:2}.ld-sidenav-header__initial-m{width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-header__toggle{-webkit-touch-callout:none;align-content:center;aspect-ratio:1;background-color:initial;border:0;border-radius:var(--ld-sidenav-navitem-border-radius);color:var(--ld-thm-primary);cursor:pointer;display:grid;justify-content:center;margin:var(--ld-sp-2) 0 auto 0;padding-bottom:0;padding-top:0;place-content:center;touch-action:manipulation;transform:translateX(var(--ld-sp-6));transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease,opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;width:var(--ld-sidenav-navitem-icon-size);will-change:transform}.ld-sidenav-header__toggle:after,.ld-sidenav-header__toggle:before{border-radius:inherit;bottom:0;display:block;left:0;position:absolute;right:0;top:0}.ld-sidenav-header__toggle:before{background-color:var(--ld-sidenav-header-indicator-col);opacity:.2;z-index:1}.ld-sidenav-header__toggle:after{background-color:var(--ld-col-wht);z-index:0}.ld-sidenav-header__toggle:where(:focus:focus-visible){--ld-sidenav-header-indicator-col:var( + )}.ld-sidenav-header__anchor[href]:focus:focus-visible:active:before{opacity:.3}@media (hover:hover){.ld-sidenav-header__anchor[href]:hover{color:var(--ld-sidenav-header-anchor-col-hover)}}.ld-sidenav-header__anchor[href]:active,.ld-sidenav-header__anchor[href]:active:focus-visible{color:var(--ld-sidenav-header-anchor-col-active)}.ld-sidenav-header__anchor:after,.ld-sidenav-header__anchor:before{border-radius:var(--ld-sidenav-navitem-border-radius);display:block;inset:calc(-1 * var(--ld-sp-6));position:absolute}.ld-sidenav-header__anchor:before{background-color:var(--ld-sidenav-header-indicator-col);opacity:.2;z-index:1}.ld-sidenav-header__anchor:after{background-color:var(--ld-col-wht);z-index:0}:host(.ld-sidenav-header--closed) .ld-sidenav-header__anchor,:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__anchor{transform:translateX(var(--ld-sidenav-translate-x-delta));transition:visibility 0s calc(var(--ld-sidenav-transition-duration-collapse-expand) + var(--ld-sidenav-transition-delay-collapse-expand)) linear,opacity calc(.5 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__anchor{opacity:0}.ld-sidenav-header__initial-m,:host ::slotted([slot=logo]){color:var(--ld-thm-primary);height:100%;min-width:var(--ld-sidenav-navitem-icon-size);z-index:2}.ld-sidenav-header__initial-m{width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-header__toggle{aspect-ratio:1;background-color:initial;border:0;border-radius:var(--ld-sidenav-navitem-border-radius);color:var(--ld-thm-primary);cursor:pointer;display:grid;margin:var(--ld-sp-2) 0 auto 0;padding-bottom:0;padding-top:0;place-content:center;touch-action:manipulation;transform:translateX(var(--ld-sp-6));transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease,opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;width:var(--ld-sidenav-navitem-icon-size);will-change:transform;-webkit-touch-callout:none}.ld-sidenav-header__toggle:after,.ld-sidenav-header__toggle:before{border-radius:inherit;display:block;inset:0;position:absolute}.ld-sidenav-header__toggle:before{background-color:var(--ld-sidenav-header-indicator-col);opacity:.2;z-index:1}.ld-sidenav-header__toggle:after{background-color:var(--ld-col-wht);z-index:0}.ld-sidenav-header__toggle:where(:focus:focus-visible){--ld-sidenav-header-indicator-col:var( --ld-sidenav-header-indicator-col-focus );color:var(--ld-sidenav-header-anchor-col-focus);outline:none}.ld-sidenav-header__toggle:where(:focus:focus-visible):after,.ld-sidenav-header__toggle:where(:focus:focus-visible):before{content:""}.ld-sidenav-header__toggle:where(:focus:focus-visible):active{--ld-sidenav-header-indicator-col:var( --ld-sidenav-header-indicator-col-active diff --git a/1704894792450/css_components/ld-sidenav-heading.shadow.css b/1704966176737/css_components/ld-sidenav-heading.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-sidenav-heading.shadow.css rename to 1704966176737/css_components/ld-sidenav-heading.shadow.css diff --git a/1704966176737/css_components/ld-sidenav-navitem.shadow.css b/1704966176737/css_components/ld-sidenav-navitem.shadow.css new file mode 100644 index 0000000000..4ed3a4703c --- /dev/null +++ b/1704966176737/css_components/ld-sidenav-navitem.shadow.css @@ -0,0 +1,27 @@ +:host{display:flex}:host([slot=toggle]) .ld-sidenav-navitem__bg{width:var(--ld-sidenav-navitem-bg-width)}.ld-sidenav-navitem{--ld-sidenav-navitem-height:var(--ld-sp-32);--ld-sidenav-navitem-icon-font-size:90%;--ld-sidenav-navitem-indicator-additional-border-radius:var(--ld-sp-4);--ld-sidenav-navitem-col:var(--ld-col-neutral-800);--ld-sidenav-navitem-col-active:var(--ld-thm-primary-active);--ld-sidenav-navitem-col-hover:var(--ld-thm-primary);--ld-sidenav-navitem-col-focus:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col:#0000;--ld-sidenav-navitem-indicator-col-active:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col-hover:var(--ld-col-neutral-050);--ld-sidenav-navitem-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-navitem-indicator-col-selected:var(--ld-col-neutral-050);--ld-sidenav-navitem-indicator-col-selected-active:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col-selected-hover:var(--ld-col-neutral-100);--ld-sidenav-navitem-indicator-col-selected-focus:var( + --ld-thm-primary-focus + );--ld-sidenav-navitem-secondary-icon-color:var(--ld-thm-primary);align-items:center;background-color:initial;border:0;box-sizing:border-box;color:var(--ld-sidenav-navitem-col);cursor:pointer;display:grid;flex-grow:1;font:var(--ld-typo-body-s);font-weight:700;grid-template-columns:var(--ld-sidenav-navitem-icon-size) 1fr auto;margin:0 var(--ld-sidenav-padding-x);outline:none;padding:0;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ld-sidenav-navitem:not(.ld-sidenav-navitem--secondary):not(.ld-sidenav-navitem--tertiary):not(.ld-sidenav-navitem--in-accordion){transform:translateY(var( + --ld-sidenav-navitem-move-up-closable,var(--ld-sidenav-navitem-move-up,0) + ));transition:var(--ld-sidenav-stack-to-top-transition)}.ld-sidenav-navitem.ld-sidenav-navitem--collapsed.ld-sidenav-navitem--secondary,.ld-sidenav-navitem.ld-sidenav-navitem--collapsed.ld-sidenav-navitem--tertiary{transition:visibility 0s calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear;visibility:hidden}.ld-sidenav-navitem.ld-sidenav-navitem--collapsed:not(.ld-sidenav-navitem--secondary):not(.ld-sidenav-navitem--tertiary){transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem.ld-sidenav-navitem--collapsed:not(.ld-sidenav-navitem--right-aligned) .ld-sidenav-navitem__bg{transform:translateX(calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)))}.ld-sidenav-navitem--in-accordion{margin:0}.ld-sidenav-navitem:active{--ld-sidenav-navitem-col:var(--ld-thm-primary-active);--ld-sidenav-navitem-indicator-col:var( + --ld-sidenav-navitem-indicator-col-active + )}.ld-sidenav-navitem:active .ld-sidenav-navitem__bg{opacity:.3}@media (hover:hover){.ld-sidenav-navitem:where(:hover){--ld-sidenav-navitem-col:var(--ld-sidenav-navitem-col-hover);--ld-sidenav-navitem-indicator-col:var( + --ld-sidenav-navitem-indicator-col-hover + )}}.ld-sidenav-navitem:focus:focus-visible{--ld-sidenav-navitem-col:var(--ld-sidenav-navitem-col-focus);--ld-sidenav-navitem-indicator-col:var( + --ld-sidenav-navitem-indicator-col-focus + )}.ld-sidenav-navitem:focus:focus-visible .ld-sidenav-navitem__bg{opacity:.2}.ld-sidenav-navitem:focus:focus-visible:active{--ld-sidenav-navitem-col:var(--ld-sidenav-navitem-col-active);--ld-sidenav-navitem-indicator-col:var( + --ld-sidenav-navitem-indicator-col-active + )}.ld-sidenav-navitem:focus:focus-visible:active .ld-sidenav-navitem__bg{opacity:.3}.ld-sidenav-navitem--selected{--ld-sidenav-navitem-col:var(--ld-thm-primary);--ld-sidenav-navitem-indicator-col:var( + --ld-sidenav-navitem-indicator-col-selected + )}.ld-sidenav-navitem--selected:active{--ld-sidenav-navitem-indicator-col:var( + --ld-sidenav-navitem-indicator-col-selected-active + )}@media (hover:hover){.ld-sidenav-navitem--selected:where(:hover){--ld-sidenav-navitem-indicator-col:var( + --ld-sidenav-navitem-indicator-col-selected-hover + )}}.ld-sidenav-navitem--selected:focus:focus-visible{--ld-sidenav-navitem-indicator-col:var( + --ld-sidenav-navitem-indicator-col-selected-focus + )}.ld-sidenav-navitem--selected:focus:focus-visible:active{--ld-sidenav-navitem-indicator-col:var( + --ld-sidenav-navitem-indicator-col-selected-active + )}.ld-sidenav-navitem--rounded{--ld-sidenav-navitem-border-radius:calc(0.5 * var(--ld-sidenav-navitem-icon-size))}.ld-sidenav-navitem--tertiary{gap:0;grid-template-columns:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-8)) 1fr auto;margin-left:var(--ld-sidenav-navitem-tertiary-indent);width:var(--ld-sidenav-navitem-tertiary-width)}.ld-sidenav-navitem__bg{display:block;inset:calc(-1 * var(--ld-sidenav-navitem-bg-inset));pointer-events:none;position:absolute;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem__bg-center,.ld-sidenav-navitem__bg-left,.ld-sidenav-navitem__bg-right{background-color:var(--ld-sidenav-navitem-indicator-col);bottom:0;pointer-events:all;position:absolute;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem__bg-left,.ld-sidenav-navitem__bg-right{width:calc(.5 * var(--ld-sidenav-navitem-icon-size) + 2 * var(--ld-sidenav-navitem-indicator-additional-border-radius))}.ld-sidenav-navitem__bg-left{border-bottom-left-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));border-top-left-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));left:0}.ld-sidenav-navitem__bg-right{border-bottom-right-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));border-top-right-radius:calc(var(--ld-sidenav-navitem-border-radius) + var(--ld-sidenav-navitem-indicator-additional-border-radius));right:0}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__bg-right{transform:translateX(calc(-1 * (var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed))))}.ld-sidenav-navitem--collapsed.ld-sidenav-navitem--in-accordion .ld-sidenav-navitem__bg-right{transform:translateX(calc((var(--ld-sidenav-translate-x-delta) - var(--ld-sidenav-navitem-icon-size) + var(--ld-sidenav-navitem-bg-right-x-delta, 0px)) * -1))}.ld-sidenav-navitem__bg-center{left:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sidenav-navitem-indicator-additional-border-radius));right:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sidenav-navitem-indicator-additional-border-radius));transform-origin:left}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__bg-center{transform:scaleX(0)}.ld-sidenav-navitem__dot,.ld-sidenav-navitem__slot-container,.ld-sidenav-navitem__slot-container-icon{position:relative;z-index:0}.ld-sidenav-navitem__dot{align-self:center;display:none;flex-shrink:0;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__dot{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot{align-items:center;display:flex;justify-content:center;padding:var(--ld-sp-8) 0}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot:before,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot:before{aspect-ratio:1;background-color:var( + --ld-sidenav-navitem-icon-bg-col,var(--ld-thm-primary) + );border-radius:var(--ld-br-s);content:"";display:block;width:var(--ld-sp-8)}.ld-sidenav-navitem--rounded.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot:before,.ld-sidenav-navitem--rounded.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot:before{border-radius:var(--ld-br-full)}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__dot{width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot{width:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-8))}.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__dot:before{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-sidenav-navitem-icon-bg-col,var(--ld-thm-primary))}.ld-sidenav-navitem__slot-container-icon{align-items:center;background-color:var( + --ld-sidenav-navitem-icon-bg-col,var(--ld-thm-primary) + );border-radius:var(--ld-sidenav-navitem-border-radius);color:var(--ld-sidenav-navitem-icon-col,var(--ld-thm-secondary-focus));display:flex;flex-shrink:0;height:var(--ld-sidenav-navitem-icon-size);justify-content:center;position:relative;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-navitem-icon-size);z-index:1}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__slot-container-icon,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__slot-container-icon{display:none}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__slot-container-icon{transform:translateX(var(--ld-sidenav-translate-x-delta))}.ld-sidenav-navitem__slot-container-icon>::slotted(*){border-radius:calc(var(--ld-sidenav-navitem-border-radius));height:100%;transform:scale(1.01);width:100%}.ld-sidenav-navitem__tooltip{inset:calc(-1 * var(--ld-sidenav-navitem-bg-inset));pointer-events:all;position:absolute;z-index:1}.ld-sidenav-navitem__tooltip-trigger{aspect-ratio:1;border-radius:var(--ld-sidenav-navitem-border-radius);cursor:pointer;position:relative;width:calc(var(--ld-sidenav-navitem-icon-size) + 2 * var(--ld-sidenav-navitem-bg-inset))}.ld-sidenav-navitem--rounded .ld-sidenav-navitem__tooltip-trigger{border-radius:var(--ld-br-full)}.ld-sidenav-navitem__slot-container{line-height:var(--ld-sidenav-line-height);margin-left:var(--ld-sp-12);margin-right:auto;max-height:var(--ld-sidenav-navitem-height);padding-right:var(--ld-sp-4);transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--secondary-icon .ld-sidenav-navitem__slot-container{padding-right:var(--ld-sp-12)}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__slot-container{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--secondary .ld-sidenav-navitem__slot-container,.ld-sidenav-navitem--tertiary .ld-sidenav-navitem__slot-container{padding-left:0}.ld-sidenav-navitem__mainline,.ld-sidenav-navitem__subline{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ld-sidenav-navitem--subline .ld-sidenav-navitem__mainline,.ld-sidenav-navitem__subline{-webkit-line-clamp:1}.ld-sidenav-navitem__subline{color:var(--ld-col-neutral-700);font:var(--ld-typo-body-s);line-height:var(--ld-sidenav-line-height)}.ld-sidenav-navitem__slot-icon-secondary-container{color:var(--ld-sidenav-navitem-secondary-icon-color);display:flex;flex-shrink:0;margin-right:var(--ld-sp-12);position:relative;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--collapsed .ld-sidenav-navitem__slot-icon-secondary-container{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-navitem--in-accordion .ld-sidenav-navitem__slot-icon-secondary-container{margin-right:var(--ld-sp-4)}.ld-sidenav-navitem__abbr{font:var(--ld-typo-cap-m);font-size:var(--ld-sidenav-navitem-icon-font-size);text-transform:uppercase}.ld-sidenav-navitem__icon-to{transform:translateX(var(--ld-sp-6))} \ No newline at end of file diff --git a/1704966176737/css_components/ld-sidenav-scroller-internal.shadow.css b/1704966176737/css_components/ld-sidenav-scroller-internal.shadow.css new file mode 100644 index 0000000000..f6ddbee94c --- /dev/null +++ b/1704966176737/css_components/ld-sidenav-scroller-internal.shadow.css @@ -0,0 +1 @@ +:host{--ld-scroll-shadow-height:1.5rem;--ld-scroll-shadow-intensity:0.1;display:flex;flex-direction:column;height:100%;overflow:hidden auto;overscroll-behavior:none;padding-right:var(--ld-sp-32);scrollbar-width:none;width:100%}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}:host ::slotted(ld-sidenav-heading:first-child),:host ::slotted(ld-sidenav-navitem:first-child){margin-top:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y);will-change:opacity}:host(.ld-sidenav-scroller-internal--relative){position:relative}:host(.ld-sidenav-scroller-internal--relative) .ld-sidenav-scroller-internal__hr-bottom,:host(.ld-sidenav-scroller-internal--relative) .ld-sidenav-scroller-internal__hr-top{position:sticky}:host(.ld-sidenav-scroller-internal--collapsed) .ld-sidenav-scroller-internal__shadow-bottom,:host(.ld-sidenav-scroller-internal--collapsed) .ld-sidenav-scroller-internal__shadow-top{transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (50% - (.5 * var(--ld-sidenav-width-collapsed)))))}.ld-sidenav-scroller-internal__shadow-bottom,.ld-sidenav-scroller-internal__shadow-top{height:0;left:0;opacity:0;pointer-events:none;position:sticky;transition:opacity var(--ld-sidenav-transition-duration) linear,transform var(--ld-sidenav-transition-duration) ease;width:100%;z-index:1}.ld-sidenav-scroller-internal__shadow-bottom:after,.ld-sidenav-scroller-internal__shadow-top:after{content:"";display:block;height:var(--ld-scroll-shadow-height);width:100%}.ld-sidenav-scroller-internal__shadow-top{top:0}.ld-sidenav-scroller-internal__shadow-top:after{background:radial-gradient(farthest-side at 50% 0,rgb(0,0,0,var(--ld-scroll-shadow-intensity)),#0000) 0 100% no-repeat}.ld-sidenav-scroller-internal__shadow-bottom{top:100%}.ld-sidenav-scroller-internal__shadow-bottom:after{background:radial-gradient(farthest-side at 50% 100%,rgb(0,0,0,var(--ld-scroll-shadow-intensity)),#0000) 0 100% no-repeat;transform:translateY(-100%)}.ld-sidenav-scroller-internal__hr-bottom,.ld-sidenav-scroller-internal__hr-top{margin-bottom:0;margin-top:0;position:absolute;width:calc(100% - 2 * var(--ld-sidenav-padding-x))}.ld-sidenav-scroller-internal__hr-top{top:0}.ld-sidenav-scroller-internal__hr-bottom{top:calc(100% - var(--ld-sp-1) * 1.5)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sidenav-separator.shadow.css b/1704966176737/css_components/ld-sidenav-separator.shadow.css similarity index 90% rename from 1704894792450/css_components/ld-sidenav-separator.shadow.css rename to 1704966176737/css_components/ld-sidenav-separator.shadow.css index 1807b5119a..8ec55d6d42 100644 --- a/1704894792450/css_components/ld-sidenav-separator.shadow.css +++ b/1704966176737/css_components/ld-sidenav-separator.shadow.css @@ -1,3 +1,3 @@ -:host{display:block;margin:0 var(--ld-sidenav-padding-x) var(--ld-sidenav-padding-y);transform-origin:left;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host hr{background-color:var(--ld-sidenav-separator-line-bg-col);border:0;border-radius:var(--ld-br-full);height:var(--ld-sp-2);margin:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host(.ld-sidenav-separator--collapsed){transform:translateX(var(--ld-sidenav-translate-x-delta)) scaleX(var(--ld-sidenav-separator-scale-x-collapsed))}:host(.ld-sidenav-separator--collapsed) hr{transform:translateY(0);transform:translateY(var( +:host{display:block;margin:0 var(--ld-sidenav-padding-x) var(--ld-sidenav-padding-y);transform-origin:left;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host hr{background-color:var(--ld-sidenav-separator-line-bg-col);border:0;border-radius:var(--ld-br-full);height:var(--ld-sp-2);margin:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host(.ld-sidenav-separator--collapsed){transform:translateX(var(--ld-sidenav-translate-x-delta)) scaleX(var(--ld-sidenav-separator-scale-x-collapsed))}:host(.ld-sidenav-separator--collapsed) hr{transform:translateY(var( --ld-sidenav-navitem-move-up-closable,var(--ld-sidenav-navitem-move-up,0) ));transition:var(--ld-sidenav-stack-to-top-transition)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sidenav-slider.shadow.css b/1704966176737/css_components/ld-sidenav-slider.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-sidenav-slider.shadow.css rename to 1704966176737/css_components/ld-sidenav-slider.shadow.css diff --git a/1704894792450/css_components/ld-sidenav-subnav.shadow.css b/1704966176737/css_components/ld-sidenav-subnav.shadow.css similarity index 67% rename from 1704894792450/css_components/ld-sidenav-subnav.shadow.css rename to 1704966176737/css_components/ld-sidenav-subnav.shadow.css index b43b6a4cf4..005679d463 100644 --- a/1704894792450/css_components/ld-sidenav-subnav.shadow.css +++ b/1704966176737/css_components/ld-sidenav-subnav.shadow.css @@ -1,3 +1,3 @@ :host{--ld-sidenav-accordion-bg-col-hover:var(--ld-col-neutral-100);background:var( --ld-sidenav-bg-color - );display:none;height:100%;position:absolute;top:0;transform:translateX(100%);visibility:hidden;width:100%;z-index:1}:host(.ld-sidenav-subnav--active){display:block}:host ::slotted(:where(:not(ld-sidenav-separator):not(ld-sidenav-navitem):not(ld-sidenav-subnav))){margin-bottom:var(--ld-sidenav-padding-y);transition:var(--ld-sidenav-collapse-content-transition);will-change:opacity,transform}:host ::slotted(.ld-sidenav-subnav__hidden){opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host ::slotted(.ld-sidenav-accordion){transform:none}.ld-sidenav-subnav__background{background-color:var(--ld-sidenav-bg-color);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--ld-sidenav-transition-duration) linear}.ld-sidenav-subnav__background:before{background-color:var(--ld-sidenav-subnav-bg-color);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.ld-sidenav-subnav__background--active{opacity:1}:host(.ld-sidenav-subnav--has-parent-subnav) .ld-sidenav-subnav__background{opacity:1} \ No newline at end of file + );display:none;height:100%;position:absolute;top:0;transform:translateX(100%);visibility:hidden;width:100%;z-index:1}:host(.ld-sidenav-subnav--active){display:block}:host ::slotted(:where(:not(ld-sidenav-separator):not(ld-sidenav-navitem):not(ld-sidenav-subnav))){margin-bottom:var(--ld-sidenav-padding-y);transition:var(--ld-sidenav-collapse-content-transition);will-change:opacity,transform}:host ::slotted(.ld-sidenav-subnav__hidden){opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host ::slotted(.ld-sidenav-accordion){transform:none}.ld-sidenav-subnav__background{background-color:var(--ld-sidenav-bg-color);inset:0;opacity:0;position:absolute;transition:opacity var(--ld-sidenav-transition-duration) linear}.ld-sidenav-subnav__background:before{background-color:var(--ld-sidenav-subnav-bg-color);content:"";inset:0;position:absolute}.ld-sidenav-subnav__background--active{opacity:1}:host(.ld-sidenav-subnav--has-parent-subnav) .ld-sidenav-subnav__background{opacity:1} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sidenav-toggle-outside.shadow.css b/1704966176737/css_components/ld-sidenav-toggle-outside.shadow.css similarity index 57% rename from 1704894792450/css_components/ld-sidenav-toggle-outside.shadow.css rename to 1704966176737/css_components/ld-sidenav-toggle-outside.shadow.css index 272c523ca7..cf552cf414 100644 --- a/1704894792450/css_components/ld-sidenav-toggle-outside.shadow.css +++ b/1704966176737/css_components/ld-sidenav-toggle-outside.shadow.css @@ -1,6 +1,6 @@ :host{--ld-sidenav-toggle-outside-height:3.125rem;--ld-sidenav-toggle-outside-col:var(--ld-col-wht);--ld-sidenav-toggle-outside-bg-col:var(--ld-thm-primary);--ld-sidenav-toggle-outside-bg-col-hover:var(--ld-thm-primary-hover);--ld-sidenav-toggle-outside-bg-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-toggle-outside-bg-col-active:var(--ld-thm-primary-active)}@media (prefers-reduced-motion:no-preference){:host{--ld-sidenav-transition-duration-collapse-expand:var( --ld-transition-duration-normal - )}}:host{align-items:center;align-self:flex-start;display:flex;height:var(--ld-sidenav-toggle-outside-height);justify-content:center;position:fixed;position:var(--ld-sidenav-toggle-outside-position,fixed)}:host(.ld-sidenav-toggle-outside--left){left:0}:host(.ld-sidenav-toggle-outside--right){right:0}.ld-sidenav-toggle-outside__toggle{-webkit-touch-callout:none;align-content:center;aspect-ratio:1;background-color:initial;border:0;border-radius:var(--ld-br-l);color:var(--ld-sidenav-toggle-outside-col);cursor:pointer;display:grid;justify-content:center;margin:var(--ld-sp-2) var(--ld-sp-16) auto;outline:none;padding-bottom:0;padding-top:0;place-content:center;touch-action:manipulation;transition:visibility 0s calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden;will-change:transform}.ld-sidenav-toggle-outside__toggle:before{background-color:var(--ld-sidenav-toggle-outside-bg-col);border-radius:inherit;bottom:0;box-shadow:var(--ld-shadow-stacked);content:"";display:block;left:0;position:absolute;right:0;top:0}.ld-sidenav-toggle-outside__toggle:after{border-radius:inherit;bottom:calc(-1 * var(--ld-sp-6));content:"";display:block;left:calc(-1 * var(--ld-sp-6));position:absolute;right:calc(-1 * var(--ld-sp-6));top:calc(-1 * var(--ld-sp-6))}.ld-sidenav-toggle-outside__toggle:where(:focus:focus-visible){--ld-sidenav-toggle-outside-bg-col:var( + )}}:host{align-items:center;align-self:flex-start;display:flex;height:var(--ld-sidenav-toggle-outside-height);justify-content:center;position:var(--ld-sidenav-toggle-outside-position,fixed)}:host(.ld-sidenav-toggle-outside--left){left:0}:host(.ld-sidenav-toggle-outside--right){right:0}.ld-sidenav-toggle-outside__toggle{aspect-ratio:1;background-color:initial;border:0;border-radius:var(--ld-br-l);color:var(--ld-sidenav-toggle-outside-col);cursor:pointer;display:grid;margin:var(--ld-sp-2) var(--ld-sp-16) auto;outline:none;padding-bottom:0;padding-top:0;place-content:center;touch-action:manipulation;transition:visibility 0s calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden;will-change:transform;-webkit-touch-callout:none}.ld-sidenav-toggle-outside__toggle:before{background-color:var(--ld-sidenav-toggle-outside-bg-col);border-radius:inherit;box-shadow:var(--ld-shadow-stacked);content:"";display:block;inset:0;position:absolute}.ld-sidenav-toggle-outside__toggle:after{border-radius:inherit;content:"";display:block;inset:calc(-1 * var(--ld-sp-6));position:absolute}.ld-sidenav-toggle-outside__toggle:where(:focus:focus-visible){--ld-sidenav-toggle-outside-bg-col:var( --ld-sidenav-toggle-outside-bg-col-focus )}@media (hover:hover){.ld-sidenav-toggle-outside__toggle:where(:hover){--ld-sidenav-toggle-outside-bg-col:var( --ld-sidenav-toggle-outside-bg-col-hover diff --git a/1704966176737/css_components/ld-sidenav.shadow.css b/1704966176737/css_components/ld-sidenav.shadow.css new file mode 100644 index 0000000000..adc9596e4d --- /dev/null +++ b/1704966176737/css_components/ld-sidenav.shadow.css @@ -0,0 +1,9 @@ +:host{--ld-sidenav-line-height:1.15;--ld-sidenav-padding-x:1rem;--ld-sidenav-padding-y:1rem;--ld-sidenav-padding:var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);--ld-sidenav-toggle-size:var(--ld-sp-24);--ld-sidenav-toggle-top:calc(2 * var(--ld-sidenav-padding-y) + var(--ld-sidenav-navitem-icon-size) - 0.5 * var(--ld-sidenav-toggle-size));--ld-sidenav-translate-x-delta:calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed));--ld-sidenav-width:15.625rem;--ld-sidenav-width-collapsed:calc(2 * var(--ld-sidenav-padding-x) + var(--ld-sidenav-navitem-icon-size));--ld-sidenav-width-fully-collapsed:calc(-1 * var(--ld-sp-1));--ld-sidenav-navitem-active-indicator-border-width:0.1875rem;--ld-sidenav-navitem-icon-size:var(--ld-sp-32);--ld-sidenav-navitem-bg-inset:var(--ld-sp-6);--ld-sidenav-navitem-border-radius:var(--ld-br-l);--ld-sidenav-navitem-tertiary-indent:calc(3 * var(--ld-sidenav-padding-x) + 0.3125rem);--ld-sidenav-navitem-tertiary-width:calc(100% - (4 * var(--ld-sidenav-padding-x)) - 0.3125rem);--ld-sidenav-collapse-content-transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;--ld-sidenav-transition-delay:0s;--ld-sidenav-transition-delay-collapse-expand:0s;--ld-sidenav-transition-duration:var(--ld-transition-duration-instant);--ld-sidenav-transition-duration-collapse-expand:var( + --ld-transition-duration-instant + );--ld-sidenav-translate-x-direction:1;--ld-sidenav-stack-to-top-transition:transform var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) ease;--ld-sidenav-bg-color:var(--ld-col-wht);--ld-sidenav-separator-line-bg-col:var(--ld-col-neutral-100);--ld-sidenav-subnav-bg-color:var(--ld-col-wht)}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--transitions){--ld-sidenav-transition-duration:var(--ld-transition-duration-normal);--ld-sidenav-transition-duration-collapse-expand:var( + --ld-transition-duration-normal + );--ld-sidenav-transition-delay:var(--ld-transition-duration-quick);--ld-sidenav-transition-delay-collapse-expand:var( + --ld-transition-duration-quick + )}}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--toggle-transition-disabled){--ld-sidenav-transition-duration-collapse-expand:var( + --ld-transition-duration-instant + );--ld-sidenav-transition-delay-collapse-expand:0s}}:host{background-color:var(--ld-sidenav-bg-color);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font:var(--ld-typo-body-m);left:0;overflow:hidden;position:var(--ld-sidenav-position,fixed);text-align:left;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-width);z-index:var(--ld-sidenav-z-index,1)}:host:before{background-color:var(--ld-sidenav-separator-line-bg-col);bottom:0;content:"";position:absolute;right:0;top:0;width:var(--ld-sp-2);z-index:2}:host .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--closable:not(.ld-sidenav--open)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:hidden}:host(.ld-sidenav--collapsed:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-fully-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__content{opacity:0;visibility:hidden}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible.ld-sidenav--transitions:not(.ld-sidenav--closable)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--right){--ld-sidenav-translate-x-direction:-1;--ld-sidenav-translate-x-delta:0;left:unset;right:0}:host(.ld-sidenav--right):before{left:0;right:unset;transform:translateX(-50%) scaleX(1.5)}:host(.ld-sidenav--closable){--ld-sidenav-collapse-content-transition:none;--ld-sidenav-stack-to-top-transition:none;--ld-sidenav-navitem-move-up-closable:0;--ld-sidenav-translate-x-delta:0;transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * -100%));width:100%}:host(.ld-sidenav--closable.ld-sidenav--open){transform:translateX(0)}:host ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-navitem[slot=bottom]),:host ::slotted(ld-sidenav-navitem[slot=top]){margin-top:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-heading){margin:var(--ld-sidenav-padding-y) 0}.ld-sidenav__toggle{aspect-ratio:1;background-color:var(--ld-col-wht);border:0;border-radius:var(--ld-br-full);box-shadow:var(--ld-shadow-stacked);color:var(--ld-thm-primary);cursor:pointer;display:grid;outline-offset:var(--ld-sp-4);place-content:center;position:absolute;right:0;top:var(--ld-sidenav-toggle-top);touch-action:manipulation;transform:translateX(50%);width:var(--ld-sidenav-toggle-size);will-change:transform;z-index:1;-webkit-touch-callout:none}.ld-sidenav__toggle:before{inset:0}.ld-sidenav__toggle:after,.ld-sidenav__toggle:before{border-radius:inherit;content:"";display:block;position:absolute}.ld-sidenav__toggle:after{inset:calc(-1 * var(--ld-sp-6))}.ld-sidenav__toggle:focus:focus-visible:not(:active),.ld-sidenav__toggle:hover:not(:active){box-shadow:var(--ld-shadow-sticky)}.ld-sidenav__toggle:where(:focus:focus-visible){color:var(--ld-thm-primary-hover)}.ld-sidenav__toggle:where(:focus:focus-visible):before{background-color:var(--ld-thm-primary-alpha-low)}@media (hover:hover){.ld-sidenav__toggle:where(:hover){color:var(--ld-thm-primary-hover)}}.ld-sidenav__toggle:where(:active),.ld-sidenav__toggle:where(:active:focus-visible){color:var(--ld-thm-primary-active)}:host(.ld-sidenav--right) .ld-sidenav__toggle{left:0;right:unset;transform:translateX(-50%)}.ld-sidenav__toggle-icon{position:relative;transform-origin:center}:host(.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:none}.ld-sidenav__content{display:flex;flex-direction:column;height:100%;overflow:hidden;will-change:transform}.ld-sidenav__slot-container-default{height:100%;position:relative}.ld-sidenav__slot-container-bottom,.ld-sidenav__slot-container-top{background-color:var(--ld-sidenav-bg-color);position:relative;z-index:1}.ld-sidenav__slot-container-bottom:before,.ld-sidenav__slot-container-default:before,.ld-sidenav__slot-container-top:before{background-color:var(--ld-sidenav-subnav-bg-color);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:visible;z-index:0}:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-bottom:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-default:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-top:before{opacity:1}.ld-sidenav__fully-collapsed-click-area{display:none;inset:0;position:absolute;z-index:1}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__fully-collapsed-click-area{display:block} \ No newline at end of file diff --git a/1704894792450/css_components/ld-slider.shadow.css b/1704966176737/css_components/ld-slider.shadow.css similarity index 89% rename from 1704894792450/css_components/ld-slider.shadow.css rename to 1704966176737/css_components/ld-slider.shadow.css index ed1dfa29a0..140b9da7d1 100644 --- a/1704894792450/css_components/ld-slider.shadow.css +++ b/1704966176737/css_components/ld-slider.shadow.css @@ -1,3 +1,3 @@ :host{--ld-slider-disabled-thumb-box-shadow:0 0 0 #0000;--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-default);--ld-slider-thumb-box-shadow-default:var(--ld-shadow-stacked);--ld-slider-thumb-box-shadow-active:var(--ld-slider-thumb-box-shadow-default),0 0 0 var(--ld-sp-6) var(--ld-thm-primary-alpha-lowest);--ld-slider-thumb-box-shadow-hover:var(--ld-slider-thumb-box-shadow-default),0 0 0 var(--ld-sp-4) var(--ld-thm-primary-alpha-lowest);--ld-slider-thumb-size:var(--ld-slider-thumb-size-md);--ld-slider-thumb-size-sm:var(--ld-sp-24);--ld-slider-thumb-size-md:var(--ld-sp-32);--ld-slider-thumb-size-lg:var(--ld-sp-40);--ld-slider-diff:calc(var(--max) - var(--min));--ld-slider-indicator-size:var(--ld-sp-6);--ld-slider-track-margin:calc((var(--ld-slider-thumb-size) - var(--ld-slider-indicator-size)) / 2 - 0.0625rem);--ld-slider-radius:calc(var(--ld-slider-thumb-size) / 2);--ld-slider-useful-width:calc(var(--ld-slider-width) - var(--ld-slider-thumb-size));--ld-slider-thumb-col:var(--ld-col-wht);--ld-slider-disabled-thumb-col:var(--ld-col-neutral-200);--ld-slider-selected-col:var(--ld-slider-selected-col-default);--ld-slider-selected-col-default:var(--ld-thm-primary);--ld-slider-disabled-selected-col:var(--ld-col-neutral-200);--ld-slider-animation-duration:0s}@media (prefers-reduced-motion:no-preference){:host{--ld-slider-animation-duration:var(--ld-transition-duration-swift)}}:host{display:grid;font:var(--ld-typo-body-xs);grid-template-rows:max-content var(--ld-slider-thumb-size) max-content;min-width:var(--ld-slider-width);pointer-events:none;position:relative;width:var(--ld-slider-width);z-index:0}:host:after,:host:before{align-self:center;background:var(--ld-col-neutral-100);border-radius:var(--ld-slider-radius);content:"";grid-column:1;grid-row:2;height:var(--ld-sp-8);margin:0 var(--ld-slider-track-margin);will-change:transform}:host:after{background:var(--ld-slider-selected-col);cursor:pointer;-webkit-mask:var(--fill);mask:var(--fill);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:auto}:host([aria-disabled=true]),:host([disabled]){--ld-slider-selected-col:var(--ld-slider-disabled-selected-col);--ld-slider-thumb-box-shadow-default:var( --ld-slider-disabled-thumb-box-shadow - );--ld-slider-thumb-col:var(--ld-slider-disabled-thumb-col)}:host([aria-disabled=true]):after,:host([disabled]):after{pointer-events:none}:host([aria-disabled=true]) .ld-slider__input,:host([disabled]) .ld-slider__input{opacity:1}:host([aria-disabled=true]) .ld-slider__input::-webkit-slider-thumb,:host([disabled]) .ld-slider__input::-webkit-slider-thumb{pointer-events:none;transform:scale(calc(2 / 3))}:host([aria-disabled=true]) .ld-slider__input::-moz-range-thumb,:host([disabled]) .ld-slider__input::-moz-range-thumb{pointer-events:none;transform:scale(calc(2 / 3))}:host([aria-disabled=true]) .ld-slider__input:focus+.ld-slider__output--permanent:after,:host([disabled]) .ld-slider__input:focus+.ld-slider__output--permanent:after{color:var(--ld-slider-selected-col-default)}:host([aria-disabled=true]) .ld-slider__input:focus:not(:focus-visible)+.ld-slider__output--permanent:after,:host([disabled]) .ld-slider__input:focus:not(:focus-visible)+.ld-slider__output--permanent:after{color:inherit}:host(.ld-slider--padded){padding-bottom:var(--ld-sp-6)}:host(.ld-slider--sm){--ld-slider-thumb-size:var(--ld-slider-thumb-size-sm)}:host(.ld-slider--lg){--ld-slider-thumb-size:var(--ld-slider-thumb-size-lg)}:host *{--ld-slider-highlighted:0;font:inherit;margin:0}:host .ld-slider__input,:host .ld-slider__input::-webkit-slider-runnable-track,:host .ld-slider__input::-webkit-slider-thumb{-webkit-appearance:none}:host .ld-slider__input{background:none;cursor:grab;grid-column:1;grid-row:2;left:0;top:0;z-index:calc(3 + var(--ld-slider-highlighted))}:host .ld-slider__input::-webkit-slider-runnable-track{background:none;height:100%;width:100%}:host .ld-slider__input::-moz-range-track{background:none;height:100%;width:100%;z-index:2}:host .ld-slider__input::-webkit-slider-thumb{background:var(--ld-slider-thumb-col);border:none;border-radius:var(--ld-br-full);box-shadow:var(--ld-slider-thumb-box-shadow);box-sizing:border-box;height:var(--ld-slider-thumb-size);pointer-events:auto;width:var(--ld-slider-thumb-size);will-change:transform}:host .ld-slider__input::-moz-range-thumb{background:var(--ld-slider-thumb-col);border:none;border-radius:var(--ld-br-full);box-shadow:var(--ld-slider-thumb-box-shadow);box-sizing:border-box;height:var(--ld-slider-thumb-size);pointer-events:auto;width:var(--ld-slider-thumb-size);will-change:transform}:host .ld-slider__input:active,:host .ld-slider__input:focus-visible{outline:none}:host .ld-slider__input:active+output,:host .ld-slider__input:focus-visible+output{--ld-slider-highlighted:1}:host .ld-slider__input:focus,:host .ld-slider__input:hover{--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-hover)}:host .ld-slider__input:active{--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-active);cursor:grabbing;outline:none;z-index:4}:host .ld-slider__input:not(:active):not(:focus-visible):not(:hover){--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-default)}:host .ld-slider__indicator,:host .ld-slider__output,:host .ld-slider__value-label{grid-column:1;left:calc((var(--now) - var(--min)) / var(--ld-slider-diff) * var(--ld-slider-useful-width) + var(--ld-slider-radius));max-width:max-content;position:relative}:host .ld-slider__indicator{aspect-ratio:1;-webkit-backdrop-filter:brightness(.6) invert(1) hue-rotate(180deg);backdrop-filter:brightness(.6) invert(1) hue-rotate(180deg);border-radius:var(--ld-br-full);grid-row:2;height:var(--ld-slider-indicator-size);opacity:.5;top:var(--ld-slider-radius);transform:translate(-50%,-50%);z-index:1}:host .ld-slider__value-label{grid-row:3;transform:translate(-50%)}:host .ld-slider__value-label--first{left:var(--ld-slider-track-margin);transform:none}:host .ld-slider__value-label--last{left:auto;position:absolute;right:var(--ld-slider-track-margin);transform:none}:host .ld-slider__output{color:var(--ld-col-wht);content:counter(now) var(--unit);counter-reset:now var(--now);font-weight:700;grid-row:1;margin-bottom:var(--ld-sp-16);opacity:var(--ld-slider-highlighted);transform:translate(-50%) scale(max(.8,var(--ld-slider-highlighted)));transition:opacity var(--ld-slider-animation-duration) ease-out,transform var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output:before{background:var(--ld-slider-selected-col);border-radius:var(--ld-br-m);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}:host .ld-slider__output:after{content:counter(now) var(--unit);counter-reset:now var(--now);display:block;padding:0 var(--ld-sp-6)}:host .ld-slider__output--permanent{color:var(--ld-slider-selected-col);opacity:1;transform:translate(-50%,calc((var(--ld-slider-highlighted) - 1) * var(--ld-sp-12) * -1));transition:transform var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output--permanent:before{opacity:var(--ld-slider-highlighted);transition:opacity var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output--permanent:after{filter:invert(var(--ld-slider-highlighted)) grayscale(var(--ld-slider-highlighted)) contrast(max(1,calc(4 * var(--ld-slider-highlighted))))} \ No newline at end of file + );--ld-slider-thumb-col:var(--ld-slider-disabled-thumb-col)}:host([aria-disabled=true]):after,:host([disabled]):after{pointer-events:none}:host([aria-disabled=true]) .ld-slider__input,:host([disabled]) .ld-slider__input{opacity:1}:host([aria-disabled=true]) .ld-slider__input::-webkit-slider-thumb,:host([disabled]) .ld-slider__input::-webkit-slider-thumb{pointer-events:none;transform:scale(calc(2 / 3))}:host([aria-disabled=true]) .ld-slider__input::-moz-range-thumb,:host([disabled]) .ld-slider__input::-moz-range-thumb{pointer-events:none;transform:scale(calc(2 / 3))}:host([aria-disabled=true]) .ld-slider__input:focus+.ld-slider__output--permanent:after,:host([disabled]) .ld-slider__input:focus+.ld-slider__output--permanent:after{color:var(--ld-slider-selected-col-default)}:host([aria-disabled=true]) .ld-slider__input:focus:not(:focus-visible)+.ld-slider__output--permanent:after,:host([disabled]) .ld-slider__input:focus:not(:focus-visible)+.ld-slider__output--permanent:after{color:inherit}:host(.ld-slider--padded){padding-bottom:var(--ld-sp-6)}:host(.ld-slider--sm){--ld-slider-thumb-size:var(--ld-slider-thumb-size-sm)}:host(.ld-slider--lg){--ld-slider-thumb-size:var(--ld-slider-thumb-size-lg)}:host *{--ld-slider-highlighted:0;font:inherit;margin:0}:host .ld-slider__input,:host .ld-slider__input::-webkit-slider-runnable-track,:host .ld-slider__input::-webkit-slider-thumb{-webkit-appearance:none}:host .ld-slider__input{background:none;cursor:grab;grid-column:1;grid-row:2;left:0;top:0;z-index:calc(3 + var(--ld-slider-highlighted))}:host .ld-slider__input::-webkit-slider-runnable-track{background:none;height:100%;width:100%}:host .ld-slider__input::-moz-range-track{background:none;height:100%;width:100%;z-index:2}:host .ld-slider__input::-webkit-slider-thumb{background:var(--ld-slider-thumb-col);border:none;border-radius:var(--ld-br-full);box-shadow:var(--ld-slider-thumb-box-shadow);box-sizing:border-box;height:var(--ld-slider-thumb-size);pointer-events:auto;width:var(--ld-slider-thumb-size);will-change:transform}:host .ld-slider__input::-moz-range-thumb{background:var(--ld-slider-thumb-col);border:none;border-radius:var(--ld-br-full);box-shadow:var(--ld-slider-thumb-box-shadow);box-sizing:border-box;height:var(--ld-slider-thumb-size);pointer-events:auto;width:var(--ld-slider-thumb-size);will-change:transform}:host .ld-slider__input:active,:host .ld-slider__input:focus-visible{outline:none}:host .ld-slider__input:active+output,:host .ld-slider__input:focus-visible+output{--ld-slider-highlighted:1}:host .ld-slider__input:focus,:host .ld-slider__input:hover{--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-hover)}:host .ld-slider__input:active{--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-active);cursor:grabbing;outline:none;z-index:4}:host .ld-slider__input:not(:active):not(:focus-visible):not(:hover){--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-default)}:host .ld-slider__indicator,:host .ld-slider__output,:host .ld-slider__value-label{grid-column:1;left:calc((var(--now) - var(--min)) / var(--ld-slider-diff) * var(--ld-slider-useful-width) + var(--ld-slider-radius));max-width:max-content;position:relative}:host .ld-slider__indicator{aspect-ratio:1;-webkit-backdrop-filter:brightness(.6) invert(1) hue-rotate(180deg);backdrop-filter:brightness(.6) invert(1) hue-rotate(180deg);border-radius:var(--ld-br-full);grid-row:2;height:var(--ld-slider-indicator-size);opacity:.5;top:var(--ld-slider-radius);transform:translate(-50%,-50%);z-index:1}:host .ld-slider__value-label{grid-row:3;transform:translate(-50%)}:host .ld-slider__value-label--first{left:var(--ld-slider-track-margin);transform:none}:host .ld-slider__value-label--last{left:auto;position:absolute;right:var(--ld-slider-track-margin);transform:none}:host .ld-slider__output{color:var(--ld-col-wht);content:counter(now) var(--unit);counter-reset:now var(--now);font-weight:700;grid-row:1;margin-bottom:var(--ld-sp-16);opacity:var(--ld-slider-highlighted);transform:translate(-50%) scale(max(.8,var(--ld-slider-highlighted)));transition:opacity var(--ld-slider-animation-duration) ease-out,transform var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output:before{background:var(--ld-slider-selected-col);border-radius:var(--ld-br-m);content:"";inset:0;position:absolute;z-index:-1}:host .ld-slider__output:after{content:counter(now) var(--unit);counter-reset:now var(--now);display:block;padding:0 var(--ld-sp-6)}:host .ld-slider__output--permanent{color:var(--ld-slider-selected-col);opacity:1;transform:translate(-50%,calc((var(--ld-slider-highlighted) - 1) * var(--ld-sp-12) * -1));transition:transform var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output--permanent:before{opacity:var(--ld-slider-highlighted);transition:opacity var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output--permanent:after{filter:invert(var(--ld-slider-highlighted)) grayscale(var(--ld-slider-highlighted)) contrast(max(1,calc(4 * var(--ld-slider-highlighted))))} \ No newline at end of file diff --git a/1704894792450/css_components/ld-sr-live.shadow.css b/1704966176737/css_components/ld-sr-live.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-sr-live.shadow.css rename to 1704966176737/css_components/ld-sr-live.shadow.css diff --git a/1704966176737/css_components/ld-sr-only.css b/1704966176737/css_components/ld-sr-only.css new file mode 100644 index 0000000000..557cba0d57 --- /dev/null +++ b/1704966176737/css_components/ld-sr-only.css @@ -0,0 +1 @@ +.ld-sr-only,:host{height:var(--ld-sp-1);overflow:hidden;padding:0;position:absolute;width:var(--ld-sp-1);clip:rect(0,0,0,0);border-width:0} \ No newline at end of file diff --git a/1704894792450/css_components/ld-step.css b/1704966176737/css_components/ld-step.css similarity index 100% rename from 1704894792450/css_components/ld-step.css rename to 1704966176737/css_components/ld-step.css diff --git a/1704966176737/css_components/ld-stepper.css b/1704966176737/css_components/ld-stepper.css new file mode 100644 index 0000000000..7fa9e74360 --- /dev/null +++ b/1704966176737/css_components/ld-stepper.css @@ -0,0 +1 @@ +.ld-stepper,:host{--ld-stepper-gap:var(--ld-stepper-gap-md);--ld-stepper-gap-sm:var(--ld-sp-16);--ld-stepper-gap-md:1.25rem;--ld-stepper-gap-lg:var(--ld-sp-24);display:block}.ld-stepper ol,:host ol{display:grid;gap:var(--ld-stepper-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:100%;padding:0}.ld-stepper--vertical ol,:host(.ld-stepper--vertical) ol{flex-direction:column;grid-auto-flow:row;grid-auto-rows:1fr}.ld-stepper--fit-content ol,:host(.ld-stepper--fit-content) ol{display:flex}.ld-stepper--sm,:host(.ld-stepper--sm){--ld-stepper-gap:var(--ld-stepper-gap-sm)}.ld-stepper--lg,:host(.ld-stepper--lg){--ld-stepper-gap:var(--ld-stepper-gap-lg)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-switch-item.css b/1704966176737/css_components/ld-switch-item.css similarity index 93% rename from 1704894792450/css_components/ld-switch-item.css rename to 1704966176737/css_components/ld-switch-item.css index 9c0daa00c8..da9fdd3a0b 100644 --- a/1704894792450/css_components/ld-switch-item.css +++ b/1704966176737/css_components/ld-switch-item.css @@ -1,8 +1,8 @@ -.ld-switch-item,:host{display:inline-flex;position:relative}.ld-switch-item:first-of-type,:host:first-of-type{border-bottom-left-radius:var(--ld-br-m);border-top-left-radius:var(--ld-br-m)}.ld-switch-item:last-of-type,:host:last-of-type{border-bottom-right-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-switch-item input,:host input{clip:rect(0,0,0,0);border-width:0;height:var(--ld-sp-1);overflow:hidden;padding:0;position:absolute;width:var(--ld-sp-1)}.ld-switch-item input:checked~.ld-switch-item__content,:host input:checked~.ld-switch-item__content{background-color:var( +.ld-switch-item,:host{display:inline-flex;position:relative}.ld-switch-item:first-of-type,:host:first-of-type{border-bottom-left-radius:var(--ld-br-m);border-top-left-radius:var(--ld-br-m)}.ld-switch-item:last-of-type,:host:last-of-type{border-bottom-right-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-switch-item input,:host input{height:var(--ld-sp-1);overflow:hidden;padding:0;position:absolute;width:var(--ld-sp-1);clip:rect(0,0,0,0);border-width:0}.ld-switch-item input:checked~.ld-switch-item__content,:host input:checked~.ld-switch-item__content{background-color:var( --ld-switch-item-bg-col-selected,var(--ld-thm-primary) );color:var(--ld-switch-item-col-selected,var(--ld-col-wht))}.ld-switch-item input:where(:disabled)~.ld-switch-item__content,.ld-switch-item input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-switch-item__content,:host input:where(:disabled)~.ld-switch-item__content,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-switch-item__content{opacity:.2}.ld-switch-item input:where(:not(:disabled)):focus:focus-visible~.ld-switch-item__content,:host input:where(:not(:disabled)):focus:focus-visible~.ld-switch-item__content{background-color:var( --ld-switch-item-bg-col-focus,var(--ld-thm-primary-focus) - );color:var(--ld-switch-item-col-active,var(--ld-col-wht));outline:auto;outline:var(--ld-switch-item-outline,auto);outline:5px auto -webkit-focus-ring-color;outline:var( + );color:var(--ld-switch-item-col-active,var(--ld-col-wht));outline:var(--ld-switch-item-outline,auto);outline:var( --ld-switch-item-outline,auto 5px -webkit-focus-ring-color );outline-offset:-2px}.ld-switch-item input:where(:not(:disabled)):focus:not:focus-visible~.ld-switch-item__content,:host input:where(:not(:disabled)):focus:not:focus-visible~.ld-switch-item__content{outline:none}.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content{cursor:pointer}@media (hover:hover){.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content:hover,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content:hover{background-color:var( --ld-switch-item-bg-col-hover,var(--ld-thm-primary-hover) diff --git a/1704894792450/css_components/ld-switch.css b/1704966176737/css_components/ld-switch.css similarity index 95% rename from 1704894792450/css_components/ld-switch.css rename to 1704966176737/css_components/ld-switch.css index 7fb5b6bbac..77ce66a90c 100644 --- a/1704894792450/css_components/ld-switch.css +++ b/1704966176737/css_components/ld-switch.css @@ -1 +1 @@ -.ld-switch,:host{--ld-switch-item-icon-size:1.25rem;--ld-switch-item-icon-size-sm:1rem;--ld-switch-item-icon-size-lg:1.5rem;--ld-switch-item-icon-margin-x:-0.25rem;--ld-switch-item-icon-margin-x-sm:-0.125rem;--ld-switch-item-icon-margin-x-lg:-0.5rem;--ld-switch-item-justify-content:center;--ld-switch-item-padding-x:0.875rem;--ld-switch-item-padding-y:0.625rem;--ld-switch-item-padding-x-sm:0.625rem;--ld-switch-item-padding-y-sm:0.4375rem;--ld-switch-item-padding-x-lg:1.3125rem;--ld-switch-item-padding-y-lg:0.85rem;--ld-switch-item-gap:0.875rem;--ld-switch-item-gap-sm:0.625rem;--ld-switch-item-gap-lg:1.1875rem;--ld-switch-font:var(--ld-typo-body-m);--ld-switch-font-sm:var(--ld-typo-body-s);--ld-switch-font-lg:var(--ld-typo-body-l);--ld-switch-bg-col:var(--ld-thm-primary-alpha-low);--ld-switch-bg-col-hover:var(--ld-thm-primary-hover);--ld-switch-bg-col-active:var(--ld-thm-primary-active);--ld-switch-bg-col-focus:var(--ld-thm-primary-focus);--ld-switch-item-col:var(--ld-thm-primary-hover);--ld-switch-item-label-bg-col:var(--ld-col-wht);--ld-switch-selected-col:var(--ld-col-wht);--ld-switch-selected-bg-col:var(--ld-thm-primary)}.ld-switch legend,:host legend{clip:rect(0,0,0,0);border-width:0;height:var(--ld-sp-1);padding:0;position:absolute;width:var(--ld-sp-1)}:host{display:inline-flex}.ld-switch,:host fieldset{border:0;border-radius:var(--ld-br-m);display:inline-grid;grid-auto-columns:minmax(min-content,1fr);grid-auto-flow:column;margin:0;min-width:auto;overflow:hidden;padding:0;position:relative}.ld-switch--fit-content,:host(.ld-switch--fit-content) fieldset{--ld-switch-item-justify-content:flex-start;grid-auto-columns:minmax(0,auto)}:host fieldset{height:100%;width:100%}.ld-switch--sm,:host(.ld-switch--sm){--ld-switch-font:var(--ld-switch-font-sm);--ld-switch-item-gap:var(--ld-switch-item-gap-sm);--ld-switch-item-icon-margin-x:var(--ld-switch-item-icon-margin-x-sm);--ld-switch-item-icon-size:var(--ld-switch-item-icon-size-sm);--ld-switch-item-padding-x:var(--ld-switch-item-padding-x-sm);--ld-switch-item-padding-y:var(--ld-switch-item-padding-y-sm)}.ld-switch--lg,:host(.ld-switch--lg){--ld-switch-font:var(--ld-switch-font-lg);--ld-switch-item-gap:var(--ld-switch-item-gap-lg);--ld-switch-item-icon-margin-x:var(--ld-switch-item-icon-margin-x-lg);--ld-switch-item-icon-size:var(--ld-switch-item-icon-size-lg);--ld-switch-item-padding-x:var(--ld-switch-item-padding-x-lg);--ld-switch-item-padding-y:var(--ld-switch-item-padding-y-lg)}.ld-switch--brand-color,:host(.ld-switch--brand-color){--ld-switch-item-col:var(--ld-col-wht);--ld-switch-item-bg-col:var(--ld-col-wht-alpha-low);--ld-switch-item-label-bg-col:var(--ld-thm-primary);--ld-switch-item-bg-col-hover:var(--ld-col-wht-alpha-high);--ld-switch-item-bg-col-active:var(--ld-col-wht-alpha-medium);--ld-switch-item-bg-col-focus:var(--ld-col-wht-alpha-high);--ld-switch-item-bg-col-selected:var(--ld-col-wht);--ld-switch-item-col-selected:var(--ld-thm-primary);--ld-switch-item-col-active:var(--ld-switch-item-col-selected)} \ No newline at end of file +.ld-switch,:host{--ld-switch-item-icon-size:1.25rem;--ld-switch-item-icon-size-sm:1rem;--ld-switch-item-icon-size-lg:1.5rem;--ld-switch-item-icon-margin-x:-0.25rem;--ld-switch-item-icon-margin-x-sm:-0.125rem;--ld-switch-item-icon-margin-x-lg:-0.5rem;--ld-switch-item-justify-content:center;--ld-switch-item-padding-x:0.875rem;--ld-switch-item-padding-y:0.625rem;--ld-switch-item-padding-x-sm:0.625rem;--ld-switch-item-padding-y-sm:0.4375rem;--ld-switch-item-padding-x-lg:1.3125rem;--ld-switch-item-padding-y-lg:0.85rem;--ld-switch-item-gap:0.875rem;--ld-switch-item-gap-sm:0.625rem;--ld-switch-item-gap-lg:1.1875rem;--ld-switch-font:var(--ld-typo-body-m);--ld-switch-font-sm:var(--ld-typo-body-s);--ld-switch-font-lg:var(--ld-typo-body-l);--ld-switch-bg-col:var(--ld-thm-primary-alpha-low);--ld-switch-bg-col-hover:var(--ld-thm-primary-hover);--ld-switch-bg-col-active:var(--ld-thm-primary-active);--ld-switch-bg-col-focus:var(--ld-thm-primary-focus);--ld-switch-item-col:var(--ld-thm-primary-hover);--ld-switch-item-label-bg-col:var(--ld-col-wht);--ld-switch-selected-col:var(--ld-col-wht);--ld-switch-selected-bg-col:var(--ld-thm-primary)}.ld-switch legend,:host legend{height:var(--ld-sp-1);padding:0;position:absolute;width:var(--ld-sp-1);clip:rect(0,0,0,0);border-width:0}:host{display:inline-flex}.ld-switch,:host fieldset{border:0;border-radius:var(--ld-br-m);display:inline-grid;grid-auto-columns:minmax(min-content,1fr);grid-auto-flow:column;margin:0;min-width:auto;overflow:hidden;padding:0;position:relative}.ld-switch--fit-content,:host(.ld-switch--fit-content) fieldset{--ld-switch-item-justify-content:flex-start;grid-auto-columns:minmax(0,auto)}:host fieldset{height:100%;width:100%}.ld-switch--sm,:host(.ld-switch--sm){--ld-switch-font:var(--ld-switch-font-sm);--ld-switch-item-gap:var(--ld-switch-item-gap-sm);--ld-switch-item-icon-margin-x:var(--ld-switch-item-icon-margin-x-sm);--ld-switch-item-icon-size:var(--ld-switch-item-icon-size-sm);--ld-switch-item-padding-x:var(--ld-switch-item-padding-x-sm);--ld-switch-item-padding-y:var(--ld-switch-item-padding-y-sm)}.ld-switch--lg,:host(.ld-switch--lg){--ld-switch-font:var(--ld-switch-font-lg);--ld-switch-item-gap:var(--ld-switch-item-gap-lg);--ld-switch-item-icon-margin-x:var(--ld-switch-item-icon-margin-x-lg);--ld-switch-item-icon-size:var(--ld-switch-item-icon-size-lg);--ld-switch-item-padding-x:var(--ld-switch-item-padding-x-lg);--ld-switch-item-padding-y:var(--ld-switch-item-padding-y-lg)}.ld-switch--brand-color,:host(.ld-switch--brand-color){--ld-switch-item-col:var(--ld-col-wht);--ld-switch-item-bg-col:var(--ld-col-wht-alpha-low);--ld-switch-item-label-bg-col:var(--ld-thm-primary);--ld-switch-item-bg-col-hover:var(--ld-col-wht-alpha-high);--ld-switch-item-bg-col-active:var(--ld-col-wht-alpha-medium);--ld-switch-item-bg-col-focus:var(--ld-col-wht-alpha-high);--ld-switch-item-bg-col-selected:var(--ld-col-wht);--ld-switch-item-col-selected:var(--ld-thm-primary);--ld-switch-item-col-active:var(--ld-switch-item-col-selected)} \ No newline at end of file diff --git a/1704966176737/css_components/ld-tab.shadow.css b/1704966176737/css_components/ld-tab.shadow.css new file mode 100644 index 0000000000..7a119278eb --- /dev/null +++ b/1704966176737/css_components/ld-tab.shadow.css @@ -0,0 +1,5 @@ +:host{--ld-tab-font:var(--ld-typo-body-m);--ld-tab-gap:0.625rem;--ld-tab-min-height:2.5rem;--ld-tab-disabled-opacity:1;--ld-tab-disabled-content-opacity:0.25;--ld-tab-padding-x:0.875rem;--ld-tab-padding-y:0.75rem;--ld-tab-bg-col-active:var(--ld-col-neutral-200);--ld-tab-bg-col-focus:var(--ld-col-neutral-600);--ld-tab-bg-col-hover:var(--ld-col-neutral-100);--ld-tab-bg-col:var(--ld-col-neutral-010);--ld-tab-disabled-bg-col-focus:var(--ld-col-neutral-400);--ld-tab-disabled-text-col-focus:var(--ld-col-wht);--ld-tab-disabled-text-col:var(--ld-col-neutral-900);--ld-tab-text-col-focus:var(--ld-col-neutral-100);--ld-tab-text-col:var(--ld-col-neutral-900);--ld-tab-selected-border-col-focus:var(--ld-thm-primary-focus);--ld-tab-selected-border-col:var(--ld-thm-primary);--ld-tab-selected-text-col-focus:var(--ld-thm-primary-focus);--ld-tab-selected-text-col:var(--ld-thm-primary)}.ld-tab{align-items:center;border:0;border-radius:var(--ld-tab-border-radius,0);display:grid;font:var(--ld-tab-font);font-weight:700;grid-template-columns:minmax(0,var(--ld-sp-16)) max-content minmax(0,var(--ld-sp-16));justify-content:center;line-height:1;position:relative;scroll-snap-align:start;text-align:center;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none;background-color:var(--ld-tab-bg-col);box-sizing:border-box;color:var(--ld-tab-text-col);margin:0;min-height:var(--ld-tab-min-height);padding:var(--ld-tab-padding-y) var(--ld-tab-padding-x)}.ld-tab[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-tab-disabled-text-col);opacity:var(--ld-tab-disabled-opacity)}.ld-tab[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) .ld-tab__content{opacity:var(--ld-tab-disabled-content-opacity)}.ld-tab:after{content:"";display:var(--ld-tab-selected-border-display,block);height:var(--ld-tab-indicator-height);inset:auto 0 0;position:absolute;z-index:3}.ld-tab[aria-selected=true]{background-color:var(--ld-tab-bg-col);color:var(--ld-tab-selected-text-col)}.ld-tab[aria-selected=true]:after{background-color:var(--ld-tab-selected-border-col)}.ld-tab:focus:focus-visible{--ld-tab-disabled-content-opacity:0.5;background-color:var(--ld-tab-bg-col-focus);outline:none}.ld-tab:focus:focus-visible:not(:active){color:var(--ld-tab-text-col-focus)}.ld-tab:focus:focus-visible[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-tab-disabled-bg-col-focus);color:var(--ld-tab-disabled-text-col-focus)}.ld-tab:focus:focus-visible[aria-selected=true]:not(:active){color:var(--ld-tab-selected-text-col-focus)}.ld-tab:focus:focus-visible[aria-selected=true]:after{background-color:var(--ld-tab-selected-border-col-focus)}.ld-tab:focus:focus-visible:not([aria-selected=true]):after{background-color:inherit}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}@media (hover:hover){.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{background-color:var(--ld-tab-bg-col-hover)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover[aria-selected=true]{background-color:var( + --ld-tab-selected-bg-col-hover,var(--ld-tab-bg-col-hover) + )}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not([aria-selected=true]){color:var(--ld-tab-text-col-hover)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not([aria-selected=true]):after{background-color:inherit}}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus,.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible{background-color:var(--ld-tab-bg-col-active)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible[aria-selected=true],.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus[aria-selected=true]{background-color:var( + --ld-tab-selected-bg-col-active,var(--ld-tab-bg-col-active) + )}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible:not([aria-selected=true]):after,.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:not([aria-selected=true]):after{background-color:inherit}.ld-tab ::slotted(.ld-icon),.ld-tab ::slotted(ld-icon){height:0}.ld-tab__spacer{display:inline-flex;flex-shrink:1;width:var(--ld-sp-16)}.ld-tab__content{align-items:center;display:grid;gap:var(--ld-tab-gap);grid-auto-flow:column} \ No newline at end of file diff --git a/1704894792450/css_components/ld-table-body.shadow.css b/1704966176737/css_components/ld-table-body.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-table-body.shadow.css rename to 1704966176737/css_components/ld-table-body.shadow.css diff --git a/1704894792450/css_components/ld-table-caption.shadow.css b/1704966176737/css_components/ld-table-caption.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-table-caption.shadow.css rename to 1704966176737/css_components/ld-table-caption.shadow.css diff --git a/1704966176737/css_components/ld-table-cell.shadow.css b/1704966176737/css_components/ld-table-cell.shadow.css new file mode 100644 index 0000000000..4ce387b698 --- /dev/null +++ b/1704966176737/css_components/ld-table-cell.shadow.css @@ -0,0 +1 @@ +:host{display:contents}td{background-color:inherit;max-width:inherit;min-width:inherit;padding-block:var(--ld-table-cell-padding-y);padding-inline:var(--ld-table-cell-padding-x)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-table-col.shadow.css b/1704966176737/css_components/ld-table-col.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-table-col.shadow.css rename to 1704966176737/css_components/ld-table-col.shadow.css diff --git a/1704894792450/css_components/ld-table-colgroup.shadow.css b/1704966176737/css_components/ld-table-colgroup.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-table-colgroup.shadow.css rename to 1704966176737/css_components/ld-table-colgroup.shadow.css diff --git a/1704894792450/css_components/ld-table-foot.shadow.css b/1704966176737/css_components/ld-table-foot.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-table-foot.shadow.css rename to 1704966176737/css_components/ld-table-foot.shadow.css diff --git a/1704894792450/css_components/ld-table-head.shadow.css b/1704966176737/css_components/ld-table-head.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-table-head.shadow.css rename to 1704966176737/css_components/ld-table-head.shadow.css diff --git a/1704966176737/css_components/ld-table-header.shadow.css b/1704966176737/css_components/ld-table-header.shadow.css new file mode 100644 index 0000000000..1fe676ebfd --- /dev/null +++ b/1704966176737/css_components/ld-table-header.shadow.css @@ -0,0 +1 @@ +:host{display:contents}th{background-color:inherit;font:inherit;max-width:inherit;min-width:inherit;padding-block:var(--ld-table-cell-padding-y);padding-inline:var(--ld-table-cell-padding-x)}.ld-table-header--sortable{cursor:pointer}.ld-table-header__sort-buttons{display:inline-grid;margin:-1.2rem calc(-1 * var(--ld-sp-8)) -1rem var(--ld-sp-6);vertical-align:middle}.ld-table-header__sort-buttons ld-button::part(button){min-height:0} \ No newline at end of file diff --git a/1704894792450/css_components/ld-table-row.shadow.css b/1704966176737/css_components/ld-table-row.shadow.css similarity index 64% rename from 1704894792450/css_components/ld-table-row.shadow.css rename to 1704966176737/css_components/ld-table-row.shadow.css index 78c427eec9..6f5c878b87 100644 --- a/1704894792450/css_components/ld-table-row.shadow.css +++ b/1704966176737/css_components/ld-table-row.shadow.css @@ -1 +1 @@ -:host{display:contents}:host(:first-of-type){--ld-table-selection-wrapper-border-width-top:0px}:host(:last-of-type){--ld-table-selection-wrapper-border-width-bottom:0px}:host{--ld-table-selection-wrapper-gradient:linear-gradient(to top,var(--ld-table-border-col),var(--ld-table-border-col) var(--ld-table-selection-wrapper-border-width-bottom),var(--ld-table-bg-col) var(--ld-table-selection-wrapper-border-width-bottom),var(--ld-table-bg-col),var(--ld-table-bg-col),var(--ld-table-bg-col) calc(100% - var(--ld-table-selection-wrapper-border-width-top)),var(--ld-table-border-col) calc(100% - var(--ld-table-selection-wrapper-border-width-top)),var(--ld-table-border-col) 100%)}tr{background-color:inherit;outline:var(--ld-table-row-outline-half)}.ld-table__selection-wrapper{align-items:center;background:var(--ld-table-selection-wrapper-gradient);bottom:0;display:flex;justify-content:center;left:0;padding-left:var(--ld-table-cell-padding-x);padding-right:var(--ld-table-cell-padding-x);position:absolute;top:0;vertical-align:middle}.ld-table__selection-wrapper:after{background-color:var(--ld-table-border-col);bottom:var(--ld-sp-6);content:"";position:absolute;right:0;top:var(--ld-sp-6);width:var(--ld-table-row-outline-width)}.ld-table-row__selection-cell::part(cell){min-width:1.25rem;position:relative;z-index:1}.ld-table-row__selection-cell--sticky::part(cell){left:0;position:sticky} \ No newline at end of file +:host{display:contents}:host(:first-of-type){--ld-table-selection-wrapper-border-width-top:0px}:host(:last-of-type){--ld-table-selection-wrapper-border-width-bottom:0px}:host{--ld-table-selection-wrapper-gradient:linear-gradient(to top,var(--ld-table-border-col),var(--ld-table-border-col) var(--ld-table-selection-wrapper-border-width-bottom),var(--ld-table-bg-col) var(--ld-table-selection-wrapper-border-width-bottom),var(--ld-table-bg-col),var(--ld-table-bg-col),var(--ld-table-bg-col) calc(100% - var(--ld-table-selection-wrapper-border-width-top)),var(--ld-table-border-col) calc(100% - var(--ld-table-selection-wrapper-border-width-top)),var(--ld-table-border-col) 100%)}tr{background-color:inherit;outline:var(--ld-table-row-outline-half)}.ld-table__selection-wrapper{align-items:center;background:var(--ld-table-selection-wrapper-gradient);bottom:0;display:flex;justify-content:center;left:0;padding-inline:var(--ld-table-cell-padding-x);position:absolute;top:0;vertical-align:middle}.ld-table__selection-wrapper:after{background-color:var(--ld-table-border-col);bottom:var(--ld-sp-6);content:"";position:absolute;right:0;top:var(--ld-sp-6);width:var(--ld-table-row-outline-width)}.ld-table-row__selection-cell::part(cell){min-width:1.25rem;position:relative;z-index:1}.ld-table-row__selection-cell--sticky::part(cell){left:0;position:sticky} \ No newline at end of file diff --git a/1704894792450/css_components/ld-table-toolbar.shadow.css b/1704966176737/css_components/ld-table-toolbar.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-table-toolbar.shadow.css rename to 1704966176737/css_components/ld-table-toolbar.shadow.css diff --git a/1704966176737/css_components/ld-table.css b/1704966176737/css_components/ld-table.css new file mode 100644 index 0000000000..0441f791a6 --- /dev/null +++ b/1704966176737/css_components/ld-table.css @@ -0,0 +1 @@ +.ld-table,:host{--ld-table-bg-col:var(--ld-col-wht);--ld-table-border-col:var(--ld-col-neutral-200);--ld-table-toolbar-bg-col:var(--ld-col-neutral-050);--ld-table-layout:auto;--ld-table-row-outline-width:var(--ld-sp-1);--ld-table-row-outline:var(--ld-table-row-outline-width) var(--ld-table-border-col) solid;--ld-table-row-outline-half:calc(0.5 * var(--ld-table-row-outline-width)) var(--ld-table-border-col) solid;--ld-table-cell-padding-x:var(--ld-sp-16);--ld-table-cell-padding-y:var(--ld-sp-12);--ld-table-toolbar-padding-y:var(--ld-sp-16);--ld-table-typo:var(--ld-typo-h6);--ld-table-white-space:nowrap;--ld-table-head-gradient:linear-gradient(to top,var(--ld-table-border-col),var(--ld-table-border-col) calc(var(--ld-sp-1) * 0.75),var(--ld-table-bg-col) calc(var(--ld-sp-1) * 0.75),var(--ld-table-bg-col));--ld-table-selection-wrapper-border-width-top:calc(var(--ld-sp-1) * 0.5);--ld-table-selection-wrapper-border-width-bottom:calc(var(--ld-sp-1) * 0.5);background-color:var(--ld-table-border-col);border-radius:var(--ld-br-l);box-sizing:border-box;display:flex;flex-direction:column;font:var(--ld-table-typo);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;position:relative}.ld-table table,:host table{background-color:var(--ld-table-bg-col);border-collapse:collapse;table-layout:var(--ld-table-layout);text-align:left;white-space:var(--ld-table-white-space);width:100%}.ld-table tbody,.ld-table td,.ld-table th,.ld-table thead,:host tbody,:host td,:host th,:host thead{background-color:inherit;font:inherit}.ld-table .ld-table__toolbar,.ld-table ::slotted(ld-table-toolbar),:host .ld-table__toolbar,:host ::slotted(ld-table-toolbar){align-items:center;background-color:var(--ld-table-toolbar-bg-col);border-top-left-radius:calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));border-top-right-radius:calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));box-sizing:border-box;display:flex;gap:var(--ld-sp-12);justify-content:flex-start;min-height:var(--ld-sp-40);overflow:auto hidden;padding-inline:var(--ld-table-cell-padding-x);position:relative;white-space:nowrap;z-index:3}.ld-table .ld-table__toolbar>ld-pagination,.ld-table ::slotted(ld-table-toolbar)>ld-pagination,:host .ld-table__toolbar>ld-pagination,:host ::slotted(ld-table-toolbar)>ld-pagination{flex-shrink:0;overflow-x:hidden;padding-bottom:var(--ld-sp-8);padding-top:var(--ld-sp-4);transform:translateY(var(--ld-sp-2))}.ld-table .ld-table__toolbar>ld-pagination:first-child,.ld-table ::slotted(ld-table-toolbar)>ld-pagination:first-child,:host .ld-table__toolbar>ld-pagination:first-child,:host ::slotted(ld-table-toolbar)>ld-pagination:first-child{margin-left:calc(-1 * var(--ld-sp-8))}.ld-table .ld-table__toolbar>ld-pagination:last-child,.ld-table ::slotted(ld-table-toolbar)>ld-pagination:last-child,:host .ld-table__toolbar>ld-pagination:last-child,:host ::slotted(ld-table-toolbar)>ld-pagination:last-child{margin-right:calc(-1 * var(--ld-sp-8))}.ld-table .ld-table__toolbar,.ld-table ::slotted(ld-table-toolbar),.ld-table thead,:host .ld-table__toolbar,:host ::slotted(ld-table-toolbar),:host thead{outline:var(--ld-table-row-outline)}.ld-table tr,:host tr{outline:var(--ld-table-row-outline-half)}.ld-table td,.ld-table th,:host td,:host th{padding-block:var(--ld-table-cell-padding-y);padding-inline:var(--ld-table-cell-padding-x)}.ld-table thead,:host thead{background-image:var(--ld-table-head-gradient);position:sticky;top:0;z-index:2}.ld-table.ld-table{border:solid var(--ld-sp-1) var(--ld-table-border-col)}.ld-table__scroll-container{height:inherit;max-height:inherit;overflow:auto} \ No newline at end of file diff --git a/1704894792450/css_components/ld-tablist.shadow.css b/1704966176737/css_components/ld-tablist.shadow.css similarity index 76% rename from 1704894792450/css_components/ld-tablist.shadow.css rename to 1704966176737/css_components/ld-tablist.shadow.css index 1cd18cd0de..6608b370c4 100644 --- a/1704894792450/css_components/ld-tablist.shadow.css +++ b/1704966176737/css_components/ld-tablist.shadow.css @@ -1,9 +1,9 @@ :host{--ld-tablist-max-height:2.5rem;--ld-tablist-padding:0px;--ld-tablist-border-col:var(--ld-col-neutral-100);--ld-tablist-border-height:0.1875rem;--ld-tablist-btn-scroll-col:var(--ld-col-neutral-900);--ld-tablist-btn-scroll-col-active:var(--ld-col-neutral-900);--ld-tablist-btn-scroll-bg-col:var(--ld-col-neutral-010);--ld-tablist-btn-scroll-bg-col-hover:var(--ld-col-neutral-100);--ld-tablist-btn-scroll-bg-col-active:var(--ld-col-neutral-300);--ld-tablist-border-brand-col:var(--ld-thm-primary-hover);--ld-tablist-btn-scroll-bg-brand-col-active:var(--ld-thm-primary-active);--ld-tablist-btn-scroll-bg-brand-col-hover:var(--ld-thm-primary-hover);--ld-tablist-btn-scroll-bg-brand-col:var(--ld-thm-primary);--ld-tab-bg-brand-col-active:var(--ld-thm-primary-active);--ld-tab-bg-brand-col-focus:var(--ld-thm-primary-focus);--ld-tab-bg-brand-col-hover:var(--ld-thm-primary-hover);--ld-tab-bg-brand-col:var(--ld-thm-primary);--ld-tab-text-brand-col-focus:var(--ld-thm-primary-active);--ld-tab-disabled-bg-brand-col-focus:var(--ld-thm-primary-active);--ld-tab-disabled-text-brand-col-focus:var(--ld-thm-primary-focus);--ld-tab-disabled-text-brand-col:var(--ld-thm-primary-focus);--ld-tab-selected-border-brand-col:var(--ld-thm-secondary);--ld-tablist-transition-duration:0s}@media (prefers-reduced-motion:no-preference){:host{--ld-tablist-transition-duration:var(--ld-transition-duration-normal)}}:host{position:relative}.ld-tablist{background-color:var(--ld-tablist-btn-scroll-bg-col);display:flex;max-height:var( --ld-tablist-max-height - );overflow:hidden;padding:var(--ld-tablist-padding);position:relative;z-index:0}.ld-tablist:after{background-color:var(--ld-tablist-border-col);bottom:0;content:"";height:var(--ld-tablist-border-height);left:0;position:absolute;right:0;top:auto;z-index:2}.ld-tablist--rounded-all{border-radius:var(--ld-br-m)}.ld-tablist--rounded-all-lg{border-radius:var(--ld-br-l)}.ld-tablist--rounded-top{border-radius:var(--ld-br-m) var(--ld-br-m) 0 0}.ld-tablist--rounded-top-lg{border-radius:var(--ld-br-l) var(--ld-br-l) 0 0}.ld-tablist ::slotted(ld-tab){--ld-tab-indicator-height:var(--ld-tablist-border-height)}.ld-tablist--sm{--ld-tablist-max-height:2rem}.ld-tablist--sm ::slotted(ld-tab){--ld-tab-font:var(--ld-typo-body-s);--ld-tab-gap:0.375rem;--ld-tab-min-height:2rem;--ld-tab-padding-x:0.625rem;--ld-tab-padding-y:0.5rem}.ld-tablist--lg{--ld-tablist-max-height:3.125rem}.ld-tablist--lg ::slotted(ld-tab){--ld-tab-font:var(--ld-typo-body-l);--ld-tab-gap:0.875rem;--ld-tab-min-height:3.125rem;--ld-tab-padding-x:1.3125rem;--ld-tab-padding-y:0.75rem}.ld-tablist--ghost{--ld-tablist-btn-scroll-bg-col:#0000}.ld-tablist--ghost ::slotted(ld-tab){--ld-tab-bg-col:#0000}.ld-tablist--brand-color{--ld-tablist-btn-scroll-col-active:var(--ld-col-wht);--ld-tablist-btn-scroll-col:var(--ld-col-wht);--ld-tablist-btn-scroll-bg-col:var(--ld-tablist-btn-scroll-bg-brand-col);--ld-tablist-btn-scroll-bg-col-hover:var( + );overflow:hidden;padding:var(--ld-tablist-padding);position:relative;z-index:0}.ld-tablist:after{background-color:var(--ld-tablist-border-col);content:"";height:var(--ld-tablist-border-height);inset:auto 0 0;position:absolute;z-index:2}.ld-tablist--rounded-all{border-radius:var(--ld-br-m)}.ld-tablist--rounded-all-lg{border-radius:var(--ld-br-l)}.ld-tablist--rounded-top{border-radius:var(--ld-br-m) var(--ld-br-m) 0 0}.ld-tablist--rounded-top-lg{border-radius:var(--ld-br-l) var(--ld-br-l) 0 0}.ld-tablist ::slotted(ld-tab){--ld-tab-indicator-height:var(--ld-tablist-border-height)}.ld-tablist--sm{--ld-tablist-max-height:2rem}.ld-tablist--sm ::slotted(ld-tab){--ld-tab-font:var(--ld-typo-body-s);--ld-tab-gap:0.375rem;--ld-tab-min-height:2rem;--ld-tab-padding-x:0.625rem;--ld-tab-padding-y:0.5rem}.ld-tablist--lg{--ld-tablist-max-height:3.125rem}.ld-tablist--lg ::slotted(ld-tab){--ld-tab-font:var(--ld-typo-body-l);--ld-tab-gap:0.875rem;--ld-tab-min-height:3.125rem;--ld-tab-padding-x:1.3125rem;--ld-tab-padding-y:0.75rem}.ld-tablist--ghost{--ld-tablist-btn-scroll-bg-col:#0000}.ld-tablist--ghost ::slotted(ld-tab){--ld-tab-bg-col:#0000}.ld-tablist--brand-color{--ld-tablist-btn-scroll-col-active:var(--ld-col-wht);--ld-tablist-btn-scroll-col:var(--ld-col-wht);--ld-tablist-btn-scroll-bg-col:var(--ld-tablist-btn-scroll-bg-brand-col);--ld-tablist-btn-scroll-bg-col-hover:var( --ld-tablist-btn-scroll-bg-brand-col-hover );--ld-tablist-btn-scroll-bg-col-active:var( --ld-tablist-btn-scroll-bg-brand-col-active );--ld-tablist-border-col:var(--ld-tablist-border-brand-col)}.ld-tablist--brand-color ::slotted(ld-tab){--ld-tab-disabled-opacity:0.5;--ld-tab-disabled-content-opacity:1;--ld-tab-selected-text-col-focus:var(--ld-col-wht);--ld-tab-selected-text-col:var(--ld-col-wht);--ld-tab-text-col:var(--ld-col-wht);--ld-tab-text-col-hover:var(--ld-col-wht);--ld-tab-bg-col:var(--ld-tab-bg-brand-col);--ld-tab-bg-col-focus:var(--ld-tab-bg-brand-col-focus);--ld-tab-bg-col-hover:var(--ld-tab-bg-brand-col-hover);--ld-tab-bg-col-active:var(--ld-tab-bg-brand-col-active);--ld-tab-disabled-bg-col-focus:var(--ld-tab-disabled-bg-brand-col-focus);--ld-tab-disabled-text-col-focus:var( --ld-tab-disabled-text-brand-col-focus - );--ld-tab-disabled-text-col:var(--ld-tab-disabled-text-brand-col);--ld-tab-selected-border-col-focus:var(--ld-tab-selected-border-col);--ld-tab-selected-border-col:var(--ld-tab-selected-border-brand-col);--ld-tab-text-col-focus:var(--ld-tab-text-brand-col-focus)}.ld-tablist--floating,.ld-tablist--floating-on-brand-color{--ld-tablist-padding:var(--ld-sp-8) 0;--ld-tab-border-radius:var(--ld-br-m);--ld-tab-selected-border-display:none;--ld-tab-text-col-focus:var(--ld-tab-text-brand-col-focus);border-radius:var(--ld-br-l)}.ld-tablist--floating-on-brand-color:after,.ld-tablist--floating:after{content:none}.ld-tablist--floating .ld-tablist__scroll-container,.ld-tablist--floating-on-brand-color .ld-tablist__scroll-container{gap:var(--ld-sp-8);padding-left:var(--ld-sp-8);padding-right:var(--ld-sp-8);position:relative;scroll-snap-type:none}.ld-tablist--floating ::slotted(ld-tab),.ld-tablist--floating-on-brand-color ::slotted(ld-tab){--ld-tab-selected-text-col-focus:var(--ld-col-wht);--ld-tab-selected-text-col:var(--ld-col-wht);--ld-tab-bg-col:#0000;--ld-tab-bg-col-active:#0000;--ld-tab-bg-col-hover:#0000;--ld-tab-bg-col-focus:#0000;--ld-tab-disabled-bg-col-focus:#0000;--ld-tab-disabled-text-col-focus:var(--ld-col-neutral-700);--ld-tab-selected-bg-col-hover:#0000;--ld-tab-selected-bg-col-active:#0000;--ld-tab-text-col-hover:var(--ld-thm-primary-hover);--ld-tab-text-col-focus:var(--ld-thm-primary-focus)}.ld-tablist--floating-on-brand-color{--ld-tablist-btn-scroll-bg-col:var(--ld-col-wht)}.ld-tablist__scroll-container{display:flex;margin-bottom:-4rem;overflow-x:auto;padding-bottom:4rem;scroll-snap-type:x mandatory}.ld-tablist__btn-scroll{-webkit-touch-callout:none;align-items:center;background-color:var(--ld-tablist-btn-scroll-bg-col);border:0;box-shadow:var(--ld-shadow-active);color:var(--ld-tablist-btn-scroll-col);justify-content:center;position:relative;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:var(--ld-sp-32);z-index:2}.ld-tablist__btn-scroll:focus:focus-visible{outline:none}.ld-tablist__btn-scroll[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) svg{opacity:.25}.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}@media (hover:hover){.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{background-color:var(--ld-tablist-btn-scroll-bg-col-hover)}}.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus,.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible{background-color:var(--ld-tablist-btn-scroll-bg-col-active);color:var(--ld-tablist-btn-scroll-col-active)}.ld-tablist__btn-scroll--left{left:0}.ld-tablist__btn-scroll--right{right:0}.ld-tablist__active-tab-indicator{background-color:var(--ld-thm-primary);border:2px solid $colorSynBrightBlue;border-radius:var(--ld-br-m);height:var(--ld-tablist-max-height);opacity:0;position:absolute;width:0;will-change:transform,width;z-index:-1}.ld-tablist--initialized .ld-tablist__active-tab-indicator{transition:width var(--ld-tablist-transition-duration) ease,transform var(--ld-tablist-transition-duration) ease,opacity var(--ld-tablist-transition-duration) var(--ld-tablist-transition-duration) linear}.ld-tablist--focus-visible.ld-tablist--selected-focused:focus-within .ld-tablist__active-tab-indicator{background-color:var(--ld-thm-primary-focus)} \ No newline at end of file + );--ld-tab-disabled-text-col:var(--ld-tab-disabled-text-brand-col);--ld-tab-selected-border-col-focus:var(--ld-tab-selected-border-col);--ld-tab-selected-border-col:var(--ld-tab-selected-border-brand-col);--ld-tab-text-col-focus:var(--ld-tab-text-brand-col-focus)}.ld-tablist--floating,.ld-tablist--floating-on-brand-color{--ld-tablist-padding:var(--ld-sp-8) 0;--ld-tab-border-radius:var(--ld-br-m);--ld-tab-selected-border-display:none;--ld-tab-text-col-focus:var(--ld-tab-text-brand-col-focus);border-radius:var(--ld-br-l)}.ld-tablist--floating-on-brand-color:after,.ld-tablist--floating:after{content:none}.ld-tablist--floating .ld-tablist__scroll-container,.ld-tablist--floating-on-brand-color .ld-tablist__scroll-container{gap:var(--ld-sp-8);padding-left:var(--ld-sp-8);padding-right:var(--ld-sp-8);position:relative;scroll-snap-type:none}.ld-tablist--floating ::slotted(ld-tab),.ld-tablist--floating-on-brand-color ::slotted(ld-tab){--ld-tab-selected-text-col-focus:var(--ld-col-wht);--ld-tab-selected-text-col:var(--ld-col-wht);--ld-tab-bg-col:#0000;--ld-tab-bg-col-active:#0000;--ld-tab-bg-col-hover:#0000;--ld-tab-bg-col-focus:#0000;--ld-tab-disabled-bg-col-focus:#0000;--ld-tab-disabled-text-col-focus:var(--ld-col-neutral-700);--ld-tab-selected-bg-col-hover:#0000;--ld-tab-selected-bg-col-active:#0000;--ld-tab-text-col-hover:var(--ld-thm-primary-hover);--ld-tab-text-col-focus:var(--ld-thm-primary-focus)}.ld-tablist--floating-on-brand-color{--ld-tablist-btn-scroll-bg-col:var(--ld-col-wht)}.ld-tablist__scroll-container{display:flex;margin-bottom:-4rem;overflow-x:auto;padding-bottom:4rem;scroll-snap-type:x mandatory}.ld-tablist__btn-scroll{align-items:center;border:0;justify-content:center;position:relative;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:var(--ld-tablist-btn-scroll-bg-col);box-shadow:var(--ld-shadow-active);color:var(--ld-tablist-btn-scroll-col);width:var(--ld-sp-32);z-index:2}.ld-tablist__btn-scroll:focus:focus-visible{outline:none}.ld-tablist__btn-scroll[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) svg{opacity:.25}.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}@media (hover:hover){.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{background-color:var(--ld-tablist-btn-scroll-bg-col-hover)}}.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus,.ld-tablist__btn-scroll:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible{background-color:var(--ld-tablist-btn-scroll-bg-col-active);color:var(--ld-tablist-btn-scroll-col-active)}.ld-tablist__btn-scroll--left{left:0}.ld-tablist__btn-scroll--right{right:0}.ld-tablist__active-tab-indicator{background-color:var(--ld-thm-primary);border:2px solid $colorSynBrightBlue;border-radius:var(--ld-br-m);height:var(--ld-tablist-max-height);opacity:0;position:absolute;width:0;will-change:transform,width;z-index:-1}.ld-tablist--initialized .ld-tablist__active-tab-indicator{transition:width var(--ld-tablist-transition-duration) ease,transform var(--ld-tablist-transition-duration) ease,opacity var(--ld-tablist-transition-duration) var(--ld-tablist-transition-duration) linear}.ld-tablist--focus-visible.ld-tablist--selected-focused:focus-within .ld-tablist__active-tab-indicator{background-color:var(--ld-thm-primary-focus)} \ No newline at end of file diff --git a/1704894792450/css_components/ld-tabpanel.shadow.css b/1704966176737/css_components/ld-tabpanel.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-tabpanel.shadow.css rename to 1704966176737/css_components/ld-tabpanel.shadow.css diff --git a/1704894792450/css_components/ld-tabpanellist.shadow.css b/1704966176737/css_components/ld-tabpanellist.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-tabpanellist.shadow.css rename to 1704966176737/css_components/ld-tabpanellist.shadow.css diff --git a/1704894792450/css_components/ld-tabs.shadow.css b/1704966176737/css_components/ld-tabs.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-tabs.shadow.css rename to 1704966176737/css_components/ld-tabs.shadow.css diff --git a/1704966176737/css_components/ld-toggle.css b/1704966176737/css_components/ld-toggle.css new file mode 100644 index 0000000000..3865702df6 --- /dev/null +++ b/1704966176737/css_components/ld-toggle.css @@ -0,0 +1 @@ +.ld-toggle,:host{--ld-toggle-height:2rem;--ld-toggle-width:3.375rem;--ld-toggle-inner-space:0.125rem;--ld-toggle-with-icons-width:4.5rem;--ld-toggle-lg-height:2.5rem;--ld-toggle-lg-width:4.1875rem;--ld-toggle-lg-inner-space:0.1875rem;--ld-toggle-lg-with-icons-width:6rem;--ld-toggle-border-radius:var(--ld-br-full);--ld-toggle-knob-border-radius:var(--ld-br-full);--ld-toggle-input-bg-col:var(--ld-col-neutral-600);--ld-toggle-icon-start-col:var(--ld-col-wht);--ld-toggle-icon-end-col:var(--ld-col-neutral-900);--ld-toggle-knob-bg-col:var(--ld-col-wht);--ld-toggle-checked-icon-start-col:var(--ld-col-neutral-900);--ld-toggle-checked-icon-end-col:var(--ld-col-wht);--ld-toggle-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-disabled-icon-col:var(--ld-col-neutral-200);--ld-toggle-disabled-knob-bg-col:var(--ld-col-wht);--ld-toggle-with-icons-input-bg-col:var(--ld-col-neutral-100);--ld-toggle-with-icons-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-checked-bg-col:var(--ld-thm-primary);--ld-toggle-invalid-input-bg-col:var(--ld-thm-error);--ld-toggle-invalid-knob-bg-col:var(--ld-thm-error);--ld-toggle-with-icons-knob-col:var(--ld-thm-primary);align-items:center;display:flex;height:var(--ld-toggle-height);min-width:auto!important;position:relative;width:var(--ld-toggle-width)}.ld-toggle input,:host input{-webkit-appearance:none;appearance:none;background-color:var(--ld-toggle-input-bg-col);border-radius:var(--ld-toggle-border-radius);height:100%;margin:0;position:absolute;transition:background-color var(--ld-transition-duration-normal) ease-in-out;width:100%;z-index:0}.ld-toggle input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),:host input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-toggle input:checked,:host input:checked{background-color:var(--ld-toggle-checked-bg-col)}.ld-toggle input:checked:disabled,.ld-toggle input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:checked:disabled,:host input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:checked~.ld-toggle__knob,:host input:checked~.ld-toggle__knob{transform:translateX(calc(var(--ld-toggle-width) - var(--ld-toggle-height)))}.ld-toggle input:checked~.ld-toggle__icon-start,:host input:checked~.ld-toggle__icon-start{color:var(--ld-toggle-checked-icon-start-col)}.ld-toggle input:checked~.ld-toggle__icon-end,:host input:checked~.ld-toggle__icon-end{color:var(--ld-toggle-checked-icon-end-col)}.ld-toggle input:disabled,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:disabled,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:disabled:checked~.ld-toggle__icon-end,.ld-toggle input:disabled:checked~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start,:host input:disabled:checked~.ld-toggle__icon-end,:host input:disabled:checked~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-end,.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start,:host input:disabled:not(:checked)~.ld-toggle__icon-end,:host input:disabled:not(:checked)~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle .ld-toggle__knob,:host .ld-toggle__knob{background-color:var(--ld-toggle-knob-bg-col);border-radius:var(--ld-toggle-knob-border-radius);display:block;height:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);margin:var(--ld-toggle-inner-space);pointer-events:none;transition:transform var(--ld-transition-duration-normal) ease-in-out;width:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);z-index:1}.ld-toggle input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid{background-color:var(--ld-toggle-invalid-input-bg-col)}.ld-toggle--lg,:host(.ld-toggle--lg){--ld-toggle-height:var(--ld-toggle-lg-height);--ld-toggle-width:var(--ld-toggle-lg-width);--ld-toggle-inner-space:var(--ld-toggle-lg-inner-space)}.ld-toggle--lg.ld-toggle--with-icons,:host(.ld-toggle--lg.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-lg-with-icons-width)}.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .75rem}.ld-toggle--with-icons,:host(.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-with-icons-width)}.ld-toggle--with-icons input:not(:disabled),:host(.ld-toggle--with-icons) input:not(:disabled){background-color:var(--ld-toggle-with-icons-input-bg-col)}.ld-toggle--with-icons input:invalid~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:invalid~.ld-toggle__knob{background-color:var(--ld-toggle-invalid-knob-bg-col)}.ld-toggle--with-icons input:disabled,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host(.ld-toggle--with-icons) input:disabled,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-with-icons-disabled-input-bg-col)}.ld-toggle--with-icons input:disabled~.ld-toggle__knob,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:disabled~.ld-toggle__knob,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob{background-color:var(--ld-toggle-disabled-knob-bg-col)}.ld-toggle--with-icons .ld-toggle__knob,:host(.ld-toggle--with-icons) .ld-toggle__knob{background-color:var(--ld-toggle-with-icons-knob-col)}.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .5rem}.ld-toggle__icon-end,.ld-toggle__icon-start{align-items:center;display:flex;pointer-events:none;position:absolute;transition:color var(--ld-transition-duration-normal) ease-in-out;z-index:1}.ld-toggle__icon-end:empty,.ld-toggle__icon-start:empty{display:none}.ld-toggle__icon-start{color:var(--ld-toggle-icon-start-col);left:0}.ld-toggle__icon-end{color:var(--ld-toggle-icon-end-col);right:0} \ No newline at end of file diff --git a/1704966176737/css_components/ld-tooltip-popper.shadow.css b/1704966176737/css_components/ld-tooltip-popper.shadow.css new file mode 100644 index 0000000000..22054aa98b --- /dev/null +++ b/1704966176737/css_components/ld-tooltip-popper.shadow.css @@ -0,0 +1 @@ +@keyframes ld-tooltip-show{0%{opacity:0}to{opacity:1}}@keyframes ld-tooltip-hide{to{visibility:hidden}}:host(.ld-tooltip){--ld-zi-max:2147483647;--ld-tooltip-animation-duration:0s;--ld-tooltip-distance-from-trigger:var(--ld-sp-8);--ld-tooltip-max-width:20rem;--ld-tooltip-offset-x:0px;--ld-tooltip-offset-y:0px;--ld-tooltip-padding:var(--ld-sp-16);--ld-tooltip-sm-padding:var(--ld-sp-6) var(--ld-sp-8);--tooltip-col:var(--ld-col-neutral-900);--tooltip-bg-col:var(--ld-col-wht);animation:ld-tooltip-hide 0s ease var(--ld-tooltip-animation-duration);animation-fill-mode:forwards;margin-left:var(--ld-tooltip-offset-x);margin-top:var(--ld-tooltip-offset-y);max-width:var(--ld-tooltip-max-width);opacity:0;pointer-events:none;position:relative;transition:opacity var(--ld-tooltip-animation-duration) ease-in;z-index:var(--ld-zi-max)}:host(.ld-tooltip:not(.ld-tooltip--unstyled)){background-color:var(--tooltip-bg-col);border-radius:var(--ld-br-m);color:var(--tooltip-col);filter:var(--ld-drop-shadow-hover);padding:var(--ld-tooltip-padding)}@media (prefers-reduced-motion:no-preference){:host(.ld-tooltip--initialized){--ld-tooltip-animation-duration:var(--ld-transition-duration-normal)}}:host(.ld-tooltip--sm){--ld-tooltip-padding:var(--ld-tooltip-sm-padding)}:host(.ld-tooltip--with-arrow){--ld-tooltip-arrow-size:0.5rem;--ld-tooltip-arrow-offset:var(--ld-sp-16);--ld-tooltip-distance-from-trigger:calc(var(--ld-tooltip-arrow-size) + var(--ld-sp-8))}:host(.ld-tooltip--interactive){pointer-events:auto}:host(.ld-tooltip.ld-tether-enabled){animation:ld-tooltip-show var(--ld-tooltip-animation-duration) ease-out;opacity:1}:host(.ld-tooltip.ld-tether-element-attached-bottom) .ld-tooltip__arrow{bottom:var(--ld-tooltip-arrow-offset)}:host(.ld-tooltip.ld-tether-element-attached-bottom.ld-tether-target-attached-top){margin-top:calc(var(--ld-tooltip-distance-from-trigger) * -1 - var(--ld-tooltip-offset-y))}:host(.ld-tooltip.ld-tether-element-attached-bottom.ld-tether-target-attached-top) .ld-tooltip__arrow{border-top-color:var(--tooltip-bg-col);top:100%}:host(.ld-tooltip.ld-tether-element-attached-center) .ld-tooltip__arrow{left:calc(50% - var(--ld-tooltip-arrow-size))}:host(.ld-tooltip.ld-tether-element-attached-left.ld-tether-target-attached-right){margin-left:calc(var(--ld-tooltip-offset-x) + var(--ld-tooltip-distance-from-trigger))}:host(.ld-tooltip.ld-tether-element-attached-left.ld-tether-target-attached-right) .ld-tooltip__arrow{border-right-color:var(--tooltip-bg-col);right:100%}:host(.ld-tooltip.ld-tether-element-attached-middle) .ld-tooltip__arrow{top:calc(50% - var(--ld-tooltip-arrow-size))}:host(.ld-tooltip.ld-tether-element-attached-right) .ld-tooltip__arrow{right:var(--ld-tooltip-arrow-offset)}:host(.ld-tooltip.ld-tether-element-attached-right.ld-tether-target-attached-left){margin-left:calc(var(--ld-tooltip-distance-from-trigger) * -1 - var(--ld-tooltip-offset-x))}:host(.ld-tooltip.ld-tether-element-attached-right.ld-tether-target-attached-left) .ld-tooltip__arrow{border-left-color:var(--tooltip-bg-col);left:100%}:host(.ld-tooltip.ld-tether-element-attached-top.ld-tether-target-attached-bottom){margin-top:calc(var(--ld-tooltip-distance-from-trigger) + var(--ld-tooltip-offset-y))}:host(.ld-tooltip.ld-tether-element-attached-top.ld-tether-target-attached-bottom) .ld-tooltip__arrow{border-bottom-color:var(--tooltip-bg-col);bottom:100%}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top):where(.ld-tether-element-attached-right)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom):where(.ld-tether-element-attached-right)){--ld-tooltip-offset-x:1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top):where(.ld-tether-element-attached-left)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom):where(.ld-tether-element-attached-left)){--ld-tooltip-offset-x:-1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-left.ld-tether-target-attached-right):where(.ld-tether-element-attached-bottom)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-right.ld-tether-target-attached-left):where(.ld-tether-element-attached-bottom)){--ld-tooltip-offset-y:1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-left.ld-tether-target-attached-right):where(.ld-tether-element-attached-top)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-right.ld-tether-target-attached-left):where(.ld-tether-element-attached-top)){--ld-tooltip-offset-y:-1rem}.ld-tooltip__arrow{border:var(--ld-tooltip-arrow-size) solid #0000;position:absolute} \ No newline at end of file diff --git a/1704894792450/css_components/ld-tooltip.shadow.css b/1704966176737/css_components/ld-tooltip.shadow.css similarity index 100% rename from 1704894792450/css_components/ld-tooltip.shadow.css rename to 1704966176737/css_components/ld-tooltip.shadow.css diff --git a/1704894792450/css_components/ld-typo.css b/1704966176737/css_components/ld-typo.css similarity index 100% rename from 1704894792450/css_components/ld-typo.css rename to 1704966176737/css_components/ld-typo.css diff --git a/1704894792450/dist/build/assets/3d.svg b/1704966176737/dist/build/assets/3d.svg similarity index 100% rename from 1704894792450/dist/build/assets/3d.svg rename to 1704966176737/dist/build/assets/3d.svg diff --git a/1704894792450/dist/build/assets/add-icon.svg b/1704966176737/dist/build/assets/add-icon.svg similarity index 100% rename from 1704894792450/dist/build/assets/add-icon.svg rename to 1704966176737/dist/build/assets/add-icon.svg diff --git a/1704894792450/dist/build/assets/add.svg b/1704966176737/dist/build/assets/add.svg similarity index 100% rename from 1704894792450/dist/build/assets/add.svg rename to 1704966176737/dist/build/assets/add.svg diff --git a/1704894792450/dist/build/assets/arrow-double-left.svg b/1704966176737/dist/build/assets/arrow-double-left.svg similarity index 100% rename from 1704894792450/dist/build/assets/arrow-double-left.svg rename to 1704966176737/dist/build/assets/arrow-double-left.svg diff --git a/1704894792450/dist/build/assets/arrow-double-right.svg b/1704966176737/dist/build/assets/arrow-double-right.svg similarity index 100% rename from 1704894792450/dist/build/assets/arrow-double-right.svg rename to 1704966176737/dist/build/assets/arrow-double-right.svg diff --git a/1704894792450/dist/build/assets/arrow-down.svg b/1704966176737/dist/build/assets/arrow-down.svg similarity index 100% rename from 1704894792450/dist/build/assets/arrow-down.svg rename to 1704966176737/dist/build/assets/arrow-down.svg diff --git a/1704894792450/dist/build/assets/arrow-left.svg b/1704966176737/dist/build/assets/arrow-left.svg similarity index 100% rename from 1704894792450/dist/build/assets/arrow-left.svg rename to 1704966176737/dist/build/assets/arrow-left.svg diff --git a/1704894792450/dist/build/assets/arrow-right.svg b/1704966176737/dist/build/assets/arrow-right.svg similarity index 100% rename from 1704894792450/dist/build/assets/arrow-right.svg rename to 1704966176737/dist/build/assets/arrow-right.svg diff --git a/1704894792450/dist/build/assets/arrow-up-n-down.svg b/1704966176737/dist/build/assets/arrow-up-n-down.svg similarity index 100% rename from 1704894792450/dist/build/assets/arrow-up-n-down.svg rename to 1704966176737/dist/build/assets/arrow-up-n-down.svg diff --git a/1704894792450/dist/build/assets/arrow-up.svg b/1704966176737/dist/build/assets/arrow-up.svg similarity index 100% rename from 1704894792450/dist/build/assets/arrow-up.svg rename to 1704966176737/dist/build/assets/arrow-up.svg diff --git a/1704894792450/dist/build/assets/atom.svg b/1704966176737/dist/build/assets/atom.svg similarity index 100% rename from 1704894792450/dist/build/assets/atom.svg rename to 1704966176737/dist/build/assets/atom.svg diff --git a/1704894792450/dist/build/assets/attention.svg b/1704966176737/dist/build/assets/attention.svg similarity index 100% rename from 1704894792450/dist/build/assets/attention.svg rename to 1704966176737/dist/build/assets/attention.svg diff --git a/1704894792450/dist/build/assets/audio.svg b/1704966176737/dist/build/assets/audio.svg similarity index 100% rename from 1704894792450/dist/build/assets/audio.svg rename to 1704966176737/dist/build/assets/audio.svg diff --git a/1704894792450/dist/build/assets/baby.svg b/1704966176737/dist/build/assets/baby.svg similarity index 100% rename from 1704894792450/dist/build/assets/baby.svg rename to 1704966176737/dist/build/assets/baby.svg diff --git a/1704894792450/dist/build/assets/back.svg b/1704966176737/dist/build/assets/back.svg similarity index 100% rename from 1704894792450/dist/build/assets/back.svg rename to 1704966176737/dist/build/assets/back.svg diff --git a/1704894792450/dist/build/assets/bacteria-microscope-view.svg b/1704966176737/dist/build/assets/bacteria-microscope-view.svg similarity index 100% rename from 1704894792450/dist/build/assets/bacteria-microscope-view.svg rename to 1704966176737/dist/build/assets/bacteria-microscope-view.svg diff --git a/1704894792450/dist/build/assets/basket.svg b/1704966176737/dist/build/assets/basket.svg similarity index 100% rename from 1704894792450/dist/build/assets/basket.svg rename to 1704966176737/dist/build/assets/basket.svg diff --git a/1704894792450/dist/build/assets/battery-empty.svg b/1704966176737/dist/build/assets/battery-empty.svg similarity index 100% rename from 1704894792450/dist/build/assets/battery-empty.svg rename to 1704966176737/dist/build/assets/battery-empty.svg diff --git a/1704894792450/dist/build/assets/battery-full.svg b/1704966176737/dist/build/assets/battery-full.svg similarity index 100% rename from 1704894792450/dist/build/assets/battery-full.svg rename to 1704966176737/dist/build/assets/battery-full.svg diff --git a/1704894792450/dist/build/assets/battery-half.svg b/1704966176737/dist/build/assets/battery-half.svg similarity index 100% rename from 1704894792450/dist/build/assets/battery-half.svg rename to 1704966176737/dist/build/assets/battery-half.svg diff --git a/1704894792450/dist/build/assets/battery-low.svg b/1704966176737/dist/build/assets/battery-low.svg similarity index 100% rename from 1704894792450/dist/build/assets/battery-low.svg rename to 1704966176737/dist/build/assets/battery-low.svg diff --git a/1704894792450/dist/build/assets/battery.svg b/1704966176737/dist/build/assets/battery.svg similarity index 100% rename from 1704894792450/dist/build/assets/battery.svg rename to 1704966176737/dist/build/assets/battery.svg diff --git a/1704894792450/dist/build/assets/beaker.svg b/1704966176737/dist/build/assets/beaker.svg similarity index 100% rename from 1704894792450/dist/build/assets/beaker.svg rename to 1704966176737/dist/build/assets/beaker.svg diff --git a/1704894792450/dist/build/assets/beard.svg b/1704966176737/dist/build/assets/beard.svg similarity index 100% rename from 1704894792450/dist/build/assets/beard.svg rename to 1704966176737/dist/build/assets/beard.svg diff --git a/1704894792450/dist/build/assets/bell.svg b/1704966176737/dist/build/assets/bell.svg similarity index 100% rename from 1704894792450/dist/build/assets/bell.svg rename to 1704966176737/dist/build/assets/bell.svg diff --git a/1704894792450/dist/build/assets/big-cross.svg b/1704966176737/dist/build/assets/big-cross.svg similarity index 100% rename from 1704894792450/dist/build/assets/big-cross.svg rename to 1704966176737/dist/build/assets/big-cross.svg diff --git a/1704894792450/dist/build/assets/bin.svg b/1704966176737/dist/build/assets/bin.svg similarity index 100% rename from 1704894792450/dist/build/assets/bin.svg rename to 1704966176737/dist/build/assets/bin.svg diff --git a/1704894792450/dist/build/assets/bioreliance-cell.svg b/1704966176737/dist/build/assets/bioreliance-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/bioreliance-cell.svg rename to 1704966176737/dist/build/assets/bioreliance-cell.svg diff --git a/1704894792450/dist/build/assets/bitcoin.svg b/1704966176737/dist/build/assets/bitcoin.svg similarity index 100% rename from 1704894792450/dist/build/assets/bitcoin.svg rename to 1704966176737/dist/build/assets/bitcoin.svg diff --git a/1704894792450/dist/build/assets/bottle.svg b/1704966176737/dist/build/assets/bottle.svg similarity index 100% rename from 1704894792450/dist/build/assets/bottle.svg rename to 1704966176737/dist/build/assets/bottle.svg diff --git a/1704894792450/dist/build/assets/bottom-left.svg b/1704966176737/dist/build/assets/bottom-left.svg similarity index 100% rename from 1704894792450/dist/build/assets/bottom-left.svg rename to 1704966176737/dist/build/assets/bottom-left.svg diff --git a/1704894792450/dist/build/assets/bottom-right.svg b/1704966176737/dist/build/assets/bottom-right.svg similarity index 100% rename from 1704894792450/dist/build/assets/bottom-right.svg rename to 1704966176737/dist/build/assets/bottom-right.svg diff --git a/1704894792450/dist/build/assets/bulb.svg b/1704966176737/dist/build/assets/bulb.svg similarity index 100% rename from 1704894792450/dist/build/assets/bulb.svg rename to 1704966176737/dist/build/assets/bulb.svg diff --git a/1704894792450/dist/build/assets/burger-menu.svg b/1704966176737/dist/build/assets/burger-menu.svg similarity index 100% rename from 1704894792450/dist/build/assets/burger-menu.svg rename to 1704966176737/dist/build/assets/burger-menu.svg diff --git a/1704894792450/dist/build/assets/burger.svg b/1704966176737/dist/build/assets/burger.svg similarity index 100% rename from 1704894792450/dist/build/assets/burger.svg rename to 1704966176737/dist/build/assets/burger.svg diff --git a/1704894792450/dist/build/assets/cabriolet.svg b/1704966176737/dist/build/assets/cabriolet.svg similarity index 100% rename from 1704894792450/dist/build/assets/cabriolet.svg rename to 1704966176737/dist/build/assets/cabriolet.svg diff --git a/1704894792450/dist/build/assets/calendar.svg b/1704966176737/dist/build/assets/calendar.svg similarity index 100% rename from 1704894792450/dist/build/assets/calendar.svg rename to 1704966176737/dist/build/assets/calendar.svg diff --git a/1704894792450/dist/build/assets/camcorder.svg b/1704966176737/dist/build/assets/camcorder.svg similarity index 100% rename from 1704894792450/dist/build/assets/camcorder.svg rename to 1704966176737/dist/build/assets/camcorder.svg diff --git a/1704894792450/dist/build/assets/camera.svg b/1704966176737/dist/build/assets/camera.svg similarity index 100% rename from 1704894792450/dist/build/assets/camera.svg rename to 1704966176737/dist/build/assets/camera.svg diff --git a/1704894792450/dist/build/assets/car.svg b/1704966176737/dist/build/assets/car.svg similarity index 100% rename from 1704894792450/dist/build/assets/car.svg rename to 1704966176737/dist/build/assets/car.svg diff --git a/1704894792450/dist/build/assets/cards.svg b/1704966176737/dist/build/assets/cards.svg similarity index 100% rename from 1704894792450/dist/build/assets/cards.svg rename to 1704966176737/dist/build/assets/cards.svg diff --git a/1704894792450/dist/build/assets/chat.svg b/1704966176737/dist/build/assets/chat.svg similarity index 100% rename from 1704894792450/dist/build/assets/chat.svg rename to 1704966176737/dist/build/assets/chat.svg diff --git a/1704894792450/dist/build/assets/checkmark.svg b/1704966176737/dist/build/assets/checkmark.svg similarity index 100% rename from 1704894792450/dist/build/assets/checkmark.svg rename to 1704966176737/dist/build/assets/checkmark.svg diff --git a/1704894792450/dist/build/assets/chevron-components-dark.svg b/1704966176737/dist/build/assets/chevron-components-dark.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-components-dark.svg rename to 1704966176737/dist/build/assets/chevron-components-dark.svg diff --git a/1704894792450/dist/build/assets/chevron-components-light.svg b/1704966176737/dist/build/assets/chevron-components-light.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-components-light.svg rename to 1704966176737/dist/build/assets/chevron-components-light.svg diff --git a/1704894792450/dist/build/assets/chevron-data-visualization-dark.svg b/1704966176737/dist/build/assets/chevron-data-visualization-dark.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-data-visualization-dark.svg rename to 1704966176737/dist/build/assets/chevron-data-visualization-dark.svg diff --git a/1704894792450/dist/build/assets/chevron-data-visualization-light.svg b/1704966176737/dist/build/assets/chevron-data-visualization-light.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-data-visualization-light.svg rename to 1704966176737/dist/build/assets/chevron-data-visualization-light.svg diff --git a/1704894792450/dist/build/assets/chevron-globals-dark.svg b/1704966176737/dist/build/assets/chevron-globals-dark.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-globals-dark.svg rename to 1704966176737/dist/build/assets/chevron-globals-dark.svg diff --git a/1704894792450/dist/build/assets/chevron-globals-light.svg b/1704966176737/dist/build/assets/chevron-globals-light.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-globals-light.svg rename to 1704966176737/dist/build/assets/chevron-globals-light.svg diff --git a/1704894792450/dist/build/assets/chevron-guides-dark.svg b/1704966176737/dist/build/assets/chevron-guides-dark.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-guides-dark.svg rename to 1704966176737/dist/build/assets/chevron-guides-dark.svg diff --git a/1704894792450/dist/build/assets/chevron-guides-light.svg b/1704966176737/dist/build/assets/chevron-guides-light.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-guides-light.svg rename to 1704966176737/dist/build/assets/chevron-guides-light.svg diff --git a/1704894792450/dist/build/assets/chevron-introduction-dark.svg b/1704966176737/dist/build/assets/chevron-introduction-dark.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-introduction-dark.svg rename to 1704966176737/dist/build/assets/chevron-introduction-dark.svg diff --git a/1704894792450/dist/build/assets/chevron-introduction-light.svg b/1704966176737/dist/build/assets/chevron-introduction-light.svg similarity index 100% rename from 1704894792450/dist/build/assets/chevron-introduction-light.svg rename to 1704966176737/dist/build/assets/chevron-introduction-light.svg diff --git a/1704894792450/dist/build/assets/choir.svg b/1704966176737/dist/build/assets/choir.svg similarity index 100% rename from 1704894792450/dist/build/assets/choir.svg rename to 1704966176737/dist/build/assets/choir.svg diff --git a/1704894792450/dist/build/assets/clip.svg b/1704966176737/dist/build/assets/clip.svg similarity index 100% rename from 1704894792450/dist/build/assets/clip.svg rename to 1704966176737/dist/build/assets/clip.svg diff --git a/1704894792450/dist/build/assets/clock.svg b/1704966176737/dist/build/assets/clock.svg similarity index 100% rename from 1704894792450/dist/build/assets/clock.svg rename to 1704966176737/dist/build/assets/clock.svg diff --git a/1704894792450/dist/build/assets/cloud-download.svg b/1704966176737/dist/build/assets/cloud-download.svg similarity index 100% rename from 1704894792450/dist/build/assets/cloud-download.svg rename to 1704966176737/dist/build/assets/cloud-download.svg diff --git a/1704894792450/dist/build/assets/cloud-upload.svg b/1704966176737/dist/build/assets/cloud-upload.svg similarity index 100% rename from 1704894792450/dist/build/assets/cloud-upload.svg rename to 1704966176737/dist/build/assets/cloud-upload.svg diff --git a/1704894792450/dist/build/assets/cloud.svg b/1704966176737/dist/build/assets/cloud.svg similarity index 100% rename from 1704894792450/dist/build/assets/cloud.svg rename to 1704966176737/dist/build/assets/cloud.svg diff --git a/1704894792450/dist/build/assets/coffee.svg b/1704966176737/dist/build/assets/coffee.svg similarity index 100% rename from 1704894792450/dist/build/assets/coffee.svg rename to 1704966176737/dist/build/assets/coffee.svg diff --git a/1704894792450/dist/build/assets/components.svg b/1704966176737/dist/build/assets/components.svg similarity index 100% rename from 1704894792450/dist/build/assets/components.svg rename to 1704966176737/dist/build/assets/components.svg diff --git a/1704894792450/dist/build/assets/control.svg b/1704966176737/dist/build/assets/control.svg similarity index 100% rename from 1704894792450/dist/build/assets/control.svg rename to 1704966176737/dist/build/assets/control.svg diff --git a/1704894792450/dist/build/assets/conversation.svg b/1704966176737/dist/build/assets/conversation.svg similarity index 100% rename from 1704894792450/dist/build/assets/conversation.svg rename to 1704966176737/dist/build/assets/conversation.svg diff --git a/1704894792450/dist/build/assets/copy.svg b/1704966176737/dist/build/assets/copy.svg similarity index 100% rename from 1704894792450/dist/build/assets/copy.svg rename to 1704966176737/dist/build/assets/copy.svg diff --git a/1704894792450/dist/build/assets/cost-center.svg b/1704966176737/dist/build/assets/cost-center.svg similarity index 100% rename from 1704894792450/dist/build/assets/cost-center.svg rename to 1704966176737/dist/build/assets/cost-center.svg diff --git a/1704894792450/dist/build/assets/coupon.svg b/1704966176737/dist/build/assets/coupon.svg similarity index 100% rename from 1704894792450/dist/build/assets/coupon.svg rename to 1704966176737/dist/build/assets/coupon.svg diff --git a/1704894792450/dist/build/assets/credit-card.svg b/1704966176737/dist/build/assets/credit-card.svg similarity index 100% rename from 1704894792450/dist/build/assets/credit-card.svg rename to 1704966176737/dist/build/assets/credit-card.svg diff --git a/1704894792450/dist/build/assets/cross.svg b/1704966176737/dist/build/assets/cross.svg similarity index 100% rename from 1704894792450/dist/build/assets/cross.svg rename to 1704966176737/dist/build/assets/cross.svg diff --git a/1704894792450/dist/build/assets/dashboard.svg b/1704966176737/dist/build/assets/dashboard.svg similarity index 100% rename from 1704894792450/dist/build/assets/dashboard.svg rename to 1704966176737/dist/build/assets/dashboard.svg diff --git a/1704894792450/dist/build/assets/data-storage.svg b/1704966176737/dist/build/assets/data-storage.svg similarity index 100% rename from 1704894792450/dist/build/assets/data-storage.svg rename to 1704966176737/dist/build/assets/data-storage.svg diff --git a/1704894792450/dist/build/assets/data-visualization.svg b/1704966176737/dist/build/assets/data-visualization.svg similarity index 100% rename from 1704894792450/dist/build/assets/data-visualization.svg rename to 1704966176737/dist/build/assets/data-visualization.svg diff --git a/1704894792450/dist/build/assets/dna.svg b/1704966176737/dist/build/assets/dna.svg similarity index 100% rename from 1704894792450/dist/build/assets/dna.svg rename to 1704966176737/dist/build/assets/dna.svg diff --git a/1704894792450/dist/build/assets/documents-storage.svg b/1704966176737/dist/build/assets/documents-storage.svg similarity index 100% rename from 1704894792450/dist/build/assets/documents-storage.svg rename to 1704966176737/dist/build/assets/documents-storage.svg diff --git a/1704894792450/dist/build/assets/documents.svg b/1704966176737/dist/build/assets/documents.svg similarity index 100% rename from 1704894792450/dist/build/assets/documents.svg rename to 1704966176737/dist/build/assets/documents.svg diff --git a/1704894792450/dist/build/assets/dollar.svg b/1704966176737/dist/build/assets/dollar.svg similarity index 100% rename from 1704894792450/dist/build/assets/dollar.svg rename to 1704966176737/dist/build/assets/dollar.svg diff --git a/1704894792450/dist/build/assets/donut.svg b/1704966176737/dist/build/assets/donut.svg similarity index 100% rename from 1704894792450/dist/build/assets/donut.svg rename to 1704966176737/dist/build/assets/donut.svg diff --git a/1704894792450/dist/build/assets/dot.svg b/1704966176737/dist/build/assets/dot.svg similarity index 100% rename from 1704894792450/dist/build/assets/dot.svg rename to 1704966176737/dist/build/assets/dot.svg diff --git a/1704894792450/dist/build/assets/dots.svg b/1704966176737/dist/build/assets/dots.svg similarity index 100% rename from 1704894792450/dist/build/assets/dots.svg rename to 1704966176737/dist/build/assets/dots.svg diff --git a/1704894792450/dist/build/assets/download.svg b/1704966176737/dist/build/assets/download.svg similarity index 100% rename from 1704894792450/dist/build/assets/download.svg rename to 1704966176737/dist/build/assets/download.svg diff --git a/1704894792450/dist/build/assets/eco.svg b/1704966176737/dist/build/assets/eco.svg similarity index 100% rename from 1704894792450/dist/build/assets/eco.svg rename to 1704966176737/dist/build/assets/eco.svg diff --git a/1704894792450/dist/build/assets/education.svg b/1704966176737/dist/build/assets/education.svg similarity index 100% rename from 1704894792450/dist/build/assets/education.svg rename to 1704966176737/dist/build/assets/education.svg diff --git a/1704894792450/dist/build/assets/electric-car.svg b/1704966176737/dist/build/assets/electric-car.svg similarity index 100% rename from 1704894792450/dist/build/assets/electric-car.svg rename to 1704966176737/dist/build/assets/electric-car.svg diff --git a/1704894792450/dist/build/assets/energy.svg b/1704966176737/dist/build/assets/energy.svg similarity index 100% rename from 1704894792450/dist/build/assets/energy.svg rename to 1704966176737/dist/build/assets/energy.svg diff --git a/1704894792450/dist/build/assets/euro.svg b/1704966176737/dist/build/assets/euro.svg similarity index 100% rename from 1704894792450/dist/build/assets/euro.svg rename to 1704966176737/dist/build/assets/euro.svg diff --git a/1704894792450/dist/build/assets/external-export.svg b/1704966176737/dist/build/assets/external-export.svg similarity index 100% rename from 1704894792450/dist/build/assets/external-export.svg rename to 1704966176737/dist/build/assets/external-export.svg diff --git a/1704894792450/dist/build/assets/f-cell.svg b/1704966176737/dist/build/assets/f-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/f-cell.svg rename to 1704966176737/dist/build/assets/f-cell.svg diff --git a/1704894792450/dist/build/assets/fast-forward.svg b/1704966176737/dist/build/assets/fast-forward.svg similarity index 100% rename from 1704894792450/dist/build/assets/fast-forward.svg rename to 1704966176737/dist/build/assets/fast-forward.svg diff --git a/1704894792450/dist/build/assets/favorite.svg b/1704966176737/dist/build/assets/favorite.svg similarity index 100% rename from 1704894792450/dist/build/assets/favorite.svg rename to 1704966176737/dist/build/assets/favorite.svg diff --git a/1704894792450/dist/build/assets/figma.svg b/1704966176737/dist/build/assets/figma.svg similarity index 100% rename from 1704894792450/dist/build/assets/figma.svg rename to 1704966176737/dist/build/assets/figma.svg diff --git a/1704894792450/dist/build/assets/files.svg b/1704966176737/dist/build/assets/files.svg similarity index 100% rename from 1704894792450/dist/build/assets/files.svg rename to 1704966176737/dist/build/assets/files.svg diff --git a/1704894792450/dist/build/assets/filter.svg b/1704966176737/dist/build/assets/filter.svg similarity index 100% rename from 1704894792450/dist/build/assets/filter.svg rename to 1704966176737/dist/build/assets/filter.svg diff --git a/1704894792450/dist/build/assets/finance.svg b/1704966176737/dist/build/assets/finance.svg similarity index 100% rename from 1704894792450/dist/build/assets/finance.svg rename to 1704966176737/dist/build/assets/finance.svg diff --git a/1704894792450/dist/build/assets/first-aid.svg b/1704966176737/dist/build/assets/first-aid.svg similarity index 100% rename from 1704894792450/dist/build/assets/first-aid.svg rename to 1704966176737/dist/build/assets/first-aid.svg diff --git a/1704894792450/dist/build/assets/flask.svg b/1704966176737/dist/build/assets/flask.svg similarity index 100% rename from 1704894792450/dist/build/assets/flask.svg rename to 1704966176737/dist/build/assets/flask.svg diff --git a/1704894792450/dist/build/assets/football.svg b/1704966176737/dist/build/assets/football.svg similarity index 100% rename from 1704894792450/dist/build/assets/football.svg rename to 1704966176737/dist/build/assets/football.svg diff --git a/1704894792450/dist/build/assets/gamepad.svg b/1704966176737/dist/build/assets/gamepad.svg similarity index 100% rename from 1704894792450/dist/build/assets/gamepad.svg rename to 1704966176737/dist/build/assets/gamepad.svg diff --git a/1704894792450/dist/build/assets/github.svg b/1704966176737/dist/build/assets/github.svg similarity index 100% rename from 1704894792450/dist/build/assets/github.svg rename to 1704966176737/dist/build/assets/github.svg diff --git a/1704894792450/dist/build/assets/globals.svg b/1704966176737/dist/build/assets/globals.svg similarity index 100% rename from 1704894792450/dist/build/assets/globals.svg rename to 1704966176737/dist/build/assets/globals.svg diff --git a/1704894792450/dist/build/assets/guides.svg b/1704966176737/dist/build/assets/guides.svg similarity index 100% rename from 1704894792450/dist/build/assets/guides.svg rename to 1704966176737/dist/build/assets/guides.svg diff --git a/1704894792450/dist/build/assets/half-dot.svg b/1704966176737/dist/build/assets/half-dot.svg similarity index 100% rename from 1704894792450/dist/build/assets/half-dot.svg rename to 1704966176737/dist/build/assets/half-dot.svg diff --git a/1704894792450/dist/build/assets/half-star.svg b/1704966176737/dist/build/assets/half-star.svg similarity index 100% rename from 1704894792450/dist/build/assets/half-star.svg rename to 1704966176737/dist/build/assets/half-star.svg diff --git a/1704894792450/dist/build/assets/hexagon-cell.svg b/1704966176737/dist/build/assets/hexagon-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/hexagon-cell.svg rename to 1704966176737/dist/build/assets/hexagon-cell.svg diff --git a/1704894792450/dist/build/assets/house.svg b/1704966176737/dist/build/assets/house.svg similarity index 100% rename from 1704894792450/dist/build/assets/house.svg rename to 1704966176737/dist/build/assets/house.svg diff --git a/1704894792450/dist/build/assets/hyperlink.svg b/1704966176737/dist/build/assets/hyperlink.svg similarity index 100% rename from 1704894792450/dist/build/assets/hyperlink.svg rename to 1704966176737/dist/build/assets/hyperlink.svg diff --git a/1704894792450/dist/build/assets/info-mark.svg b/1704966176737/dist/build/assets/info-mark.svg similarity index 100% rename from 1704894792450/dist/build/assets/info-mark.svg rename to 1704966176737/dist/build/assets/info-mark.svg diff --git a/1704894792450/dist/build/assets/info.svg b/1704966176737/dist/build/assets/info.svg similarity index 100% rename from 1704894792450/dist/build/assets/info.svg rename to 1704966176737/dist/build/assets/info.svg diff --git a/1704894792450/dist/build/assets/initial-m.svg b/1704966176737/dist/build/assets/initial-m.svg similarity index 100% rename from 1704894792450/dist/build/assets/initial-m.svg rename to 1704966176737/dist/build/assets/initial-m.svg diff --git a/1704894792450/dist/build/assets/introduction.svg b/1704966176737/dist/build/assets/introduction.svg similarity index 100% rename from 1704894792450/dist/build/assets/introduction.svg rename to 1704966176737/dist/build/assets/introduction.svg diff --git a/1704894792450/dist/build/assets/jpeg.svg b/1704966176737/dist/build/assets/jpeg.svg similarity index 100% rename from 1704894792450/dist/build/assets/jpeg.svg rename to 1704966176737/dist/build/assets/jpeg.svg diff --git a/1704894792450/dist/build/assets/keys.svg b/1704966176737/dist/build/assets/keys.svg similarity index 100% rename from 1704894792450/dist/build/assets/keys.svg rename to 1704966176737/dist/build/assets/keys.svg diff --git a/1704894792450/dist/build/assets/laptop-mobile.svg b/1704966176737/dist/build/assets/laptop-mobile.svg similarity index 100% rename from 1704894792450/dist/build/assets/laptop-mobile.svg rename to 1704966176737/dist/build/assets/laptop-mobile.svg diff --git a/1704894792450/dist/build/assets/laptop.svg b/1704966176737/dist/build/assets/laptop.svg similarity index 100% rename from 1704894792450/dist/build/assets/laptop.svg rename to 1704966176737/dist/build/assets/laptop.svg diff --git a/1704894792450/dist/build/assets/layer.svg b/1704966176737/dist/build/assets/layer.svg similarity index 100% rename from 1704894792450/dist/build/assets/layer.svg rename to 1704966176737/dist/build/assets/layer.svg diff --git a/1704894792450/dist/build/assets/ld-input-message-error.svg b/1704966176737/dist/build/assets/ld-input-message-error.svg similarity index 100% rename from 1704894792450/dist/build/assets/ld-input-message-error.svg rename to 1704966176737/dist/build/assets/ld-input-message-error.svg diff --git a/1704894792450/dist/build/assets/ld-input-message-info.svg b/1704966176737/dist/build/assets/ld-input-message-info.svg similarity index 71% rename from 1704894792450/dist/build/assets/ld-input-message-info.svg rename to 1704966176737/dist/build/assets/ld-input-message-info.svg index c71d5f6e64..05c60f3154 100644 --- a/1704894792450/dist/build/assets/ld-input-message-info.svg +++ b/1704966176737/dist/build/assets/ld-input-message-info.svg @@ -1,6 +1,5 @@ - - - - - + + + + diff --git a/1704894792450/dist/build/assets/ld-input-message-success.svg b/1704966176737/dist/build/assets/ld-input-message-success.svg similarity index 100% rename from 1704894792450/dist/build/assets/ld-input-message-success.svg rename to 1704966176737/dist/build/assets/ld-input-message-success.svg diff --git a/1704894792450/dist/build/assets/ld-input-message-valid.svg b/1704966176737/dist/build/assets/ld-input-message-valid.svg similarity index 100% rename from 1704894792450/dist/build/assets/ld-input-message-valid.svg rename to 1704966176737/dist/build/assets/ld-input-message-valid.svg diff --git a/1704894792450/dist/build/assets/ld-input-message-warning.svg b/1704966176737/dist/build/assets/ld-input-message-warning.svg similarity index 100% rename from 1704894792450/dist/build/assets/ld-input-message-warning.svg rename to 1704966176737/dist/build/assets/ld-input-message-warning.svg diff --git a/1704894792450/dist/build/assets/list.svg b/1704966176737/dist/build/assets/list.svg similarity index 100% rename from 1704894792450/dist/build/assets/list.svg rename to 1704966176737/dist/build/assets/list.svg diff --git a/1704894792450/dist/build/assets/location.svg b/1704966176737/dist/build/assets/location.svg similarity index 100% rename from 1704894792450/dist/build/assets/location.svg rename to 1704966176737/dist/build/assets/location.svg diff --git a/1704894792450/dist/build/assets/lock-save.svg b/1704966176737/dist/build/assets/lock-save.svg similarity index 100% rename from 1704894792450/dist/build/assets/lock-save.svg rename to 1704966176737/dist/build/assets/lock-save.svg diff --git a/1704894792450/dist/build/assets/logistic.svg b/1704966176737/dist/build/assets/logistic.svg similarity index 100% rename from 1704894792450/dist/build/assets/logistic.svg rename to 1704966176737/dist/build/assets/logistic.svg diff --git a/1704894792450/dist/build/assets/logo.svg b/1704966176737/dist/build/assets/logo.svg similarity index 100% rename from 1704894792450/dist/build/assets/logo.svg rename to 1704966176737/dist/build/assets/logo.svg diff --git a/1704894792450/dist/build/assets/m-card.svg b/1704966176737/dist/build/assets/m-card.svg similarity index 100% rename from 1704894792450/dist/build/assets/m-card.svg rename to 1704966176737/dist/build/assets/m-card.svg diff --git a/1704894792450/dist/build/assets/magnifier.svg b/1704966176737/dist/build/assets/magnifier.svg similarity index 100% rename from 1704894792450/dist/build/assets/magnifier.svg rename to 1704966176737/dist/build/assets/magnifier.svg diff --git a/1704894792450/dist/build/assets/mail.svg b/1704966176737/dist/build/assets/mail.svg similarity index 100% rename from 1704894792450/dist/build/assets/mail.svg rename to 1704966176737/dist/build/assets/mail.svg diff --git a/1704894792450/dist/build/assets/matryoshka.svg b/1704966176737/dist/build/assets/matryoshka.svg similarity index 100% rename from 1704894792450/dist/build/assets/matryoshka.svg rename to 1704966176737/dist/build/assets/matryoshka.svg diff --git a/1704894792450/dist/build/assets/mdo-cell.svg b/1704966176737/dist/build/assets/mdo-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/mdo-cell.svg rename to 1704966176737/dist/build/assets/mdo-cell.svg diff --git a/1704894792450/dist/build/assets/medical-file.svg b/1704966176737/dist/build/assets/medical-file.svg similarity index 100% rename from 1704894792450/dist/build/assets/medical-file.svg rename to 1704966176737/dist/build/assets/medical-file.svg diff --git a/1704894792450/dist/build/assets/medicine.svg b/1704966176737/dist/build/assets/medicine.svg similarity index 100% rename from 1704894792450/dist/build/assets/medicine.svg rename to 1704966176737/dist/build/assets/medicine.svg diff --git a/1704894792450/dist/build/assets/meetup.svg b/1704966176737/dist/build/assets/meetup.svg similarity index 100% rename from 1704894792450/dist/build/assets/meetup.svg rename to 1704966176737/dist/build/assets/meetup.svg diff --git a/1704894792450/dist/build/assets/mic.svg b/1704966176737/dist/build/assets/mic.svg similarity index 100% rename from 1704894792450/dist/build/assets/mic.svg rename to 1704966176737/dist/build/assets/mic.svg diff --git a/1704894792450/dist/build/assets/microscope.svg b/1704966176737/dist/build/assets/microscope.svg similarity index 100% rename from 1704894792450/dist/build/assets/microscope.svg rename to 1704966176737/dist/build/assets/microscope.svg diff --git a/1704894792450/dist/build/assets/millipore-cell.svg b/1704966176737/dist/build/assets/millipore-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/millipore-cell.svg rename to 1704966176737/dist/build/assets/millipore-cell.svg diff --git a/1704894792450/dist/build/assets/milliq-cell.svg b/1704966176737/dist/build/assets/milliq-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/milliq-cell.svg rename to 1704966176737/dist/build/assets/milliq-cell.svg diff --git a/1704894792450/dist/build/assets/minus.svg b/1704966176737/dist/build/assets/minus.svg similarity index 100% rename from 1704894792450/dist/build/assets/minus.svg rename to 1704966176737/dist/build/assets/minus.svg diff --git a/1704894792450/dist/build/assets/mobile.svg b/1704966176737/dist/build/assets/mobile.svg similarity index 100% rename from 1704894792450/dist/build/assets/mobile.svg rename to 1704966176737/dist/build/assets/mobile.svg diff --git a/1704894792450/dist/build/assets/money.svg b/1704966176737/dist/build/assets/money.svg similarity index 100% rename from 1704894792450/dist/build/assets/money.svg rename to 1704966176737/dist/build/assets/money.svg diff --git a/1704894792450/dist/build/assets/monitor.svg b/1704966176737/dist/build/assets/monitor.svg similarity index 100% rename from 1704894792450/dist/build/assets/monitor.svg rename to 1704966176737/dist/build/assets/monitor.svg diff --git a/1704894792450/dist/build/assets/monkey.svg b/1704966176737/dist/build/assets/monkey.svg similarity index 100% rename from 1704894792450/dist/build/assets/monkey.svg rename to 1704966176737/dist/build/assets/monkey.svg diff --git a/1704894792450/dist/build/assets/navigator.svg b/1704966176737/dist/build/assets/navigator.svg similarity index 100% rename from 1704894792450/dist/build/assets/navigator.svg rename to 1704966176737/dist/build/assets/navigator.svg diff --git a/1704894792450/dist/build/assets/o-cell.svg b/1704966176737/dist/build/assets/o-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/o-cell.svg rename to 1704966176737/dist/build/assets/o-cell.svg diff --git a/1704894792450/dist/build/assets/option-h.svg b/1704966176737/dist/build/assets/option-h.svg similarity index 100% rename from 1704894792450/dist/build/assets/option-h.svg rename to 1704966176737/dist/build/assets/option-h.svg diff --git a/1704894792450/dist/build/assets/option-v.svg b/1704966176737/dist/build/assets/option-v.svg similarity index 100% rename from 1704894792450/dist/build/assets/option-v.svg rename to 1704966176737/dist/build/assets/option-v.svg diff --git a/1704894792450/dist/build/assets/option.svg b/1704966176737/dist/build/assets/option.svg similarity index 100% rename from 1704894792450/dist/build/assets/option.svg rename to 1704966176737/dist/build/assets/option.svg diff --git a/1704894792450/dist/build/assets/pause.svg b/1704966176737/dist/build/assets/pause.svg similarity index 100% rename from 1704894792450/dist/build/assets/pause.svg rename to 1704966176737/dist/build/assets/pause.svg diff --git a/1704894792450/dist/build/assets/pdf.svg b/1704966176737/dist/build/assets/pdf.svg similarity index 100% rename from 1704894792450/dist/build/assets/pdf.svg rename to 1704966176737/dist/build/assets/pdf.svg diff --git a/1704894792450/dist/build/assets/pen.svg b/1704966176737/dist/build/assets/pen.svg similarity index 100% rename from 1704894792450/dist/build/assets/pen.svg rename to 1704966176737/dist/build/assets/pen.svg diff --git a/1704894792450/dist/build/assets/phone.svg b/1704966176737/dist/build/assets/phone.svg similarity index 100% rename from 1704894792450/dist/build/assets/phone.svg rename to 1704966176737/dist/build/assets/phone.svg diff --git a/1704894792450/dist/build/assets/pill.svg b/1704966176737/dist/build/assets/pill.svg similarity index 100% rename from 1704894792450/dist/build/assets/pill.svg rename to 1704966176737/dist/build/assets/pill.svg diff --git a/1704894792450/dist/build/assets/pipette.svg b/1704966176737/dist/build/assets/pipette.svg similarity index 100% rename from 1704894792450/dist/build/assets/pipette.svg rename to 1704966176737/dist/build/assets/pipette.svg diff --git a/1704894792450/dist/build/assets/pisces.svg b/1704966176737/dist/build/assets/pisces.svg similarity index 100% rename from 1704894792450/dist/build/assets/pisces.svg rename to 1704966176737/dist/build/assets/pisces.svg diff --git a/1704894792450/dist/build/assets/placeholder.svg b/1704966176737/dist/build/assets/placeholder.svg similarity index 100% rename from 1704894792450/dist/build/assets/placeholder.svg rename to 1704966176737/dist/build/assets/placeholder.svg diff --git a/1704894792450/dist/build/assets/plane.svg b/1704966176737/dist/build/assets/plane.svg similarity index 100% rename from 1704894792450/dist/build/assets/plane.svg rename to 1704966176737/dist/build/assets/plane.svg diff --git a/1704894792450/dist/build/assets/plant.svg b/1704966176737/dist/build/assets/plant.svg similarity index 100% rename from 1704894792450/dist/build/assets/plant.svg rename to 1704966176737/dist/build/assets/plant.svg diff --git a/1704894792450/dist/build/assets/play.svg b/1704966176737/dist/build/assets/play.svg similarity index 100% rename from 1704894792450/dist/build/assets/play.svg rename to 1704966176737/dist/build/assets/play.svg diff --git a/1704894792450/dist/build/assets/plus.svg b/1704966176737/dist/build/assets/plus.svg similarity index 100% rename from 1704894792450/dist/build/assets/plus.svg rename to 1704966176737/dist/build/assets/plus.svg diff --git a/1704894792450/dist/build/assets/pound.svg b/1704966176737/dist/build/assets/pound.svg similarity index 100% rename from 1704894792450/dist/build/assets/pound.svg rename to 1704966176737/dist/build/assets/pound.svg diff --git a/1704894792450/dist/build/assets/pretzel.svg b/1704966176737/dist/build/assets/pretzel.svg similarity index 100% rename from 1704894792450/dist/build/assets/pretzel.svg rename to 1704966176737/dist/build/assets/pretzel.svg diff --git a/1704894792450/dist/build/assets/print.svg b/1704966176737/dist/build/assets/print.svg similarity index 100% rename from 1704894792450/dist/build/assets/print.svg rename to 1704966176737/dist/build/assets/print.svg diff --git a/1704894792450/dist/build/assets/pulse.svg b/1704966176737/dist/build/assets/pulse.svg similarity index 100% rename from 1704894792450/dist/build/assets/pulse.svg rename to 1704966176737/dist/build/assets/pulse.svg diff --git a/1704894792450/dist/build/assets/puzzle.svg b/1704966176737/dist/build/assets/puzzle.svg similarity index 100% rename from 1704894792450/dist/build/assets/puzzle.svg rename to 1704966176737/dist/build/assets/puzzle.svg diff --git a/1704894792450/dist/build/assets/real-arrow-down.svg b/1704966176737/dist/build/assets/real-arrow-down.svg similarity index 100% rename from 1704894792450/dist/build/assets/real-arrow-down.svg rename to 1704966176737/dist/build/assets/real-arrow-down.svg diff --git a/1704894792450/dist/build/assets/real-arrow-left.svg b/1704966176737/dist/build/assets/real-arrow-left.svg similarity index 100% rename from 1704894792450/dist/build/assets/real-arrow-left.svg rename to 1704966176737/dist/build/assets/real-arrow-left.svg diff --git a/1704894792450/dist/build/assets/real-arrow-right.svg b/1704966176737/dist/build/assets/real-arrow-right.svg similarity index 100% rename from 1704894792450/dist/build/assets/real-arrow-right.svg rename to 1704966176737/dist/build/assets/real-arrow-right.svg diff --git a/1704894792450/dist/build/assets/real-arrow-up.svg b/1704966176737/dist/build/assets/real-arrow-up.svg similarity index 100% rename from 1704894792450/dist/build/assets/real-arrow-up.svg rename to 1704966176737/dist/build/assets/real-arrow-up.svg diff --git a/1704894792450/dist/build/assets/real-arrow.svg b/1704966176737/dist/build/assets/real-arrow.svg similarity index 100% rename from 1704894792450/dist/build/assets/real-arrow.svg rename to 1704966176737/dist/build/assets/real-arrow.svg diff --git a/1704894792450/dist/build/assets/refresh.svg b/1704966176737/dist/build/assets/refresh.svg similarity index 100% rename from 1704894792450/dist/build/assets/refresh.svg rename to 1704966176737/dist/build/assets/refresh.svg diff --git a/1704894792450/dist/build/assets/remove-icon.svg b/1704966176737/dist/build/assets/remove-icon.svg similarity index 100% rename from 1704894792450/dist/build/assets/remove-icon.svg rename to 1704966176737/dist/build/assets/remove-icon.svg diff --git a/1704894792450/dist/build/assets/remove.svg b/1704966176737/dist/build/assets/remove.svg similarity index 100% rename from 1704894792450/dist/build/assets/remove.svg rename to 1704966176737/dist/build/assets/remove.svg diff --git a/1704894792450/dist/build/assets/repost.svg b/1704966176737/dist/build/assets/repost.svg similarity index 100% rename from 1704894792450/dist/build/assets/repost.svg rename to 1704966176737/dist/build/assets/repost.svg diff --git a/1704894792450/dist/build/assets/rewind.svg b/1704966176737/dist/build/assets/rewind.svg similarity index 100% rename from 1704894792450/dist/build/assets/rewind.svg rename to 1704966176737/dist/build/assets/rewind.svg diff --git a/1704894792450/dist/build/assets/rocket.svg b/1704966176737/dist/build/assets/rocket.svg similarity index 100% rename from 1704894792450/dist/build/assets/rocket.svg rename to 1704966176737/dist/build/assets/rocket.svg diff --git a/1704894792450/dist/build/assets/safc-cell.svg b/1704966176737/dist/build/assets/safc-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/safc-cell.svg rename to 1704966176737/dist/build/assets/safc-cell.svg diff --git a/1704894792450/dist/build/assets/san-francisco.svg b/1704966176737/dist/build/assets/san-francisco.svg similarity index 100% rename from 1704894792450/dist/build/assets/san-francisco.svg rename to 1704966176737/dist/build/assets/san-francisco.svg diff --git a/1704894792450/dist/build/assets/satelite.svg b/1704966176737/dist/build/assets/satelite.svg similarity index 100% rename from 1704894792450/dist/build/assets/satelite.svg rename to 1704966176737/dist/build/assets/satelite.svg diff --git a/1704894792450/dist/build/assets/savings.svg b/1704966176737/dist/build/assets/savings.svg similarity index 100% rename from 1704894792450/dist/build/assets/savings.svg rename to 1704966176737/dist/build/assets/savings.svg diff --git a/1704894792450/dist/build/assets/scientific-paper.svg b/1704966176737/dist/build/assets/scientific-paper.svg similarity index 100% rename from 1704894792450/dist/build/assets/scientific-paper.svg rename to 1704966176737/dist/build/assets/scientific-paper.svg diff --git a/1704894792450/dist/build/assets/scissors.svg b/1704966176737/dist/build/assets/scissors.svg similarity index 100% rename from 1704894792450/dist/build/assets/scissors.svg rename to 1704966176737/dist/build/assets/scissors.svg diff --git a/1704894792450/dist/build/assets/secure-conncetion.svg b/1704966176737/dist/build/assets/secure-conncetion.svg similarity index 100% rename from 1704894792450/dist/build/assets/secure-conncetion.svg rename to 1704966176737/dist/build/assets/secure-conncetion.svg diff --git a/1704894792450/dist/build/assets/security.svg b/1704966176737/dist/build/assets/security.svg similarity index 100% rename from 1704894792450/dist/build/assets/security.svg rename to 1704966176737/dist/build/assets/security.svg diff --git a/1704894792450/dist/build/assets/settings.svg b/1704966176737/dist/build/assets/settings.svg similarity index 100% rename from 1704894792450/dist/build/assets/settings.svg rename to 1704966176737/dist/build/assets/settings.svg diff --git a/1704894792450/dist/build/assets/share.svg b/1704966176737/dist/build/assets/share.svg similarity index 100% rename from 1704894792450/dist/build/assets/share.svg rename to 1704966176737/dist/build/assets/share.svg diff --git a/1704894792450/dist/build/assets/shield.svg b/1704966176737/dist/build/assets/shield.svg similarity index 100% rename from 1704894792450/dist/build/assets/shield.svg rename to 1704966176737/dist/build/assets/shield.svg diff --git a/1704894792450/dist/build/assets/sidenav-left.svg b/1704966176737/dist/build/assets/sidenav-left.svg similarity index 100% rename from 1704894792450/dist/build/assets/sidenav-left.svg rename to 1704966176737/dist/build/assets/sidenav-left.svg diff --git a/1704894792450/dist/build/assets/sidenav-right.svg b/1704966176737/dist/build/assets/sidenav-right.svg similarity index 100% rename from 1704894792450/dist/build/assets/sidenav-right.svg rename to 1704966176737/dist/build/assets/sidenav-right.svg diff --git a/1704894792450/dist/build/assets/sigma-aldrich-cell.svg b/1704966176737/dist/build/assets/sigma-aldrich-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/sigma-aldrich-cell.svg rename to 1704966176737/dist/build/assets/sigma-aldrich-cell.svg diff --git a/1704894792450/dist/build/assets/sock.svg b/1704966176737/dist/build/assets/sock.svg similarity index 100% rename from 1704894792450/dist/build/assets/sock.svg rename to 1704966176737/dist/build/assets/sock.svg diff --git a/1704894792450/dist/build/assets/solar-power.svg b/1704966176737/dist/build/assets/solar-power.svg similarity index 100% rename from 1704894792450/dist/build/assets/solar-power.svg rename to 1704966176737/dist/build/assets/solar-power.svg diff --git a/1704894792450/dist/build/assets/star.svg b/1704966176737/dist/build/assets/star.svg similarity index 100% rename from 1704894792450/dist/build/assets/star.svg rename to 1704966176737/dist/build/assets/star.svg diff --git a/1704894792450/dist/build/assets/stethoscope.svg b/1704966176737/dist/build/assets/stethoscope.svg similarity index 100% rename from 1704894792450/dist/build/assets/stethoscope.svg rename to 1704966176737/dist/build/assets/stethoscope.svg diff --git a/1704894792450/dist/build/assets/stop.svg b/1704966176737/dist/build/assets/stop.svg similarity index 100% rename from 1704894792450/dist/build/assets/stop.svg rename to 1704966176737/dist/build/assets/stop.svg diff --git a/1704894792450/dist/build/assets/supelco-cell.svg b/1704966176737/dist/build/assets/supelco-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/supelco-cell.svg rename to 1704966176737/dist/build/assets/supelco-cell.svg diff --git a/1704894792450/dist/build/assets/syringe.svg b/1704966176737/dist/build/assets/syringe.svg similarity index 100% rename from 1704894792450/dist/build/assets/syringe.svg rename to 1704966176737/dist/build/assets/syringe.svg diff --git a/1704894792450/dist/build/assets/t-cell.svg b/1704966176737/dist/build/assets/t-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/t-cell.svg rename to 1704966176737/dist/build/assets/t-cell.svg diff --git a/1704894792450/dist/build/assets/tea-pot.svg b/1704966176737/dist/build/assets/tea-pot.svg similarity index 100% rename from 1704894792450/dist/build/assets/tea-pot.svg rename to 1704966176737/dist/build/assets/tea-pot.svg diff --git a/1704894792450/dist/build/assets/test-tube.svg b/1704966176737/dist/build/assets/test-tube.svg similarity index 100% rename from 1704894792450/dist/build/assets/test-tube.svg rename to 1704966176737/dist/build/assets/test-tube.svg diff --git a/1704894792450/dist/build/assets/tile-cell.svg b/1704966176737/dist/build/assets/tile-cell.svg similarity index 100% rename from 1704894792450/dist/build/assets/tile-cell.svg rename to 1704966176737/dist/build/assets/tile-cell.svg diff --git a/1704894792450/dist/build/assets/top-left.svg b/1704966176737/dist/build/assets/top-left.svg similarity index 100% rename from 1704894792450/dist/build/assets/top-left.svg rename to 1704966176737/dist/build/assets/top-left.svg diff --git a/1704894792450/dist/build/assets/top-right.svg b/1704966176737/dist/build/assets/top-right.svg similarity index 100% rename from 1704894792450/dist/build/assets/top-right.svg rename to 1704966176737/dist/build/assets/top-right.svg diff --git a/1704894792450/dist/build/assets/truck.svg b/1704966176737/dist/build/assets/truck.svg similarity index 100% rename from 1704894792450/dist/build/assets/truck.svg rename to 1704966176737/dist/build/assets/truck.svg diff --git a/1704894792450/dist/build/assets/upload.svg b/1704966176737/dist/build/assets/upload.svg similarity index 100% rename from 1704894792450/dist/build/assets/upload.svg rename to 1704966176737/dist/build/assets/upload.svg diff --git a/1704894792450/dist/build/assets/user.svg b/1704966176737/dist/build/assets/user.svg similarity index 100% rename from 1704894792450/dist/build/assets/user.svg rename to 1704966176737/dist/build/assets/user.svg diff --git a/1704894792450/dist/build/assets/ux.svg b/1704966176737/dist/build/assets/ux.svg similarity index 100% rename from 1704894792450/dist/build/assets/ux.svg rename to 1704966176737/dist/build/assets/ux.svg diff --git a/1704894792450/dist/build/assets/virus.svg b/1704966176737/dist/build/assets/virus.svg similarity index 100% rename from 1704894792450/dist/build/assets/virus.svg rename to 1704966176737/dist/build/assets/virus.svg diff --git a/1704894792450/dist/build/assets/visibility.svg b/1704966176737/dist/build/assets/visibility.svg similarity index 100% rename from 1704894792450/dist/build/assets/visibility.svg rename to 1704966176737/dist/build/assets/visibility.svg diff --git a/1704894792450/dist/build/assets/vr.svg b/1704966176737/dist/build/assets/vr.svg similarity index 100% rename from 1704894792450/dist/build/assets/vr.svg rename to 1704966176737/dist/build/assets/vr.svg diff --git a/1704894792450/dist/build/assets/watch.svg b/1704966176737/dist/build/assets/watch.svg similarity index 100% rename from 1704894792450/dist/build/assets/watch.svg rename to 1704966176737/dist/build/assets/watch.svg diff --git a/1704894792450/dist/build/assets/website.svg b/1704966176737/dist/build/assets/website.svg similarity index 100% rename from 1704894792450/dist/build/assets/website.svg rename to 1704966176737/dist/build/assets/website.svg diff --git a/1704894792450/dist/build/assets/wi-fi.svg b/1704966176737/dist/build/assets/wi-fi.svg similarity index 100% rename from 1704894792450/dist/build/assets/wi-fi.svg rename to 1704966176737/dist/build/assets/wi-fi.svg diff --git a/1704894792450/dist/build/assets/world.svg b/1704966176737/dist/build/assets/world.svg similarity index 100% rename from 1704894792450/dist/build/assets/world.svg rename to 1704966176737/dist/build/assets/world.svg diff --git a/1704894792450/dist/build/assets/youtube.svg b/1704966176737/dist/build/assets/youtube.svg similarity index 100% rename from 1704894792450/dist/build/assets/youtube.svg rename to 1704966176737/dist/build/assets/youtube.svg diff --git a/1704894792450/dist/build/assets/zip.svg b/1704966176737/dist/build/assets/zip.svg similarity index 100% rename from 1704894792450/dist/build/assets/zip.svg rename to 1704966176737/dist/build/assets/zip.svg diff --git a/1704894792450/dist/build/index.esm.js b/1704966176737/dist/build/index.esm.js similarity index 100% rename from 1704894792450/dist/build/index.esm.js rename to 1704966176737/dist/build/index.esm.js diff --git a/1704894792450/dist/build/index.esm.js.map b/1704966176737/dist/build/index.esm.js.map similarity index 100% rename from 1704894792450/dist/build/index.esm.js.map rename to 1704966176737/dist/build/index.esm.js.map diff --git a/1704894792450/dist/build/liquid.css b/1704966176737/dist/build/liquid.css similarity index 99% rename from 1704894792450/dist/build/liquid.css rename to 1704966176737/dist/build/liquid.css index 669a75bac2..3ae5be7d07 100644 --- a/1704894792450/dist/build/liquid.css +++ b/1704966176737/dist/build/liquid.css @@ -1 +1 @@ -:root{--ld-br-s:0.125rem;--ld-br-m:0.25rem;--ld-br-l:0.5rem;--ld-br-full:250rem;--ld-col-neutral-010:#f8f8fc;--ld-col-neutral-050:#ececf4;--ld-col-neutral-100:#e1e1ea;--ld-col-neutral-200:#c7c7d1;--ld-col-neutral-300:#a9a9ba;--ld-col-neutral-400:#8b8b9c;--ld-col-neutral-500:#778;--ld-col-neutral-600:#5e5e72;--ld-col-neutral-700:#454554;--ld-col-neutral-800:#2b2b3b;--ld-col-neutral-900:#0f1a2e;--ld-col-neutral-999:#000;--ld-col-neutral:#5e5e72;--ld-col-rb-010:#f4faff;--ld-col-rb-050:#ecf5fc;--ld-col-rb-100:#d8eaf8;--ld-col-rb-200:#add2f1;--ld-col-rb-300:#81bbe9;--ld-col-rb-400:#50a0de;--ld-col-rb-500:#2b8dd8;--ld-col-rb-600:#0f69af;--ld-col-rb-700:#085897;--ld-col-rb-800:#0a3b61;--ld-col-rb-900:#001c38;--ld-col-rb-alpha-low:#0f69af33;--ld-col-rb-alpha-lowest:#0f69af1a;--ld-col-rb:#0f69af;--ld-col-rg-010:#f4fbf8;--ld-col-rg-050:#defbe4;--ld-col-rg-100:#c6f4cd;--ld-col-rg-200:#8be99a;--ld-col-rg-300:#79dd95;--ld-col-rg-400:#50c073;--ld-col-rg-500:#30a45a;--ld-col-rg-600:#01884c;--ld-col-rg-700:#04642e;--ld-col-rg-800:#054c20;--ld-col-rg-900:#002d0e;--ld-col-rg-alpha-low:#01884c33;--ld-col-rg-alpha-lowest:#01884c1a;--ld-col-rg:#01884c;--ld-col-rp-010:#faf7ff;--ld-col-rp-050:#f2ecfd;--ld-col-rp-100:#ebe4fc;--ld-col-rp-200:#d4c3f8;--ld-col-rp-300:#c09bfb;--ld-col-rp-400:#9e7ee0;--ld-col-rp-500:#8a68d2;--ld-col-rp-600:#714ebb;--ld-col-rp-700:#503291;--ld-col-rp-800:#3c2274;--ld-col-rp-900:#23183d;--ld-col-rp-alpha-low:#50329133;--ld-col-rp-alpha-lowest:#5032911a;--ld-col-rp:#503291;--ld-col-rr-010:#fff6f8;--ld-col-rr-050:#ffedee;--ld-col-rr-100:#ffdadc;--ld-col-rr-200:#ffb3b8;--ld-col-rr-300:#f48996;--ld-col-rr-400:#fa6178;--ld-col-rr-500:#f43a66;--ld-col-rr-600:#e61e50;--ld-col-rr-700:#ac153b;--ld-col-rr-800:#750c24;--ld-col-rr-900:#4b0517;--ld-col-rr-alpha-low:#e61e5033;--ld-col-rr-alpha-lowest:#e61e501a;--ld-col-rr:#e61e50;--ld-col-sb:#96d7d2;--ld-col-sg:#b4dc96;--ld-col-sp:#e1c3cd;--ld-col-sy:#ffdcb9;--ld-col-vc-010:#f8fdfe;--ld-col-vc-050:#ddfcff;--ld-col-vc-100:#bff2f7;--ld-col-vc-200:#7de1ec;--ld-col-vc-300:#53d4e1;--ld-col-vc-400:#2dbecd;--ld-col-vc-500:#08a3b0;--ld-col-vc-600:#008490;--ld-col-vc-700:#00636c;--ld-col-vc-800:#014248;--ld-col-vc-900:#001f23;--ld-col-vc-alpha-low:#2dbecd33;--ld-col-vc-alpha-lowest:#2dbecd1a;--ld-col-vc:#2dbecd;--ld-col-vg-010:#fafdf2;--ld-col-vg-050:#e9f8cb;--ld-col-vg-100:#ddeeb8;--ld-col-vg-200:#c2dd88;--ld-col-vg-300:#a5cd50;--ld-col-vg-400:#6e9f00;--ld-col-vg-500:#598300;--ld-col-vg-600:#527900;--ld-col-vg-700:#3a5601;--ld-col-vg-800:#293c00;--ld-col-vg-900:#121f00;--ld-col-vg-alpha-low:#a5cd5033;--ld-col-vg-alpha-lowest:#a5cd501a;--ld-col-vg:#a5cd50;--ld-col-vm-010:#fff5fa;--ld-col-vm-050:#ffecf1;--ld-col-vm-100:#ffd8e5;--ld-col-vm-200:#ffb0ce;--ld-col-vm-300:#ff8dc8;--ld-col-vm-400:#e661a6;--ld-col-vm-500:#eb3c96;--ld-col-vm-600:#be227b;--ld-col-vm-700:#96105b;--ld-col-vm-800:#6c093f;--ld-col-vm-900:#3e0020;--ld-col-vm-alpha-low:#eb3c9633;--ld-col-vm-alpha-lowest:#eb3c961a;--ld-col-vm:#eb3c96;--ld-col-vy-010:#fefbf5;--ld-col-vy-050:#fff3d9;--ld-col-vy-100:#fde5a6;--ld-col-vy-200:#ffc832;--ld-col-vy-300:#e4b638;--ld-col-vy-400:#bf8c00;--ld-col-vy-500:#a37303;--ld-col-vy-600:#805a03;--ld-col-vy-700:#614505;--ld-col-vy-800:#3d2e0a;--ld-col-vy-900:#271e07;--ld-col-vy-alpha-low:#ffc83233;--ld-col-vy-alpha-lowest:#ffc8321a;--ld-col-vy:#ffc832;--ld-col-wht-alpha-high:#ffffffb3;--ld-col-wht-alpha-highest:#fffc;--ld-col-wht-alpha-low:#fff3;--ld-col-wht-alpha-lowest:#ffffff1a;--ld-col-wht-alpha-medium:#ffffff80;--ld-col-wht-alpha-none:#fff0;--ld-col-wht:#fff}:focus:not(:focus-visible){outline:none}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:100;src:url(https://fonts.emd.design/fonts/lato-i-100-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-100.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:100;src:url(https://fonts.emd.design/fonts/lato-i-100.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-100.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:300;src:url(https://fonts.emd.design/fonts/lato-i-300-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-300.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:300;src:url(https://fonts.emd.design/fonts/lato-i-300.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-300.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:url(https://fonts.emd.design/fonts/lato-i-400-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-400.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:url(https://fonts.emd.design/fonts/lato-i-400.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-400.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:url(https://fonts.emd.design/fonts/lato-i-700-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-700.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:url(https://fonts.emd.design/fonts/lato-i-700.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-700.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:900;src:url(https://fonts.emd.design/fonts/lato-i-900-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-900.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:900;src:url(https://fonts.emd.design/fonts/lato-i-900.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-900.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:100;src:url(https://fonts.emd.design/fonts/lato-100-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-100.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:100;src:url(https://fonts.emd.design/fonts/lato-100.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-100.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:300;src:url(https://fonts.emd.design/fonts/lato-300-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-300.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:300;src:url(https://fonts.emd.design/fonts/lato-300.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-300.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(https://fonts.emd.design/fonts/lato-400-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-400.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(https://fonts.emd.design/fonts/lato-400.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-400.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url(https://fonts.emd.design/fonts/lato-700-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-700.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url(https://fonts.emd.design/fonts/lato-700.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-700.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:url(https://fonts.emd.design/fonts/lato-900-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-900.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:url(https://fonts.emd.design/fonts/lato-900.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-900.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:MWeb;font-style:normal;font-weight:400;src:url(https://fonts.emd.design/fonts/m-font.woff2) format("woff2"),url(https://fonts.emd.design/fonts/m-font.woff) format("woff")}:root{--ld-shadow-active:0 0 0.25rem #0f1a2e26,0 1.5rem 2.5rem #0f1a2e26;--ld-shadow-hover:0 0 0.25rem #0f1a2e26,0 1rem 2rem #0f1a2e26;--ld-shadow-stacked:0 0.0625rem 0.25rem #0f1a2e26,0 0 0.0625rem #0f1a2e26;--ld-shadow-sticky:0 0 0.25rem #0f1a2e26,0 0.5rem 0.75rem #0f1a2e26;--ld-drop-shadow-active:drop-shadow(0 0 0.25rem #0f1a2e26) drop-shadow(0 1.5rem 2.5rem #0f1a2e26);--ld-drop-shadow-hover:drop-shadow(0 0 0.25rem #0f1a2e26) drop-shadow(0 1rem 2rem #0f1a2e26);--ld-drop-shadow-stacked:drop-shadow(0 0.0625rem 0.25rem #0f1a2e26) drop-shadow(0 0 0.0625rem #0f1a2e26);--ld-drop-shadow-sticky:drop-shadow(0 0 0.25rem #0f1a2e26) drop-shadow(0 0.5rem 0.75rem #0f1a2e26);--ld-sp-1:0.0625rem;--ld-sp-2:0.125rem;--ld-sp-4:0.25rem;--ld-sp-6:0.375rem;--ld-sp-8:0.5rem;--ld-sp-12:0.75rem;--ld-sp-16:1rem;--ld-sp-24:1.5rem;--ld-sp-32:2rem;--ld-sp-40:2.5rem;--ld-thm-bubblegum-error-active:var(--ld-col-rr-900);--ld-thm-bubblegum-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-bubblegum-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-bubblegum-error-focus:var(--ld-col-rr-400);--ld-thm-bubblegum-error-highlight:var(--ld-col-rr-010);--ld-thm-bubblegum-error-hover:var(--ld-col-rr-700);--ld-thm-bubblegum-error:var(--ld-col-rr);--ld-thm-bubblegum-primary-active:var(--ld-col-rp-900);--ld-thm-bubblegum-primary-alpha-low:var(--ld-col-rp-alpha-low);--ld-thm-bubblegum-primary-alpha-lowest:var(--ld-col-rp-alpha-lowest);--ld-thm-bubblegum-primary-focus:var(--ld-col-rp-500);--ld-thm-bubblegum-primary-highlight:var(--ld-col-rp-010);--ld-thm-bubblegum-primary-hover:var(--ld-col-rp-800);--ld-thm-bubblegum-primary:var(--ld-col-rp);--ld-thm-bubblegum-secondary-active:var(--ld-col-vc-800);--ld-thm-bubblegum-secondary-alpha-low:var(--ld-col-vc-alpha-low);--ld-thm-bubblegum-secondary-alpha-lowest:var(--ld-col-vc-alpha-lowest);--ld-thm-bubblegum-secondary-focus:var(--ld-col-vc-200);--ld-thm-bubblegum-secondary-highlight:var(--ld-col-vc-010);--ld-thm-bubblegum-secondary-hover:var(--ld-col-vc-600);--ld-thm-bubblegum-secondary:var(--ld-col-vc);--ld-thm-bubblegum-success-active:var(--ld-col-rg-900);--ld-thm-bubblegum-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-bubblegum-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-bubblegum-success-focus:var(--ld-col-rg-400);--ld-thm-bubblegum-success-highlight:var(--ld-col-rg-010);--ld-thm-bubblegum-success-hover:var(--ld-col-rg-700);--ld-thm-bubblegum-success:var(--ld-col-rg);--ld-thm-bubblegum-warning-active:var(--ld-col-vy-800);--ld-thm-bubblegum-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-bubblegum-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-bubblegum-warning-focus:var(--ld-col-vy-100);--ld-thm-bubblegum-warning-highlight:var(--ld-col-vy-010);--ld-thm-bubblegum-warning-hover:var(--ld-col-vy-400);--ld-thm-bubblegum-warning:var(--ld-col-vy);--ld-thm-ocean-error-active:var(--ld-col-rr-900);--ld-thm-ocean-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-ocean-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-ocean-error-focus:var(--ld-col-rr-400);--ld-thm-ocean-error-highlight:var(--ld-col-rr-010);--ld-thm-ocean-error-hover:var(--ld-col-rr-700);--ld-thm-ocean-error:var(--ld-col-rr);--ld-thm-ocean-primary-active:var(--ld-col-rb-800);--ld-thm-ocean-primary-alpha-low:var(--ld-col-rb-alpha-low);--ld-thm-ocean-primary-alpha-lowest:var(--ld-col-rb-alpha-lowest);--ld-thm-ocean-primary-focus:var(--ld-col-rb-400);--ld-thm-ocean-primary-highlight:var(--ld-col-rb-010);--ld-thm-ocean-primary-hover:var(--ld-col-rb-700);--ld-thm-ocean-primary:var(--ld-col-rb);--ld-thm-ocean-secondary-active:var(--ld-col-vc-800);--ld-thm-ocean-secondary-alpha-low:var(--ld-col-vc-alpha-low);--ld-thm-ocean-secondary-alpha-lowest:var(--ld-col-vc-alpha-lowest);--ld-thm-ocean-secondary-focus:var(--ld-col-vc-200);--ld-thm-ocean-secondary-highlight:var(--ld-col-vc-010);--ld-thm-ocean-secondary-hover:var(--ld-col-vc-600);--ld-thm-ocean-secondary:var(--ld-col-vc);--ld-thm-ocean-success-active:var(--ld-col-rg-900);--ld-thm-ocean-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-ocean-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-ocean-success-focus:var(--ld-col-rg-400);--ld-thm-ocean-success-highlight:var(--ld-col-rg-010);--ld-thm-ocean-success-hover:var(--ld-col-rg-700);--ld-thm-ocean-success:var(--ld-col-rg);--ld-thm-ocean-warning-active:var(--ld-col-vy-800);--ld-thm-ocean-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-ocean-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-ocean-warning-focus:var(--ld-col-vy-100);--ld-thm-ocean-warning-highlight:var(--ld-col-vy-010);--ld-thm-ocean-warning-hover:var(--ld-col-vy-400);--ld-thm-ocean-warning:var(--ld-col-vy);--ld-thm-shake-error-active:var(--ld-col-rr-900);--ld-thm-shake-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-shake-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-shake-error-focus:var(--ld-col-rr-400);--ld-thm-shake-error-highlight:var(--ld-col-rr-010);--ld-thm-shake-error-hover:var(--ld-col-rr-700);--ld-thm-shake-error:var(--ld-col-rr);--ld-thm-shake-primary-active:var(--ld-col-rp-900);--ld-thm-shake-primary-alpha-low:var(--ld-col-rp-alpha-low);--ld-thm-shake-primary-alpha-lowest:var(--ld-col-rp-alpha-lowest);--ld-thm-shake-primary-focus:var(--ld-col-rp-500);--ld-thm-shake-primary-highlight:var(--ld-col-rp-010);--ld-thm-shake-primary-hover:var(--ld-col-rp-800);--ld-thm-shake-primary:var(--ld-col-rp);--ld-thm-shake-secondary-active:var(--ld-col-vm-800);--ld-thm-shake-secondary-alpha-low:var(--ld-col-vm-alpha-low);--ld-thm-shake-secondary-alpha-lowest:var(--ld-col-vm-alpha-lowest);--ld-thm-shake-secondary-focus:var(--ld-col-vm-300);--ld-thm-shake-secondary-highlight:var(--ld-col-vm-010);--ld-thm-shake-secondary-hover:var(--ld-col-vm-600);--ld-thm-shake-secondary:var(--ld-col-vm);--ld-thm-shake-success-active:var(--ld-col-rg-900);--ld-thm-shake-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-shake-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-shake-success-focus:var(--ld-col-rg-400);--ld-thm-shake-success-highlight:var(--ld-col-rg-010);--ld-thm-shake-success-hover:var(--ld-col-rg-700);--ld-thm-shake-success:var(--ld-col-rg);--ld-thm-shake-warning-active:var(--ld-col-vy-800);--ld-thm-shake-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-shake-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-shake-warning-focus:var(--ld-col-vy-100);--ld-thm-shake-warning-highlight:var(--ld-col-vy-010);--ld-thm-shake-warning-hover:var(--ld-col-vy-400);--ld-thm-shake-warning:var(--ld-col-vy);--ld-thm-solvent-error-active:var(--ld-col-rr-900);--ld-thm-solvent-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-solvent-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-solvent-error-focus:var(--ld-col-rr-400);--ld-thm-solvent-error-highlight:var(--ld-col-rr-010);--ld-thm-solvent-error-hover:var(--ld-col-rr-700);--ld-thm-solvent-error:var(--ld-col-rr);--ld-thm-solvent-primary-active:var(--ld-col-rp-900);--ld-thm-solvent-primary-alpha-low:var(--ld-col-rp-alpha-low);--ld-thm-solvent-primary-alpha-lowest:var(--ld-col-rp-alpha-lowest);--ld-thm-solvent-primary-focus:var(--ld-col-rp-500);--ld-thm-solvent-primary-highlight:var(--ld-col-rp-010);--ld-thm-solvent-primary-hover:var(--ld-col-rp-800);--ld-thm-solvent-primary:var(--ld-col-rp);--ld-thm-solvent-secondary-active:var(--ld-col-vg-800);--ld-thm-solvent-secondary-alpha-low:var(--ld-col-vg-alpha-low);--ld-thm-solvent-secondary-alpha-lowest:var(--ld-col-vg-alpha-lowest);--ld-thm-solvent-secondary-focus:var(--ld-col-vg-200);--ld-thm-solvent-secondary-highlight:var(--ld-col-vg-010);--ld-thm-solvent-secondary-hover:var(--ld-col-vg-400);--ld-thm-solvent-secondary:var(--ld-col-vg);--ld-thm-solvent-success-active:var(--ld-col-rg-900);--ld-thm-solvent-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-solvent-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-solvent-success-focus:var(--ld-col-rg-400);--ld-thm-solvent-success-highlight:var(--ld-col-rg-010);--ld-thm-solvent-success-hover:var(--ld-col-rg-700);--ld-thm-solvent-success:var(--ld-col-rg);--ld-thm-solvent-warning-active:var(--ld-col-vy-800);--ld-thm-solvent-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-solvent-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-solvent-warning-focus:var(--ld-col-vy-100);--ld-thm-solvent-warning-highlight:var(--ld-col-vy-010);--ld-thm-solvent-warning-hover:var(--ld-col-vy-400);--ld-thm-solvent-warning:var(--ld-col-vy);--ld-thm-tea-error-active:var(--ld-col-rr-900);--ld-thm-tea-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-tea-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-tea-error-focus:var(--ld-col-rr-400);--ld-thm-tea-error-highlight:var(--ld-col-rr-010);--ld-thm-tea-error-hover:var(--ld-col-rr-700);--ld-thm-tea-error:var(--ld-col-rr);--ld-thm-tea-primary-active:var(--ld-col-rg-900);--ld-thm-tea-primary-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-tea-primary-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-tea-primary-focus:var(--ld-col-rg-400);--ld-thm-tea-primary-highlight:var(--ld-col-rg-010);--ld-thm-tea-primary-hover:var(--ld-col-rg-700);--ld-thm-tea-primary:var(--ld-col-rg);--ld-thm-tea-secondary-active:var(--ld-col-vg-800);--ld-thm-tea-secondary-alpha-low:var(--ld-col-vg-alpha-low);--ld-thm-tea-secondary-alpha-lowest:var(--ld-col-vg-alpha-lowest);--ld-thm-tea-secondary-focus:var(--ld-col-vg-200);--ld-thm-tea-secondary-highlight:var(--ld-col-vg-010);--ld-thm-tea-secondary-hover:var(--ld-col-vg-400);--ld-thm-tea-secondary:var(--ld-col-vg);--ld-thm-tea-success-active:var(--ld-col-rg-900);--ld-thm-tea-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-tea-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-tea-success-focus:var(--ld-col-rg-400);--ld-thm-tea-success-highlight:var(--ld-col-rg-010);--ld-thm-tea-success-hover:var(--ld-col-rg-700);--ld-thm-tea-success:var(--ld-col-rg);--ld-thm-tea-warning-active:var(--ld-col-vy-800);--ld-thm-tea-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-tea-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-tea-warning-focus:var(--ld-col-vy-100);--ld-thm-tea-warning-highlight:var(--ld-col-vy-010);--ld-thm-tea-warning-hover:var(--ld-col-vy-400);--ld-thm-tea-warning:var(--ld-col-vy)}.ld-theme-ocean,:root{--ld-thm-error-active:var(--ld-thm-ocean-error-active);--ld-thm-error-alpha-low:var(--ld-thm-ocean-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-ocean-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-ocean-error-focus);--ld-thm-error-highlight:var(--ld-thm-ocean-error-highlight);--ld-thm-error-hover:var(--ld-thm-ocean-error-hover);--ld-thm-error:var(--ld-thm-ocean-error);--ld-thm-primary-active:var(--ld-thm-ocean-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-ocean-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-ocean-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-ocean-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-ocean-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-ocean-primary-hover);--ld-thm-primary:var(--ld-thm-ocean-primary);--ld-thm-secondary-active:var(--ld-thm-ocean-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-ocean-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-ocean-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-ocean-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-ocean-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-ocean-secondary-hover);--ld-thm-secondary:var(--ld-thm-ocean-secondary);--ld-thm-success-active:var(--ld-thm-ocean-success-active);--ld-thm-success-alpha-low:var(--ld-thm-ocean-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-ocean-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-ocean-success-focus);--ld-thm-success-highlight:var(--ld-thm-ocean-success-highlight);--ld-thm-success-hover:var(--ld-thm-ocean-success-hover);--ld-thm-success:var(--ld-thm-ocean-success);--ld-thm-warning-active:var(--ld-thm-ocean-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-ocean-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-ocean-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-ocean-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-ocean-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-ocean-warning-hover);--ld-thm-warning:var(--ld-thm-ocean-warning)}.ld-theme-solvent{--ld-thm-error-active:var(--ld-thm-solvent-error-active);--ld-thm-error-alpha-low:var(--ld-thm-solvent-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-solvent-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-solvent-error-focus);--ld-thm-error-highlight:var(--ld-thm-solvent-error-highlight);--ld-thm-error-hover:var(--ld-thm-solvent-error-hover);--ld-thm-error:var(--ld-thm-solvent-error);--ld-thm-primary-active:var(--ld-thm-solvent-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-solvent-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-solvent-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-solvent-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-solvent-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-solvent-primary-hover);--ld-thm-primary:var(--ld-thm-solvent-primary);--ld-thm-secondary-active:var(--ld-thm-solvent-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-solvent-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-solvent-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-solvent-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-solvent-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-solvent-secondary-hover);--ld-thm-secondary:var(--ld-thm-solvent-secondary);--ld-thm-success-active:var(--ld-thm-solvent-success-active);--ld-thm-success-alpha-low:var(--ld-thm-solvent-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-solvent-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-solvent-success-focus);--ld-thm-success-highlight:var(--ld-thm-solvent-success-highlight);--ld-thm-success-hover:var(--ld-thm-solvent-success-hover);--ld-thm-success:var(--ld-thm-solvent-success);--ld-thm-warning-active:var(--ld-thm-solvent-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-solvent-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-solvent-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-solvent-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-solvent-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-solvent-warning-hover);--ld-thm-warning:var(--ld-thm-solvent-warning)}.ld-theme-bubblegum{--ld-thm-error-active:var(--ld-thm-bubblegum-error-active);--ld-thm-error-alpha-low:var(--ld-thm-bubblegum-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-bubblegum-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-bubblegum-error-focus);--ld-thm-error-highlight:var(--ld-thm-bubblegum-error-highlight);--ld-thm-error-hover:var(--ld-thm-bubblegum-error-hover);--ld-thm-error:var(--ld-thm-bubblegum-error);--ld-thm-primary-active:var(--ld-thm-bubblegum-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-bubblegum-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-bubblegum-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-bubblegum-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-bubblegum-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-bubblegum-primary-hover);--ld-thm-primary:var(--ld-thm-bubblegum-primary);--ld-thm-secondary-active:var(--ld-thm-bubblegum-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-bubblegum-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-bubblegum-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-bubblegum-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-bubblegum-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-bubblegum-secondary-hover);--ld-thm-secondary:var(--ld-thm-bubblegum-secondary);--ld-thm-success-active:var(--ld-thm-bubblegum-success-active);--ld-thm-success-alpha-low:var(--ld-thm-bubblegum-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-bubblegum-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-bubblegum-success-focus);--ld-thm-success-highlight:var(--ld-thm-bubblegum-success-highlight);--ld-thm-success-hover:var(--ld-thm-bubblegum-success-hover);--ld-thm-success:var(--ld-thm-bubblegum-success);--ld-thm-warning-active:var(--ld-thm-bubblegum-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-bubblegum-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-bubblegum-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-bubblegum-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-bubblegum-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-bubblegum-warning-hover);--ld-thm-warning:var(--ld-thm-bubblegum-warning)}.ld-theme-tea{--ld-thm-error-active:var(--ld-thm-tea-error-active);--ld-thm-error-alpha-low:var(--ld-thm-tea-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-tea-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-tea-error-focus);--ld-thm-error-highlight:var(--ld-thm-tea-error-highlight);--ld-thm-error-hover:var(--ld-thm-tea-error-hover);--ld-thm-error:var(--ld-thm-tea-error);--ld-thm-primary-active:var(--ld-thm-tea-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-tea-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-tea-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-tea-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-tea-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-tea-primary-hover);--ld-thm-primary:var(--ld-thm-tea-primary);--ld-thm-secondary-active:var(--ld-thm-tea-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-tea-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-tea-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-tea-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-tea-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-tea-secondary-hover);--ld-thm-secondary:var(--ld-thm-tea-secondary);--ld-thm-success-active:var(--ld-thm-tea-success-active);--ld-thm-success-alpha-low:var(--ld-thm-tea-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-tea-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-tea-success-focus);--ld-thm-success-highlight:var(--ld-thm-tea-success-highlight);--ld-thm-success-hover:var(--ld-thm-tea-success-hover);--ld-thm-success:var(--ld-thm-tea-success);--ld-thm-warning-active:var(--ld-thm-tea-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-tea-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-tea-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-tea-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-tea-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-tea-warning-hover);--ld-thm-warning:var(--ld-thm-tea-warning)}.ld-theme-shake{--ld-thm-error-active:var(--ld-thm-shake-error-active);--ld-thm-error-alpha-low:var(--ld-thm-shake-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-shake-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-shake-error-focus);--ld-thm-error-highlight:var(--ld-thm-shake-error-highlight);--ld-thm-error-hover:var(--ld-thm-shake-error-hover);--ld-thm-error:var(--ld-thm-shake-error);--ld-thm-primary-active:var(--ld-thm-shake-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-shake-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-shake-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-shake-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-shake-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-shake-primary-hover);--ld-thm-primary:var(--ld-thm-shake-primary);--ld-thm-secondary-active:var(--ld-thm-shake-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-shake-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-shake-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-shake-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-shake-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-shake-secondary-hover);--ld-thm-secondary:var(--ld-thm-shake-secondary);--ld-thm-success-active:var(--ld-thm-shake-success-active);--ld-thm-success-alpha-low:var(--ld-thm-shake-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-shake-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-shake-success-focus);--ld-thm-success-highlight:var(--ld-thm-shake-success-highlight);--ld-thm-success-hover:var(--ld-thm-shake-success-hover);--ld-thm-success:var(--ld-thm-shake-success);--ld-thm-warning-active:var(--ld-thm-shake-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-shake-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-shake-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-shake-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-shake-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-shake-warning-hover);--ld-thm-warning:var(--ld-thm-shake-warning)}:root{--ld-transition-duration-instant:1ms;--ld-transition-duration-quick:0.1s;--ld-transition-duration-swift:0.15s;--ld-transition-duration-normal:0.2s;--ld-transition-duration-slow:0.5s;--ld-font-body:Lato,Helvetica,Arial,sans-serif;--ld-font-display:MWeb,Helvetica,Arial,sans-serif;--ld-typo-b1:3rem/120% var(--ld-font-display);--ld-typo-b2:2.5rem/120% var(--ld-font-display);--ld-typo-b3:2.25rem/120% var(--ld-font-display);--ld-typo-b4:2rem/120% var(--ld-font-display);--ld-typo-b5:1.625rem/120% var(--ld-font-display);--ld-typo-b6:1.375rem/120% var(--ld-font-display);--ld-typo-body-l:1.125rem/160% var(--ld-font-body);--ld-typo-body-m:1rem/160% var(--ld-font-body);--ld-typo-body-s:0.875rem/176% var(--ld-font-body);--ld-typo-body-xl:1.375rem/160% var(--ld-font-body);--ld-typo-body-xs:0.75rem/180% var(--ld-font-body);--ld-typo-cap-l:700 1.25rem/140% var(--ld-font-body);--ld-typo-cap-m:700 0.875rem/140% var(--ld-font-body);--ld-typo-h1:700 2rem/140% var(--ld-font-body);--ld-typo-h2:700 1.625rem/140% var(--ld-font-body);--ld-typo-h3:700 1.375rem/140% var(--ld-font-body);--ld-typo-h4:700 1.125rem/140% var(--ld-font-body);--ld-typo-h5:700 1rem/140% var(--ld-font-body);--ld-typo-h6:700 0.875rem/140% var(--ld-font-body);--ld-typo-label-m:1rem/140% var(--ld-font-body);--ld-typo-label-s:700 0.875rem/120% var(--ld-font-body);--ld-typo-xb1:5.75rem/120% var(--ld-font-display);--ld-typo-xb2:4.5rem/120% var(--ld-font-display);--ld-typo-xb3:4rem/120% var(--ld-font-display);--ld-typo-xh1:700 5.75rem/120% var(--ld-font-body);--ld-typo-xh2:700 4.5rem/120% var(--ld-font-body);--ld-typo-xh3:700 4rem/120% var(--ld-font-body);--ld-typo-xh4:700 3rem/120% var(--ld-font-body);--ld-typo-xh5:700 2.5rem/120% var(--ld-font-body);--ld-typo-xh6:700 2.25rem/120% var(--ld-font-body)}body{-webkit-font-smoothing:antialiased;-webkit-font-smoothing:var(--ld-text-rendering,antialiased);-moz-osx-font-smoothing:grayscale;-moz-osx-font-smoothing:var(--ld-text-rendering,grayscale);text-rendering:geometricPrecision;text-rendering:var(--ld-text-rendering,geometricPrecision)} \ No newline at end of file +:root{--ld-br-s:0.125rem;--ld-br-m:0.25rem;--ld-br-l:0.5rem;--ld-br-full:250rem;--ld-col-neutral-010:#f8f8fc;--ld-col-neutral-050:#ececf4;--ld-col-neutral-100:#e1e1ea;--ld-col-neutral-200:#c7c7d1;--ld-col-neutral-300:#a9a9ba;--ld-col-neutral-400:#8b8b9c;--ld-col-neutral-500:#778;--ld-col-neutral-600:#5e5e72;--ld-col-neutral-700:#454554;--ld-col-neutral-800:#2b2b3b;--ld-col-neutral-900:#0f1a2e;--ld-col-neutral-999:#000;--ld-col-neutral:#5e5e72;--ld-col-rb-010:#f4faff;--ld-col-rb-050:#ecf5fc;--ld-col-rb-100:#d8eaf8;--ld-col-rb-200:#add2f1;--ld-col-rb-300:#81bbe9;--ld-col-rb-400:#50a0de;--ld-col-rb-500:#2b8dd8;--ld-col-rb-600:#0f69af;--ld-col-rb-700:#085897;--ld-col-rb-800:#0a3b61;--ld-col-rb-900:#001c38;--ld-col-rb-alpha-low:#0f69af33;--ld-col-rb-alpha-lowest:#0f69af1a;--ld-col-rb:#0f69af;--ld-col-rg-010:#f4fbf8;--ld-col-rg-050:#defbe4;--ld-col-rg-100:#c6f4cd;--ld-col-rg-200:#8be99a;--ld-col-rg-300:#79dd95;--ld-col-rg-400:#50c073;--ld-col-rg-500:#30a45a;--ld-col-rg-600:#01884c;--ld-col-rg-700:#04642e;--ld-col-rg-800:#054c20;--ld-col-rg-900:#002d0e;--ld-col-rg-alpha-low:#01884c33;--ld-col-rg-alpha-lowest:#01884c1a;--ld-col-rg:#01884c;--ld-col-rp-010:#faf7ff;--ld-col-rp-050:#f2ecfd;--ld-col-rp-100:#ebe4fc;--ld-col-rp-200:#d4c3f8;--ld-col-rp-300:#c09bfb;--ld-col-rp-400:#9e7ee0;--ld-col-rp-500:#8a68d2;--ld-col-rp-600:#714ebb;--ld-col-rp-700:#503291;--ld-col-rp-800:#3c2274;--ld-col-rp-900:#23183d;--ld-col-rp-alpha-low:#50329133;--ld-col-rp-alpha-lowest:#5032911a;--ld-col-rp:#503291;--ld-col-rr-010:#fff6f8;--ld-col-rr-050:#ffedee;--ld-col-rr-100:#ffdadc;--ld-col-rr-200:#ffb3b8;--ld-col-rr-300:#f48996;--ld-col-rr-400:#fa6178;--ld-col-rr-500:#f43a66;--ld-col-rr-600:#e61e50;--ld-col-rr-700:#ac153b;--ld-col-rr-800:#750c24;--ld-col-rr-900:#4b0517;--ld-col-rr-alpha-low:#e61e5033;--ld-col-rr-alpha-lowest:#e61e501a;--ld-col-rr:#e61e50;--ld-col-sb:#96d7d2;--ld-col-sg:#b4dc96;--ld-col-sp:#e1c3cd;--ld-col-sy:#ffdcb9;--ld-col-vc-010:#f8fdfe;--ld-col-vc-050:#ddfcff;--ld-col-vc-100:#bff2f7;--ld-col-vc-200:#7de1ec;--ld-col-vc-300:#53d4e1;--ld-col-vc-400:#2dbecd;--ld-col-vc-500:#08a3b0;--ld-col-vc-600:#008490;--ld-col-vc-700:#00636c;--ld-col-vc-800:#014248;--ld-col-vc-900:#001f23;--ld-col-vc-alpha-low:#2dbecd33;--ld-col-vc-alpha-lowest:#2dbecd1a;--ld-col-vc:#2dbecd;--ld-col-vg-010:#fafdf2;--ld-col-vg-050:#e9f8cb;--ld-col-vg-100:#ddeeb8;--ld-col-vg-200:#c2dd88;--ld-col-vg-300:#a5cd50;--ld-col-vg-400:#6e9f00;--ld-col-vg-500:#598300;--ld-col-vg-600:#527900;--ld-col-vg-700:#3a5601;--ld-col-vg-800:#293c00;--ld-col-vg-900:#121f00;--ld-col-vg-alpha-low:#a5cd5033;--ld-col-vg-alpha-lowest:#a5cd501a;--ld-col-vg:#a5cd50;--ld-col-vm-010:#fff5fa;--ld-col-vm-050:#ffecf1;--ld-col-vm-100:#ffd8e5;--ld-col-vm-200:#ffb0ce;--ld-col-vm-300:#ff8dc8;--ld-col-vm-400:#e661a6;--ld-col-vm-500:#eb3c96;--ld-col-vm-600:#be227b;--ld-col-vm-700:#96105b;--ld-col-vm-800:#6c093f;--ld-col-vm-900:#3e0020;--ld-col-vm-alpha-low:#eb3c9633;--ld-col-vm-alpha-lowest:#eb3c961a;--ld-col-vm:#eb3c96;--ld-col-vy-010:#fefbf5;--ld-col-vy-050:#fff3d9;--ld-col-vy-100:#fde5a6;--ld-col-vy-200:#ffc832;--ld-col-vy-300:#e4b638;--ld-col-vy-400:#bf8c00;--ld-col-vy-500:#a37303;--ld-col-vy-600:#805a03;--ld-col-vy-700:#614505;--ld-col-vy-800:#3d2e0a;--ld-col-vy-900:#271e07;--ld-col-vy-alpha-low:#ffc83233;--ld-col-vy-alpha-lowest:#ffc8321a;--ld-col-vy:#ffc832;--ld-col-wht-alpha-high:#ffffffb3;--ld-col-wht-alpha-highest:#fffc;--ld-col-wht-alpha-low:#fff3;--ld-col-wht-alpha-lowest:#ffffff1a;--ld-col-wht-alpha-medium:#ffffff80;--ld-col-wht-alpha-none:#fff0;--ld-col-wht:#fff}:focus:not(:focus-visible){outline:none}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:100;src:url(https://fonts.emd.design/fonts/lato-i-100-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-100.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:100;src:url(https://fonts.emd.design/fonts/lato-i-100.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-100.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:300;src:url(https://fonts.emd.design/fonts/lato-i-300-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-300.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:300;src:url(https://fonts.emd.design/fonts/lato-i-300.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-300.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:url(https://fonts.emd.design/fonts/lato-i-400-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-400.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:url(https://fonts.emd.design/fonts/lato-i-400.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-400.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:url(https://fonts.emd.design/fonts/lato-i-700-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-700.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:url(https://fonts.emd.design/fonts/lato-i-700.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-700.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:900;src:url(https://fonts.emd.design/fonts/lato-i-900-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-900.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:900;src:url(https://fonts.emd.design/fonts/lato-i-900.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-i-900.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:100;src:url(https://fonts.emd.design/fonts/lato-100-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-100.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:100;src:url(https://fonts.emd.design/fonts/lato-100.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-100.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:300;src:url(https://fonts.emd.design/fonts/lato-300-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-300.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:300;src:url(https://fonts.emd.design/fonts/lato-300.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-300.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(https://fonts.emd.design/fonts/lato-400-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-400.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(https://fonts.emd.design/fonts/lato-400.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-400.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url(https://fonts.emd.design/fonts/lato-700-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-700.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url(https://fonts.emd.design/fonts/lato-700.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-700.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:url(https://fonts.emd.design/fonts/lato-900-ext.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-900.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:url(https://fonts.emd.design/fonts/lato-900.woff2) format("woff2"),url(https://fonts.emd.design/fonts/lato-900.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:MWeb;font-style:normal;font-weight:400;src:url(https://fonts.emd.design/fonts/m-font.woff2) format("woff2"),url(https://fonts.emd.design/fonts/m-font.woff) format("woff")}:root{--ld-shadow-active:0 0 0.25rem #0f1a2e26,0 1.5rem 2.5rem #0f1a2e26;--ld-shadow-hover:0 0 0.25rem #0f1a2e26,0 1rem 2rem #0f1a2e26;--ld-shadow-stacked:0 0.0625rem 0.25rem #0f1a2e26,0 0 0.0625rem #0f1a2e26;--ld-shadow-sticky:0 0 0.25rem #0f1a2e26,0 0.5rem 0.75rem #0f1a2e26;--ld-drop-shadow-active:drop-shadow(0 0 0.25rem #0f1a2e26) drop-shadow(0 1.5rem 2.5rem #0f1a2e26);--ld-drop-shadow-hover:drop-shadow(0 0 0.25rem #0f1a2e26) drop-shadow(0 1rem 2rem #0f1a2e26);--ld-drop-shadow-stacked:drop-shadow(0 0.0625rem 0.25rem #0f1a2e26) drop-shadow(0 0 0.0625rem #0f1a2e26);--ld-drop-shadow-sticky:drop-shadow(0 0 0.25rem #0f1a2e26) drop-shadow(0 0.5rem 0.75rem #0f1a2e26);--ld-sp-1:0.0625rem;--ld-sp-2:0.125rem;--ld-sp-4:0.25rem;--ld-sp-6:0.375rem;--ld-sp-8:0.5rem;--ld-sp-12:0.75rem;--ld-sp-16:1rem;--ld-sp-24:1.5rem;--ld-sp-32:2rem;--ld-sp-40:2.5rem;--ld-thm-bubblegum-error-active:var(--ld-col-rr-900);--ld-thm-bubblegum-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-bubblegum-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-bubblegum-error-focus:var(--ld-col-rr-400);--ld-thm-bubblegum-error-highlight:var(--ld-col-rr-010);--ld-thm-bubblegum-error-hover:var(--ld-col-rr-700);--ld-thm-bubblegum-error:var(--ld-col-rr);--ld-thm-bubblegum-primary-active:var(--ld-col-rp-900);--ld-thm-bubblegum-primary-alpha-low:var(--ld-col-rp-alpha-low);--ld-thm-bubblegum-primary-alpha-lowest:var(--ld-col-rp-alpha-lowest);--ld-thm-bubblegum-primary-focus:var(--ld-col-rp-500);--ld-thm-bubblegum-primary-highlight:var(--ld-col-rp-010);--ld-thm-bubblegum-primary-hover:var(--ld-col-rp-800);--ld-thm-bubblegum-primary:var(--ld-col-rp);--ld-thm-bubblegum-secondary-active:var(--ld-col-vc-800);--ld-thm-bubblegum-secondary-alpha-low:var(--ld-col-vc-alpha-low);--ld-thm-bubblegum-secondary-alpha-lowest:var(--ld-col-vc-alpha-lowest);--ld-thm-bubblegum-secondary-focus:var(--ld-col-vc-200);--ld-thm-bubblegum-secondary-highlight:var(--ld-col-vc-010);--ld-thm-bubblegum-secondary-hover:var(--ld-col-vc-600);--ld-thm-bubblegum-secondary:var(--ld-col-vc);--ld-thm-bubblegum-success-active:var(--ld-col-rg-900);--ld-thm-bubblegum-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-bubblegum-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-bubblegum-success-focus:var(--ld-col-rg-400);--ld-thm-bubblegum-success-highlight:var(--ld-col-rg-010);--ld-thm-bubblegum-success-hover:var(--ld-col-rg-700);--ld-thm-bubblegum-success:var(--ld-col-rg);--ld-thm-bubblegum-warning-active:var(--ld-col-vy-800);--ld-thm-bubblegum-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-bubblegum-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-bubblegum-warning-focus:var(--ld-col-vy-100);--ld-thm-bubblegum-warning-highlight:var(--ld-col-vy-010);--ld-thm-bubblegum-warning-hover:var(--ld-col-vy-400);--ld-thm-bubblegum-warning:var(--ld-col-vy);--ld-thm-ocean-error-active:var(--ld-col-rr-900);--ld-thm-ocean-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-ocean-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-ocean-error-focus:var(--ld-col-rr-400);--ld-thm-ocean-error-highlight:var(--ld-col-rr-010);--ld-thm-ocean-error-hover:var(--ld-col-rr-700);--ld-thm-ocean-error:var(--ld-col-rr);--ld-thm-ocean-primary-active:var(--ld-col-rb-800);--ld-thm-ocean-primary-alpha-low:var(--ld-col-rb-alpha-low);--ld-thm-ocean-primary-alpha-lowest:var(--ld-col-rb-alpha-lowest);--ld-thm-ocean-primary-focus:var(--ld-col-rb-400);--ld-thm-ocean-primary-highlight:var(--ld-col-rb-010);--ld-thm-ocean-primary-hover:var(--ld-col-rb-700);--ld-thm-ocean-primary:var(--ld-col-rb);--ld-thm-ocean-secondary-active:var(--ld-col-vc-800);--ld-thm-ocean-secondary-alpha-low:var(--ld-col-vc-alpha-low);--ld-thm-ocean-secondary-alpha-lowest:var(--ld-col-vc-alpha-lowest);--ld-thm-ocean-secondary-focus:var(--ld-col-vc-200);--ld-thm-ocean-secondary-highlight:var(--ld-col-vc-010);--ld-thm-ocean-secondary-hover:var(--ld-col-vc-600);--ld-thm-ocean-secondary:var(--ld-col-vc);--ld-thm-ocean-success-active:var(--ld-col-rg-900);--ld-thm-ocean-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-ocean-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-ocean-success-focus:var(--ld-col-rg-400);--ld-thm-ocean-success-highlight:var(--ld-col-rg-010);--ld-thm-ocean-success-hover:var(--ld-col-rg-700);--ld-thm-ocean-success:var(--ld-col-rg);--ld-thm-ocean-warning-active:var(--ld-col-vy-800);--ld-thm-ocean-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-ocean-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-ocean-warning-focus:var(--ld-col-vy-100);--ld-thm-ocean-warning-highlight:var(--ld-col-vy-010);--ld-thm-ocean-warning-hover:var(--ld-col-vy-400);--ld-thm-ocean-warning:var(--ld-col-vy);--ld-thm-shake-error-active:var(--ld-col-rr-900);--ld-thm-shake-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-shake-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-shake-error-focus:var(--ld-col-rr-400);--ld-thm-shake-error-highlight:var(--ld-col-rr-010);--ld-thm-shake-error-hover:var(--ld-col-rr-700);--ld-thm-shake-error:var(--ld-col-rr);--ld-thm-shake-primary-active:var(--ld-col-rp-900);--ld-thm-shake-primary-alpha-low:var(--ld-col-rp-alpha-low);--ld-thm-shake-primary-alpha-lowest:var(--ld-col-rp-alpha-lowest);--ld-thm-shake-primary-focus:var(--ld-col-rp-500);--ld-thm-shake-primary-highlight:var(--ld-col-rp-010);--ld-thm-shake-primary-hover:var(--ld-col-rp-800);--ld-thm-shake-primary:var(--ld-col-rp);--ld-thm-shake-secondary-active:var(--ld-col-vm-800);--ld-thm-shake-secondary-alpha-low:var(--ld-col-vm-alpha-low);--ld-thm-shake-secondary-alpha-lowest:var(--ld-col-vm-alpha-lowest);--ld-thm-shake-secondary-focus:var(--ld-col-vm-300);--ld-thm-shake-secondary-highlight:var(--ld-col-vm-010);--ld-thm-shake-secondary-hover:var(--ld-col-vm-600);--ld-thm-shake-secondary:var(--ld-col-vm);--ld-thm-shake-success-active:var(--ld-col-rg-900);--ld-thm-shake-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-shake-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-shake-success-focus:var(--ld-col-rg-400);--ld-thm-shake-success-highlight:var(--ld-col-rg-010);--ld-thm-shake-success-hover:var(--ld-col-rg-700);--ld-thm-shake-success:var(--ld-col-rg);--ld-thm-shake-warning-active:var(--ld-col-vy-800);--ld-thm-shake-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-shake-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-shake-warning-focus:var(--ld-col-vy-100);--ld-thm-shake-warning-highlight:var(--ld-col-vy-010);--ld-thm-shake-warning-hover:var(--ld-col-vy-400);--ld-thm-shake-warning:var(--ld-col-vy);--ld-thm-solvent-error-active:var(--ld-col-rr-900);--ld-thm-solvent-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-solvent-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-solvent-error-focus:var(--ld-col-rr-400);--ld-thm-solvent-error-highlight:var(--ld-col-rr-010);--ld-thm-solvent-error-hover:var(--ld-col-rr-700);--ld-thm-solvent-error:var(--ld-col-rr);--ld-thm-solvent-primary-active:var(--ld-col-rp-900);--ld-thm-solvent-primary-alpha-low:var(--ld-col-rp-alpha-low);--ld-thm-solvent-primary-alpha-lowest:var(--ld-col-rp-alpha-lowest);--ld-thm-solvent-primary-focus:var(--ld-col-rp-500);--ld-thm-solvent-primary-highlight:var(--ld-col-rp-010);--ld-thm-solvent-primary-hover:var(--ld-col-rp-800);--ld-thm-solvent-primary:var(--ld-col-rp);--ld-thm-solvent-secondary-active:var(--ld-col-vg-800);--ld-thm-solvent-secondary-alpha-low:var(--ld-col-vg-alpha-low);--ld-thm-solvent-secondary-alpha-lowest:var(--ld-col-vg-alpha-lowest);--ld-thm-solvent-secondary-focus:var(--ld-col-vg-200);--ld-thm-solvent-secondary-highlight:var(--ld-col-vg-010);--ld-thm-solvent-secondary-hover:var(--ld-col-vg-400);--ld-thm-solvent-secondary:var(--ld-col-vg);--ld-thm-solvent-success-active:var(--ld-col-rg-900);--ld-thm-solvent-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-solvent-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-solvent-success-focus:var(--ld-col-rg-400);--ld-thm-solvent-success-highlight:var(--ld-col-rg-010);--ld-thm-solvent-success-hover:var(--ld-col-rg-700);--ld-thm-solvent-success:var(--ld-col-rg);--ld-thm-solvent-warning-active:var(--ld-col-vy-800);--ld-thm-solvent-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-solvent-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-solvent-warning-focus:var(--ld-col-vy-100);--ld-thm-solvent-warning-highlight:var(--ld-col-vy-010);--ld-thm-solvent-warning-hover:var(--ld-col-vy-400);--ld-thm-solvent-warning:var(--ld-col-vy);--ld-thm-tea-error-active:var(--ld-col-rr-900);--ld-thm-tea-error-alpha-low:var(--ld-col-rr-alpha-low);--ld-thm-tea-error-alpha-lowest:var(--ld-col-rr-alpha-lowest);--ld-thm-tea-error-focus:var(--ld-col-rr-400);--ld-thm-tea-error-highlight:var(--ld-col-rr-010);--ld-thm-tea-error-hover:var(--ld-col-rr-700);--ld-thm-tea-error:var(--ld-col-rr);--ld-thm-tea-primary-active:var(--ld-col-rg-900);--ld-thm-tea-primary-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-tea-primary-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-tea-primary-focus:var(--ld-col-rg-400);--ld-thm-tea-primary-highlight:var(--ld-col-rg-010);--ld-thm-tea-primary-hover:var(--ld-col-rg-700);--ld-thm-tea-primary:var(--ld-col-rg);--ld-thm-tea-secondary-active:var(--ld-col-vg-800);--ld-thm-tea-secondary-alpha-low:var(--ld-col-vg-alpha-low);--ld-thm-tea-secondary-alpha-lowest:var(--ld-col-vg-alpha-lowest);--ld-thm-tea-secondary-focus:var(--ld-col-vg-200);--ld-thm-tea-secondary-highlight:var(--ld-col-vg-010);--ld-thm-tea-secondary-hover:var(--ld-col-vg-400);--ld-thm-tea-secondary:var(--ld-col-vg);--ld-thm-tea-success-active:var(--ld-col-rg-900);--ld-thm-tea-success-alpha-low:var(--ld-col-rg-alpha-low);--ld-thm-tea-success-alpha-lowest:var(--ld-col-rg-alpha-lowest);--ld-thm-tea-success-focus:var(--ld-col-rg-400);--ld-thm-tea-success-highlight:var(--ld-col-rg-010);--ld-thm-tea-success-hover:var(--ld-col-rg-700);--ld-thm-tea-success:var(--ld-col-rg);--ld-thm-tea-warning-active:var(--ld-col-vy-800);--ld-thm-tea-warning-alpha-low:var(--ld-col-vy-alpha-low);--ld-thm-tea-warning-alpha-lowest:var(--ld-col-vy-alpha-lowest);--ld-thm-tea-warning-focus:var(--ld-col-vy-100);--ld-thm-tea-warning-highlight:var(--ld-col-vy-010);--ld-thm-tea-warning-hover:var(--ld-col-vy-400);--ld-thm-tea-warning:var(--ld-col-vy)}.ld-theme-ocean,:root{--ld-thm-error-active:var(--ld-thm-ocean-error-active);--ld-thm-error-alpha-low:var(--ld-thm-ocean-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-ocean-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-ocean-error-focus);--ld-thm-error-highlight:var(--ld-thm-ocean-error-highlight);--ld-thm-error-hover:var(--ld-thm-ocean-error-hover);--ld-thm-error:var(--ld-thm-ocean-error);--ld-thm-primary-active:var(--ld-thm-ocean-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-ocean-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-ocean-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-ocean-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-ocean-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-ocean-primary-hover);--ld-thm-primary:var(--ld-thm-ocean-primary);--ld-thm-secondary-active:var(--ld-thm-ocean-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-ocean-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-ocean-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-ocean-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-ocean-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-ocean-secondary-hover);--ld-thm-secondary:var(--ld-thm-ocean-secondary);--ld-thm-success-active:var(--ld-thm-ocean-success-active);--ld-thm-success-alpha-low:var(--ld-thm-ocean-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-ocean-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-ocean-success-focus);--ld-thm-success-highlight:var(--ld-thm-ocean-success-highlight);--ld-thm-success-hover:var(--ld-thm-ocean-success-hover);--ld-thm-success:var(--ld-thm-ocean-success);--ld-thm-warning-active:var(--ld-thm-ocean-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-ocean-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-ocean-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-ocean-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-ocean-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-ocean-warning-hover);--ld-thm-warning:var(--ld-thm-ocean-warning)}.ld-theme-solvent{--ld-thm-error-active:var(--ld-thm-solvent-error-active);--ld-thm-error-alpha-low:var(--ld-thm-solvent-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-solvent-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-solvent-error-focus);--ld-thm-error-highlight:var(--ld-thm-solvent-error-highlight);--ld-thm-error-hover:var(--ld-thm-solvent-error-hover);--ld-thm-error:var(--ld-thm-solvent-error);--ld-thm-primary-active:var(--ld-thm-solvent-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-solvent-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-solvent-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-solvent-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-solvent-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-solvent-primary-hover);--ld-thm-primary:var(--ld-thm-solvent-primary);--ld-thm-secondary-active:var(--ld-thm-solvent-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-solvent-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-solvent-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-solvent-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-solvent-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-solvent-secondary-hover);--ld-thm-secondary:var(--ld-thm-solvent-secondary);--ld-thm-success-active:var(--ld-thm-solvent-success-active);--ld-thm-success-alpha-low:var(--ld-thm-solvent-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-solvent-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-solvent-success-focus);--ld-thm-success-highlight:var(--ld-thm-solvent-success-highlight);--ld-thm-success-hover:var(--ld-thm-solvent-success-hover);--ld-thm-success:var(--ld-thm-solvent-success);--ld-thm-warning-active:var(--ld-thm-solvent-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-solvent-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-solvent-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-solvent-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-solvent-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-solvent-warning-hover);--ld-thm-warning:var(--ld-thm-solvent-warning)}.ld-theme-bubblegum{--ld-thm-error-active:var(--ld-thm-bubblegum-error-active);--ld-thm-error-alpha-low:var(--ld-thm-bubblegum-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-bubblegum-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-bubblegum-error-focus);--ld-thm-error-highlight:var(--ld-thm-bubblegum-error-highlight);--ld-thm-error-hover:var(--ld-thm-bubblegum-error-hover);--ld-thm-error:var(--ld-thm-bubblegum-error);--ld-thm-primary-active:var(--ld-thm-bubblegum-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-bubblegum-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-bubblegum-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-bubblegum-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-bubblegum-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-bubblegum-primary-hover);--ld-thm-primary:var(--ld-thm-bubblegum-primary);--ld-thm-secondary-active:var(--ld-thm-bubblegum-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-bubblegum-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-bubblegum-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-bubblegum-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-bubblegum-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-bubblegum-secondary-hover);--ld-thm-secondary:var(--ld-thm-bubblegum-secondary);--ld-thm-success-active:var(--ld-thm-bubblegum-success-active);--ld-thm-success-alpha-low:var(--ld-thm-bubblegum-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-bubblegum-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-bubblegum-success-focus);--ld-thm-success-highlight:var(--ld-thm-bubblegum-success-highlight);--ld-thm-success-hover:var(--ld-thm-bubblegum-success-hover);--ld-thm-success:var(--ld-thm-bubblegum-success);--ld-thm-warning-active:var(--ld-thm-bubblegum-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-bubblegum-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-bubblegum-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-bubblegum-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-bubblegum-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-bubblegum-warning-hover);--ld-thm-warning:var(--ld-thm-bubblegum-warning)}.ld-theme-tea{--ld-thm-error-active:var(--ld-thm-tea-error-active);--ld-thm-error-alpha-low:var(--ld-thm-tea-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-tea-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-tea-error-focus);--ld-thm-error-highlight:var(--ld-thm-tea-error-highlight);--ld-thm-error-hover:var(--ld-thm-tea-error-hover);--ld-thm-error:var(--ld-thm-tea-error);--ld-thm-primary-active:var(--ld-thm-tea-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-tea-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-tea-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-tea-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-tea-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-tea-primary-hover);--ld-thm-primary:var(--ld-thm-tea-primary);--ld-thm-secondary-active:var(--ld-thm-tea-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-tea-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-tea-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-tea-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-tea-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-tea-secondary-hover);--ld-thm-secondary:var(--ld-thm-tea-secondary);--ld-thm-success-active:var(--ld-thm-tea-success-active);--ld-thm-success-alpha-low:var(--ld-thm-tea-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-tea-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-tea-success-focus);--ld-thm-success-highlight:var(--ld-thm-tea-success-highlight);--ld-thm-success-hover:var(--ld-thm-tea-success-hover);--ld-thm-success:var(--ld-thm-tea-success);--ld-thm-warning-active:var(--ld-thm-tea-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-tea-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-tea-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-tea-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-tea-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-tea-warning-hover);--ld-thm-warning:var(--ld-thm-tea-warning)}.ld-theme-shake{--ld-thm-error-active:var(--ld-thm-shake-error-active);--ld-thm-error-alpha-low:var(--ld-thm-shake-error-alpha-low);--ld-thm-error-alpha-lowest:var(--ld-thm-shake-error-alpha-lowest);--ld-thm-error-focus:var(--ld-thm-shake-error-focus);--ld-thm-error-highlight:var(--ld-thm-shake-error-highlight);--ld-thm-error-hover:var(--ld-thm-shake-error-hover);--ld-thm-error:var(--ld-thm-shake-error);--ld-thm-primary-active:var(--ld-thm-shake-primary-active);--ld-thm-primary-alpha-low:var(--ld-thm-shake-primary-alpha-low);--ld-thm-primary-alpha-lowest:var(--ld-thm-shake-primary-alpha-lowest);--ld-thm-primary-focus:var(--ld-thm-shake-primary-focus);--ld-thm-primary-highlight:var(--ld-thm-shake-primary-highlight);--ld-thm-primary-hover:var(--ld-thm-shake-primary-hover);--ld-thm-primary:var(--ld-thm-shake-primary);--ld-thm-secondary-active:var(--ld-thm-shake-secondary-active);--ld-thm-secondary-alpha-low:var(--ld-thm-shake-secondary-alpha-low);--ld-thm-secondary-alpha-lowest:var(--ld-thm-shake-secondary-alpha-lowest);--ld-thm-secondary-focus:var(--ld-thm-shake-secondary-focus);--ld-thm-secondary-highlight:var(--ld-thm-shake-secondary-highlight);--ld-thm-secondary-hover:var(--ld-thm-shake-secondary-hover);--ld-thm-secondary:var(--ld-thm-shake-secondary);--ld-thm-success-active:var(--ld-thm-shake-success-active);--ld-thm-success-alpha-low:var(--ld-thm-shake-success-alpha-low);--ld-thm-success-alpha-lowest:var(--ld-thm-shake-success-alpha-lowest);--ld-thm-success-focus:var(--ld-thm-shake-success-focus);--ld-thm-success-highlight:var(--ld-thm-shake-success-highlight);--ld-thm-success-hover:var(--ld-thm-shake-success-hover);--ld-thm-success:var(--ld-thm-shake-success);--ld-thm-warning-active:var(--ld-thm-shake-warning-active);--ld-thm-warning-alpha-low:var(--ld-thm-shake-warning-alpha-low);--ld-thm-warning-alpha-lowest:var(--ld-thm-shake-warning-alpha-lowest);--ld-thm-warning-focus:var(--ld-thm-shake-warning-focus);--ld-thm-warning-highlight:var(--ld-thm-shake-warning-highlight);--ld-thm-warning-hover:var(--ld-thm-shake-warning-hover);--ld-thm-warning:var(--ld-thm-shake-warning)}:root{--ld-transition-duration-instant:1ms;--ld-transition-duration-quick:0.1s;--ld-transition-duration-swift:0.15s;--ld-transition-duration-normal:0.2s;--ld-transition-duration-slow:0.5s;--ld-font-body:Lato,Helvetica,Arial,sans-serif;--ld-font-display:MWeb,Helvetica,Arial,sans-serif;--ld-typo-b1:3rem/120% var(--ld-font-display);--ld-typo-b2:2.5rem/120% var(--ld-font-display);--ld-typo-b3:2.25rem/120% var(--ld-font-display);--ld-typo-b4:2rem/120% var(--ld-font-display);--ld-typo-b5:1.625rem/120% var(--ld-font-display);--ld-typo-b6:1.375rem/120% var(--ld-font-display);--ld-typo-body-l:1.125rem/160% var(--ld-font-body);--ld-typo-body-m:1rem/160% var(--ld-font-body);--ld-typo-body-s:0.875rem/176% var(--ld-font-body);--ld-typo-body-xl:1.375rem/160% var(--ld-font-body);--ld-typo-body-xs:0.75rem/180% var(--ld-font-body);--ld-typo-cap-l:700 1.25rem/140% var(--ld-font-body);--ld-typo-cap-m:700 0.875rem/140% var(--ld-font-body);--ld-typo-h1:700 2rem/140% var(--ld-font-body);--ld-typo-h2:700 1.625rem/140% var(--ld-font-body);--ld-typo-h3:700 1.375rem/140% var(--ld-font-body);--ld-typo-h4:700 1.125rem/140% var(--ld-font-body);--ld-typo-h5:700 1rem/140% var(--ld-font-body);--ld-typo-h6:700 0.875rem/140% var(--ld-font-body);--ld-typo-label-m:1rem/140% var(--ld-font-body);--ld-typo-label-s:700 0.875rem/120% var(--ld-font-body);--ld-typo-xb1:5.75rem/120% var(--ld-font-display);--ld-typo-xb2:4.5rem/120% var(--ld-font-display);--ld-typo-xb3:4rem/120% var(--ld-font-display);--ld-typo-xh1:700 5.75rem/120% var(--ld-font-body);--ld-typo-xh2:700 4.5rem/120% var(--ld-font-body);--ld-typo-xh3:700 4rem/120% var(--ld-font-body);--ld-typo-xh4:700 3rem/120% var(--ld-font-body);--ld-typo-xh5:700 2.5rem/120% var(--ld-font-body);--ld-typo-xh6:700 2.25rem/120% var(--ld-font-body)}body{text-rendering:var(--ld-text-rendering,geometricPrecision);-webkit-font-smoothing:var(--ld-text-rendering,antialiased);-moz-osx-font-smoothing:var(--ld-text-rendering,grayscale)} \ No newline at end of file diff --git a/1704894792450/dist/build/liquid.esm.js b/1704966176737/dist/build/liquid.esm.js similarity index 82% rename from 1704894792450/dist/build/liquid.esm.js rename to 1704966176737/dist/build/liquid.esm.js index 66607d1f92..2eb8151760 100644 --- a/1704894792450/dist/build/liquid.esm.js +++ b/1704966176737/dist/build/liquid.esm.js @@ -1,2 +1,2 @@ -import{p as e,b as a}from"./p-21a69c18.js";export{s as setNonce}from"./p-21a69c18.js";const l=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};l().then((e=>a(JSON.parse('[["p-0adaf635",[[4,"docs-example",{"background":[1],"centered":[4],"code":[1],"codeCssComponent":[1,"code-css-component"],"codeReactComponent":[1,"code-react-component"],"hasBorder":[4,"has-border"],"hasPadding":[4,"has-padding"],"opened":[4],"stacked":[4],"styles":[1],"themable":[4],"currentTheme":[32],"isCodeVisible":[32],"codeType":[32]},[[8,"pickCodeType","handleSwitchCode"]]]]],["p-6e08f789",[[1,"ld-cookie-consent",{"settings":[1],"isDisclaimerVisible":[32],"allCategories":[32],"preselectedCategories":[32],"savedConsent":[32],"selectedCategories":[32],"getAcceptedAndRejectedCategories":[64],"isCategoryAccepted":[64],"showDisclaimer":[64],"hideDisclaimerAndPreferences":[64]}]]],["p-e2bfe18d",[[0,"docs-icon",{"bounce":[4],"downloadUrl":[1025,"download-url"],"identifier":[1],"isAnimation":[4,"is-animation"],"name":[1],"confirm":[32],"isMenuOpen":[32]}]]],["p-e4aeb305",[[0,"docs-topbar"]]],["p-dce80f80",[[0,"docs-view-on-figma"]]],["p-02b02d74",[[1,"ld-sidenav-accordion",{"expanded":[1028],"preserveState":[4,"preserve-state"],"split":[4],"expandOnSidenavExpansion":[32],"inAccordion":[32],"noIcon":[32],"rounded":[32],"sidenavClosable":[32],"sidenavCollapsed":[32],"transitionsEnabled":[32]},[[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"],[9,"ldSidenavSliderChange","handleSidenavSliderChange"],[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"]],{"expanded":["handleExpandedChange"]}]]],["p-c0a477e6",[[1,"ld-sidenav-header",{"href":[1],"ariaLabel":[1,"aria-label"],"labelCollapse":[1,"label-collapse"],"labelExpand":[1,"label-expand"],"tetherOptions":[1,"tether-options"],"sidenavAlignement":[32],"sidenavClosable":[32],"sidenavCollapsed":[32],"sidenavCollapsedFully":[32],"sidenavCollapsible":[32],"sidenavOpen":[32],"updateCollapsible":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"],[9,"ldSidenavOpenChange","handleSidenavOpenChange"]]]]],["p-7d04a869",[[1,"ld-sidenav-navitem",{"selected":[4],"href":[1],"mode":[1],"rounded":[516],"ldTabindex":[2,"ld-tabindex"],"expandOnClick":[4,"expand-on-click"],"target":[1],"tetherOptions":[1,"tether-options"],"to":[513],"tooltipContent":[32],"abbreviation":[32],"inAccordion":[32],"isAccordionToggle":[32],"sidenavAlignement":[32],"sidenavClosable":[32],"sidenavCollapsed":[32],"sidenavExpandsOnMouseEnter":[32],"secondaryIconHTML":[32],"closestTheme":[32],"themeClass":[32],"hasSubline":[32],"hasSecondaryIcon":[32],"focusInner":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]]]],["p-b691e7f1",[[1,"ld-sidenav-toggle-outside",{"labelExpand":[1,"label-expand"],"ldTabindex":[2,"ld-tabindex"],"tetherOptions":[1,"tether-options"],"sidenavClosable":[32],"sidenavCollapsed":[32],"sidenavCollapsedFully":[32],"sidenavAlignement":[32],"focusInner":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]]]],["p-00dcb85b",[[0,"docs-border-radius",{"var":[1],"val":[1]}]]],["p-d29aae54",[[0,"docs-color",{"var":[1],"isTransparent":[4,"is-transparent"],"val":[32],"dark":[32]}]]],["p-9982eec9",[[4,"docs-main"]]],["p-7ecbe9da",[[0,"docs-shadow",{"var":[1],"filter":[4]}]]],["p-36bbded8",[[0,"docs-spacing",{"var":[1],"val":[1]}]]],["p-bb2b75da",[[0,"docs-typography",{"brand":[4],"prop":[1],"val":[1],"var":[1]}]]],["p-338b6c38",[[4,"docs-nav",{"isNavOpen":[32]},[[9,"resize","handleResize"],[0,"click","handleClick"]]]]],["p-18028a34",[[1,"ld-notice",{"headline":[1],"mode":[1]}]]],["p-98b11beb",[[1,"ld-pagination",{"brandColor":[4,"brand-color"],"endLabel":[1,"end-label"],"hidePrevNext":[4,"hide-prev-next"],"hideStartEnd":[4,"hide-start-end"],"itemLabel":[1,"item-label"],"length":[1026],"mode":[1],"nextLabel":[1,"next-label"],"offset":[2],"prevLabel":[1,"prev-label"],"selectedIndex":[1026,"selected-index"],"size":[1],"space":[1],"startLabel":[1,"start-label"],"sticky":[2],"maxSliderColumns":[32],"renderMoreIndicators":[32],"renderSticky":[32],"slidableItems":[32],"sliderContent":[32],"transitioning":[32],"visibleItemsInSlider":[32]},null,{"selectedIndex":["handleSelectedIndex"],"length":["componentWillLoad"],"mode":["componentWillLoad"],"offset":["componentWillLoad"],"sticky":["componentWillLoad"]}]]],["p-1579946c",[[1,"ld-sidenav",{"align":[1],"breakpoint":[1],"collapsed":[1028],"collapseTrigger":[1,"collapse-trigger"],"collapsible":[4],"expandTrigger":[1,"expand-trigger"],"label":[1],"narrow":[4],"open":[1028],"toggleTransitionDisabled":[4,"toggle-transition-disabled"],"trapFocus":[1,"trap-focus"],"closable":[32],"fullyCollapsible":[32],"hasActiveSubnav":[32],"hasShadowBottom":[32],"hasShadowTop":[32],"transitions":[32],"toggle":[64]},[[8,"click","handleClickOutside"],[1,"mouseout","handleMouseOut"],[1,"mouseenter","handleMouseIn"],[0,"ldSidenavOpen","handleOpen"],[0,"ldSidenavClose","handleClose"],[0,"ldSidenavBack","handleSlideBack"],[0,"ldSidenavNavitemTo","slideToHandler"],[0,"ldSidenavSliderChange","slideChangeHandler"],[9,"keydown","handleKeyDown"],[9,"focusout","handleFocusout"],[0,"ldSidenavHeaderToggleClick","handleHeaderToggleClick"]],{"collapsed":["onCollapsedChange"],"open":["onOpenChange"],"collapsible":["updateFullyCollapsible"],"narrow":["updateFullyCollapsible"]}]]],["p-c5fe7236",[[1,"ld-sidenav-slider",{"currentSubnav":[1025,"current-subnav"],"label":[1],"currentNavLevel":[32],"activeSubnavs":[32],"isFirstLevelHidden":[32],"navigateBack":[64]},[[0,"ldSidenavNavitemTo","slideToHandler"],[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]],{"currentSubnav":["handleSubnavChange"]}]]],["p-cdf78ae7",[[1,"ld-sidenav-subnav",{"activeBeforeTransition":[4,"active-before-transition"],"active":[4],"ancestor":[4],"label":[1],"hasParentSubnav":[32],"scrollToTop":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]],{"active":["onActiveChange"],"activeBeforeTransition":["onActiveBeforeTransitionChange"]}]]],["p-ad64dade",[[1,"ld-step",{"brandColor":[4,"brand-color"],"current":[4],"description":[1],"disabled":[4],"done":[4],"href":[1],"icon":[1],"labelCurrent":[1,"label-current"],"labelDone":[1,"label-done"],"labelOptional":[1,"label-optional"],"labelSkipped":[1,"label-skipped"],"labelWasOptional":[1,"label-was-optional"],"lastActive":[4,"last-active"],"ldTabindex":[2,"ld-tabindex"],"next":[4],"optional":[4],"size":[1],"skipped":[4],"vertical":[4],"clonedAttributes":[32],"focusInner":[64]}]]],["p-15140e15",[[1,"ld-table-header",{"abbr":[1],"colspan":[2],"headers":[1],"rowspan":[2],"scope":[1],"sortable":[4],"sortAscLabel":[1,"sort-asc-label"],"sortDescLabel":[1,"sort-desc-label"],"sortOrder":[1025,"sort-order"],"resetSort":[64]}]]],["p-74123e3d",[[1,"ld-table-row",{"selectable":[4],"selectionSticky":[4,"selection-sticky"],"selectionLabel":[1,"selection-label"],"selected":[1028],"indeterminate":[1028],"selectionDisabled":[4,"selection-disabled"]}]]],["p-6f1c0dce",[[0,"docs-contributors",{"contributors":[1]}]]],["p-d05ada8a",[[0,"docs-edit-on-github",{"path":[1]}]]],["p-093e3bf1",[[4,"docs-icon-group",{"name":[1]}]]],["p-bdbeb76a",[[4,"docs-page-nav",{"prevHref":[1,"prev-href"],"nextHref":[1,"next-href"],"prevTitle":[1,"prev-title"],"nextTitle":[1,"next-title"],"hasSlot":[32]}]]],["p-89c2e5d1",[[0,"docs-search",{"results":[32],"isActive":[32]},[[2,"click","handleClick"],[1,"keydown","handleEscapeDown"],[0,"keydown","handleKeyDown"],[0,"submit","handleSubmit"]]]]],["p-a3123fb7",[[1,"ld-badge",{"brandColor":[4,"brand-color"],"icon":[1],"size":[1],"hasCustomIcon":[32],"hasText":[32]}]]],["p-108eca21",[[1,"ld-crumb",{"current":[4],"href":[1]}]]],["p-40a74ea6",[[1,"ld-input-message",{"mode":[1]}]]],["p-0ffd75f4",[[1,"ld-optgroup-internal",{"disabled":[4],"filtered":[4],"label":[1],"ldTabindex":[2,"ld-tabindex"],"mode":[1],"size":[1],"selected":[32],"focusInner":[64]},[[0,"ldoptionselect","handleOptionSelect"],[0,"keydown","handleKeyDown"]],{"selected":["handleSelectedChange"]}]]],["p-8362445f",[[1,"ld-option-internal",{"value":[1537],"selected":[1540],"disabled":[4],"preventDeselection":[4,"prevent-deselection"],"mode":[1],"size":[1],"filtered":[4],"ldTabindex":[2,"ld-tabindex"],"title":[32],"hasFocus":[32],"hasHover":[32],"indent":[32],"focusInner":[64]},[[0,"keydown","handleKeyDown"]],{"selected":["handleSelectedChange"]}]]],["p-ee2a2191",[[1,"ld-sidenav-heading"]]],["p-5a913e48",[[1,"ld-slider",{"ariaDisabled":[1,"aria-disabled"],"disabled":[4],"hideStopLabels":[4,"hide-stop-labels"],"hideValueLabels":[4,"hide-value-labels"],"hideValues":[4,"hide-values"],"indicators":[4],"labelFrom":[1,"label-from"],"labelTo":[1,"label-to"],"labelValue":[1,"label-value"],"max":[2],"min":[2],"negative":[4],"size":[1],"snapOffset":[2,"snap-offset"],"step":[2],"stops":[1],"swappable":[4],"ldTabindex":[2,"ld-tabindex"],"unit":[1],"value":[1544],"width":[1],"valueLabels":[32],"steps":[32],"values":[32],"focusInner":[64]},null,{"max":["updateState"],"min":["updateState"],"step":["updateState"],"stops":["updateState"],"value":["handleValueChange"]}]]],["p-1813e3df",[[1,"ld-sr-live",{"info":[32],"alert":[32]},[[9,"ldSrLiveInfo","handleInfo"],[9,"ldSrLiveAlert","handleAlert"]]]]],["p-62839ae4",[[1,"ld-stepper",{"brandColor":[4,"brand-color"],"fitContent":[4,"fit-content"],"labelTemplate":[1,"label-template"],"labelSummaryTemplate":[1,"label-summary-template"],"size":[1],"vertical":[4],"currentLabel":[32],"currentIndex":[32],"steps":[32]},null,{"brandColor":["propagateProps"],"size":["propagateProps"],"vertical":["propagateProps"]}]]],["p-31ffc68b",[[0,"docs-btn-dots-grid"]]],["p-7cb5365e",[[0,"docs-btn-toggle-nav",{"isNavOpen":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-b20a1cf5",[[0,"docs-iframe",{"src":[1],"darkMode":[32],"loaded":[32],"setDarkMode":[64]},null,{"darkMode":["updateDarkMode"]}]]],["p-8b757c69",[[4,"docs-layout"]]],["p-4fbea300",[[0,"docs-nav-backdrop"]]],["p-5d7cb542",[[4,"docs-toc",{"headings":[32]},[[2,"click","handleClick"]]]]],["p-f2d23c8b",[[1,"ld-bg-cells",{"type":[1],"threeLayers":[4,"three-layers"],"animated":[4]},null,{"type":["loadPatternPathData"]}]]],["p-6191a5f8",[[1,"ld-breadcrumbs"]]],["p-9786b72d",[[1,"ld-card",{"shadow":[1],"shadowInteractive":[1,"shadow-interactive"],"size":[1]}]]],["p-93d0f596",[[1,"ld-card-stack",{"direction":[1]}]]],["p-51eab3cf",[[1,"ld-circular-progress",{"ariaLabeledby":[513,"aria-labeledby"],"ariaValuemax":[514,"aria-valuemax"],"ariaValuemin":[514,"aria-valuemin"],"ariaValuenow":[514,"aria-valuenow"],"ariaValuetext":[513,"aria-valuetext"],"brandColor":[4,"brand-color"]}]]],["p-bff13f85",[[1,"ld-label",{"for":[1],"alignMessage":[4,"align-message"],"position":[1],"size":[1],"clonedAttributes":[32]}]]],["p-0a8191fa",[[1,"ld-loading",{"label":[1],"neutral":[4],"paused":[4]}]]],["p-de51c23f",[[1,"ld-menuitem-group",{"ariaLabel":[1,"aria-label"]}]]],["p-96f2a9f8",[[1,"ld-notification",{"placement":[1],"sanitizeConfig":[1,"sanitize-config"],"queue":[32],"queueDismissed":[32],"dismissTimeout":[32],"fadeoutTimeouts":[32],"currentNotification":[32]},[[9,"ldNotificationAdd","handleNotification"],[9,"ldNotificationDismiss","handleNotificationDismiss"],[9,"ldNotificationClear","handleNotificationClear"]],{"currentNotification":["updateDismissTimeout"]}]]],["p-6fdf0745",[[1,"ld-optgroup",{"label":[1],"disabled":[4]}]]],["p-7cff147f",[[1,"ld-progress",{"ariaLabeledby":[513,"aria-labeledby"],"ariaValuemax":[514,"aria-valuemax"],"ariaValuemin":[514,"aria-valuemin"],"ariaValuenow":[514,"aria-valuenow"],"ariaValuetext":[513,"aria-valuetext"],"brandColor":[4,"brand-color"],"pending":[4],"steps":[4]}]]],["p-8f77c4bf",[[1,"ld-radio",{"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"checked":[1028],"disabled":[4],"form":[1],"groupChecked":[4,"group-checked"],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"mode":[1],"name":[1],"readonly":[4],"required":[4],"tone":[1],"value":[1],"clonedAttributes":[32],"focusInner":[64]},null,{"checked":["updateHiddenInput"],"form":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"]}]]],["p-f66c7c23",[[1,"ld-sidenav-back",{"backLabel":[1,"back-label"],"parentLabel":[32],"rounded":[32],"sidenavCollapsed":[32],"sidenavClosable":[32],"updateLabel":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]]]],["p-459ef4d7",[[1,"ld-tab",{"disabled":[4],"ldTabindex":[2,"ld-tabindex"],"selected":[1540],"focusInner":[64],"select":[64]},null,{"selected":["emitEvent"]}]]],["p-822a6b5a",[[1,"ld-table",null,[[0,"ldTableSort","handleTableSort"],[0,"ldTableSelectAll","handleTableSelectAll"],[0,"ldTableSelect","handleTableSelect"]]]]],["p-430fe27d",[[1,"ld-table-body"]]],["p-47f9082b",[[1,"ld-table-caption"]]],["p-94719925",[[1,"ld-table-col",{"span":[2]}]]],["p-a5f4b2c5",[[1,"ld-table-colgroup",{"span":[2]}]]],["p-34dc80c9",[[1,"ld-table-foot"]]],["p-3a42d32d",[[1,"ld-table-head"]]],["p-c34a6e59",[[1,"ld-table-toolbar"]]],["p-361761eb",[[1,"ld-tablist",{"size":[1],"mode":[1],"rounded":[1],"initialized":[32],"selectedTab":[32],"scrollable":[32],"scrollLeftEnabled":[32],"scrollRightEnabled":[32],"focusVisible":[32],"selectedIsFocused":[32]},[[0,"ldtabselect","handleTabSelect"]],{"selectedTab":["updateSelectedTabIndicator"],"size":["updateIconSize"],"scrollable":["emitScrollable"]}]]],["p-3aadade1",[[1,"ld-tabpanel"]]],["p-6378f694",[[1,"ld-tabpanellist"]]],["p-7ef0fda6",[[1,"ld-tabs",{"switchTab":[64]}]]],["p-073ab0b5",[[1,"ld-header",{"hidden":[1028],"hideOnScroll":[4,"hide-on-scroll"],"logoTitle":[1,"logo-title"],"logoUrl":[1,"logo-url"],"sticky":[4],"siteName":[1,"site-name"]},null,{"hideOnScroll":["connectedCallback"]}]]],["p-b1fb6a28",[[1,"ld-input",{"accept":[1],"ariaDisabled":[1,"aria-disabled"],"autocomplete":[1537],"autofocus":[516],"capture":[1],"cols":[2],"dirname":[1],"disabled":[4],"form":[1],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"list":[1],"max":[8],"maxlength":[8],"min":[8],"minlength":[8],"multiline":[4],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"resize":[1],"rows":[2],"size":[1],"step":[1],"tone":[1],"type":[1],"value":[1025],"clonedAttributes":[32],"focusInner":[64]},null,{"dirname":["updateHiddenInput"],"form":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"],"size":["updateIconAndButtonSize"]}]]],["p-ba5e362d",[[1,"ld-table-cell",{"colspan":[2],"headers":[1],"rowspan":[2]}]]],["p-d7b432ae",[[1,"ld-context-menu",{"position":[1],"rightClick":[4,"right-click"],"size":[1],"tetherOptions":[1,"tether-options"],"initialized":[32],"showContextMenu":[64],"hideContextMenu":[64]},null,{"size":["updateSize"]}],[1,"ld-menuitem",{"disabled":[4],"href":[1],"ldTabindex":[2,"ld-tabindex"],"preventClose":[4,"prevent-close"],"mode":[1],"size":[1],"target":[1],"clonedAttributes":[32],"focusInner":[64]}]]],["p-a1156dfa",[[1,"docs-figma-access-notice"]]],["p-37906c0c",[[0,"docs-btn-search",null,[[2,"click","handleClick"],[5,"keydown","handleKeyDown"]]],[0,"docs-switch-dark-light",{"isDark":[32]},[[2,"click","handleClick"]],{"isDark":["updateIFrames"]}]]],["p-8791e36a",[[1,"ld-modal",{"cancelable":[4],"open":[1540],"blurryBackdrop":[4,"blurry-backdrop"],"showModal":[64],"close":[64]},[[9,"keydown","handleKeyDown"]],{"open":["onOpenChange"]}],[1,"ld-toggle",{"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"checked":[1028],"disabled":[4],"form":[1],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"name":[1],"readonly":[4],"required":[4],"size":[1],"value":[1],"clonedAttributes":[32],"focusInner":[64]},null,{"checked":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"]}]]],["p-41b3aee4",[[1,"ld-link",{"chevron":[1],"disabled":[4],"download":[520],"href":[513],"hreflang":[513],"ldTabindex":[2,"ld-tabindex"],"ping":[1],"referrerpolicy":[1],"target":[1],"clonedAttributes":[32],"focusInner":[64]}]]],["p-43a7d779",[[1,"ld-menu",{"size":[1],"initialized":[32],"typeAheadHandler":[32],"getFirstMenuItem":[64]},null,{"size":["handleSizeChange"]}]]],["p-16163f05",[[1,"ld-checkbox",{"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"checked":[1028],"disabled":[4],"form":[1],"indeterminate":[1028],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"mode":[1],"name":[1],"readonly":[4],"required":[4],"tone":[1],"value":[1],"clonedAttributes":[32],"focusInner":[64]},null,{"checked":["updateIndeterminate","updateHiddenInput"],"form":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"]}]]],["p-a7ff3bff",[[1,"ld-button",{"alignText":[1025,"align-text"],"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"brandColor":[4,"brand-color"],"disabled":[4],"download":[8],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"href":[1],"hreflang":[1],"justifyContent":[1025,"justify-content"],"ldTabindex":[2,"ld-tabindex"],"mode":[1],"name":[1],"ping":[1],"progress":[8],"referrerpolicy":[1],"size":[1],"target":[1],"type":[1],"value":[1],"iconOnly":[1028,"icon-only"],"clonedAttributes":[32],"focusInner":[64]}]]],["p-93a96eb6",[[1,"ld-icon",{"name":[513],"size":[1]},null,{"name":["loadIconPathData"]}]]],["p-d2ce627c",[[1,"ld-select",{"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"creatable":[4],"createInputLabel":[1,"create-input-label"],"createButtonLabel":[1,"create-button-label"],"disabled":[4],"form":[1],"filter":[4],"filterPlaceholder":[1,"filter-placeholder"],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"maxRows":[1026,"max-rows"],"mode":[1],"multiple":[4],"name":[1],"placeholder":[1],"popperClass":[1,"popper-class"],"preventDeselection":[4,"prevent-deselection"],"required":[4],"sanitizeConfig":[1,"sanitize-config"],"selected":[1040],"size":[1],"tetherOptions":[1,"tether-options"],"allOptsFiltered":[32],"filterMatchesOpt":[32],"expanded":[32],"hasCustomIcon":[32],"hasMore":[32],"initialized":[32],"internalOptionsHTML":[32],"renderHiddenInput":[32],"theme":[32],"typeAheadHandler":[32],"focusInner":[64]},[[9,"resize","handleWindowResize"],[9,"ldoptionselect","handleSelect"],[8,"keydown","handleKeyDown"],[8,"click","handleClickOutside"],[9,"touchend","handleTouchOutside"]],{"selected":["emitEventsAndUpdateHidden"],"name":["updateHiddenInputs"],"form":["updateHiddenInputs"]}],[1,"ld-option",{"value":[1],"selected":[4],"disabled":[4],"filtered":[4]}],[1,"ld-select-popper",{"allOptionsFiltered":[4,"all-options-filtered"],"class":[513],"creatable":[4],"createInputLabel":[1,"create-input-label"],"createButtonLabel":[1,"create-button-label"],"detached":[4],"expanded":[4],"filter":[4],"filterMatchesOption":[4,"filter-matches-option"],"filterPlaceholder":[1,"filter-placeholder"],"popperClass":[1,"popper-class"],"size":[1],"theme":[1],"isPinned":[32],"shadowHeight":[32],"filterInputValue":[32],"canCreate":[32],"updateShadowHeight":[64],"resetFilter":[64]},null,{"creatable":["updateCanCreate"],"filterMatchesOption":["updateCanCreate"],"filterInputValue":["updateCanCreate"],"class":["updatePinnedState"],"theme":["updatePopperTheme"],"expanded":["updateFilter"]}]]],["p-1566b81f",[[1,"ld-sr-only"]]],["p-ed3ca999",[[0,"docs-pick-theme",{"currentTheme":[32]}],[0,"docs-toggle-code",{"isOn":[4,"is-on"]},[[2,"click","handleClick"]]],[1,"ld-switch",{"size":[1],"brandColor":[4,"brand-color"],"legend":[1],"autofocus":[516],"disabled":[4],"fitContent":[4,"fit-content"],"form":[1],"ariaDisabled":[1,"aria-disabled"],"name":[1],"readonly":[4],"required":[4],"ldTabindex":[2,"ld-tabindex"],"hasFocus":[32],"focusInner":[64]},[[0,"ldswitchitemchange","handleLdSwitchItemChange"]],{"ariaDisabled":["updateSwitchItemProps"],"disabled":["updateSwitchItemProps"],"form":["updateSwitchItemProps"],"ldTabindex":["updateSwitchItemProps"],"name":["updateSwitchItemProps"],"readonly":["updateSwitchItemProps"],"required":["updateSwitchItemProps"]}],[1,"ld-switch-item",{"ariaDisabled":[513,"aria-disabled"],"checked":[1028],"disabled":[4],"form":[1],"ldTabindex":[2,"ld-tabindex"],"name":[1],"readonly":[516],"required":[4],"value":[1],"clonedAttributes":[32],"hasLabel":[32],"focusInner":[64]},null,{"checked":["updateHiddenInput"],"form":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"]}]]],["p-b5ea1bc0",[[0,"docs-copy-to-cb",{"textToCopy":[1,"text-to-copy"],"mode":[8],"copyTimeout":[32]},[[2,"click","handleClick"]]]]],["p-737fa13e",[[1,"ld-sidenav-scroller-internal",{"hasShadowBottom":[32],"hasShadowTop":[32],"needsHRBottom":[32],"needsHRTop":[32],"relative":[32],"sidenavClosable":[32],"sidenavCollapsed":[32],"updateShadows":[64],"scrollToTop":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]],[1,"ld-sidenav-separator",{"sidenavCollapsed":[32],"sidenavClosable":[32],"scaleXCollapsed":[32]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]]]],["p-bcd51be4",[[1,"ld-accordion-toggle",{"disabled":[4],"labelTag":[1,"label-tag"],"ldTabindex":[2,"ld-tabindex"],"split":[4],"toggleLabel":[1,"toggle-label"],"expanded":[32],"hasCustomIcon":[32],"focusInner":[64],"setExpanded":[64]}],[1,"ld-accordion",{"brandColor":[4,"brand-color"],"detached":[4],"rounded":[4],"single":[4],"tone":[1]},[[1,"ldaccordionchange","handleAccordionExpandChange"]]],[1,"ld-accordion-panel",{"expanded":[32],"initialized":[32],"transitionEnabled":[32],"maxHeight":[32],"resizeObserver":[32],"innerPanelExpanding":[32],"setExpanded":[64]}],[1,"ld-accordion-section",{"expanded":[1028],"initialized":[32]},null,{"expanded":["updateExpandedState"]}]]],["p-21c59b99",[[1,"ld-typo",{"tag":[1],"variant":[1025],"ariaLabel":[1,"aria-label"],"clonedAttributes":[32]}]]],["p-f4b6d705",[[1,"ld-tooltip",{"arrow":[4],"disabled":[4],"hideDelay":[2,"hide-delay"],"position":[1],"preventScreenreader":[4,"prevent-screenreader"],"rightClick":[4,"right-click"],"showDelay":[2,"show-delay"],"size":[1],"unstyled":[4],"tag":[1],"tetherOptions":[1,"tether-options"],"triggerType":[1,"trigger-type"],"hasDefaultTrigger":[32],"triggerTabIndex":[32],"visible":[32],"getTooltip":[64],"hideTooltip":[64],"showTooltip":[64],"handleContextMenu":[64]},[[8,"click","handleClickOutside"],[8,"ldtooltipopen","handleContextMenuOutside"],[9,"touchend","handleTouchOutside"],[9,"ldclosetooltip","handleCloseTooltip"]],{"disabled":["updatePopper"]}],[1,"ld-tooltip-popper",{"arrow":[4],"rightClick":[4,"right-click"],"size":[1],"triggerType":[1,"trigger-type"],"unstyled":[4],"hasDefaultTrigger":[4,"has-default-trigger"],"initialized":[32]}]]]]'),e))); +import{p as e,b as a}from"./p-21a69c18.js";export{s as setNonce}from"./p-21a69c18.js";const d=()=>{const a=import.meta.url;const d={};if(a!==""){d.resourcesUrl=new URL(".",a).href}return e(d)};d().then((e=>a(JSON.parse('[["p-79ffd165",[[4,"docs-example",{"background":[1],"centered":[4],"code":[1],"codeCssComponent":[1,"code-css-component"],"codeReactComponent":[1,"code-react-component"],"hasBorder":[4,"has-border"],"hasPadding":[4,"has-padding"],"opened":[4],"stacked":[4],"styles":[1],"themable":[4],"currentTheme":[32],"isCodeVisible":[32],"codeType":[32]},[[8,"pickCodeType","handleSwitchCode"]]]]],["p-bc9ce66e",[[1,"ld-cookie-consent",{"settings":[1],"isDisclaimerVisible":[32],"allCategories":[32],"preselectedCategories":[32],"savedConsent":[32],"selectedCategories":[32],"getAcceptedAndRejectedCategories":[64],"isCategoryAccepted":[64],"showDisclaimer":[64],"hideDisclaimerAndPreferences":[64]}]]],["p-d833bc8b",[[0,"docs-icon",{"bounce":[4],"downloadUrl":[1025,"download-url"],"identifier":[1],"isAnimation":[4,"is-animation"],"name":[1],"confirm":[32],"isMenuOpen":[32]}]]],["p-d630f46e",[[0,"docs-topbar"]]],["p-dce80f80",[[0,"docs-view-on-figma"]]],["p-cf5797c3",[[1,"ld-sidenav-accordion",{"expanded":[1028],"preserveState":[4,"preserve-state"],"split":[4],"expandOnSidenavExpansion":[32],"inAccordion":[32],"noIcon":[32],"rounded":[32],"sidenavClosable":[32],"sidenavCollapsed":[32],"transitionsEnabled":[32]},[[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"],[9,"ldSidenavSliderChange","handleSidenavSliderChange"],[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"]],{"expanded":["handleExpandedChange"]}]]],["p-760822ab",[[1,"ld-sidenav-header",{"href":[1],"ariaLabel":[1,"aria-label"],"labelCollapse":[1,"label-collapse"],"labelExpand":[1,"label-expand"],"tetherOptions":[1,"tether-options"],"sidenavAlignement":[32],"sidenavClosable":[32],"sidenavCollapsed":[32],"sidenavCollapsedFully":[32],"sidenavCollapsible":[32],"sidenavOpen":[32],"updateCollapsible":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"],[9,"ldSidenavOpenChange","handleSidenavOpenChange"]]]]],["p-ddb0738a",[[1,"ld-sidenav-navitem",{"selected":[4],"href":[1],"mode":[1],"rounded":[516],"ldTabindex":[2,"ld-tabindex"],"expandOnClick":[4,"expand-on-click"],"target":[1],"tetherOptions":[1,"tether-options"],"to":[513],"tooltipContent":[32],"abbreviation":[32],"inAccordion":[32],"isAccordionToggle":[32],"sidenavAlignement":[32],"sidenavClosable":[32],"sidenavCollapsed":[32],"sidenavExpandsOnMouseEnter":[32],"secondaryIconHTML":[32],"closestTheme":[32],"themeClass":[32],"hasSubline":[32],"hasSecondaryIcon":[32],"focusInner":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]]]],["p-065e1cbd",[[1,"ld-sidenav-toggle-outside",{"labelExpand":[1,"label-expand"],"ldTabindex":[2,"ld-tabindex"],"tetherOptions":[1,"tether-options"],"sidenavClosable":[32],"sidenavCollapsed":[32],"sidenavCollapsedFully":[32],"sidenavAlignement":[32],"focusInner":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]]]],["p-00dcb85b",[[0,"docs-border-radius",{"var":[1],"val":[1]}]]],["p-d29aae54",[[0,"docs-color",{"var":[1],"isTransparent":[4,"is-transparent"],"val":[32],"dark":[32]}]]],["p-9eccdd55",[[4,"docs-main"]]],["p-7ecbe9da",[[0,"docs-shadow",{"var":[1],"filter":[4]}]]],["p-36bbded8",[[0,"docs-spacing",{"var":[1],"val":[1]}]]],["p-bb2b75da",[[0,"docs-typography",{"brand":[4],"prop":[1],"val":[1],"var":[1]}]]],["p-6443c1fe",[[4,"docs-nav",{"isNavOpen":[32]},[[9,"resize","handleResize"],[0,"click","handleClick"]]]]],["p-18028a34",[[1,"ld-notice",{"headline":[1],"mode":[1]}]]],["p-98b11beb",[[1,"ld-pagination",{"brandColor":[4,"brand-color"],"endLabel":[1,"end-label"],"hidePrevNext":[4,"hide-prev-next"],"hideStartEnd":[4,"hide-start-end"],"itemLabel":[1,"item-label"],"length":[1026],"mode":[1],"nextLabel":[1,"next-label"],"offset":[2],"prevLabel":[1,"prev-label"],"selectedIndex":[1026,"selected-index"],"size":[1],"space":[1],"startLabel":[1,"start-label"],"sticky":[2],"maxSliderColumns":[32],"renderMoreIndicators":[32],"renderSticky":[32],"slidableItems":[32],"sliderContent":[32],"transitioning":[32],"visibleItemsInSlider":[32]},null,{"selectedIndex":["handleSelectedIndex"],"length":["componentWillLoad"],"mode":["componentWillLoad"],"offset":["componentWillLoad"],"sticky":["componentWillLoad"]}]]],["p-1ff9802e",[[1,"ld-sidenav",{"align":[1],"breakpoint":[1],"collapsed":[1028],"collapseTrigger":[1,"collapse-trigger"],"collapsible":[4],"expandTrigger":[1,"expand-trigger"],"label":[1],"narrow":[4],"open":[1028],"toggleTransitionDisabled":[4,"toggle-transition-disabled"],"trapFocus":[1,"trap-focus"],"closable":[32],"fullyCollapsible":[32],"hasActiveSubnav":[32],"hasShadowBottom":[32],"hasShadowTop":[32],"transitions":[32],"toggle":[64]},[[8,"click","handleClickOutside"],[1,"mouseout","handleMouseOut"],[1,"mouseenter","handleMouseIn"],[0,"ldSidenavOpen","handleOpen"],[0,"ldSidenavClose","handleClose"],[0,"ldSidenavBack","handleSlideBack"],[0,"ldSidenavNavitemTo","slideToHandler"],[0,"ldSidenavSliderChange","slideChangeHandler"],[9,"keydown","handleKeyDown"],[9,"focusout","handleFocusout"],[0,"ldSidenavHeaderToggleClick","handleHeaderToggleClick"]],{"collapsed":["onCollapsedChange"],"open":["onOpenChange"],"collapsible":["updateFullyCollapsible"],"narrow":["updateFullyCollapsible"]}]]],["p-c5fe7236",[[1,"ld-sidenav-slider",{"currentSubnav":[1025,"current-subnav"],"label":[1],"currentNavLevel":[32],"activeSubnavs":[32],"isFirstLevelHidden":[32],"navigateBack":[64]},[[0,"ldSidenavNavitemTo","slideToHandler"],[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]],{"currentSubnav":["handleSubnavChange"]}]]],["p-99899d8a",[[1,"ld-sidenav-subnav",{"activeBeforeTransition":[4,"active-before-transition"],"active":[4],"ancestor":[4],"label":[1],"hasParentSubnav":[32],"scrollToTop":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]],{"active":["onActiveChange"],"activeBeforeTransition":["onActiveBeforeTransitionChange"]}]]],["p-ad64dade",[[1,"ld-step",{"brandColor":[4,"brand-color"],"current":[4],"description":[1],"disabled":[4],"done":[4],"href":[1],"icon":[1],"labelCurrent":[1,"label-current"],"labelDone":[1,"label-done"],"labelOptional":[1,"label-optional"],"labelSkipped":[1,"label-skipped"],"labelWasOptional":[1,"label-was-optional"],"lastActive":[4,"last-active"],"ldTabindex":[2,"ld-tabindex"],"next":[4],"optional":[4],"size":[1],"skipped":[4],"vertical":[4],"clonedAttributes":[32],"focusInner":[64]}]]],["p-71d931bf",[[1,"ld-table-header",{"abbr":[1],"colspan":[2],"headers":[1],"rowspan":[2],"scope":[1],"sortable":[4],"sortAscLabel":[1,"sort-asc-label"],"sortDescLabel":[1,"sort-desc-label"],"sortOrder":[1025,"sort-order"],"resetSort":[64]}]]],["p-c4ae61a1",[[1,"ld-table-row",{"selectable":[4],"selectionSticky":[4,"selection-sticky"],"selectionLabel":[1,"selection-label"],"selected":[1028],"indeterminate":[1028],"selectionDisabled":[4,"selection-disabled"]}]]],["p-6f1c0dce",[[0,"docs-contributors",{"contributors":[1]}]]],["p-d05ada8a",[[0,"docs-edit-on-github",{"path":[1]}]]],["p-6d64a66c",[[4,"docs-icon-group",{"name":[1]}]]],["p-084c417e",[[4,"docs-page-nav",{"prevHref":[1,"prev-href"],"nextHref":[1,"next-href"],"prevTitle":[1,"prev-title"],"nextTitle":[1,"next-title"],"hasSlot":[32]}]]],["p-ee7d1073",[[0,"docs-search",{"results":[32],"isActive":[32]},[[2,"click","handleClick"],[1,"keydown","handleEscapeDown"],[0,"keydown","handleKeyDown"],[0,"submit","handleSubmit"]]]]],["p-c8998fe6",[[1,"ld-badge",{"brandColor":[4,"brand-color"],"icon":[1],"size":[1],"hasCustomIcon":[32],"hasText":[32]}]]],["p-108eca21",[[1,"ld-crumb",{"current":[4],"href":[1]}]]],["p-40a74ea6",[[1,"ld-input-message",{"mode":[1]}]]],["p-3b79636e",[[1,"ld-optgroup-internal",{"disabled":[4],"filtered":[4],"label":[1],"ldTabindex":[2,"ld-tabindex"],"mode":[1],"size":[1],"selected":[32],"focusInner":[64]},[[0,"ldoptionselect","handleOptionSelect"],[0,"keydown","handleKeyDown"]],{"selected":["handleSelectedChange"]}]]],["p-9dc79166",[[1,"ld-option-internal",{"value":[1537],"selected":[1540],"disabled":[4],"preventDeselection":[4,"prevent-deselection"],"mode":[1],"size":[1],"filtered":[4],"ldTabindex":[2,"ld-tabindex"],"title":[32],"hasFocus":[32],"hasHover":[32],"indent":[32],"focusInner":[64]},[[0,"keydown","handleKeyDown"]],{"selected":["handleSelectedChange"]}]]],["p-ee2a2191",[[1,"ld-sidenav-heading"]]],["p-890d5ddc",[[1,"ld-slider",{"ariaDisabled":[1,"aria-disabled"],"disabled":[4],"hideStopLabels":[4,"hide-stop-labels"],"hideValueLabels":[4,"hide-value-labels"],"hideValues":[4,"hide-values"],"indicators":[4],"labelFrom":[1,"label-from"],"labelTo":[1,"label-to"],"labelValue":[1,"label-value"],"max":[2],"min":[2],"negative":[4],"size":[1],"snapOffset":[2,"snap-offset"],"step":[2],"stops":[1],"swappable":[4],"ldTabindex":[2,"ld-tabindex"],"unit":[1],"value":[1544],"width":[1],"valueLabels":[32],"steps":[32],"values":[32],"focusInner":[64]},null,{"max":["updateState"],"min":["updateState"],"step":["updateState"],"stops":["updateState"],"value":["handleValueChange"]}]]],["p-1813e3df",[[1,"ld-sr-live",{"info":[32],"alert":[32]},[[9,"ldSrLiveInfo","handleInfo"],[9,"ldSrLiveAlert","handleAlert"]]]]],["p-c170dd3c",[[1,"ld-stepper",{"brandColor":[4,"brand-color"],"fitContent":[4,"fit-content"],"labelTemplate":[1,"label-template"],"labelSummaryTemplate":[1,"label-summary-template"],"size":[1],"vertical":[4],"currentLabel":[32],"currentIndex":[32],"steps":[32]},null,{"brandColor":["propagateProps"],"size":["propagateProps"],"vertical":["propagateProps"]}]]],["p-d73a1df9",[[0,"docs-btn-dots-grid"]]],["p-e64a3ea9",[[0,"docs-btn-toggle-nav",{"isNavOpen":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-b2dd29b5",[[0,"docs-iframe",{"src":[1],"darkMode":[32],"loaded":[32],"setDarkMode":[64]},null,{"darkMode":["updateDarkMode"]}]]],["p-a4360635",[[4,"docs-layout"]]],["p-ddad1f31",[[0,"docs-nav-backdrop"]]],["p-48d582a3",[[4,"docs-toc",{"headings":[32]},[[2,"click","handleClick"]]]]],["p-42bd57e0",[[1,"ld-bg-cells",{"type":[1],"threeLayers":[4,"three-layers"],"animated":[4]},null,{"type":["loadPatternPathData"]}]]],["p-6191a5f8",[[1,"ld-breadcrumbs"]]],["p-e4ded3bc",[[1,"ld-card",{"shadow":[1],"shadowInteractive":[1,"shadow-interactive"],"size":[1]}]]],["p-cbbb0672",[[1,"ld-card-stack",{"direction":[1]}]]],["p-7f19e682",[[1,"ld-circular-progress",{"ariaLabeledby":[513,"aria-labeledby"],"ariaValuemax":[514,"aria-valuemax"],"ariaValuemin":[514,"aria-valuemin"],"ariaValuenow":[514,"aria-valuenow"],"ariaValuetext":[513,"aria-valuetext"],"brandColor":[4,"brand-color"]}]]],["p-8157d479",[[1,"ld-label",{"for":[1],"alignMessage":[4,"align-message"],"position":[1],"size":[1],"clonedAttributes":[32]}]]],["p-488f0189",[[1,"ld-loading",{"label":[1],"neutral":[4],"paused":[4]}]]],["p-de51c23f",[[1,"ld-menuitem-group",{"ariaLabel":[1,"aria-label"]}]]],["p-db6c1ebb",[[1,"ld-notification",{"placement":[1],"sanitizeConfig":[1,"sanitize-config"],"queue":[32],"queueDismissed":[32],"dismissTimeout":[32],"fadeoutTimeouts":[32],"currentNotification":[32]},[[9,"ldNotificationAdd","handleNotification"],[9,"ldNotificationDismiss","handleNotificationDismiss"],[9,"ldNotificationClear","handleNotificationClear"]],{"currentNotification":["updateDismissTimeout"]}]]],["p-6fdf0745",[[1,"ld-optgroup",{"label":[1],"disabled":[4]}]]],["p-d45e8f89",[[1,"ld-progress",{"ariaLabeledby":[513,"aria-labeledby"],"ariaValuemax":[514,"aria-valuemax"],"ariaValuemin":[514,"aria-valuemin"],"ariaValuenow":[514,"aria-valuenow"],"ariaValuetext":[513,"aria-valuetext"],"brandColor":[4,"brand-color"],"pending":[4],"steps":[4]}]]],["p-a088f7d3",[[1,"ld-radio",{"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"checked":[1028],"disabled":[4],"form":[1],"groupChecked":[4,"group-checked"],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"mode":[1],"name":[1],"readonly":[4],"required":[4],"tone":[1],"value":[1],"clonedAttributes":[32],"focusInner":[64]},null,{"checked":["updateHiddenInput"],"form":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"]}]]],["p-2dcf38f5",[[1,"ld-sidenav-back",{"backLabel":[1,"back-label"],"parentLabel":[32],"rounded":[32],"sidenavCollapsed":[32],"sidenavClosable":[32],"updateLabel":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]]]],["p-699b0a42",[[1,"ld-tab",{"disabled":[4],"ldTabindex":[2,"ld-tabindex"],"selected":[1540],"focusInner":[64],"select":[64]},null,{"selected":["emitEvent"]}]]],["p-c79ebadf",[[1,"ld-table",null,[[0,"ldTableSort","handleTableSort"],[0,"ldTableSelectAll","handleTableSelectAll"],[0,"ldTableSelect","handleTableSelect"]]]]],["p-430fe27d",[[1,"ld-table-body"]]],["p-47f9082b",[[1,"ld-table-caption"]]],["p-94719925",[[1,"ld-table-col",{"span":[2]}]]],["p-a5f4b2c5",[[1,"ld-table-colgroup",{"span":[2]}]]],["p-34dc80c9",[[1,"ld-table-foot"]]],["p-3a42d32d",[[1,"ld-table-head"]]],["p-c34a6e59",[[1,"ld-table-toolbar"]]],["p-b6223ce4",[[1,"ld-tablist",{"size":[1],"mode":[1],"rounded":[1],"initialized":[32],"selectedTab":[32],"scrollable":[32],"scrollLeftEnabled":[32],"scrollRightEnabled":[32],"focusVisible":[32],"selectedIsFocused":[32]},[[0,"ldtabselect","handleTabSelect"]],{"selectedTab":["updateSelectedTabIndicator"],"size":["updateIconSize"],"scrollable":["emitScrollable"]}]]],["p-3aadade1",[[1,"ld-tabpanel"]]],["p-6378f694",[[1,"ld-tabpanellist"]]],["p-7ef0fda6",[[1,"ld-tabs",{"switchTab":[64]}]]],["p-385d2a88",[[1,"ld-header",{"hidden":[1028],"hideOnScroll":[4,"hide-on-scroll"],"logoTitle":[1,"logo-title"],"logoUrl":[1,"logo-url"],"sticky":[4],"siteName":[1,"site-name"]},null,{"hideOnScroll":["connectedCallback"]}]]],["p-4a9a72a7",[[1,"ld-input",{"accept":[1],"ariaDisabled":[1,"aria-disabled"],"autocomplete":[1537],"autofocus":[516],"capture":[1],"cols":[2],"dirname":[1],"disabled":[4],"form":[1],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"list":[1],"max":[8],"maxlength":[8],"min":[8],"minlength":[8],"multiline":[4],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"resize":[1],"rows":[2],"size":[1],"step":[1],"tone":[1],"type":[1],"value":[1025],"clonedAttributes":[32],"focusInner":[64]},null,{"dirname":["updateHiddenInput"],"form":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"],"size":["updateIconAndButtonSize"]}]]],["p-0751677e",[[1,"ld-table-cell",{"colspan":[2],"headers":[1],"rowspan":[2]}]]],["p-d7b432ae",[[1,"ld-context-menu",{"position":[1],"rightClick":[4,"right-click"],"size":[1],"tetherOptions":[1,"tether-options"],"initialized":[32],"showContextMenu":[64],"hideContextMenu":[64]},null,{"size":["updateSize"]}],[1,"ld-menuitem",{"disabled":[4],"href":[1],"ldTabindex":[2,"ld-tabindex"],"preventClose":[4,"prevent-close"],"mode":[1],"size":[1],"target":[1],"clonedAttributes":[32],"focusInner":[64]}]]],["p-fff65bfe",[[1,"docs-figma-access-notice"]]],["p-0cff3d08",[[0,"docs-btn-search",null,[[2,"click","handleClick"],[5,"keydown","handleKeyDown"]]],[0,"docs-switch-dark-light",{"isDark":[32]},[[2,"click","handleClick"]],{"isDark":["updateIFrames"]}]]],["p-24dedd5e",[[1,"ld-modal",{"cancelable":[4],"open":[1540],"blurryBackdrop":[4,"blurry-backdrop"],"showModal":[64],"close":[64]},[[9,"keydown","handleKeyDown"]],{"open":["onOpenChange"]}],[1,"ld-toggle",{"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"checked":[1028],"disabled":[4],"form":[1],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"name":[1],"readonly":[4],"required":[4],"size":[1],"value":[1],"clonedAttributes":[32],"focusInner":[64]},null,{"checked":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"]}]]],["p-d426b460",[[1,"ld-link",{"chevron":[1],"disabled":[4],"download":[520],"href":[513],"hreflang":[513],"ldTabindex":[2,"ld-tabindex"],"ping":[1],"referrerpolicy":[1],"target":[1],"clonedAttributes":[32],"focusInner":[64]}]]],["p-43a7d779",[[1,"ld-menu",{"size":[1],"initialized":[32],"typeAheadHandler":[32],"getFirstMenuItem":[64]},null,{"size":["handleSizeChange"]}]]],["p-9833ecb4",[[1,"ld-checkbox",{"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"checked":[1028],"disabled":[4],"form":[1],"indeterminate":[1028],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"mode":[1],"name":[1],"readonly":[4],"required":[4],"tone":[1],"value":[1],"clonedAttributes":[32],"focusInner":[64]},null,{"checked":["updateIndeterminate","updateHiddenInput"],"form":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"]}]]],["p-e304d827",[[1,"ld-button",{"alignText":[1025,"align-text"],"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"brandColor":[4,"brand-color"],"disabled":[4],"download":[8],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"href":[1],"hreflang":[1],"justifyContent":[1025,"justify-content"],"ldTabindex":[2,"ld-tabindex"],"mode":[1],"name":[1],"ping":[1],"progress":[8],"referrerpolicy":[1],"size":[1],"target":[1],"type":[1],"value":[1],"iconOnly":[1028,"icon-only"],"clonedAttributes":[32],"focusInner":[64]}]]],["p-1c01ac4e",[[1,"ld-icon",{"name":[513],"size":[1]},null,{"name":["loadIconPathData"]}]]],["p-236dbb56",[[1,"ld-select",{"ariaDisabled":[1,"aria-disabled"],"autofocus":[516],"creatable":[4],"createInputLabel":[1,"create-input-label"],"createButtonLabel":[1,"create-button-label"],"disabled":[4],"form":[1],"filter":[4],"filterPlaceholder":[1,"filter-placeholder"],"invalid":[4],"ldTabindex":[2,"ld-tabindex"],"maxRows":[1026,"max-rows"],"mode":[1],"multiple":[4],"name":[1],"placeholder":[1],"popperClass":[1,"popper-class"],"preventDeselection":[4,"prevent-deselection"],"required":[4],"sanitizeConfig":[1,"sanitize-config"],"selected":[1040],"size":[1],"tetherOptions":[1,"tether-options"],"allOptsFiltered":[32],"filterMatchesOpt":[32],"expanded":[32],"hasCustomIcon":[32],"hasMore":[32],"initialized":[32],"internalOptionsHTML":[32],"renderHiddenInput":[32],"theme":[32],"typeAheadHandler":[32],"focusInner":[64]},[[9,"resize","handleWindowResize"],[9,"ldoptionselect","handleSelect"],[8,"keydown","handleKeyDown"],[8,"click","handleClickOutside"],[9,"touchend","handleTouchOutside"]],{"selected":["emitEventsAndUpdateHidden"],"name":["updateHiddenInputs"],"form":["updateHiddenInputs"]}],[1,"ld-option",{"value":[1],"selected":[4],"disabled":[4],"filtered":[4]}],[1,"ld-select-popper",{"allOptionsFiltered":[4,"all-options-filtered"],"class":[513],"creatable":[4],"createInputLabel":[1,"create-input-label"],"createButtonLabel":[1,"create-button-label"],"detached":[4],"expanded":[4],"filter":[4],"filterMatchesOption":[4,"filter-matches-option"],"filterPlaceholder":[1,"filter-placeholder"],"popperClass":[1,"popper-class"],"size":[1],"theme":[1],"isPinned":[32],"shadowHeight":[32],"filterInputValue":[32],"canCreate":[32],"updateShadowHeight":[64],"resetFilter":[64]},null,{"creatable":["updateCanCreate"],"filterMatchesOption":["updateCanCreate"],"filterInputValue":["updateCanCreate"],"class":["updatePinnedState"],"theme":["updatePopperTheme"],"expanded":["updateFilter"]}]]],["p-7161caa6",[[1,"ld-sr-only"]]],["p-2f76f5f2",[[0,"docs-pick-theme",{"currentTheme":[32]}],[0,"docs-toggle-code",{"isOn":[4,"is-on"]},[[2,"click","handleClick"]]],[1,"ld-switch",{"size":[1],"brandColor":[4,"brand-color"],"legend":[1],"autofocus":[516],"disabled":[4],"fitContent":[4,"fit-content"],"form":[1],"ariaDisabled":[1,"aria-disabled"],"name":[1],"readonly":[4],"required":[4],"ldTabindex":[2,"ld-tabindex"],"hasFocus":[32],"focusInner":[64]},[[0,"ldswitchitemchange","handleLdSwitchItemChange"]],{"ariaDisabled":["updateSwitchItemProps"],"disabled":["updateSwitchItemProps"],"form":["updateSwitchItemProps"],"ldTabindex":["updateSwitchItemProps"],"name":["updateSwitchItemProps"],"readonly":["updateSwitchItemProps"],"required":["updateSwitchItemProps"]}],[1,"ld-switch-item",{"ariaDisabled":[513,"aria-disabled"],"checked":[1028],"disabled":[4],"form":[1],"ldTabindex":[2,"ld-tabindex"],"name":[1],"readonly":[516],"required":[4],"value":[1],"clonedAttributes":[32],"hasLabel":[32],"focusInner":[64]},null,{"checked":["updateHiddenInput"],"form":["updateHiddenInput"],"name":["updateHiddenInput"],"value":["updateHiddenInput"]}]]],["p-b5ea1bc0",[[0,"docs-copy-to-cb",{"textToCopy":[1,"text-to-copy"],"mode":[8],"copyTimeout":[32]},[[2,"click","handleClick"]]]]],["p-73303dba",[[1,"ld-sidenav-scroller-internal",{"hasShadowBottom":[32],"hasShadowTop":[32],"needsHRBottom":[32],"needsHRTop":[32],"relative":[32],"sidenavClosable":[32],"sidenavCollapsed":[32],"updateShadows":[64],"scrollToTop":[64]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]],[1,"ld-sidenav-separator",{"sidenavCollapsed":[32],"sidenavClosable":[32],"scaleXCollapsed":[32]},[[9,"ldSidenavCollapsedChange","handleSidenavCollapsedChange"],[9,"ldSidenavBreakpointChange","handleSidenavBreakpointChange"]]]]],["p-f962b3cd",[[1,"ld-accordion-toggle",{"disabled":[4],"labelTag":[1,"label-tag"],"ldTabindex":[2,"ld-tabindex"],"split":[4],"toggleLabel":[1,"toggle-label"],"expanded":[32],"hasCustomIcon":[32],"focusInner":[64],"setExpanded":[64]}],[1,"ld-accordion",{"brandColor":[4,"brand-color"],"detached":[4],"rounded":[4],"single":[4],"tone":[1]},[[1,"ldaccordionchange","handleAccordionExpandChange"]]],[1,"ld-accordion-panel",{"expanded":[32],"initialized":[32],"transitionEnabled":[32],"maxHeight":[32],"resizeObserver":[32],"innerPanelExpanding":[32],"setExpanded":[64]}],[1,"ld-accordion-section",{"expanded":[1028],"initialized":[32]},null,{"expanded":["updateExpandedState"]}]]],["p-21c59b99",[[1,"ld-typo",{"tag":[1],"variant":[1025],"ariaLabel":[1,"aria-label"],"clonedAttributes":[32]}]]],["p-62594aee",[[1,"ld-tooltip",{"arrow":[4],"disabled":[4],"hideDelay":[2,"hide-delay"],"position":[1],"preventScreenreader":[4,"prevent-screenreader"],"rightClick":[4,"right-click"],"showDelay":[2,"show-delay"],"size":[1],"unstyled":[4],"tag":[1],"tetherOptions":[1,"tether-options"],"triggerType":[1,"trigger-type"],"hasDefaultTrigger":[32],"triggerTabIndex":[32],"visible":[32],"getTooltip":[64],"hideTooltip":[64],"showTooltip":[64],"handleContextMenu":[64]},[[8,"click","handleClickOutside"],[8,"ldtooltipopen","handleContextMenuOutside"],[9,"touchend","handleTouchOutside"],[9,"ldclosetooltip","handleCloseTooltip"]],{"disabled":["updatePopper"]}],[1,"ld-tooltip-popper",{"arrow":[4],"rightClick":[4,"right-click"],"size":[1],"triggerType":[1,"trigger-type"],"unstyled":[4],"hasDefaultTrigger":[4,"has-default-trigger"],"initialized":[32]}]]]]'),e))); //# sourceMappingURL=liquid.esm.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/liquid.esm.js.map b/1704966176737/dist/build/liquid.esm.js.map similarity index 100% rename from 1704894792450/dist/build/liquid.esm.js.map rename to 1704966176737/dist/build/liquid.esm.js.map diff --git a/1704894792450/dist/build/liquid.js b/1704966176737/dist/build/liquid.js similarity index 100% rename from 1704894792450/dist/build/liquid.js rename to 1704966176737/dist/build/liquid.js diff --git a/1704894792450/dist/build/p-00dcb85b.entry.js b/1704966176737/dist/build/p-00dcb85b.entry.js similarity index 100% rename from 1704894792450/dist/build/p-00dcb85b.entry.js rename to 1704966176737/dist/build/p-00dcb85b.entry.js diff --git a/1704894792450/dist/build/p-00dcb85b.entry.js.map b/1704966176737/dist/build/p-00dcb85b.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-00dcb85b.entry.js.map rename to 1704966176737/dist/build/p-00dcb85b.entry.js.map diff --git a/1704966176737/dist/build/p-065e1cbd.entry.js b/1704966176737/dist/build/p-065e1cbd.entry.js new file mode 100644 index 0000000000..eff8460e8b --- /dev/null +++ b/1704966176737/dist/build/p-065e1cbd.entry.js @@ -0,0 +1,2 @@ +import{r as e,h as t,H as i,g as o}from"./p-21a69c18.js";import{g as s}from"./p-1133c92e.js";const d=':host{--ld-sidenav-toggle-outside-height:3.125rem;--ld-sidenav-toggle-outside-col:var(--ld-col-wht);--ld-sidenav-toggle-outside-bg-col:var(--ld-thm-primary);--ld-sidenav-toggle-outside-bg-col-hover:var(--ld-thm-primary-hover);--ld-sidenav-toggle-outside-bg-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-toggle-outside-bg-col-active:var(--ld-thm-primary-active)}@media (prefers-reduced-motion:no-preference){:host{--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-normal\n )}}:host{align-items:center;align-self:flex-start;display:flex;height:var(--ld-sidenav-toggle-outside-height);justify-content:center;position:var(--ld-sidenav-toggle-outside-position,fixed)}:host(.ld-sidenav-toggle-outside--left){left:0}:host(.ld-sidenav-toggle-outside--right){right:0}.ld-sidenav-toggle-outside__toggle{aspect-ratio:1;background-color:initial;border:0;border-radius:var(--ld-br-l);color:var(--ld-sidenav-toggle-outside-col);cursor:pointer;display:grid;margin:var(--ld-sp-2) var(--ld-sp-16) auto;outline:none;padding-bottom:0;padding-top:0;place-content:center;touch-action:manipulation;transition:visibility 0s calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden;will-change:transform;-webkit-touch-callout:none}.ld-sidenav-toggle-outside__toggle:before{background-color:var(--ld-sidenav-toggle-outside-bg-col);border-radius:inherit;box-shadow:var(--ld-shadow-stacked);content:"";display:block;inset:0;position:absolute}.ld-sidenav-toggle-outside__toggle:after{border-radius:inherit;content:"";display:block;inset:calc(-1 * var(--ld-sp-6));position:absolute}.ld-sidenav-toggle-outside__toggle:where(:focus:focus-visible){--ld-sidenav-toggle-outside-bg-col:var(\n --ld-sidenav-toggle-outside-bg-col-focus\n )}@media (hover:hover){.ld-sidenav-toggle-outside__toggle:where(:hover){--ld-sidenav-toggle-outside-bg-col:var(\n --ld-sidenav-toggle-outside-bg-col-hover\n )}}.ld-sidenav-toggle-outside__toggle:where(:active),.ld-sidenav-toggle-outside__toggle:where(:active:focus-visible){--ld-sidenav-toggle-outside-bg-col:var(\n --ld-sidenav-toggle-outside-bg-col-active\n )}:host(.ld-sidenav-toggle-outside--closable) .ld-sidenav-toggle-outside__toggle,:host(.ld-sidenav-toggle-outside--collapsed-fully) .ld-sidenav-toggle-outside__toggle{transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:inherit}:host(.ld-sidenav-toggle-outside--collapsed) .ld-sidenav-toggle-outside__toggle{transform:none}:host(.ld-sidenav-toggle-outside--collapsed.ld-sidenav-toggle-outside--right) .ld-sidenav-toggle-outside__toggle{transform:translateX(calc(-1 * (var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed))))}.ld-sidenav-toggle-outside__icon{position:relative}:host(.ld-sidenav-toggle-outside--right:not(.ld-sidenav-toggle-outside--collapsed)) .ld-sidenav-toggle-outside__icon{transform:scaleX(-100%)}';const l=class{constructor(t){e(this,t);this.toggleSidenavCollapsedState=e=>{e.stopPropagation();this.sidenav.toggle()};this.labelExpand="Expand side navigation";this.ldTabindex=undefined;this.tetherOptions=undefined;this.sidenavClosable=undefined;this.sidenavCollapsed=undefined;this.sidenavCollapsedFully=undefined;this.sidenavAlignement=undefined}async focusInner(){this.toggle.focus()}handleSidenavCollapsedChange(e){if(e.target!==this.sidenav)return;this.sidenavCollapsed=e.detail.collapsed;this.sidenavCollapsedFully=e.detail.collapsed&&e.detail.fully;this.tooltipRef.hideTooltip()}handleSidenavBreakpointChange(e){if(e.target!==this.sidenav)return;this.sidenavClosable=e.detail;this.tooltipRef.hideTooltip()}componentWillLoad(){this.sidenav=this.el.nextElementSibling;if(!this.sidenav||this.sidenav.tagName!=="LD-SIDENAV"){throw new Error(`The ld-sidenav-toggle-outside component is expecting to have an ld-sidenav component as its next element sibling, but instead there was: ${this.sidenav}`)}this.sidenavAlignement=this.sidenav.align||"left"}render(){const e=s(["ld-sidenav-toggle-outside",`ld-sidenav-toggle-outside--${this.sidenavAlignement}`,this.sidenavClosable&&"ld-sidenav-toggle-outside--closable",this.sidenavCollapsedFully&&"ld-sidenav-toggle-outside--collapsed-fully"]);return t(i,{class:e},t("ld-tooltip",{arrow:true,size:"sm",ref:e=>this.tooltipRef=e,"show-delay":"1000",position:this.sidenavAlignement==="left"?"right middle":"left middle",tag:"span",tetherOptions:this.tetherOptions},t("button",{slot:"trigger",role:"switch","brand-color":true,"aria-checked":this.sidenavCollapsed?"false":"true",class:"ld-sidenav-toggle-outside__toggle",onClick:this.toggleSidenavCollapsedState,part:"toggle focusable",ref:e=>this.toggle=e,tabIndex:this.ldTabindex},t("ld-icon",{class:"ld-sidenav-toggle-outside__icon",name:"sidenav-right",part:"toggle-icon"}),t("ld-sr-only",null,this.labelExpand)),t("ld-typo",null,this.labelExpand)))}get el(){return o(this)}};l.style=d;export{l as ld_sidenav_toggle_outside}; +//# sourceMappingURL=p-065e1cbd.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-b691e7f1.entry.js.map b/1704966176737/dist/build/p-065e1cbd.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-b691e7f1.entry.js.map rename to 1704966176737/dist/build/p-065e1cbd.entry.js.map index eb7cd9f8df..1a0186c9b1 100644 --- a/1704894792450/dist/build/p-b691e7f1.entry.js.map +++ b/1704966176737/dist/build/p-065e1cbd.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldSidenavToggleOutsideShadowCss","LdSidenavToggleOutside","this","toggleSidenavCollapsedState","ev","stopPropagation","sidenav","toggle","focusInner","focus","handleSidenavCollapsedChange","target","sidenavCollapsed","detail","collapsed","sidenavCollapsedFully","fully","tooltipRef","hideTooltip","handleSidenavBreakpointChange","sidenavClosable","componentWillLoad","el","nextElementSibling","tagName","Error","sidenavAlignement","align","render","cl","getClassNames","h","Host","class","arrow","size","ref","position","tag","tetherOptions","slot","role","onClick","part","tabIndex","ldTabindex","name","labelExpand"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-toggle-outside/ld-sidenav-toggle-outside.shadow.css?tag=ld-sidenav-toggle-outside&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-toggle-outside/ld-sidenav-toggle-outside.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-sidenav-toggle-outside-height: 3.125rem;\n\n /* colors */\n --ld-sidenav-toggle-outside-col: var(--ld-col-wht);\n --ld-sidenav-toggle-outside-bg-col: var(--ld-thm-primary);\n --ld-sidenav-toggle-outside-bg-col-hover: var(--ld-thm-primary-hover);\n --ld-sidenav-toggle-outside-bg-col-focus: var(--ld-thm-primary-focus);\n --ld-sidenav-toggle-outside-bg-col-active: var(--ld-thm-primary-active);\n\n @media (prefers-reduced-motion: no-preference) {\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-normal\n );\n }\n\n align-items: center;\n align-self: flex-start;\n display: flex;\n height: var(--ld-sidenav-toggle-outside-height);\n justify-content: center;\n position: var(--ld-sidenav-toggle-outside-position, fixed);\n\n &(.ld-sidenav-toggle-outside--left) {\n left: 0;\n }\n &(.ld-sidenav-toggle-outside--right) {\n right: 0;\n }\n}\n\n.ld-sidenav-toggle-outside__toggle {\n aspect-ratio: 1;\n background-color: transparent;\n border: 0;\n border-radius: var(--ld-br-l);\n color: var(--ld-sidenav-toggle-outside-col);\n cursor: pointer;\n display: grid;\n margin: var(--ld-sp-2) var(--ld-sp-16) auto;\n outline: none;\n padding-bottom: 0;\n padding-top: 0;\n place-content: center;\n touch-action: manipulation;\n transition: visibility 0s\n calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n visibility: hidden;\n will-change: transform; /* fixes rendering issue */\n -webkit-touch-callout: none;\n\n /* background */\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n display: block;\n border-radius: inherit;\n box-shadow: var(--ld-shadow-stacked);\n background-color: var(--ld-sidenav-toggle-outside-bg-col);\n }\n\n /* increase click area */\n &::after {\n content: '';\n position: absolute;\n inset: calc(-1 * var(--ld-sp-6));\n display: block;\n border-radius: inherit;\n }\n\n &:where(:focus:focus-visible) {\n --ld-sidenav-toggle-outside-bg-col: var(\n --ld-sidenav-toggle-outside-bg-col-focus\n );\n }\n @media (hover: hover) {\n &:where(:hover) {\n --ld-sidenav-toggle-outside-bg-col: var(\n --ld-sidenav-toggle-outside-bg-col-hover\n );\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n --ld-sidenav-toggle-outside-bg-col: var(\n --ld-sidenav-toggle-outside-bg-col-active\n );\n }\n\n :host(.ld-sidenav-toggle-outside--closable) &,\n :host(.ld-sidenav-toggle-outside--collapsed-fully) & {\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n visibility: inherit;\n }\n\n :host(.ld-sidenav-toggle-outside--collapsed) & {\n transform: none;\n }\n\n :host(.ld-sidenav-toggle-outside--collapsed.ld-sidenav-toggle-outside--right)\n & {\n transform: translateX(\n calc(-1 * (var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)))\n );\n }\n}\n\n.ld-sidenav-toggle-outside__icon {\n position: relative;\n\n :host(\n .ld-sidenav-toggle-outside--right:not(\n .ld-sidenav-toggle-outside--collapsed\n )\n )\n & {\n transform: scaleX(-100%);\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-toggle-outside',\n styleUrl: 'ld-sidenav-toggle-outside.shadow.css',\n shadow: true,\n})\nexport class LdSidenavToggleOutside implements InnerFocusable {\n @Element() el: HTMLLdSidenavToggleOutsideElement\n private sidenav: HTMLLdSidenavElement\n private tooltipRef: HTMLLdTooltipElement\n private toggle: HTMLButtonElement\n\n /** Label to be used for the toggle button when navigation is collapsed. */\n @Prop() labelExpand? = 'Expand side navigation'\n\n /** Tab index of the toggle. */\n @Prop() ldTabindex?: number\n\n /** Tooltip tether options object to be merged with the default options (optionally stringified). */\n @Prop() tetherOptions?: Partial | string\n\n @State() sidenavClosable: boolean\n @State() sidenavCollapsed: boolean\n @State() sidenavCollapsedFully: boolean\n @State() sidenavAlignement: 'left' | 'right'\n\n /** Sets focus on the radio button. */\n @Method()\n async focusInner() {\n this.toggle.focus()\n }\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n this.sidenavCollapsedFully = ev.detail.collapsed && ev.detail.fully\n this.tooltipRef.hideTooltip()\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n this.tooltipRef.hideTooltip()\n }\n\n private toggleSidenavCollapsedState = (ev) => {\n ev.stopPropagation() // prevents call of click outside handler\n this.sidenav.toggle()\n }\n\n componentWillLoad() {\n this.sidenav = this.el.nextElementSibling as HTMLLdSidenavElement\n if (!this.sidenav || this.sidenav.tagName !== 'LD-SIDENAV') {\n throw new Error(\n `The ld-sidenav-toggle-outside component is expecting to have an ld-sidenav component as its next element sibling, but instead there was: ${this.sidenav}`\n )\n }\n this.sidenavAlignement = this.sidenav.align || 'left'\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-toggle-outside',\n `ld-sidenav-toggle-outside--${this.sidenavAlignement}`,\n this.sidenavClosable && 'ld-sidenav-toggle-outside--closable',\n this.sidenavCollapsedFully &&\n 'ld-sidenav-toggle-outside--collapsed-fully',\n ])\n\n return (\n \n (this.tooltipRef = el)}\n show-delay=\"1000\"\n position={\n this.sidenavAlignement === 'left' ? 'right middle' : 'left middle'\n }\n tag=\"span\"\n tetherOptions={this.tetherOptions}\n >\n (this.toggle = ref)}\n tabIndex={this.ldTabindex}\n >\n \n {this.labelExpand}\n \n {this.labelExpand}\n \n \n )\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkC,qmG,MCqB3BC,EAAsB,M,yBA8CzBC,KAAAC,4BAA+BC,IACrCA,EAAGC,kBACHH,KAAKI,QAAQC,QAAQ,E,iBAzCA,yB,4LAevB,gBAAMC,GACJN,KAAKK,OAAOE,O,CAId,4BAAAC,CACEN,GAKA,GAAIA,EAAGO,SAAWT,KAAKI,QAAS,OAChCJ,KAAKU,iBAAmBR,EAAGS,OAAOC,UAClCZ,KAAKa,sBAAwBX,EAAGS,OAAOC,WAAaV,EAAGS,OAAOG,MAC9Dd,KAAKe,WAAWC,a,CAIlB,6BAAAC,CAA8Bf,GAC5B,GAAIA,EAAGO,SAAWT,KAAKI,QAAS,OAChCJ,KAAKkB,gBAAkBhB,EAAGS,OAC1BX,KAAKe,WAAWC,a,CAQlB,iBAAAG,GACEnB,KAAKI,QAAUJ,KAAKoB,GAAGC,mBACvB,IAAKrB,KAAKI,SAAWJ,KAAKI,QAAQkB,UAAY,aAAc,CAC1D,MAAM,IAAIC,MACR,4IAA4IvB,KAAKI,U,CAGrJJ,KAAKwB,kBAAoBxB,KAAKI,QAAQqB,OAAS,M,CAGjD,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,4BACA,8BAA8B5B,KAAKwB,oBACnCxB,KAAKkB,iBAAmB,sCACxBlB,KAAKa,uBACH,+CAGJ,OACEgB,EAACC,EAAI,CAACC,MAAOJ,GACXE,EAAA,cACEG,MAAK,KACLC,KAAK,KACLC,IAAMd,GAAQpB,KAAKe,WAAaK,EAAG,aACxB,OACXe,SACEnC,KAAKwB,oBAAsB,OAAS,eAAiB,cAEvDY,IAAI,OACJC,cAAerC,KAAKqC,eAEpBR,EAAA,UACES,KAAK,UACLC,KAAK,SAAQ,kCAECvC,KAAKU,iBAAmB,QAAU,OAChDqB,MAAM,oCACNS,QAASxC,KAAKC,4BACdwC,KAAK,mBACLP,IAAMA,GAASlC,KAAKK,OAAS6B,EAC7BQ,SAAU1C,KAAK2C,YAEfd,EAAA,WACEE,MAAM,kCACNa,KAAK,gBACLH,KAAK,gBAEPZ,EAAA,kBAAa7B,KAAK6C,cAEpBhB,EAAA,eAAU7B,KAAK6C,c"} \ No newline at end of file +{"version":3,"names":["ldSidenavToggleOutsideShadowCss","LdSidenavToggleOutside","this","toggleSidenavCollapsedState","ev","stopPropagation","sidenav","toggle","focusInner","focus","handleSidenavCollapsedChange","target","sidenavCollapsed","detail","collapsed","sidenavCollapsedFully","fully","tooltipRef","hideTooltip","handleSidenavBreakpointChange","sidenavClosable","componentWillLoad","el","nextElementSibling","tagName","Error","sidenavAlignement","align","render","cl","getClassNames","h","Host","class","arrow","size","ref","position","tag","tetherOptions","slot","role","onClick","part","tabIndex","ldTabindex","name","labelExpand"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-toggle-outside/ld-sidenav-toggle-outside.shadow.css?tag=ld-sidenav-toggle-outside&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-toggle-outside/ld-sidenav-toggle-outside.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-sidenav-toggle-outside-height: 3.125rem;\n\n /* colors */\n --ld-sidenav-toggle-outside-col: var(--ld-col-wht);\n --ld-sidenav-toggle-outside-bg-col: var(--ld-thm-primary);\n --ld-sidenav-toggle-outside-bg-col-hover: var(--ld-thm-primary-hover);\n --ld-sidenav-toggle-outside-bg-col-focus: var(--ld-thm-primary-focus);\n --ld-sidenav-toggle-outside-bg-col-active: var(--ld-thm-primary-active);\n\n @media (prefers-reduced-motion: no-preference) {\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-normal\n );\n }\n\n align-items: center;\n align-self: flex-start;\n display: flex;\n height: var(--ld-sidenav-toggle-outside-height);\n justify-content: center;\n position: var(--ld-sidenav-toggle-outside-position, fixed);\n\n &(.ld-sidenav-toggle-outside--left) {\n left: 0;\n }\n &(.ld-sidenav-toggle-outside--right) {\n right: 0;\n }\n}\n\n.ld-sidenav-toggle-outside__toggle {\n aspect-ratio: 1;\n background-color: transparent;\n border: 0;\n border-radius: var(--ld-br-l);\n color: var(--ld-sidenav-toggle-outside-col);\n cursor: pointer;\n display: grid;\n margin: var(--ld-sp-2) var(--ld-sp-16) auto;\n outline: none;\n padding-bottom: 0;\n padding-top: 0;\n place-content: center;\n touch-action: manipulation;\n transition: visibility 0s\n calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n visibility: hidden;\n will-change: transform; /* fixes rendering issue */\n -webkit-touch-callout: none;\n\n /* background */\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n display: block;\n border-radius: inherit;\n box-shadow: var(--ld-shadow-stacked);\n background-color: var(--ld-sidenav-toggle-outside-bg-col);\n }\n\n /* increase click area */\n &::after {\n content: '';\n position: absolute;\n inset: calc(-1 * var(--ld-sp-6));\n display: block;\n border-radius: inherit;\n }\n\n &:where(:focus:focus-visible) {\n --ld-sidenav-toggle-outside-bg-col: var(\n --ld-sidenav-toggle-outside-bg-col-focus\n );\n }\n @media (hover: hover) {\n &:where(:hover) {\n --ld-sidenav-toggle-outside-bg-col: var(\n --ld-sidenav-toggle-outside-bg-col-hover\n );\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n --ld-sidenav-toggle-outside-bg-col: var(\n --ld-sidenav-toggle-outside-bg-col-active\n );\n }\n\n :host(.ld-sidenav-toggle-outside--closable) &,\n :host(.ld-sidenav-toggle-outside--collapsed-fully) & {\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n visibility: inherit;\n }\n\n :host(.ld-sidenav-toggle-outside--collapsed) & {\n transform: none;\n }\n\n :host(.ld-sidenav-toggle-outside--collapsed.ld-sidenav-toggle-outside--right)\n & {\n transform: translateX(\n calc(-1 * (var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)))\n );\n }\n}\n\n.ld-sidenav-toggle-outside__icon {\n position: relative;\n\n :host(\n .ld-sidenav-toggle-outside--right:not(\n .ld-sidenav-toggle-outside--collapsed\n )\n )\n & {\n transform: scaleX(-100%);\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-toggle-outside',\n styleUrl: 'ld-sidenav-toggle-outside.shadow.css',\n shadow: true,\n})\nexport class LdSidenavToggleOutside implements InnerFocusable {\n @Element() el: HTMLLdSidenavToggleOutsideElement\n private sidenav: HTMLLdSidenavElement\n private tooltipRef: HTMLLdTooltipElement\n private toggle: HTMLButtonElement\n\n /** Label to be used for the toggle button when navigation is collapsed. */\n @Prop() labelExpand? = 'Expand side navigation'\n\n /** Tab index of the toggle. */\n @Prop() ldTabindex?: number\n\n /** Tooltip tether options object to be merged with the default options (optionally stringified). */\n @Prop() tetherOptions?: Partial | string\n\n @State() sidenavClosable: boolean\n @State() sidenavCollapsed: boolean\n @State() sidenavCollapsedFully: boolean\n @State() sidenavAlignement: 'left' | 'right'\n\n /** Sets focus on the radio button. */\n @Method()\n async focusInner() {\n this.toggle.focus()\n }\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n this.sidenavCollapsedFully = ev.detail.collapsed && ev.detail.fully\n this.tooltipRef.hideTooltip()\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n this.tooltipRef.hideTooltip()\n }\n\n private toggleSidenavCollapsedState = (ev) => {\n ev.stopPropagation() // prevents call of click outside handler\n this.sidenav.toggle()\n }\n\n componentWillLoad() {\n this.sidenav = this.el.nextElementSibling as HTMLLdSidenavElement\n if (!this.sidenav || this.sidenav.tagName !== 'LD-SIDENAV') {\n throw new Error(\n `The ld-sidenav-toggle-outside component is expecting to have an ld-sidenav component as its next element sibling, but instead there was: ${this.sidenav}`\n )\n }\n this.sidenavAlignement = this.sidenav.align || 'left'\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-toggle-outside',\n `ld-sidenav-toggle-outside--${this.sidenavAlignement}`,\n this.sidenavClosable && 'ld-sidenav-toggle-outside--closable',\n this.sidenavCollapsedFully &&\n 'ld-sidenav-toggle-outside--collapsed-fully',\n ])\n\n return (\n \n (this.tooltipRef = el)}\n show-delay=\"1000\"\n position={\n this.sidenavAlignement === 'left' ? 'right middle' : 'left middle'\n }\n tag=\"span\"\n tetherOptions={this.tetherOptions}\n >\n (this.toggle = ref)}\n tabIndex={this.ldTabindex}\n >\n \n {this.labelExpand}\n \n {this.labelExpand}\n \n \n )\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkC,s7F,MCqB3BC,EAAsB,M,yBA8CzBC,KAAAC,4BAA+BC,IACrCA,EAAGC,kBACHH,KAAKI,QAAQC,QAAQ,E,iBAzCA,yB,4LAevB,gBAAMC,GACJN,KAAKK,OAAOE,O,CAId,4BAAAC,CACEN,GAKA,GAAIA,EAAGO,SAAWT,KAAKI,QAAS,OAChCJ,KAAKU,iBAAmBR,EAAGS,OAAOC,UAClCZ,KAAKa,sBAAwBX,EAAGS,OAAOC,WAAaV,EAAGS,OAAOG,MAC9Dd,KAAKe,WAAWC,a,CAIlB,6BAAAC,CAA8Bf,GAC5B,GAAIA,EAAGO,SAAWT,KAAKI,QAAS,OAChCJ,KAAKkB,gBAAkBhB,EAAGS,OAC1BX,KAAKe,WAAWC,a,CAQlB,iBAAAG,GACEnB,KAAKI,QAAUJ,KAAKoB,GAAGC,mBACvB,IAAKrB,KAAKI,SAAWJ,KAAKI,QAAQkB,UAAY,aAAc,CAC1D,MAAM,IAAIC,MACR,4IAA4IvB,KAAKI,U,CAGrJJ,KAAKwB,kBAAoBxB,KAAKI,QAAQqB,OAAS,M,CAGjD,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,4BACA,8BAA8B5B,KAAKwB,oBACnCxB,KAAKkB,iBAAmB,sCACxBlB,KAAKa,uBACH,+CAGJ,OACEgB,EAACC,EAAI,CAACC,MAAOJ,GACXE,EAAA,cACEG,MAAK,KACLC,KAAK,KACLC,IAAMd,GAAQpB,KAAKe,WAAaK,EAAG,aACxB,OACXe,SACEnC,KAAKwB,oBAAsB,OAAS,eAAiB,cAEvDY,IAAI,OACJC,cAAerC,KAAKqC,eAEpBR,EAAA,UACES,KAAK,UACLC,KAAK,SAAQ,kCAECvC,KAAKU,iBAAmB,QAAU,OAChDqB,MAAM,oCACNS,QAASxC,KAAKC,4BACdwC,KAAK,mBACLP,IAAMA,GAASlC,KAAKK,OAAS6B,EAC7BQ,SAAU1C,KAAK2C,YAEfd,EAAA,WACEE,MAAM,kCACNa,KAAK,gBACLH,KAAK,gBAEPZ,EAAA,kBAAa7B,KAAK6C,cAEpBhB,EAAA,eAAU7B,KAAK6C,c"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-0751677e.entry.js b/1704966176737/dist/build/p-0751677e.entry.js new file mode 100644 index 0000000000..0993c093a7 --- /dev/null +++ b/1704966176737/dist/build/p-0751677e.entry.js @@ -0,0 +1,2 @@ +import{r as t,h as l}from"./p-21a69c18.js";const i=":host{display:contents}td{background-color:inherit;max-width:inherit;min-width:inherit;padding-block:var(--ld-table-cell-padding-y);padding-inline:var(--ld-table-cell-padding-x)}";const n=class{constructor(l){t(this,l);this.colspan=undefined;this.headers=undefined;this.rowspan=undefined}render(){return l("td",{class:"ld-table-cell",colSpan:this.colspan,headers:this.headers,part:"cell",rowSpan:this.rowspan},l("slot",null))}};n.style=i;export{n as ld_table_cell}; +//# sourceMappingURL=p-0751677e.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-ba5e362d.entry.js.map b/1704966176737/dist/build/p-0751677e.entry.js.map similarity index 96% rename from 1704894792450/dist/build/p-ba5e362d.entry.js.map rename to 1704966176737/dist/build/p-0751677e.entry.js.map index f1d987a28b..fc1a9d645e 100644 --- a/1704894792450/dist/build/p-ba5e362d.entry.js.map +++ b/1704966176737/dist/build/p-0751677e.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldTableCellShadowCss","LdTableCell","render","h","class","colSpan","this","colspan","headers","part","rowSpan","rowspan"],"sources":["../src/liquid/components/ld-table/ld-table-cell/ld-table-cell.shadow.css?tag=ld-table-cell&encapsulation=shadow","../src/liquid/components/ld-table/ld-table-cell/ld-table-cell.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\ntd {\n background-color: inherit;\n max-width: inherit;\n min-width: inherit;\n padding-block: var(--ld-table-cell-padding-y);\n padding-inline: var(--ld-table-cell-padding-x);\n}\n","import { Component, h, Prop } from '@stencil/core'\n\n/**\n * @part cell - the actual td element\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-table-cell',\n styleUrl: 'ld-table-cell.shadow.css',\n shadow: true,\n})\nexport class LdTableCell {\n /** Contains a non-negative integer value that indicates for how many columns the cell extends. */\n @Prop() colspan?: HTMLTableCellElement['colSpan']\n\n /** Contains a list of space-separated strings, each corresponding to the id attribute of the table header elements that apply to this element. */\n @Prop() headers?: HTMLTableCellElement['headers']\n\n /** Contains a non-negative integer value that indicates for how many rows the cell extends. */\n @Prop() rowspan?: HTMLTableCellElement['rowSpan']\n\n render() {\n return (\n \n \n \n )\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAuB,gK,MCYhBC,EAAW,M,8FAUtB,MAAAC,GACE,OACEC,EAAA,MACEC,MAAM,gBACNC,QAASC,KAAKC,QACdC,QAASF,KAAKE,QACdC,KAAK,OACLC,QAASJ,KAAKK,SAEdR,EAAA,a"} \ No newline at end of file +{"version":3,"names":["ldTableCellShadowCss","LdTableCell","render","h","class","colSpan","this","colspan","headers","part","rowSpan","rowspan"],"sources":["../src/liquid/components/ld-table/ld-table-cell/ld-table-cell.shadow.css?tag=ld-table-cell&encapsulation=shadow","../src/liquid/components/ld-table/ld-table-cell/ld-table-cell.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\ntd {\n background-color: inherit;\n max-width: inherit;\n min-width: inherit;\n padding-block: var(--ld-table-cell-padding-y);\n padding-inline: var(--ld-table-cell-padding-x);\n}\n","import { Component, h, Prop } from '@stencil/core'\n\n/**\n * @part cell - the actual td element\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-table-cell',\n styleUrl: 'ld-table-cell.shadow.css',\n shadow: true,\n})\nexport class LdTableCell {\n /** Contains a non-negative integer value that indicates for how many columns the cell extends. */\n @Prop() colspan?: HTMLTableCellElement['colSpan']\n\n /** Contains a list of space-separated strings, each corresponding to the id attribute of the table header elements that apply to this element. */\n @Prop() headers?: HTMLTableCellElement['headers']\n\n /** Contains a non-negative integer value that indicates for how many rows the cell extends. */\n @Prop() rowspan?: HTMLTableCellElement['rowSpan']\n\n render() {\n return (\n \n \n \n )\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAuB,qL,MCYhBC,EAAW,M,8FAUtB,MAAAC,GACE,OACEC,EAAA,MACEC,MAAM,gBACNC,QAASC,KAAKC,QACdC,QAASF,KAAKE,QACdC,KAAK,OACLC,QAASJ,KAAKK,SAEdR,EAAA,a"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-084c417e.entry.js b/1704966176737/dist/build/p-084c417e.entry.js new file mode 100644 index 0000000000..f146a53faa --- /dev/null +++ b/1704966176737/dist/build/p-084c417e.entry.js @@ -0,0 +1,2 @@ +import{r as a,h as s,H as e,g as o}from"./p-21a69c18.js";const n=".docs-page-nav__dark{display:none}.docs-page-nav__light{display:block}@media (prefers-color-scheme:dark){.docs-page-nav__dark{display:block}.docs-page-nav__light{display:none}}.docs-ui-dark .docs-page-nav__dark{display:block}.docs-ui-dark .docs-page-nav__light,.docs-ui-light .docs-page-nav__dark{display:none}.docs-ui-light .docs-page-nav__light{display:block}.docs-page-nav{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.docs-page-nav__container{width:100%}.docs-page-nav__content{display:flex;grid-auto-flow:column;justify-content:space-between}.docs-page-nav__pull,.docs-page-nav__push{flex-shrink:0;margin-bottom:var(--ld-sp-16)}.docs-page-nav__pull{margin-right:var(--ld-sp-16)}.docs-page-nav__push{margin-left:auto}.docs-page-nav--has-slot .docs-page-nav__push{margin-right:var(--ld-sp-16)}.docs-page-nav--has-slot .docs-page-nav__container{width:auto}@media (width <= 51.2rem){.docs-page-nav--has-slot>:last-child{display:none}}";const t=class{constructor(s){a(this,s);this.prevHref=undefined;this.nextHref=undefined;this.prevTitle="Back";this.nextTitle="Next";this.hasSlot=false}componentWillLoad(){this.hasSlot=this.el.childNodes.length>2}render(){return s(e,{class:{"docs-page-nav":true,"docs-page-nav--has-slot":this.hasSlot}},s("div",{class:"docs-page-nav__container docs-page-nav__dark"},s("div",{class:"docs-page-nav__content"},this.prevHref?s("ld-button",{"brand-color":true,class:"docs-page-nav__pull",mode:"secondary",href:this.prevHref},this.prevTitle):"",this.nextHref?s("ld-button",{"brand-color":true,class:"docs-page-nav__push",href:this.nextHref},this.nextTitle):"")),s("div",{class:"docs-page-nav__container docs-page-nav__light"},s("div",{class:"docs-page-nav__content"},this.prevHref?s("ld-button",{class:"docs-page-nav__pull",mode:"secondary",href:this.prevHref},this.prevTitle):"",this.nextHref?s("ld-button",{class:"docs-page-nav__push",href:this.nextHref},this.nextTitle):"")),s("slot",null))}get el(){return o(this)}};t.style=n;export{t as docs_page_nav}; +//# sourceMappingURL=p-084c417e.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-bdbeb76a.entry.js.map b/1704966176737/dist/build/p-084c417e.entry.js.map similarity index 98% rename from 1704894792450/dist/build/p-bdbeb76a.entry.js.map rename to 1704966176737/dist/build/p-084c417e.entry.js.map index 6c2fc5f447..df1b011214 100644 --- a/1704894792450/dist/build/p-bdbeb76a.entry.js.map +++ b/1704966176737/dist/build/p-084c417e.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["docsPageNavCss","DocsPageNav","componentWillLoad","this","hasSlot","el","childNodes","length","render","h","Host","class","prevHref","mode","href","prevTitle","nextHref","nextTitle"],"sources":["../src/docs/components/docs-page-nav/docs-page-nav.css?tag=docs-page-nav","../src/docs/components/docs-page-nav/docs-page-nav.tsx"],"sourcesContent":["@define-mixin docs-page-nav-ui-light {\n .docs-page-nav__dark {\n display: none;\n }\n .docs-page-nav__light {\n display: block;\n }\n}\n@define-mixin docs-page-nav-ui-dark {\n .docs-page-nav__dark {\n display: block;\n }\n .docs-page-nav__light {\n display: none;\n }\n}\n\n@mixin docs-page-nav-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-page-nav-ui-dark;\n}\n.docs-ui-dark {\n @mixin docs-page-nav-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-page-nav-ui-light;\n}\n\n.docs-page-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n width: 100%;\n}\n\n.docs-page-nav__container {\n width: 100%;\n}\n\n.docs-page-nav__content {\n display: flex;\n grid-auto-flow: column;\n justify-content: space-between;\n}\n\n.docs-page-nav__pull,\n.docs-page-nav__push {\n margin-bottom: var(--ld-sp-16);\n flex-shrink: 0;\n}\n\n.docs-page-nav__pull {\n margin-right: var(--ld-sp-16);\n}\n\n.docs-page-nav__push {\n margin-left: auto;\n\n .docs-page-nav--has-slot & {\n margin-right: var(--ld-sp-16);\n }\n}\n\n.docs-page-nav--has-slot {\n .docs-page-nav__container {\n width: auto;\n }\n\n & > :last-child {\n @media (width <= 51.2rem) {\n display: none;\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-page-nav',\n styleUrl: 'docs-page-nav.css',\n shadow: false,\n})\nexport class DocsPageNav {\n @Element() el: HTMLElement\n\n /** Href to previous page. */\n @Prop() prevHref: string\n\n /** Href to next page. */\n @Prop() nextHref: string\n\n /** Title of previous page. */\n @Prop() prevTitle = 'Back'\n\n /** Title of next page. */\n @Prop() nextTitle = 'Next'\n\n @State() hasSlot = false\n\n componentWillLoad() {\n this.hasSlot = this.el.childNodes.length > 2\n }\n\n render() {\n return (\n \n
    \n
    \n {this.prevHref ? (\n \n {this.prevTitle}\n \n ) : (\n ''\n )}\n {this.nextHref ? (\n \n {this.nextTitle}\n \n ) : (\n ''\n )}\n
    \n
    \n
    \n
    \n {this.prevHref ? (\n \n {this.prevTitle}\n \n ) : (\n ''\n )}\n {this.nextHref ? (\n \n {this.nextTitle}\n \n ) : (\n ''\n )}\n
    \n
    \n \n \n )\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,m8B,MCQVC,EAAW,M,wFAUF,O,eAGA,O,aAED,K,CAEnB,iBAAAC,GACEC,KAAKC,QAAUD,KAAKE,GAAGC,WAAWC,OAAS,C,CAG7C,MAAAC,GACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,gBAAiB,KACjB,0BAA2BR,KAAKC,UAGlCK,EAAA,OAAKE,MAAM,gDACTF,EAAA,OAAKE,MAAM,0BACRR,KAAKS,SACJH,EAAA,gCAEEE,MAAM,sBACNE,KAAK,YACLC,KAAMX,KAAKS,UAEVT,KAAKY,WACI,GAIbZ,KAAKa,SACJP,EAAA,gCAEEE,MAAM,sBACNG,KAAMX,KAAKa,UAEVb,KAAKc,WACI,KAMlBR,EAAA,OAAKE,MAAM,iDACTF,EAAA,OAAKE,MAAM,0BACRR,KAAKS,SACJH,EAAA,aACEE,MAAM,sBACNE,KAAK,YACLC,KAAMX,KAAKS,UAEVT,KAAKY,WACI,GAIbZ,KAAKa,SACJP,EAAA,aAAWE,MAAM,sBAAsBG,KAAMX,KAAKa,UAC/Cb,KAAKc,WACI,KAMlBR,EAAA,a"} \ No newline at end of file +{"version":3,"names":["docsPageNavCss","DocsPageNav","componentWillLoad","this","hasSlot","el","childNodes","length","render","h","Host","class","prevHref","mode","href","prevTitle","nextHref","nextTitle"],"sources":["../src/docs/components/docs-page-nav/docs-page-nav.css?tag=docs-page-nav","../src/docs/components/docs-page-nav/docs-page-nav.tsx"],"sourcesContent":["@define-mixin docs-page-nav-ui-light {\n .docs-page-nav__dark {\n display: none;\n }\n .docs-page-nav__light {\n display: block;\n }\n}\n@define-mixin docs-page-nav-ui-dark {\n .docs-page-nav__dark {\n display: block;\n }\n .docs-page-nav__light {\n display: none;\n }\n}\n\n@mixin docs-page-nav-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-page-nav-ui-dark;\n}\n.docs-ui-dark {\n @mixin docs-page-nav-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-page-nav-ui-light;\n}\n\n.docs-page-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n width: 100%;\n}\n\n.docs-page-nav__container {\n width: 100%;\n}\n\n.docs-page-nav__content {\n display: flex;\n grid-auto-flow: column;\n justify-content: space-between;\n}\n\n.docs-page-nav__pull,\n.docs-page-nav__push {\n margin-bottom: var(--ld-sp-16);\n flex-shrink: 0;\n}\n\n.docs-page-nav__pull {\n margin-right: var(--ld-sp-16);\n}\n\n.docs-page-nav__push {\n margin-left: auto;\n\n .docs-page-nav--has-slot & {\n margin-right: var(--ld-sp-16);\n }\n}\n\n.docs-page-nav--has-slot {\n .docs-page-nav__container {\n width: auto;\n }\n\n & > :last-child {\n @media (width <= 51.2rem) {\n display: none;\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-page-nav',\n styleUrl: 'docs-page-nav.css',\n shadow: false,\n})\nexport class DocsPageNav {\n @Element() el: HTMLElement\n\n /** Href to previous page. */\n @Prop() prevHref: string\n\n /** Href to next page. */\n @Prop() nextHref: string\n\n /** Title of previous page. */\n @Prop() prevTitle = 'Back'\n\n /** Title of next page. */\n @Prop() nextTitle = 'Next'\n\n @State() hasSlot = false\n\n componentWillLoad() {\n this.hasSlot = this.el.childNodes.length > 2\n }\n\n render() {\n return (\n \n
    \n
    \n {this.prevHref ? (\n \n {this.prevTitle}\n \n ) : (\n ''\n )}\n {this.nextHref ? (\n \n {this.nextTitle}\n \n ) : (\n ''\n )}\n
    \n
    \n
    \n
    \n {this.prevHref ? (\n \n {this.prevTitle}\n \n ) : (\n ''\n )}\n {this.nextHref ? (\n \n {this.nextTitle}\n \n ) : (\n ''\n )}\n
    \n
    \n \n \n )\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,k8B,MCQVC,EAAW,M,wFAUF,O,eAGA,O,aAED,K,CAEnB,iBAAAC,GACEC,KAAKC,QAAUD,KAAKE,GAAGC,WAAWC,OAAS,C,CAG7C,MAAAC,GACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,gBAAiB,KACjB,0BAA2BR,KAAKC,UAGlCK,EAAA,OAAKE,MAAM,gDACTF,EAAA,OAAKE,MAAM,0BACRR,KAAKS,SACJH,EAAA,gCAEEE,MAAM,sBACNE,KAAK,YACLC,KAAMX,KAAKS,UAEVT,KAAKY,WACI,GAIbZ,KAAKa,SACJP,EAAA,gCAEEE,MAAM,sBACNG,KAAMX,KAAKa,UAEVb,KAAKc,WACI,KAMlBR,EAAA,OAAKE,MAAM,iDACTF,EAAA,OAAKE,MAAM,0BACRR,KAAKS,SACJH,EAAA,aACEE,MAAM,sBACNE,KAAK,YACLC,KAAMX,KAAKS,UAEVT,KAAKY,WACI,GAIbZ,KAAKa,SACJP,EAAA,aAAWE,MAAM,sBAAsBG,KAAMX,KAAKa,UAC/Cb,KAAKc,WACI,KAMlBR,EAAA,a"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-0cd46190.js b/1704966176737/dist/build/p-0cd46190.js similarity index 100% rename from 1704894792450/dist/build/p-0cd46190.js rename to 1704966176737/dist/build/p-0cd46190.js diff --git a/1704894792450/dist/build/p-0cd46190.js.map b/1704966176737/dist/build/p-0cd46190.js.map similarity index 100% rename from 1704894792450/dist/build/p-0cd46190.js.map rename to 1704966176737/dist/build/p-0cd46190.js.map diff --git a/1704894792450/dist/build/p-37906c0c.entry.js b/1704966176737/dist/build/p-0cff3d08.entry.js similarity index 92% rename from 1704894792450/dist/build/p-37906c0c.entry.js rename to 1704966176737/dist/build/p-0cff3d08.entry.js index 734767e10c..219eeb5db9 100644 --- a/1704894792450/dist/build/p-37906c0c.entry.js +++ b/1704966176737/dist/build/p-0cff3d08.entry.js @@ -1,2 +1,2 @@ -import{r as t,h as r,H as i}from"./p-21a69c18.js";import{e as s,S as c}from"./p-49b9f144.js";const o=".docs-btn-search__magnifier{stroke:var(--ld-col-neutral-900)}.docs-btn-search__shortcut{fill:var(--ld-col-neutral-900)}@media (prefers-color-scheme:dark){.docs-btn-search__magnifier{stroke:var(--ld-col-wht)}.docs-btn-search__shortcut{fill:var(--ld-col-wht)}}.docs-ui-dark .docs-btn-search__magnifier{stroke:var(--ld-col-wht)}.docs-ui-dark .docs-btn-search__shortcut{fill:var(--ld-col-wht)}.docs-ui-light .docs-btn-search__magnifier{stroke:var(--ld-col-neutral-900)}.docs-ui-light .docs-btn-search__shortcut{fill:var(--ld-col-neutral-900)}.docs-btn-search__btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:inherit;cursor:pointer;display:flex;font:var(--ld-typo-body-s);padding:0;width:100%}.docs-btn-search__magnifier{margin-right:var(--ld-sp-6)}.docs-btn-search__shortcut{margin-left:auto}";const e=class{constructor(r){t(this,r)}handleClick(){s.emit(c.open)}handleKeyDown(t){var r,i;if(t.key==="S"){if(["input","textarea"].includes((r=document.activeElement)===null||r===void 0?void 0:r.tagName.toLowerCase())){return}if(((i=document.activeElement)===null||i===void 0?void 0:i.tagName)==="textarea")return;s.emit(c.open)}}onSearchClose(){setTimeout((()=>{this.btnSearch.focus()}))}componentDidLoad(){s.on(c.close,this.onSearchClose.bind(this))}render(){return r(i,{class:"docs-btn-search"},r("button",{ref:t=>this.btnSearch=t,class:"docs-btn-search__btn"},r("svg",{class:"docs-btn-search__magnifier",width:"16",height:"16",viewBox:"0 0 14 14",fill:"none"},r("circle",{cx:"5.90909",cy:"5.90909",r:"4.90909","stroke-width":"2"}),r("path",{d:"M9.72729 9.72729L13 13","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),"Search",r("svg",{class:"docs-btn-search__shortcut",width:"24",height:"17",viewBox:"0 0 24 17",fill:"none"},r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.5 14C4.22386 14 4 13.7761 4 13.5V6.5C4 6.22386 4.22386 6 4.5 6H7.5C7.77614 6 8 6.22386 8 6.5V13.5C8 13.7761 7.77614 14 7.5 14H4.5Z"}),r("path",{d:"M0.707482 9.1746L5.62037 3.4429C5.81992 3.21009 6.18008 3.21009 6.37963 3.4429L11.2925 9.1746C11.5705 9.49894 11.3401 10 10.9129 10H6H1.08711C0.659934 10 0.429479 9.49894 0.707482 9.1746Z"}),r("path",{d:"M22.7301 5.873C22.6601 5.985 22.5854 6.069 22.5061 6.125C22.4314 6.181 22.3334 6.209 22.2121 6.209C22.1047 6.209 21.9881 6.17633 21.8621 6.111C21.7407 6.041 21.6007 5.964 21.4421 5.88C21.2881 5.796 21.1107 5.72133 20.9101 5.656C20.7094 5.586 20.4807 5.551 20.2241 5.551C19.7807 5.551 19.4494 5.64667 19.2301 5.838C19.0154 6.02467 18.9081 6.279 18.9081 6.601C18.9081 6.80633 18.9734 6.97667 19.1041 7.112C19.2347 7.24733 19.4051 7.364 19.6151 7.462C19.8297 7.56 20.0724 7.651 20.3431 7.735C20.6184 7.81433 20.8984 7.90533 21.1831 8.008C21.4677 8.106 21.7454 8.22267 22.0161 8.358C22.2914 8.49333 22.5341 8.666 22.7441 8.876C22.9587 9.086 23.1314 9.34267 23.2621 9.646C23.3927 9.94467 23.4581 10.3063 23.4581 10.731C23.4581 11.2023 23.3764 11.6433 23.2131 12.054C23.0497 12.4647 22.8117 12.824 22.4991 13.132C22.1911 13.4353 21.8084 13.6757 21.3511 13.853C20.8984 14.0257 20.3827 14.112 19.8041 14.112C19.4867 14.112 19.1624 14.0793 18.8311 14.014C18.5044 13.9487 18.1871 13.8577 17.8791 13.741C17.5711 13.6197 17.2817 13.4773 17.0111 13.314C16.7404 13.1507 16.5047 12.9687 16.3041 12.768L17.0041 11.662C17.0554 11.578 17.1277 11.5103 17.2211 11.459C17.3144 11.4077 17.4147 11.382 17.5221 11.382C17.6621 11.382 17.8021 11.4263 17.9421 11.515C18.0867 11.6037 18.2477 11.7017 18.4251 11.809C18.6071 11.9163 18.8147 12.0143 19.0481 12.103C19.2814 12.1917 19.5567 12.236 19.8741 12.236C20.3034 12.236 20.6371 12.1427 20.8751 11.956C21.1131 11.7647 21.2321 11.4637 21.2321 11.053C21.2321 10.815 21.1667 10.6213 21.0361 10.472C20.9054 10.3227 20.7327 10.199 20.5181 10.101C20.3081 10.003 20.0677 9.91667 19.7971 9.842C19.5264 9.76733 19.2487 9.68567 18.9641 9.597C18.6794 9.50367 18.4017 9.39167 18.1311 9.261C17.8604 9.12567 17.6177 8.95067 17.4031 8.736C17.1931 8.51667 17.0227 8.246 16.8921 7.924C16.7614 7.59733 16.6961 7.196 16.6961 6.72C16.6961 6.33733 16.7731 5.964 16.9271 5.6C17.0811 5.236 17.3074 4.91167 17.6061 4.627C17.9047 4.34233 18.2711 4.116 18.7051 3.948C19.1391 3.77533 19.6361 3.689 20.1961 3.689C20.5087 3.689 20.8121 3.71467 21.1061 3.766C21.4047 3.81267 21.6871 3.885 21.9531 3.983C22.2191 4.07633 22.4664 4.19067 22.6951 4.326C22.9284 4.45667 23.1361 4.606 23.3181 4.774L22.7301 5.873Z"}))))}};e.style=o;const a=".docs-switch-dark-light__btn circle{stroke:var(--ld-col-neutral-900)}.docs-switch-dark-light__btn path{fill:var(--ld-col-neutral-900)}@media (prefers-color-scheme:dark){.docs-switch-dark-light__btn circle{stroke:var(--ld-col-wht)}.docs-switch-dark-light__btn path{fill:var(--ld-col-wht)}}.docs-ui-dark .docs-switch-dark-light__btn circle{stroke:var(--ld-col-wht)}.docs-ui-dark .docs-switch-dark-light__btn path{fill:var(--ld-col-wht)}.docs-ui-light .docs-switch-dark-light__btn circle{stroke:var(--ld-col-neutral-900)}.docs-ui-light .docs-switch-dark-light__btn path{fill:var(--ld-col-neutral-900)}.docs-switch-dark-light__btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:inherit;cursor:pointer;display:flex;font:var(--ld-typo-body-s);padding:0}.docs-switch-dark-light__btn svg{margin-right:var(--ld-sp-6)}";const d=class{constructor(r){t(this,r);this.isDark=undefined}updateIFrames(t){const r=document.querySelector("docs-iframe");if(r){r.setDarkMode(t)}}componentWillLoad(){const t=window.localStorage.getItem("docs-ui");if(t){this.isDark=t==="dark"?true:false}else{if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){this.isDark=true}else{this.isDark=false}}window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(t=>{this.isDark=t.matches;window.localStorage.setItem("docs-ui",this.isDark?"dark":"light")}));document.body.classList.add(`docs-ui-${this.isDark?"dark":"light"}`);document.body.classList.remove(`docs-ui-${!this.isDark?"dark":"light"}`);document.documentElement.style.colorScheme=this.isDark?"dark":"auto"}handleClick(){this.isDark=!this.isDark;window.localStorage.setItem("docs-ui",this.isDark?"dark":"light");document.body.classList.add(`docs-ui-${this.isDark?"dark":"light"}`);document.body.classList.remove(`docs-ui-${!this.isDark?"dark":"light"}`);document.documentElement.style.colorScheme=this.isDark?"dark":"auto"}render(){return r(i,{class:"docs-switch-dark-light"},r("button",{id:"docs-switch-dark-light",class:"docs-switch-dark-light__btn",role:"switch","aria-checked":this.isDark?"true":"false"},r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r("circle",{cx:"8",cy:"8",r:"7","stroke-width":"2"}),r("path",{d:"M0.800049 7.99999C0.800049 4.02354 4.0236 0.799988 8.00005 0.799988V15.2C4.0236 15.2 0.800049 11.9764 0.800049 7.99999Z"})),this.isDark?"Light":"Dark"," UI"))}static get watchers(){return{isDark:["updateIFrames"]}}};d.style=a;export{e as docs_btn_search,d as docs_switch_dark_light}; -//# sourceMappingURL=p-37906c0c.entry.js.map \ No newline at end of file +import{r as t,h as r,H as i}from"./p-21a69c18.js";import{e as s,S as c}from"./p-49b9f144.js";const o=".docs-btn-search__magnifier{stroke:var(--ld-col-neutral-900)}.docs-btn-search__shortcut{fill:var(--ld-col-neutral-900)}@media (prefers-color-scheme:dark){.docs-btn-search__magnifier{stroke:var(--ld-col-wht)}.docs-btn-search__shortcut{fill:var(--ld-col-wht)}}.docs-ui-dark .docs-btn-search__magnifier{stroke:var(--ld-col-wht)}.docs-ui-dark .docs-btn-search__shortcut{fill:var(--ld-col-wht)}.docs-ui-light .docs-btn-search__magnifier{stroke:var(--ld-col-neutral-900)}.docs-ui-light .docs-btn-search__shortcut{fill:var(--ld-col-neutral-900)}.docs-btn-search__btn{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:inherit;cursor:pointer;display:flex;font:var(--ld-typo-body-s);padding:0;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.docs-btn-search__magnifier{margin-right:var(--ld-sp-6)}.docs-btn-search__shortcut{margin-left:auto}";const e=class{constructor(r){t(this,r)}handleClick(){s.emit(c.open)}handleKeyDown(t){var r,i;if(t.key==="S"){if(["input","textarea"].includes((r=document.activeElement)===null||r===void 0?void 0:r.tagName.toLowerCase())){return}if(((i=document.activeElement)===null||i===void 0?void 0:i.tagName)==="textarea")return;s.emit(c.open)}}onSearchClose(){setTimeout((()=>{this.btnSearch.focus()}))}componentDidLoad(){s.on(c.close,this.onSearchClose.bind(this))}render(){return r(i,{class:"docs-btn-search"},r("button",{ref:t=>this.btnSearch=t,class:"docs-btn-search__btn"},r("svg",{class:"docs-btn-search__magnifier",width:"16",height:"16",viewBox:"0 0 14 14",fill:"none"},r("circle",{cx:"5.90909",cy:"5.90909",r:"4.90909","stroke-width":"2"}),r("path",{d:"M9.72729 9.72729L13 13","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),"Search",r("svg",{class:"docs-btn-search__shortcut",width:"24",height:"17",viewBox:"0 0 24 17",fill:"none"},r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.5 14C4.22386 14 4 13.7761 4 13.5V6.5C4 6.22386 4.22386 6 4.5 6H7.5C7.77614 6 8 6.22386 8 6.5V13.5C8 13.7761 7.77614 14 7.5 14H4.5Z"}),r("path",{d:"M0.707482 9.1746L5.62037 3.4429C5.81992 3.21009 6.18008 3.21009 6.37963 3.4429L11.2925 9.1746C11.5705 9.49894 11.3401 10 10.9129 10H6H1.08711C0.659934 10 0.429479 9.49894 0.707482 9.1746Z"}),r("path",{d:"M22.7301 5.873C22.6601 5.985 22.5854 6.069 22.5061 6.125C22.4314 6.181 22.3334 6.209 22.2121 6.209C22.1047 6.209 21.9881 6.17633 21.8621 6.111C21.7407 6.041 21.6007 5.964 21.4421 5.88C21.2881 5.796 21.1107 5.72133 20.9101 5.656C20.7094 5.586 20.4807 5.551 20.2241 5.551C19.7807 5.551 19.4494 5.64667 19.2301 5.838C19.0154 6.02467 18.9081 6.279 18.9081 6.601C18.9081 6.80633 18.9734 6.97667 19.1041 7.112C19.2347 7.24733 19.4051 7.364 19.6151 7.462C19.8297 7.56 20.0724 7.651 20.3431 7.735C20.6184 7.81433 20.8984 7.90533 21.1831 8.008C21.4677 8.106 21.7454 8.22267 22.0161 8.358C22.2914 8.49333 22.5341 8.666 22.7441 8.876C22.9587 9.086 23.1314 9.34267 23.2621 9.646C23.3927 9.94467 23.4581 10.3063 23.4581 10.731C23.4581 11.2023 23.3764 11.6433 23.2131 12.054C23.0497 12.4647 22.8117 12.824 22.4991 13.132C22.1911 13.4353 21.8084 13.6757 21.3511 13.853C20.8984 14.0257 20.3827 14.112 19.8041 14.112C19.4867 14.112 19.1624 14.0793 18.8311 14.014C18.5044 13.9487 18.1871 13.8577 17.8791 13.741C17.5711 13.6197 17.2817 13.4773 17.0111 13.314C16.7404 13.1507 16.5047 12.9687 16.3041 12.768L17.0041 11.662C17.0554 11.578 17.1277 11.5103 17.2211 11.459C17.3144 11.4077 17.4147 11.382 17.5221 11.382C17.6621 11.382 17.8021 11.4263 17.9421 11.515C18.0867 11.6037 18.2477 11.7017 18.4251 11.809C18.6071 11.9163 18.8147 12.0143 19.0481 12.103C19.2814 12.1917 19.5567 12.236 19.8741 12.236C20.3034 12.236 20.6371 12.1427 20.8751 11.956C21.1131 11.7647 21.2321 11.4637 21.2321 11.053C21.2321 10.815 21.1667 10.6213 21.0361 10.472C20.9054 10.3227 20.7327 10.199 20.5181 10.101C20.3081 10.003 20.0677 9.91667 19.7971 9.842C19.5264 9.76733 19.2487 9.68567 18.9641 9.597C18.6794 9.50367 18.4017 9.39167 18.1311 9.261C17.8604 9.12567 17.6177 8.95067 17.4031 8.736C17.1931 8.51667 17.0227 8.246 16.8921 7.924C16.7614 7.59733 16.6961 7.196 16.6961 6.72C16.6961 6.33733 16.7731 5.964 16.9271 5.6C17.0811 5.236 17.3074 4.91167 17.6061 4.627C17.9047 4.34233 18.2711 4.116 18.7051 3.948C19.1391 3.77533 19.6361 3.689 20.1961 3.689C20.5087 3.689 20.8121 3.71467 21.1061 3.766C21.4047 3.81267 21.6871 3.885 21.9531 3.983C22.2191 4.07633 22.4664 4.19067 22.6951 4.326C22.9284 4.45667 23.1361 4.606 23.3181 4.774L22.7301 5.873Z"}))))}};e.style=o;const a=".docs-switch-dark-light__btn circle{stroke:var(--ld-col-neutral-900)}.docs-switch-dark-light__btn path{fill:var(--ld-col-neutral-900)}@media (prefers-color-scheme:dark){.docs-switch-dark-light__btn circle{stroke:var(--ld-col-wht)}.docs-switch-dark-light__btn path{fill:var(--ld-col-wht)}}.docs-ui-dark .docs-switch-dark-light__btn circle{stroke:var(--ld-col-wht)}.docs-ui-dark .docs-switch-dark-light__btn path{fill:var(--ld-col-wht)}.docs-ui-light .docs-switch-dark-light__btn circle{stroke:var(--ld-col-neutral-900)}.docs-ui-light .docs-switch-dark-light__btn path{fill:var(--ld-col-neutral-900)}.docs-switch-dark-light__btn{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:inherit;cursor:pointer;display:flex;font:var(--ld-typo-body-s);padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.docs-switch-dark-light__btn svg{margin-right:var(--ld-sp-6)}";const d=class{constructor(r){t(this,r);this.isDark=undefined}updateIFrames(t){const r=document.querySelector("docs-iframe");if(r){r.setDarkMode(t)}}componentWillLoad(){const t=window.localStorage.getItem("docs-ui");if(t){this.isDark=t==="dark"?true:false}else{if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){this.isDark=true}else{this.isDark=false}}window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(t=>{this.isDark=t.matches;window.localStorage.setItem("docs-ui",this.isDark?"dark":"light")}));document.body.classList.add(`docs-ui-${this.isDark?"dark":"light"}`);document.body.classList.remove(`docs-ui-${!this.isDark?"dark":"light"}`);document.documentElement.style.colorScheme=this.isDark?"dark":"auto"}handleClick(){this.isDark=!this.isDark;window.localStorage.setItem("docs-ui",this.isDark?"dark":"light");document.body.classList.add(`docs-ui-${this.isDark?"dark":"light"}`);document.body.classList.remove(`docs-ui-${!this.isDark?"dark":"light"}`);document.documentElement.style.colorScheme=this.isDark?"dark":"auto"}render(){return r(i,{class:"docs-switch-dark-light"},r("button",{id:"docs-switch-dark-light",class:"docs-switch-dark-light__btn",role:"switch","aria-checked":this.isDark?"true":"false"},r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r("circle",{cx:"8",cy:"8",r:"7","stroke-width":"2"}),r("path",{d:"M0.800049 7.99999C0.800049 4.02354 4.0236 0.799988 8.00005 0.799988V15.2C4.0236 15.2 0.800049 11.9764 0.800049 7.99999Z"})),this.isDark?"Light":"Dark"," UI"))}static get watchers(){return{isDark:["updateIFrames"]}}};d.style=a;export{e as docs_btn_search,d as docs_switch_dark_light}; +//# sourceMappingURL=p-0cff3d08.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-37906c0c.entry.js.map b/1704966176737/dist/build/p-0cff3d08.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-37906c0c.entry.js.map rename to 1704966176737/dist/build/p-0cff3d08.entry.js.map diff --git a/1704894792450/dist/build/p-108eca21.entry.js b/1704966176737/dist/build/p-108eca21.entry.js similarity index 100% rename from 1704894792450/dist/build/p-108eca21.entry.js rename to 1704966176737/dist/build/p-108eca21.entry.js diff --git a/1704894792450/dist/build/p-108eca21.entry.js.map b/1704966176737/dist/build/p-108eca21.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-108eca21.entry.js.map rename to 1704966176737/dist/build/p-108eca21.entry.js.map diff --git a/1704894792450/dist/build/p-112455b1.js b/1704966176737/dist/build/p-112455b1.js similarity index 100% rename from 1704894792450/dist/build/p-112455b1.js rename to 1704966176737/dist/build/p-112455b1.js diff --git a/1704894792450/dist/build/p-112455b1.js.map b/1704966176737/dist/build/p-112455b1.js.map similarity index 100% rename from 1704894792450/dist/build/p-112455b1.js.map rename to 1704966176737/dist/build/p-112455b1.js.map diff --git a/1704894792450/dist/build/p-1133c92e.js b/1704966176737/dist/build/p-1133c92e.js similarity index 100% rename from 1704894792450/dist/build/p-1133c92e.js rename to 1704966176737/dist/build/p-1133c92e.js diff --git a/1704894792450/dist/build/p-1133c92e.js.map b/1704966176737/dist/build/p-1133c92e.js.map similarity index 100% rename from 1704894792450/dist/build/p-1133c92e.js.map rename to 1704966176737/dist/build/p-1133c92e.js.map diff --git a/1704894792450/dist/build/p-18028a34.entry.js b/1704966176737/dist/build/p-18028a34.entry.js similarity index 100% rename from 1704894792450/dist/build/p-18028a34.entry.js rename to 1704966176737/dist/build/p-18028a34.entry.js diff --git a/1704894792450/dist/build/p-18028a34.entry.js.map b/1704966176737/dist/build/p-18028a34.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-18028a34.entry.js.map rename to 1704966176737/dist/build/p-18028a34.entry.js.map diff --git a/1704894792450/dist/build/p-1813e3df.entry.js b/1704966176737/dist/build/p-1813e3df.entry.js similarity index 100% rename from 1704894792450/dist/build/p-1813e3df.entry.js rename to 1704966176737/dist/build/p-1813e3df.entry.js diff --git a/1704894792450/dist/build/p-1813e3df.entry.js.map b/1704966176737/dist/build/p-1813e3df.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-1813e3df.entry.js.map rename to 1704966176737/dist/build/p-1813e3df.entry.js.map diff --git a/1704966176737/dist/build/p-1c01ac4e.entry.js b/1704966176737/dist/build/p-1c01ac4e.entry.js new file mode 100644 index 0000000000..fb8bd05528 --- /dev/null +++ b/1704966176737/dist/build/p-1c01ac4e.entry.js @@ -0,0 +1,2 @@ +import{r as s,h as e,H as t,g as i}from"./p-21a69c18.js";import{g as o}from"./p-1133c92e.js";import{a as l}from"./p-db30d2eb.js";const n=":host,:where(.ld-icon){--ld-icon-secondary-col:var(--ld-col-wht);--ld-icon-size-sm:1rem;--ld-icon-size-md:1.25rem;--ld-icon-size-lg:1.5rem;align-items:center;display:inline-flex;height:var(--ld-icon-size-md);justify-content:center;width:var(--ld-icon-size-md)}:host ::slotted(svg),:host :where(svg),:where(.ld-icon) ::slotted(svg),:where(.ld-icon) :where(svg){flex-shrink:0;height:var(--ld-icon-size-md);width:var(--ld-icon-size-md)}:host(.ld-icon--sm),:host(.ld-icon--sm) ::slotted(svg),:host(.ld-icon--sm) :where(svg),:where(.ld-icon--sm),:where(.ld-icon--sm) ::slotted(svg),:where(.ld-icon--sm) :where(svg){height:var(--ld-icon-size-sm);width:var(--ld-icon-size-sm)}:host(.ld-icon--lg),:host(.ld-icon--lg) ::slotted(svg),:host(.ld-icon--lg) :where(svg),:where(.ld-icon--lg),:where(.ld-icon--lg) ::slotted(svg),:where(.ld-icon--lg) :where(svg){height:var(--ld-icon-size-lg);width:var(--ld-icon-size-lg)}";const r=class{constructor(e){s(this,e);this.name=null;this.size=undefined}async loadIconPathData(){if(!this.name){return}const s=document.createElement("div");const e=await l(this.name);if(!e)return;s.innerHTML=e.replace("{if(s.tagName!=="STYLE"){this.el.shadowRoot.removeChild(s)}}));this.el.shadowRoot.appendChild(s.firstChild)}componentWillLoad(){this.loadIconPathData()}render(){return e(t,{class:o(["ld-icon",this.size&&`ld-icon--${this.size}`]),role:"presentation"},!this.name&&e("slot",null))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{name:["loadIconPathData"]}}};r.style=n;export{r as ld_icon}; +//# sourceMappingURL=p-1c01ac4e.entry.js.map \ No newline at end of file diff --git a/dist/build/p-93a96eb6.entry.js.map b/1704966176737/dist/build/p-1c01ac4e.entry.js.map similarity index 98% rename from dist/build/p-93a96eb6.entry.js.map rename to 1704966176737/dist/build/p-1c01ac4e.entry.js.map index d87e5df5ea..51078aea2d 100644 --- a/dist/build/p-93a96eb6.entry.js.map +++ b/1704966176737/dist/build/p-1c01ac4e.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldIconCss","LdIcon","loadIconPathData","this","name","div","document","createElement","iconString","fetchIcon","innerHTML","replace","Array","from","el","shadowRoot","children","forEach","child","tagName","removeChild","appendChild","firstChild","componentWillLoad","render","h","Host","class","getClassNames","size","role"],"sources":["../src/liquid/components/ld-icon/ld-icon.css?tag=ld-icon&encapsulation=shadow","../src/liquid/components/ld-icon/ld-icon.tsx"],"sourcesContent":[":host,\n:where(.ld-icon) {\n --ld-icon-secondary-col: var(--ld-col-wht);\n --ld-icon-size-sm: 1rem;\n --ld-icon-size-md: 1.25rem;\n --ld-icon-size-lg: 1.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: var(--ld-icon-size-md);\n height: var(--ld-icon-size-md);\n\n ::slotted(svg),\n :where(svg) {\n width: var(--ld-icon-size-md);\n height: var(--ld-icon-size-md);\n flex-shrink: 0;\n }\n}\n\n:host(.ld-icon--sm),\n:where(.ld-icon--sm) {\n &,\n ::slotted(svg),\n :where(svg) {\n width: var(--ld-icon-size-sm);\n height: var(--ld-icon-size-sm);\n }\n}\n:host(.ld-icon--lg),\n:where(.ld-icon--lg) {\n &,\n ::slotted(svg),\n :where(svg) {\n width: var(--ld-icon-size-lg);\n height: var(--ld-icon-size-lg);\n }\n}\n","import { Build, Component, Host, h, Prop, Watch, Element } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { fetchIcon } from '../../utils/fetchAsset'\n\n/**\n * @slot - (optional) Custom SVG icon (only valid without name prop).\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part icon - Actual SVG element\n */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-icon',\n styleUrl: 'ld-icon.css',\n shadow: true,\n})\nexport class LdIcon {\n @Element() el: HTMLElement\n\n /** The icon name. */\n @Prop({ reflect: true }) name?: string = null\n\n /** Size of the icon. */\n @Prop() size?: 'sm' | 'lg'\n\n @Watch('name')\n private async loadIconPathData(): Promise {\n if ((!Build.isBrowser && !Build.isTesting) || !this.name) {\n return\n }\n\n const div = document.createElement('div')\n const iconString = await fetchIcon(this.name)\n\n if (!iconString) return\n\n div.innerHTML = iconString.replace(\n ' {\n /* istanbul ignore next */\n if (child.tagName !== 'STYLE') {\n this.el.shadowRoot.removeChild(child)\n }\n })\n this.el.shadowRoot.appendChild(div.firstChild)\n }\n\n componentWillLoad() {\n this.loadIconPathData()\n }\n\n render() {\n return (\n \n {!this.name && }\n \n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAY,y6B,MCgBLC,EAAM,M,mCAIwB,K,oBAMjC,sBAAMC,GACZ,IAA+CC,KAAKC,KAAM,CACxD,M,CAGF,MAAMC,EAAMC,SAASC,cAAc,OACnC,MAAMC,QAAmBC,EAAUN,KAAKC,MAExC,IAAKI,EAAY,OAEjBH,EAAIK,UAAYF,EAAWG,QACzB,OACA,yCAEFC,MAAMC,KAAKV,KAAKW,GAAGC,WAAWC,UAAUC,SAASC,IAE/C,GAAIA,EAAMC,UAAY,QAAS,CAC7BhB,KAAKW,GAAGC,WAAWK,YAAYF,E,KAGnCf,KAAKW,GAAGC,WAAWM,YAAYhB,EAAIiB,W,CAGrC,iBAAAC,GACEpB,KAAKD,kB,CAGP,MAAAsB,GACE,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CAAC,UAAWzB,KAAK0B,MAAQ,YAAY1B,KAAK0B,SAC/DC,KAAK,iBAEH3B,KAAKC,MAAQqB,EAAA,a"} \ No newline at end of file +{"version":3,"names":["ldIconCss","LdIcon","loadIconPathData","this","name","div","document","createElement","iconString","fetchIcon","innerHTML","replace","Array","from","el","shadowRoot","children","forEach","child","tagName","removeChild","appendChild","firstChild","componentWillLoad","render","h","Host","class","getClassNames","size","role"],"sources":["../src/liquid/components/ld-icon/ld-icon.css?tag=ld-icon&encapsulation=shadow","../src/liquid/components/ld-icon/ld-icon.tsx"],"sourcesContent":[":host,\n:where(.ld-icon) {\n --ld-icon-secondary-col: var(--ld-col-wht);\n --ld-icon-size-sm: 1rem;\n --ld-icon-size-md: 1.25rem;\n --ld-icon-size-lg: 1.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: var(--ld-icon-size-md);\n height: var(--ld-icon-size-md);\n\n ::slotted(svg),\n :where(svg) {\n width: var(--ld-icon-size-md);\n height: var(--ld-icon-size-md);\n flex-shrink: 0;\n }\n}\n\n:host(.ld-icon--sm),\n:where(.ld-icon--sm) {\n &,\n ::slotted(svg),\n :where(svg) {\n width: var(--ld-icon-size-sm);\n height: var(--ld-icon-size-sm);\n }\n}\n:host(.ld-icon--lg),\n:where(.ld-icon--lg) {\n &,\n ::slotted(svg),\n :where(svg) {\n width: var(--ld-icon-size-lg);\n height: var(--ld-icon-size-lg);\n }\n}\n","import { Build, Component, Host, h, Prop, Watch, Element } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { fetchIcon } from '../../utils/fetchAsset'\n\n/**\n * @slot - (optional) Custom SVG icon (only valid without name prop).\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part icon - Actual SVG element\n */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-icon',\n styleUrl: 'ld-icon.css',\n shadow: true,\n})\nexport class LdIcon {\n @Element() el: HTMLElement\n\n /** The icon name. */\n @Prop({ reflect: true }) name?: string = null\n\n /** Size of the icon. */\n @Prop() size?: 'sm' | 'lg'\n\n @Watch('name')\n private async loadIconPathData(): Promise {\n if ((!Build.isBrowser && !Build.isTesting) || !this.name) {\n return\n }\n\n const div = document.createElement('div')\n const iconString = await fetchIcon(this.name)\n\n if (!iconString) return\n\n div.innerHTML = iconString.replace(\n ' {\n /* istanbul ignore next */\n if (child.tagName !== 'STYLE') {\n this.el.shadowRoot.removeChild(child)\n }\n })\n this.el.shadowRoot.appendChild(div.firstChild)\n }\n\n componentWillLoad() {\n this.loadIconPathData()\n }\n\n render() {\n return (\n \n {!this.name && }\n \n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAY,44B,MCgBLC,EAAM,M,mCAIwB,K,oBAMjC,sBAAMC,GACZ,IAA+CC,KAAKC,KAAM,CACxD,M,CAGF,MAAMC,EAAMC,SAASC,cAAc,OACnC,MAAMC,QAAmBC,EAAUN,KAAKC,MAExC,IAAKI,EAAY,OAEjBH,EAAIK,UAAYF,EAAWG,QACzB,OACA,yCAEFC,MAAMC,KAAKV,KAAKW,GAAGC,WAAWC,UAAUC,SAASC,IAE/C,GAAIA,EAAMC,UAAY,QAAS,CAC7BhB,KAAKW,GAAGC,WAAWK,YAAYF,E,KAGnCf,KAAKW,GAAGC,WAAWM,YAAYhB,EAAIiB,W,CAGrC,iBAAAC,GACEpB,KAAKD,kB,CAGP,MAAAsB,GACE,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CAAC,UAAWzB,KAAK0B,MAAQ,YAAY1B,KAAK0B,SAC/DC,KAAK,iBAEH3B,KAAKC,MAAQqB,EAAA,a"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-1ff9802e.entry.js b/1704966176737/dist/build/p-1ff9802e.entry.js new file mode 100644 index 0000000000..b68350e5ac --- /dev/null +++ b/1704966176737/dist/build/p-1ff9802e.entry.js @@ -0,0 +1,2 @@ +import{r as i,c as t,h as s,H as a,g as e}from"./p-21a69c18.js";import{g as n}from"./p-1133c92e.js";import{g as d}from"./p-8dc70a87.js";import{c as l}from"./p-6e5841ef.js";const o=':host{--ld-sidenav-line-height:1.15;--ld-sidenav-padding-x:1rem;--ld-sidenav-padding-y:1rem;--ld-sidenav-padding:var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);--ld-sidenav-toggle-size:var(--ld-sp-24);--ld-sidenav-toggle-top:calc(2 * var(--ld-sidenav-padding-y) + var(--ld-sidenav-navitem-icon-size) - 0.5 * var(--ld-sidenav-toggle-size));--ld-sidenav-translate-x-delta:calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed));--ld-sidenav-width:15.625rem;--ld-sidenav-width-collapsed:calc(2 * var(--ld-sidenav-padding-x) + var(--ld-sidenav-navitem-icon-size));--ld-sidenav-width-fully-collapsed:calc(-1 * var(--ld-sp-1));--ld-sidenav-navitem-active-indicator-border-width:0.1875rem;--ld-sidenav-navitem-icon-size:var(--ld-sp-32);--ld-sidenav-navitem-bg-inset:var(--ld-sp-6);--ld-sidenav-navitem-border-radius:var(--ld-br-l);--ld-sidenav-navitem-tertiary-indent:calc(3 * var(--ld-sidenav-padding-x) + 0.3125rem);--ld-sidenav-navitem-tertiary-width:calc(100% - (4 * var(--ld-sidenav-padding-x)) - 0.3125rem);--ld-sidenav-collapse-content-transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;--ld-sidenav-transition-delay:0s;--ld-sidenav-transition-delay-collapse-expand:0s;--ld-sidenav-transition-duration:var(--ld-transition-duration-instant);--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-instant\n );--ld-sidenav-translate-x-direction:1;--ld-sidenav-stack-to-top-transition:transform var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) ease;--ld-sidenav-bg-color:var(--ld-col-wht);--ld-sidenav-separator-line-bg-col:var(--ld-col-neutral-100);--ld-sidenav-subnav-bg-color:var(--ld-col-wht)}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--transitions){--ld-sidenav-transition-duration:var(--ld-transition-duration-normal);--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-normal\n );--ld-sidenav-transition-delay:var(--ld-transition-duration-quick);--ld-sidenav-transition-delay-collapse-expand:var(\n --ld-transition-duration-quick\n )}}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--toggle-transition-disabled){--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-instant\n );--ld-sidenav-transition-delay-collapse-expand:0s}}:host{background-color:var(--ld-sidenav-bg-color);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font:var(--ld-typo-body-m);left:0;overflow:hidden;position:var(--ld-sidenav-position,fixed);text-align:left;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-width);z-index:var(--ld-sidenav-z-index,1)}:host:before{background-color:var(--ld-sidenav-separator-line-bg-col);bottom:0;content:"";position:absolute;right:0;top:0;width:var(--ld-sp-2);z-index:2}:host .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--closable:not(.ld-sidenav--open)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:hidden}:host(.ld-sidenav--collapsed:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-fully-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__content{opacity:0;visibility:hidden}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible.ld-sidenav--transitions:not(.ld-sidenav--closable)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--right){--ld-sidenav-translate-x-direction:-1;--ld-sidenav-translate-x-delta:0;left:unset;right:0}:host(.ld-sidenav--right):before{left:0;right:unset;transform:translateX(-50%) scaleX(1.5)}:host(.ld-sidenav--closable){--ld-sidenav-collapse-content-transition:none;--ld-sidenav-stack-to-top-transition:none;--ld-sidenav-navitem-move-up-closable:0;--ld-sidenav-translate-x-delta:0;transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * -100%));width:100%}:host(.ld-sidenav--closable.ld-sidenav--open){transform:translateX(0)}:host ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-navitem[slot=bottom]),:host ::slotted(ld-sidenav-navitem[slot=top]){margin-top:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-heading){margin:var(--ld-sidenav-padding-y) 0}.ld-sidenav__toggle{aspect-ratio:1;background-color:var(--ld-col-wht);border:0;border-radius:var(--ld-br-full);box-shadow:var(--ld-shadow-stacked);color:var(--ld-thm-primary);cursor:pointer;display:grid;outline-offset:var(--ld-sp-4);place-content:center;position:absolute;right:0;top:var(--ld-sidenav-toggle-top);touch-action:manipulation;transform:translateX(50%);width:var(--ld-sidenav-toggle-size);will-change:transform;z-index:1;-webkit-touch-callout:none}.ld-sidenav__toggle:before{inset:0}.ld-sidenav__toggle:after,.ld-sidenav__toggle:before{border-radius:inherit;content:"";display:block;position:absolute}.ld-sidenav__toggle:after{inset:calc(-1 * var(--ld-sp-6))}.ld-sidenav__toggle:focus:focus-visible:not(:active),.ld-sidenav__toggle:hover:not(:active){box-shadow:var(--ld-shadow-sticky)}.ld-sidenav__toggle:where(:focus:focus-visible){color:var(--ld-thm-primary-hover)}.ld-sidenav__toggle:where(:focus:focus-visible):before{background-color:var(--ld-thm-primary-alpha-low)}@media (hover:hover){.ld-sidenav__toggle:where(:hover){color:var(--ld-thm-primary-hover)}}.ld-sidenav__toggle:where(:active),.ld-sidenav__toggle:where(:active:focus-visible){color:var(--ld-thm-primary-active)}:host(.ld-sidenav--right) .ld-sidenav__toggle{left:0;right:unset;transform:translateX(-50%)}.ld-sidenav__toggle-icon{position:relative;transform-origin:center}:host(.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:none}.ld-sidenav__content{display:flex;flex-direction:column;height:100%;overflow:hidden;will-change:transform}.ld-sidenav__slot-container-default{height:100%;position:relative}.ld-sidenav__slot-container-bottom,.ld-sidenav__slot-container-top{background-color:var(--ld-sidenav-bg-color);position:relative;z-index:1}.ld-sidenav__slot-container-bottom:before,.ld-sidenav__slot-container-default:before,.ld-sidenav__slot-container-top:before{background-color:var(--ld-sidenav-subnav-bg-color);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:visible;z-index:0}:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-bottom:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-default:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-top:before{opacity:1}.ld-sidenav__fully-collapsed-click-area{display:none;inset:0;position:absolute;z-index:1}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__fully-collapsed-click-area{display:block}';const r=class{constructor(s){i(this,s);this.ldSidenavCollapsedChange=t(this,"ldSidenavCollapsedChange",7);this.ldSidenavOpenChange=t(this,"ldSidenavOpenChange",7);this.ldSidenavBreakpointChange=t(this,"ldSidenavBreakpointChange",7);this.ldSidenavBack=t(this,"ldSidenavBack",7);this.ldSidenavNavitemTo=t(this,"ldSidenavNavitemTo",7);this.ldSidenavNavitemClick=t(this,"ldSidenavNavitemClick",7);this.ldSidenavSliderChange=t(this,"ldSidenavSliderChange",7);this.toFocus=undefined;this.focusTimeout=undefined;this.updateFocus=()=>{clearTimeout(this.focusTimeout);if(this.toFocus){if(this.toFocus.tabIndex===-1||window.getComputedStyle(this.toFocus).visibility==="hidden"){this.focusTimeout=setTimeout(this.updateFocus,10);return}this.toFocus.focus();this.toFocus=undefined}};this.toggleCollapsedState=()=>{this.collapsed=!this.collapsed};this.activeSubnavContainsIconsOrHasBack=()=>{const i=Array.from(this.el.children);const t=i.some((i=>i.tagName==="LD-SIDENAV-BACK"));const s=i.some((i=>i.tagName==="LD-SIDENAV-NAVITEM"&&!["secondary","tertiary"].includes(i.mode)));if(t||s){return true}const a=this.el.querySelector("ld-sidenav-slider");const e=a.currentSubnav?this.el.querySelector(`#${a.currentSubnav}`):a;const n=Array.from(e.children).filter((i=>i.tagName==="LD-SIDENAV-NAVITEM"&&i.mode==="primary"));const d=Array.from(e.querySelectorAll('ld-sidenav-accordion > ld-sidenav-navitem[slot="toggle"]')).filter((i=>i.mode==="primary"));const l=n.length+d.length;return!!l};this.isToggleOutside=i=>(i===null||i===void 0?void 0:i.tagName)==="LD-SIDENAV-TOGGLE-OUTSIDE";this.onTransitionEnd=i=>{if(i.target===this.el){this.transitions=true;if(this.fullyCollapsible){if(!this.collapsed){const i=d(this.el);i.focus()}else if(document.activeElement.closest("ld-sidenav")===this.el){const i=this.el.previousElementSibling;if(this.isToggleOutside(i)){i.focusInner()}}}}};this.onMatchMediaChange=i=>{this.closable=i.matches;this.transitions=false;if(this.closable&&this.collapsible)this.collapsed=true;this.ldSidenavBreakpointChange.emit(this.closable)};this.align="left";this.breakpoint="23.4375rem";this.collapsed=false;this.collapseTrigger="toggle";this.collapsible=false;this.expandTrigger="toggle";this.label="Side navigation";this.narrow=false;this.open=false;this.toggleTransitionDisabled=false;this.trapFocus=undefined;this.closable=undefined;this.fullyCollapsible=false;this.hasActiveSubnav=false;this.hasShadowBottom=false;this.hasShadowTop=false;this.transitions=false}async toggle(){if(this.closable){this.open=!this.open}else{this.toggleCollapsedState()}}onCollapsedChange(i){this.ldSidenavCollapsedChange.emit({collapsed:i,fully:this.fullyCollapsible});if(i){this.open=false}}onOpenChange(i){this.ldSidenavOpenChange.emit(i);if(!i&&this.collapsible){this.collapsed=true}}updateFullyCollapsible(){var i;this.fullyCollapsible=this.collapsible&&(!this.narrow||!this.activeSubnavContainsIconsOrHasBack());if(!this.collapsible)this.collapsed=false;(i=this.el.querySelector("ld-sidenav-header"))===null||i===void 0?void 0:i.updateCollapsible()}handleClickOutside(i){if(i.isTrusted&&["clickoutside","mouseout"].includes(this.collapseTrigger)&&l("ld-sidenav",i.target)!==this.el){this.collapsed=this.collapsible}}handleMouseOut(i){if(this.collapseTrigger==="mouseout"&&i.relatedTarget&&i.relatedTarget.closest("ld-sidenav")!==this.el){this.collapsed=this.collapsible}}handleMouseIn(){if(this.fullyCollapsible||this.expandTrigger==="mouseenter"){this.collapsed=false}}handleOpen(){this.open=true}handleClose(){clearTimeout(this.focusTimeout);this.open=false}handleSlideBack(){var i;clearTimeout(this.focusTimeout);const t=Array.from(this.el.querySelectorAll(".ld-sidenav-subnav--active")).pop();const s=t===null||t===void 0?void 0:t.id;const a=t===null||t===void 0?void 0:t.parentElement;this.el.querySelector("ld-sidenav-slider").navigateBack();this.toFocus=(i=a===null||a===void 0?void 0:a.querySelector(`[to='${s}']`))===null||i===void 0?void 0:i.shadowRoot.querySelector('[part*="focusable"]');this.collapsed=false}slideToHandler(){var i;clearTimeout(this.focusTimeout);const t=(i=this.el.querySelector("ld-sidenav-back"))===null||i===void 0?void 0:i.shadowRoot.querySelector(".ld-sidenav-back");this.toFocus=t;this.updateFocus()}slideChangeHandler(i){var t,s;clearTimeout(this.focusTimeout);(t=this.el.querySelector("ld-sidenav-back"))===null||t===void 0?void 0:t.updateLabel((s=i.detail)===null||s===void 0?void 0:s.label);this.hasActiveSubnav=!!i.detail;this.updateFullyCollapsible();this.updateFocus()}handleKeyDown(i){const t=document.activeElement.closest("ld-sidenav")===this.el;if(t&&i.key==="Tab"&&!i.shiftKey&&document.activeElement===this.el.querySelector("ld-sidenav-back")){const{currentSubnav:i}=this.el.querySelector("ld-sidenav-slider");if(i){const t=d(this.el.querySelector(`#${i}`));setTimeout((async()=>{if("focusInner"in t){await t.focusInner()}else{t.focus()}}))}}if(!t&&!this.closable){return}const s=this.el.querySelector("ld-sidenav-slider");if(i.key==="Escape"){if(!s&&this.closable){this.open=false;return}if(this.hasActiveSubnav){this.handleSlideBack()}else if(this.closable){this.open=false}}}async handleFocusout(i){const t=i.relatedTarget;const s=l("ld-sidenav",t)===this.el;if(!s&&t!==null){if(this.collapseTrigger==="mouseout"){this.collapsed=this.collapsible}}if(this.expandTrigger==="mouseenter"&&s){this.collapsed=false}if(!this.closable||!this.open)return;if(this.trapFocus===undefined)return;if(s)return;const a=this.trapFocus!==""&&(!t||(t===null||t===void 0?void 0:t.matches(this.trapFocus)));if(a)return;const e=i.target;const n=e.closest("ld-sidenav")===this.el;const o=this.trapFocus!==""&&!!e.closest(this.trapFocus);if(!n&&!o)return;const r=d(this.el);const v=this.trapFocus===""?[r]:Array.from(document.querySelectorAll(this.trapFocus));const h=v.find(d);const c=r===e;const p=h===e;const u=Array.from(this.el.querySelectorAll("*")).reverse().find(d);const f=v.reverse().find(d);const g=n?c?f:h:p?u:r;if(!g)return;if("focusInner"in g){await g.focusInner()}else{g===null||g===void 0?void 0:g.focus()}}handleHeaderToggleClick(){this.toggle()}componentWillLoad(){this.mediaQuery=window.matchMedia(`(max-width: ${this.breakpoint})`);this.mediaQuery.addEventListener("change",this.onMatchMediaChange);this.closable=this.mediaQuery.matches;this.updateFullyCollapsible()}componentDidLoad(){this.ldSidenavCollapsedChange.emit({collapsed:this.collapsible&&this.collapsed,fully:this.fullyCollapsible});this.ldSidenavOpenChange.emit(this.open);this.ldSidenavBreakpointChange.emit(this.closable);setTimeout((()=>{this.transitions=true}))}disconnectedCallback(){var i;(i=this.mediaQuery)===null||i===void 0?void 0:i.removeEventListener("change",this.onMatchMediaChange)}render(){const i=["ld-sidenav",this.align==="right"&&"ld-sidenav--right",this.transitions&&"ld-sidenav--transitions",this.closable&&"ld-sidenav--closable",this.collapsible&&this.collapsed&&"ld-sidenav--collapsed",this.collapsible&&"ld-sidenav--collapsible",this.fullyCollapsible&&"ld-sidenav--fully-collapsible",this.hasActiveSubnav&&"ld-sidenav--has-active-subnav",this.hasShadowTop&&"ld-sidenav--has-shadow-top",this.hasShadowBottom&&"ld-sidenav--has-shadow-bottom",this.open&&"ld-sidenav--open",this.toggleTransitionDisabled&&"ld-sidenav--toggle-transition-disabled"];return s(a,{onTransitionEnd:this.onTransitionEnd,class:n(i),role:"navigation","aria-label":this.label},s("slot",{name:"header"}),s("div",{class:"ld-sidenav__content"},s("div",{class:"ld-sidenav__slot-container-top",part:"slot-container-top"},s("slot",{name:"top"})),s("ld-sidenav-scroller-internal",{class:"ld-sidenav__scroller",part:"scroll-container"},s("div",{class:"ld-sidenav__slot-container-default",part:"slot-container"},s("slot",null))),s("div",{class:"ld-sidenav__slot-container-bottom",part:"slot-container-bottom"},s("slot",{name:"bottom"}))),s("div",{onClick:this.toggle.bind(this),class:"ld-sidenav__fully-collapsed-click-area"}))}get el(){return e(this)}static get watchers(){return{collapsed:["onCollapsedChange"],open:["onOpenChange"],collapsible:["updateFullyCollapsible"],narrow:["updateFullyCollapsible"]}}};r.style=o;export{r as ld_sidenav}; +//# sourceMappingURL=p-1ff9802e.entry.js.map \ No newline at end of file diff --git a/dist/build/p-1579946c.entry.js.map b/1704966176737/dist/build/p-1ff9802e.entry.js.map similarity index 99% rename from dist/build/p-1579946c.entry.js.map rename to 1704966176737/dist/build/p-1ff9802e.entry.js.map index 681c6939a4..570e6581c2 100644 --- a/dist/build/p-1579946c.entry.js.map +++ b/1704966176737/dist/build/p-1ff9802e.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldSidenavShadowCss","LdSidenav","this","toFocus","undefined","focusTimeout","updateFocus","clearTimeout","tabIndex","window","getComputedStyle","visibility","setTimeout","focus","toggleCollapsedState","collapsed","activeSubnavContainsIconsOrHasBack","children","Array","from","el","hasBack","some","child","tagName","hasPrimaryChild","includes","mode","slider","querySelector","activeSubnav","currentSubnav","navitemsModePrimaryChildren","filter","navitemsModePrimaryInAccordion","querySelectorAll","totalNavitemsModePrimary","length","isToggleOutside","element","onTransitionEnd","ev","target","transitions","fullyCollapsible","firstFocusableInSidenav","getFirstFocusable","document","activeElement","closest","previousElementSibling","focusInner","onMatchMediaChange","closable","matches","collapsible","ldSidenavBreakpointChange","emit","toggle","open","onCollapsedChange","ldSidenavCollapsedChange","fully","onOpenChange","ldSidenavOpenChange","updateFullyCollapsible","narrow","_a","updateCollapsible","handleClickOutside","isTrusted","collapseTrigger","handleMouseOut","relatedTarget","handleMouseIn","expandTrigger","handleOpen","handleClose","handleSlideBack","pop","currentSubnavId","id","parentSubnav","parentElement","navigateBack","shadowRoot","slideToHandler","ldSidenavBack","slideChangeHandler","updateLabel","_b","detail","label","hasActiveSubnav","handleKeyDown","hasSidenavFocus","key","shiftKey","firstItemOfCurrentSubnav","async","handleFocusout","isFocusInSidenav","trapFocus","isFocusInKeepFocusable","isLeavingSidenav","isLeavingFocusSelectorElement","trapFocusSelectorElements","firstFocusableFromSelectorElements","find","isLeavingFirstFocusableInSidenav","isLeavingFirstFocusableFromSelectorElements","lastFocusableInSidenav","reverse","lastFocusableFromSelectorElements","nextFocused","handleHeaderToggleClick","componentWillLoad","mediaQuery","matchMedia","breakpoint","addEventListener","componentDidLoad","disconnectedCallback","removeEventListener","render","cl","align","hasShadowTop","hasShadowBottom","toggleTransitionDisabled","h","Host","class","getClassNames","role","name","part","onClick","bind"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav.shadow.css?tag=ld-sidenav&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-sidenav-line-height: 1.15;\n --ld-sidenav-padding-x: 1rem;\n --ld-sidenav-padding-y: 1rem;\n --ld-sidenav-padding: var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);\n --ld-sidenav-toggle-size: var(--ld-sp-24);\n --ld-sidenav-toggle-top: calc(\n 2 * var(--ld-sidenav-padding-y) + var(--ld-sidenav-navitem-icon-size) - 0.5 *\n var(--ld-sidenav-toggle-size)\n );\n --ld-sidenav-translate-x-delta: calc(\n var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)\n );\n --ld-sidenav-width: 15.625rem;\n --ld-sidenav-width-collapsed: calc(\n 2 * var(--ld-sidenav-padding-x) + var(--ld-sidenav-navitem-icon-size)\n );\n --ld-sidenav-width-fully-collapsed: calc(-1 * var(--ld-sp-1));\n\n /* layout ld-navitem */\n --ld-sidenav-navitem-active-indicator-border-width: 0.1875rem;\n --ld-sidenav-navitem-icon-size: var(--ld-sp-32);\n --ld-sidenav-navitem-bg-inset: var(--ld-sp-6);\n --ld-sidenav-navitem-border-radius: var(--ld-br-l);\n --ld-sidenav-navitem-tertiary-indent: calc(\n 3 * var(--ld-sidenav-padding-x) + 0.3125rem\n );\n --ld-sidenav-navitem-tertiary-width: calc(\n 100% - (4 * var(--ld-sidenav-padding-x)) - 0.3125rem\n );\n\n /* transitions */\n --ld-sidenav-collapse-content-transition: opacity\n var(--ld-sidenav-transition-duration-collapse-expand)\n var(--ld-sidenav-transition-delay-collapse-expand) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n --ld-sidenav-transition-delay: 0s;\n --ld-sidenav-transition-delay-collapse-expand: 0s;\n /* Not using 0s here because we rely on the transition end event. */\n --ld-sidenav-transition-duration: var(--ld-transition-duration-instant);\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-instant\n );\n --ld-sidenav-translate-x-direction: 1;\n --ld-sidenav-stack-to-top-transition: transform\n var(--ld-sidenav-transition-duration-collapse-expand)\n var(--ld-sidenav-transition-delay-collapse-expand) ease;\n\n /* colors */\n --ld-sidenav-bg-color: var(--ld-col-wht);\n --ld-sidenav-separator-line-bg-col: var(--ld-col-neutral-100);\n --ld-sidenav-subnav-bg-color: var(--ld-col-wht);\n\n &(.ld-sidenav--transitions) {\n @media (prefers-reduced-motion: no-preference) {\n --ld-sidenav-transition-duration: var(--ld-transition-duration-normal);\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-normal\n );\n --ld-sidenav-transition-delay: var(--ld-transition-duration-quick);\n --ld-sidenav-transition-delay-collapse-expand: var(\n --ld-transition-duration-quick\n );\n }\n }\n\n &(.ld-sidenav--toggle-transition-disabled) {\n @media (prefers-reduced-motion: no-preference) {\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-instant\n );\n --ld-sidenav-transition-delay-collapse-expand: 0s;\n }\n }\n\n background-color: var(--ld-sidenav-bg-color);\n bottom: 0;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n font: var(--ld-typo-body-m);\n left: 0;\n overflow: hidden;\n position: var(--ld-sidenav-position, fixed);\n text-align: left;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n top: 0;\n width: var(--ld-sidenav-width);\n\n /* Create a stacking context with a default z-index greater zero,\n so that elements with a stacking context of their own don't overlap. */\n z-index: var(--ld-sidenav-z-index, 1);\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: var(--ld-sp-2);\n background-color: var(--ld-sidenav-separator-line-bg-col);\n z-index: 2;\n }\n\n .ld-sidenav__content {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n }\n\n &(.ld-sidenav--closable:not(.ld-sidenav--open)) {\n .ld-sidenav__content {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n visibility 0s var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n visibility: hidden;\n }\n }\n\n &(.ld-sidenav--collapsed:not(.ld-sidenav--closable)) {\n transform: translateX(\n calc(\n var(--ld-sidenav-translate-x-direction) *\n (-100% + var(--ld-sidenav-width-collapsed))\n )\n );\n }\n\n &(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) {\n transform: translateX(\n calc(\n var(--ld-sidenav-translate-x-direction) *\n (-100% + var(--ld-sidenav-width-fully-collapsed))\n )\n );\n\n .ld-sidenav__content {\n opacity: 0;\n visibility: hidden;\n }\n }\n\n &(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible.ld-sidenav--transitions:not(.ld-sidenav--closable)) {\n .ld-sidenav__content {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n visibility 0s var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n }\n }\n\n &(.ld-sidenav--right) {\n --ld-sidenav-translate-x-direction: -1;\n --ld-sidenav-translate-x-delta: 0;\n left: unset;\n right: 0;\n\n &::before {\n right: unset;\n left: 0;\n transform: translateX(-50%) scaleX(1.5);\n }\n }\n\n &(.ld-sidenav--closable) {\n --ld-sidenav-collapse-content-transition: none;\n --ld-sidenav-stack-to-top-transition: none;\n --ld-sidenav-navitem-move-up-closable: 0;\n --ld-sidenav-translate-x-delta: 0;\n width: 100%;\n transform: translateX(\n calc(var(--ld-sidenav-translate-x-direction) * -100%)\n );\n }\n\n &(.ld-sidenav--closable.ld-sidenav--open) {\n transform: translateX(0);\n }\n\n ::slotted(ld-sidenav-navitem) {\n margin-bottom: var(--ld-sidenav-padding-y);\n }\n\n ::slotted(ld-sidenav-navitem[slot='top']),\n ::slotted(ld-sidenav-navitem[slot='bottom']) {\n margin-top: var(--ld-sidenav-padding-y);\n }\n\n ::slotted(ld-sidenav-heading) {\n margin: var(--ld-sidenav-padding-y) 0;\n }\n}\n\n.ld-sidenav__toggle {\n aspect-ratio: 1;\n background-color: var(--ld-col-wht);\n border: 0;\n border-radius: var(--ld-br-full);\n box-shadow: var(--ld-shadow-stacked);\n color: var(--ld-thm-primary);\n cursor: pointer;\n display: grid;\n outline-offset: var(--ld-sp-4);\n place-content: center;\n position: absolute;\n right: 0;\n top: var(--ld-sidenav-toggle-top);\n touch-action: manipulation;\n transform: translateX(50%);\n width: var(--ld-sidenav-toggle-size);\n will-change: transform; /* fixes rendering issue */\n z-index: 1;\n -webkit-touch-callout: none;\n\n /* background color */\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n display: block;\n border-radius: inherit;\n }\n\n /* increase click area */\n &::after {\n content: '';\n position: absolute;\n inset: calc(-1 * var(--ld-sp-6));\n display: block;\n border-radius: inherit;\n }\n\n &:hover,\n &:focus:focus-visible {\n &:not(:active) {\n box-shadow: var(--ld-shadow-sticky);\n }\n }\n\n &:where(:focus:focus-visible) {\n color: var(--ld-thm-primary-hover);\n\n &::before {\n background-color: var(--ld-thm-primary-alpha-low);\n }\n }\n @media (hover: hover) {\n &:where(:hover) {\n color: var(--ld-thm-primary-hover);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n color: var(--ld-thm-primary-active);\n }\n\n :host(.ld-sidenav--right) & {\n transform: translateX(-50%);\n right: unset;\n left: 0;\n }\n}\n\n.ld-sidenav__toggle-icon {\n transform-origin: center;\n position: relative;\n\n :host(.ld-sidenav--collapsed) & {\n transform: rotate(180deg);\n }\n\n :host(.ld-sidenav--right) & {\n transform: rotate(180deg);\n }\n :host(.ld-sidenav--right.ld-sidenav--collapsed) & {\n transform: none;\n }\n}\n\n.ld-sidenav__content {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n will-change: transform; /* fixes overflow not working on slide transition */\n}\n\n.ld-sidenav__slot-container-default {\n height: 100%;\n position: relative;\n}\n\n.ld-sidenav__slot-container-top,\n.ld-sidenav__slot-container-bottom {\n background-color: var(--ld-sidenav-bg-color);\n z-index: 1;\n position: relative;\n}\n\n.ld-sidenav__slot-container-top,\n.ld-sidenav__slot-container-default,\n.ld-sidenav__slot-container-bottom {\n &::before {\n visibility: visible;\n z-index: 0;\n opacity: 0;\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--ld-sidenav-subnav-bg-color);\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n }\n\n :host(.ld-sidenav--has-active-subnav) & {\n &::before {\n opacity: 1;\n }\n }\n}\n\n.ld-sidenav__fully-collapsed-click-area {\n display: none;\n inset: 0;\n position: absolute;\n z-index: 1;\n\n :host(\n .ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(\n .ld-sidenav--closable\n )\n )\n & {\n display: block;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { getFirstFocusable } from '../../utils/focus'\nimport { closest } from '../../utils/closest'\n\n/**\n * @slot - default slot, vertically scrollable.\n * @slot top - slot fixed at the top, above scrollable default slot.\n * @slot bottom - slot fixed at the bottom, below scrollable default slot.\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav',\n styleUrl: 'ld-sidenav.shadow.css',\n shadow: true,\n})\nexport class LdSidenav {\n @Element() el: HTMLLdSidenavElement\n private mediaQuery: MediaQueryList\n\n /** Whether the nav should be aligned to the left or the right side of its container. */\n @Prop() align?: 'left' | 'right' = 'left'\n\n /**\n * The breakpoint at which the sidenav takes full width and can be\n * opened and closed as opposed to being expanded and collapsed.\n * The prop value is used in a max-width media query.\n */\n @Prop() breakpoint? = '23.4375rem'\n\n /** Indicates that the navigation is collapsed to the side of its container. */\n @Prop({ mutable: true }) collapsed? = false\n\n /**\n * Makes the navigation collapse either on\n * - explicit toggle button click,\n * - when the user clicks somewhere outside the element or\n * - when the user moves the cursor / focus outside the element.\n * The modes are inclusive from right to left:\n * - clickoutside applies if the collapse trigger is set to mouseout\n * - toggle applies if the collapse trigger is set to clickoutside\n */\n @Prop() collapseTrigger?: 'toggle' | 'clickoutside' | 'mouseout' = 'toggle'\n\n /**\n * Allows the side navigation to be collapsed to the side of its container.\n */\n @Prop() collapsible? = false\n\n /**\n * Makes the navigation expand either on\n * - explicit toggle button click,\n * - when the user moves the cursor over the element.\n * The modes are inclusive from right to left:\n * - toggle applies if the expand trigger is set to mouseenter\n */\n @Prop() expandTrigger?: 'toggle' | 'mouseenter' = 'toggle'\n\n /** Label to be used for the landmark element (the sidenav itself). */\n @Prop() label? = 'Side navigation'\n\n /**\n * Set to true if you'd like to have a sidenav which partially\n * collapses in way, that slotted ld-navitem components are displayed\n * as icon buttons.\n */\n @Prop() narrow? = false\n\n /**\n * Indicates that the navigation is visible in a viewport\n * which is smaller than the value of the `breakpoint` prop.\n */\n @Prop({ mutable: true }) open? = false\n\n /**\n * Disables transitions on collapsing and expansion of the sidenav.\n * This is especially usefull when the page content gets pushed to\n * the side on sidenav expansion, and you want to prevent too many\n * layout shifts during the transition.\n */\n @Prop() toggleTransitionDisabled? = false\n\n /**\n * Enables focus trapping. Accespts a CSS selector which indicates\n * what is still focusable outside the sidenav, when the sidenav is\n * closable and open (i.e. \"ld-header *\"). Use an empty string to\n * enable focus trapping without specifying focusable elements\n * outside the sidenav component.\n */\n @Prop() trapFocus?: string // The focus trap feature is\n // disabled by default in order to not violate WCAG 2.1.2 (see\n // https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html).\n // It needs to be enabled explicitly, making sure that all visible\n // UI elements are still focusable when the sidenav is opened.\n\n @State() closable\n @State() fullyCollapsible = false\n @State() hasActiveSubnav = false\n @State() hasShadowBottom = false\n @State() hasShadowTop = false\n @State() transitions = false\n\n /**\n * Toggles sidenav.\n */\n @Method()\n async toggle() {\n if (this.closable) {\n this.open = !this.open\n } else {\n this.toggleCollapsedState()\n }\n }\n\n /** Emitted when the sidenav collapses or expands. */\n @Event() ldSidenavCollapsedChange: EventEmitter<{\n collapsed: boolean\n fully: boolean\n }>\n\n /** Emitted when the sidenav opens or closes. */\n @Event() ldSidenavOpenChange: EventEmitter\n\n /** Emitted when the sidenav registers a match media change event. */\n @Event() ldSidenavBreakpointChange: EventEmitter\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-back components.\n /** Emitted on click of the ld-sidenav-back component. */\n @Event() ldSidenavBack: EventEmitter\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-navitem components.\n /** Emitted on click of the ld-sidenav-navitem component if prop to is set. */\n @Event() ldSidenavNavitemTo: EventEmitter<{ id: string; label: string }>\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-navitem components.\n /** Emitted on click of the ld-sidenav-navitem component. */\n @Event() ldSidenavNavitemClick: EventEmitter\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-slider components.\n /** Emitted on navigation (before transition ends) of the ld-sidenav-slider component. */\n @Event() ldSidenavSliderChange: EventEmitter<\n { id: string; label: string } | undefined\n >\n\n @Watch('collapsed')\n onCollapsedChange(collapsed) {\n // The ldSidenavCollapsedChange event needs to be emitted even if the\n // sidenav is currently not collapsible (when it is closable), because\n // on breakpoint change its subcomponents need to be rendered according\n // to the new state and thus need to update their state using the event.\n this.ldSidenavCollapsedChange.emit({\n collapsed,\n fully: this.fullyCollapsible,\n })\n\n if (collapsed) {\n this.open = false\n }\n }\n\n @Watch('open')\n onOpenChange(open) {\n this.ldSidenavOpenChange.emit(open)\n\n if (!open && this.collapsible) {\n this.collapsed = true\n }\n }\n\n @Watch('collapsible')\n @Watch('narrow')\n updateFullyCollapsible() {\n this.fullyCollapsible =\n this.collapsible &&\n (!this.narrow || !this.activeSubnavContainsIconsOrHasBack())\n if (!this.collapsible) this.collapsed = false\n this.el.querySelector('ld-sidenav-header')?.updateCollapsible()\n }\n\n @Listen('click', {\n target: 'window',\n })\n handleClickOutside(ev: MouseEvent) {\n if (\n ev.isTrusted &&\n ['clickoutside', 'mouseout'].includes(this.collapseTrigger) &&\n closest('ld-sidenav', ev.target as HTMLElement) !== this.el\n ) {\n this.collapsed = this.collapsible\n }\n }\n\n @Listen('mouseout')\n handleMouseOut(ev: MouseEvent) {\n if (\n this.collapseTrigger === 'mouseout' &&\n ev.relatedTarget &&\n (ev.relatedTarget as HTMLElement).closest('ld-sidenav') !== this.el\n ) {\n this.collapsed = this.collapsible\n }\n }\n\n @Listen('mouseenter')\n handleMouseIn() {\n if (this.fullyCollapsible || this.expandTrigger === 'mouseenter') {\n this.collapsed = false\n }\n }\n\n @Listen('ldSidenavOpen')\n handleOpen() {\n this.open = true\n }\n\n @Listen('ldSidenavClose')\n handleClose() {\n clearTimeout(this.focusTimeout)\n this.open = false\n }\n\n @Listen('ldSidenavBack')\n handleSlideBack() {\n clearTimeout(this.focusTimeout)\n const currentSubnav = Array.from(\n this.el.querySelectorAll('.ld-sidenav-subnav--active')\n ).pop()\n const currentSubnavId = currentSubnav?.id\n const parentSubnav = currentSubnav?.parentElement\n this.el.querySelector('ld-sidenav-slider').navigateBack()\n\n // Set focus on parent nav-item element as soon as back button looses focus.\n this.toFocus = parentSubnav\n ?.querySelector(`[to='${currentSubnavId}']`)\n ?.shadowRoot.querySelector(\n '[part*=\"focusable\"]'\n )\n\n // Always expand side navigation on back button click.\n this.collapsed = false\n }\n\n @Listen('ldSidenavNavitemTo')\n slideToHandler() {\n clearTimeout(this.focusTimeout)\n // set focus on back button\n const ldSidenavBack = this.el\n .querySelector('ld-sidenav-back')\n ?.shadowRoot.querySelector('.ld-sidenav-back')\n this.toFocus = ldSidenavBack\n this.updateFocus()\n }\n\n @Listen('ldSidenavSliderChange')\n slideChangeHandler(\n ev: CustomEvent<{ id: string; label: string } | undefined>\n ) {\n clearTimeout(this.focusTimeout)\n this.el.querySelector('ld-sidenav-back')?.updateLabel(ev.detail?.label)\n\n this.hasActiveSubnav = !!ev.detail\n\n this.updateFullyCollapsible()\n this.updateFocus()\n }\n\n @Listen('keydown', { passive: true, target: 'window' })\n handleKeyDown(ev: KeyboardEvent) {\n // Ignore events if sidenav has no focus and is not closable.\n const hasSidenavFocus =\n document.activeElement.closest('ld-sidenav') === this.el\n\n if (\n hasSidenavFocus &&\n ev.key === 'Tab' &&\n !ev.shiftKey &&\n document.activeElement === this.el.querySelector('ld-sidenav-back')\n ) {\n // This block prevents the focus from being set to the wrong element,\n // when a user quickly hits the [Tab] key after triggering the\n // transition to a subnav.\n const { currentSubnav } = this.el.querySelector('ld-sidenav-slider')\n\n if (currentSubnav) {\n const firstItemOfCurrentSubnav = getFirstFocusable(\n this.el.querySelector(`#${currentSubnav}`)\n )\n\n setTimeout(async () => {\n if ('focusInner' in firstItemOfCurrentSubnav) {\n await (\n firstItemOfCurrentSubnav as unknown as InnerFocusable\n ).focusInner()\n } else {\n firstItemOfCurrentSubnav.focus()\n }\n })\n }\n }\n\n if (!hasSidenavFocus && !this.closable) {\n return\n }\n\n const slider = this.el.querySelector('ld-sidenav-slider')\n\n if (ev.key === 'Escape') {\n if (!slider && this.closable) {\n this.open = false\n return\n }\n\n if (this.hasActiveSubnav) {\n this.handleSlideBack()\n } else if (this.closable) {\n this.open = false\n }\n }\n }\n\n @Listen('focusout', { passive: true, target: 'window' })\n async handleFocusout(ev: FocusEvent) {\n const relatedTarget = ev.relatedTarget as HTMLElement | undefined\n const isFocusInSidenav = closest('ld-sidenav', relatedTarget) === this.el\n\n // If focus is outside the sidenav and the collapse trigger is set\n // to 'mouseout', collapse the sidenav.\n if (!isFocusInSidenav && relatedTarget !== null) {\n if (this.collapseTrigger === 'mouseout') {\n this.collapsed = this.collapsible\n }\n }\n\n // If focus is inside the sidenav expand the sidenav.\n if (this.expandTrigger === 'mouseenter' && isFocusInSidenav) {\n this.collapsed = false\n }\n\n // If the sidenav is closable, trap the focus.\n // Do not trap the focus as long as the sidenav is not closable or not open.\n if (!this.closable || !this.open) return\n\n // Do not trap the focus if the trap focus prop is not set.\n if (this.trapFocus === undefined) return\n\n // Do not trap the focus as long as the focus remains within the sidenav.\n if (isFocusInSidenav) return\n\n // Do not trap the focus when it moves to an element which matches\n // the trap focus selector or no element will be focused.\n const isFocusInKeepFocusable =\n this.trapFocus !== '' &&\n (!relatedTarget || relatedTarget?.matches(this.trapFocus))\n if (isFocusInKeepFocusable) return\n\n // Loop the focus between the ld-sidenav and the elements matching\n // the trap focus selector.\n const target = ev.target as HTMLElement\n const isLeavingSidenav = target.closest('ld-sidenav') === this.el\n const isLeavingFocusSelectorElement =\n this.trapFocus !== '' && !!target.closest(this.trapFocus)\n\n if (!isLeavingSidenav && !isLeavingFocusSelectorElement) return\n\n const firstFocusableInSidenav = getFirstFocusable(this.el)\n const trapFocusSelectorElements =\n this.trapFocus === ''\n ? [firstFocusableInSidenav]\n : Array.from(document.querySelectorAll(this.trapFocus))\n const firstFocusableFromSelectorElements =\n trapFocusSelectorElements.find(getFirstFocusable)\n const isLeavingFirstFocusableInSidenav = firstFocusableInSidenav === target\n const isLeavingFirstFocusableFromSelectorElements =\n firstFocusableFromSelectorElements === target\n const lastFocusableInSidenav = Array.from(\n this.el.querySelectorAll('*')\n )\n .reverse()\n .find(getFirstFocusable)\n const lastFocusableFromSelectorElements = trapFocusSelectorElements\n .reverse()\n .find(getFirstFocusable)\n const nextFocused = isLeavingSidenav\n ? isLeavingFirstFocusableInSidenav\n ? lastFocusableFromSelectorElements\n : firstFocusableFromSelectorElements\n : isLeavingFirstFocusableFromSelectorElements\n ? lastFocusableInSidenav\n : firstFocusableInSidenav\n\n if (!nextFocused) return\n\n if ('focusInner' in nextFocused) {\n await (nextFocused as unknown as InnerFocusable).focusInner()\n } else {\n nextFocused?.focus()\n }\n }\n\n @Listen('ldSidenavHeaderToggleClick')\n handleHeaderToggleClick() {\n this.toggle()\n }\n\n private toFocus: HTMLElement = undefined\n private focusTimeout = undefined\n private updateFocus = () => {\n // HACK: Using recursive call with timeout to account for fast user interactions during transitions.\n clearTimeout(this.focusTimeout)\n if (this.toFocus) {\n if (\n this.toFocus.tabIndex === -1 ||\n window.getComputedStyle(this.toFocus).visibility === 'hidden'\n ) {\n this.focusTimeout = setTimeout(this.updateFocus, 10)\n return\n }\n this.toFocus.focus()\n this.toFocus = undefined\n }\n }\n\n private toggleCollapsedState = () => {\n this.collapsed = !this.collapsed\n }\n\n private activeSubnavContainsIconsOrHasBack = () => {\n // Return true if we have a back button or a nav items as a direct child.\n const children = Array.from(this.el.children)\n const hasBack = children.some(\n (child) => child.tagName === 'LD-SIDENAV-BACK'\n )\n const hasPrimaryChild = children.some(\n (child) =>\n child.tagName === 'LD-SIDENAV-NAVITEM' &&\n !['secondary', 'tertiary'].includes(\n (child as HTMLLdSidenavNavitemElement).mode\n )\n )\n if (hasBack || hasPrimaryChild) {\n return true\n }\n\n // Otherwise, check if the current subnav contains a nav item.\n const slider = this.el.querySelector('ld-sidenav-slider')\n const activeSubnav = slider.currentSubnav\n ? this.el.querySelector(`#${slider.currentSubnav}`)\n : slider\n const navitemsModePrimaryChildren = Array.from(\n activeSubnav.children\n ).filter(\n (child) =>\n child.tagName === 'LD-SIDENAV-NAVITEM' &&\n (child as HTMLLdSidenavNavitemElement).mode === 'primary'\n )\n const navitemsModePrimaryInAccordion = Array.from(\n activeSubnav.querySelectorAll(\n 'ld-sidenav-accordion > ld-sidenav-navitem[slot=\"toggle\"]'\n )\n ).filter(\n (child: HTMLLdSidenavNavitemElement) =>\n (child as HTMLLdSidenavNavitemElement).mode === 'primary'\n )\n const totalNavitemsModePrimary =\n navitemsModePrimaryChildren.length + navitemsModePrimaryInAccordion.length\n return !!totalNavitemsModePrimary\n }\n\n private isToggleOutside = (\n element?: Element\n ): element is HTMLLdSidenavToggleOutsideElement =>\n element?.tagName === 'LD-SIDENAV-TOGGLE-OUTSIDE'\n\n private onTransitionEnd = (ev: TransitionEvent) => {\n if (ev.target === this.el) {\n this.transitions = true\n\n // If the sidenav was fully collapsed and is being expanded, set the focus\n // on the first focusable element. If it is being collapsed and has focus inside,\n // set the focus on the toggle outside if it is there.\n if (this.fullyCollapsible) {\n if (!this.collapsed) {\n const firstFocusableInSidenav = getFirstFocusable(this.el)\n firstFocusableInSidenav.focus()\n } else if (document.activeElement.closest('ld-sidenav') === this.el) {\n const previousElementSibling = this.el.previousElementSibling\n if (this.isToggleOutside(previousElementSibling)) {\n previousElementSibling.focusInner()\n }\n }\n }\n }\n }\n\n private onMatchMediaChange = (ev: MediaQueryListEvent) => {\n this.closable = ev.matches\n\n // Remove transitions class on breakpoint change in order to prevent\n // weird looking transitions on screen resize or orientation change events.\n // Add it back on transition end / after style changes have been applied.\n this.transitions = false\n\n // When there is less space available than before the breakpoint change,\n // collapse the side nav if it is collapsible.\n if (this.closable && this.collapsible) this.collapsed = true\n\n this.ldSidenavBreakpointChange.emit(this.closable)\n }\n\n componentWillLoad() {\n this.mediaQuery = window.matchMedia(`(max-width: ${this.breakpoint})`)\n this.mediaQuery.addEventListener('change', this.onMatchMediaChange)\n this.closable = this.mediaQuery.matches\n this.updateFullyCollapsible()\n }\n\n componentDidLoad() {\n this.ldSidenavCollapsedChange.emit({\n collapsed: this.collapsible && this.collapsed,\n fully: this.fullyCollapsible,\n })\n this.ldSidenavOpenChange.emit(this.open)\n this.ldSidenavBreakpointChange.emit(this.closable)\n\n setTimeout(() => {\n this.transitions = true\n })\n }\n\n disconnectedCallback() {\n this.mediaQuery?.removeEventListener('change', this.onMatchMediaChange)\n }\n\n render() {\n const cl = [\n 'ld-sidenav',\n this.align === 'right' && 'ld-sidenav--right',\n this.transitions && 'ld-sidenav--transitions',\n this.closable && 'ld-sidenav--closable',\n this.collapsible && this.collapsed && 'ld-sidenav--collapsed',\n this.collapsible && 'ld-sidenav--collapsible',\n this.fullyCollapsible && 'ld-sidenav--fully-collapsible',\n this.hasActiveSubnav && 'ld-sidenav--has-active-subnav',\n this.hasShadowTop && 'ld-sidenav--has-shadow-top',\n this.hasShadowBottom && 'ld-sidenav--has-shadow-bottom',\n this.open && 'ld-sidenav--open',\n this.toggleTransitionDisabled && 'ld-sidenav--toggle-transition-disabled',\n ]\n\n return (\n \n \n
    \n
    \n \n
    \n \n \n \n
    \n \n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["ldSidenavShadowCss","LdSidenav","this","toFocus","undefined","focusTimeout","updateFocus","clearTimeout","tabIndex","window","getComputedStyle","visibility","setTimeout","focus","toggleCollapsedState","collapsed","activeSubnavContainsIconsOrHasBack","children","Array","from","el","hasBack","some","child","tagName","hasPrimaryChild","includes","mode","slider","querySelector","activeSubnav","currentSubnav","navitemsModePrimaryChildren","filter","navitemsModePrimaryInAccordion","querySelectorAll","totalNavitemsModePrimary","length","isToggleOutside","element","onTransitionEnd","ev","target","transitions","fullyCollapsible","firstFocusableInSidenav","getFirstFocusable","document","activeElement","closest","previousElementSibling","focusInner","onMatchMediaChange","closable","matches","collapsible","ldSidenavBreakpointChange","emit","toggle","open","onCollapsedChange","ldSidenavCollapsedChange","fully","onOpenChange","ldSidenavOpenChange","updateFullyCollapsible","narrow","_a","updateCollapsible","handleClickOutside","isTrusted","collapseTrigger","handleMouseOut","relatedTarget","handleMouseIn","expandTrigger","handleOpen","handleClose","handleSlideBack","pop","currentSubnavId","id","parentSubnav","parentElement","navigateBack","shadowRoot","slideToHandler","ldSidenavBack","slideChangeHandler","updateLabel","_b","detail","label","hasActiveSubnav","handleKeyDown","hasSidenavFocus","key","shiftKey","firstItemOfCurrentSubnav","async","handleFocusout","isFocusInSidenav","trapFocus","isFocusInKeepFocusable","isLeavingSidenav","isLeavingFocusSelectorElement","trapFocusSelectorElements","firstFocusableFromSelectorElements","find","isLeavingFirstFocusableInSidenav","isLeavingFirstFocusableFromSelectorElements","lastFocusableInSidenav","reverse","lastFocusableFromSelectorElements","nextFocused","handleHeaderToggleClick","componentWillLoad","mediaQuery","matchMedia","breakpoint","addEventListener","componentDidLoad","disconnectedCallback","removeEventListener","render","cl","align","hasShadowTop","hasShadowBottom","toggleTransitionDisabled","h","Host","class","getClassNames","role","name","part","onClick","bind"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav.shadow.css?tag=ld-sidenav&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-sidenav-line-height: 1.15;\n --ld-sidenav-padding-x: 1rem;\n --ld-sidenav-padding-y: 1rem;\n --ld-sidenav-padding: var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);\n --ld-sidenav-toggle-size: var(--ld-sp-24);\n --ld-sidenav-toggle-top: calc(\n 2 * var(--ld-sidenav-padding-y) + var(--ld-sidenav-navitem-icon-size) - 0.5 *\n var(--ld-sidenav-toggle-size)\n );\n --ld-sidenav-translate-x-delta: calc(\n var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)\n );\n --ld-sidenav-width: 15.625rem;\n --ld-sidenav-width-collapsed: calc(\n 2 * var(--ld-sidenav-padding-x) + var(--ld-sidenav-navitem-icon-size)\n );\n --ld-sidenav-width-fully-collapsed: calc(-1 * var(--ld-sp-1));\n\n /* layout ld-navitem */\n --ld-sidenav-navitem-active-indicator-border-width: 0.1875rem;\n --ld-sidenav-navitem-icon-size: var(--ld-sp-32);\n --ld-sidenav-navitem-bg-inset: var(--ld-sp-6);\n --ld-sidenav-navitem-border-radius: var(--ld-br-l);\n --ld-sidenav-navitem-tertiary-indent: calc(\n 3 * var(--ld-sidenav-padding-x) + 0.3125rem\n );\n --ld-sidenav-navitem-tertiary-width: calc(\n 100% - (4 * var(--ld-sidenav-padding-x)) - 0.3125rem\n );\n\n /* transitions */\n --ld-sidenav-collapse-content-transition: opacity\n var(--ld-sidenav-transition-duration-collapse-expand)\n var(--ld-sidenav-transition-delay-collapse-expand) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n --ld-sidenav-transition-delay: 0s;\n --ld-sidenav-transition-delay-collapse-expand: 0s;\n /* Not using 0s here because we rely on the transition end event. */\n --ld-sidenav-transition-duration: var(--ld-transition-duration-instant);\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-instant\n );\n --ld-sidenav-translate-x-direction: 1;\n --ld-sidenav-stack-to-top-transition: transform\n var(--ld-sidenav-transition-duration-collapse-expand)\n var(--ld-sidenav-transition-delay-collapse-expand) ease;\n\n /* colors */\n --ld-sidenav-bg-color: var(--ld-col-wht);\n --ld-sidenav-separator-line-bg-col: var(--ld-col-neutral-100);\n --ld-sidenav-subnav-bg-color: var(--ld-col-wht);\n\n &(.ld-sidenav--transitions) {\n @media (prefers-reduced-motion: no-preference) {\n --ld-sidenav-transition-duration: var(--ld-transition-duration-normal);\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-normal\n );\n --ld-sidenav-transition-delay: var(--ld-transition-duration-quick);\n --ld-sidenav-transition-delay-collapse-expand: var(\n --ld-transition-duration-quick\n );\n }\n }\n\n &(.ld-sidenav--toggle-transition-disabled) {\n @media (prefers-reduced-motion: no-preference) {\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-instant\n );\n --ld-sidenav-transition-delay-collapse-expand: 0s;\n }\n }\n\n background-color: var(--ld-sidenav-bg-color);\n bottom: 0;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n font: var(--ld-typo-body-m);\n left: 0;\n overflow: hidden;\n position: var(--ld-sidenav-position, fixed);\n text-align: left;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n top: 0;\n width: var(--ld-sidenav-width);\n\n /* Create a stacking context with a default z-index greater zero,\n so that elements with a stacking context of their own don't overlap. */\n z-index: var(--ld-sidenav-z-index, 1);\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: var(--ld-sp-2);\n background-color: var(--ld-sidenav-separator-line-bg-col);\n z-index: 2;\n }\n\n .ld-sidenav__content {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n }\n\n &(.ld-sidenav--closable:not(.ld-sidenav--open)) {\n .ld-sidenav__content {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n visibility 0s var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n visibility: hidden;\n }\n }\n\n &(.ld-sidenav--collapsed:not(.ld-sidenav--closable)) {\n transform: translateX(\n calc(\n var(--ld-sidenav-translate-x-direction) *\n (-100% + var(--ld-sidenav-width-collapsed))\n )\n );\n }\n\n &(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) {\n transform: translateX(\n calc(\n var(--ld-sidenav-translate-x-direction) *\n (-100% + var(--ld-sidenav-width-fully-collapsed))\n )\n );\n\n .ld-sidenav__content {\n opacity: 0;\n visibility: hidden;\n }\n }\n\n &(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible.ld-sidenav--transitions:not(.ld-sidenav--closable)) {\n .ld-sidenav__content {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n visibility 0s var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n }\n }\n\n &(.ld-sidenav--right) {\n --ld-sidenav-translate-x-direction: -1;\n --ld-sidenav-translate-x-delta: 0;\n left: unset;\n right: 0;\n\n &::before {\n right: unset;\n left: 0;\n transform: translateX(-50%) scaleX(1.5);\n }\n }\n\n &(.ld-sidenav--closable) {\n --ld-sidenav-collapse-content-transition: none;\n --ld-sidenav-stack-to-top-transition: none;\n --ld-sidenav-navitem-move-up-closable: 0;\n --ld-sidenav-translate-x-delta: 0;\n width: 100%;\n transform: translateX(\n calc(var(--ld-sidenav-translate-x-direction) * -100%)\n );\n }\n\n &(.ld-sidenav--closable.ld-sidenav--open) {\n transform: translateX(0);\n }\n\n ::slotted(ld-sidenav-navitem) {\n margin-bottom: var(--ld-sidenav-padding-y);\n }\n\n ::slotted(ld-sidenav-navitem[slot='top']),\n ::slotted(ld-sidenav-navitem[slot='bottom']) {\n margin-top: var(--ld-sidenav-padding-y);\n }\n\n ::slotted(ld-sidenav-heading) {\n margin: var(--ld-sidenav-padding-y) 0;\n }\n}\n\n.ld-sidenav__toggle {\n aspect-ratio: 1;\n background-color: var(--ld-col-wht);\n border: 0;\n border-radius: var(--ld-br-full);\n box-shadow: var(--ld-shadow-stacked);\n color: var(--ld-thm-primary);\n cursor: pointer;\n display: grid;\n outline-offset: var(--ld-sp-4);\n place-content: center;\n position: absolute;\n right: 0;\n top: var(--ld-sidenav-toggle-top);\n touch-action: manipulation;\n transform: translateX(50%);\n width: var(--ld-sidenav-toggle-size);\n will-change: transform; /* fixes rendering issue */\n z-index: 1;\n -webkit-touch-callout: none;\n\n /* background color */\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n display: block;\n border-radius: inherit;\n }\n\n /* increase click area */\n &::after {\n content: '';\n position: absolute;\n inset: calc(-1 * var(--ld-sp-6));\n display: block;\n border-radius: inherit;\n }\n\n &:hover,\n &:focus:focus-visible {\n &:not(:active) {\n box-shadow: var(--ld-shadow-sticky);\n }\n }\n\n &:where(:focus:focus-visible) {\n color: var(--ld-thm-primary-hover);\n\n &::before {\n background-color: var(--ld-thm-primary-alpha-low);\n }\n }\n @media (hover: hover) {\n &:where(:hover) {\n color: var(--ld-thm-primary-hover);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n color: var(--ld-thm-primary-active);\n }\n\n :host(.ld-sidenav--right) & {\n transform: translateX(-50%);\n right: unset;\n left: 0;\n }\n}\n\n.ld-sidenav__toggle-icon {\n transform-origin: center;\n position: relative;\n\n :host(.ld-sidenav--collapsed) & {\n transform: rotate(180deg);\n }\n\n :host(.ld-sidenav--right) & {\n transform: rotate(180deg);\n }\n :host(.ld-sidenav--right.ld-sidenav--collapsed) & {\n transform: none;\n }\n}\n\n.ld-sidenav__content {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n will-change: transform; /* fixes overflow not working on slide transition */\n}\n\n.ld-sidenav__slot-container-default {\n height: 100%;\n position: relative;\n}\n\n.ld-sidenav__slot-container-top,\n.ld-sidenav__slot-container-bottom {\n background-color: var(--ld-sidenav-bg-color);\n z-index: 1;\n position: relative;\n}\n\n.ld-sidenav__slot-container-top,\n.ld-sidenav__slot-container-default,\n.ld-sidenav__slot-container-bottom {\n &::before {\n visibility: visible;\n z-index: 0;\n opacity: 0;\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--ld-sidenav-subnav-bg-color);\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n }\n\n :host(.ld-sidenav--has-active-subnav) & {\n &::before {\n opacity: 1;\n }\n }\n}\n\n.ld-sidenav__fully-collapsed-click-area {\n display: none;\n inset: 0;\n position: absolute;\n z-index: 1;\n\n :host(\n .ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(\n .ld-sidenav--closable\n )\n )\n & {\n display: block;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { getFirstFocusable } from '../../utils/focus'\nimport { closest } from '../../utils/closest'\n\n/**\n * @slot - default slot, vertically scrollable.\n * @slot top - slot fixed at the top, above scrollable default slot.\n * @slot bottom - slot fixed at the bottom, below scrollable default slot.\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav',\n styleUrl: 'ld-sidenav.shadow.css',\n shadow: true,\n})\nexport class LdSidenav {\n @Element() el: HTMLLdSidenavElement\n private mediaQuery: MediaQueryList\n\n /** Whether the nav should be aligned to the left or the right side of its container. */\n @Prop() align?: 'left' | 'right' = 'left'\n\n /**\n * The breakpoint at which the sidenav takes full width and can be\n * opened and closed as opposed to being expanded and collapsed.\n * The prop value is used in a max-width media query.\n */\n @Prop() breakpoint? = '23.4375rem'\n\n /** Indicates that the navigation is collapsed to the side of its container. */\n @Prop({ mutable: true }) collapsed? = false\n\n /**\n * Makes the navigation collapse either on\n * - explicit toggle button click,\n * - when the user clicks somewhere outside the element or\n * - when the user moves the cursor / focus outside the element.\n * The modes are inclusive from right to left:\n * - clickoutside applies if the collapse trigger is set to mouseout\n * - toggle applies if the collapse trigger is set to clickoutside\n */\n @Prop() collapseTrigger?: 'toggle' | 'clickoutside' | 'mouseout' = 'toggle'\n\n /**\n * Allows the side navigation to be collapsed to the side of its container.\n */\n @Prop() collapsible? = false\n\n /**\n * Makes the navigation expand either on\n * - explicit toggle button click,\n * - when the user moves the cursor over the element.\n * The modes are inclusive from right to left:\n * - toggle applies if the expand trigger is set to mouseenter\n */\n @Prop() expandTrigger?: 'toggle' | 'mouseenter' = 'toggle'\n\n /** Label to be used for the landmark element (the sidenav itself). */\n @Prop() label? = 'Side navigation'\n\n /**\n * Set to true if you'd like to have a sidenav which partially\n * collapses in way, that slotted ld-navitem components are displayed\n * as icon buttons.\n */\n @Prop() narrow? = false\n\n /**\n * Indicates that the navigation is visible in a viewport\n * which is smaller than the value of the `breakpoint` prop.\n */\n @Prop({ mutable: true }) open? = false\n\n /**\n * Disables transitions on collapsing and expansion of the sidenav.\n * This is especially usefull when the page content gets pushed to\n * the side on sidenav expansion, and you want to prevent too many\n * layout shifts during the transition.\n */\n @Prop() toggleTransitionDisabled? = false\n\n /**\n * Enables focus trapping. Accespts a CSS selector which indicates\n * what is still focusable outside the sidenav, when the sidenav is\n * closable and open (i.e. \"ld-header *\"). Use an empty string to\n * enable focus trapping without specifying focusable elements\n * outside the sidenav component.\n */\n @Prop() trapFocus?: string // The focus trap feature is\n // disabled by default in order to not violate WCAG 2.1.2 (see\n // https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html).\n // It needs to be enabled explicitly, making sure that all visible\n // UI elements are still focusable when the sidenav is opened.\n\n @State() closable\n @State() fullyCollapsible = false\n @State() hasActiveSubnav = false\n @State() hasShadowBottom = false\n @State() hasShadowTop = false\n @State() transitions = false\n\n /**\n * Toggles sidenav.\n */\n @Method()\n async toggle() {\n if (this.closable) {\n this.open = !this.open\n } else {\n this.toggleCollapsedState()\n }\n }\n\n /** Emitted when the sidenav collapses or expands. */\n @Event() ldSidenavCollapsedChange: EventEmitter<{\n collapsed: boolean\n fully: boolean\n }>\n\n /** Emitted when the sidenav opens or closes. */\n @Event() ldSidenavOpenChange: EventEmitter\n\n /** Emitted when the sidenav registers a match media change event. */\n @Event() ldSidenavBreakpointChange: EventEmitter\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-back components.\n /** Emitted on click of the ld-sidenav-back component. */\n @Event() ldSidenavBack: EventEmitter\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-navitem components.\n /** Emitted on click of the ld-sidenav-navitem component if prop to is set. */\n @Event() ldSidenavNavitemTo: EventEmitter<{ id: string; label: string }>\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-navitem components.\n /** Emitted on click of the ld-sidenav-navitem component. */\n @Event() ldSidenavNavitemClick: EventEmitter\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-slider components.\n /** Emitted on navigation (before transition ends) of the ld-sidenav-slider component. */\n @Event() ldSidenavSliderChange: EventEmitter<\n { id: string; label: string } | undefined\n >\n\n @Watch('collapsed')\n onCollapsedChange(collapsed) {\n // The ldSidenavCollapsedChange event needs to be emitted even if the\n // sidenav is currently not collapsible (when it is closable), because\n // on breakpoint change its subcomponents need to be rendered according\n // to the new state and thus need to update their state using the event.\n this.ldSidenavCollapsedChange.emit({\n collapsed,\n fully: this.fullyCollapsible,\n })\n\n if (collapsed) {\n this.open = false\n }\n }\n\n @Watch('open')\n onOpenChange(open) {\n this.ldSidenavOpenChange.emit(open)\n\n if (!open && this.collapsible) {\n this.collapsed = true\n }\n }\n\n @Watch('collapsible')\n @Watch('narrow')\n updateFullyCollapsible() {\n this.fullyCollapsible =\n this.collapsible &&\n (!this.narrow || !this.activeSubnavContainsIconsOrHasBack())\n if (!this.collapsible) this.collapsed = false\n this.el.querySelector('ld-sidenav-header')?.updateCollapsible()\n }\n\n @Listen('click', {\n target: 'window',\n })\n handleClickOutside(ev: MouseEvent) {\n if (\n ev.isTrusted &&\n ['clickoutside', 'mouseout'].includes(this.collapseTrigger) &&\n closest('ld-sidenav', ev.target as HTMLElement) !== this.el\n ) {\n this.collapsed = this.collapsible\n }\n }\n\n @Listen('mouseout')\n handleMouseOut(ev: MouseEvent) {\n if (\n this.collapseTrigger === 'mouseout' &&\n ev.relatedTarget &&\n (ev.relatedTarget as HTMLElement).closest('ld-sidenav') !== this.el\n ) {\n this.collapsed = this.collapsible\n }\n }\n\n @Listen('mouseenter')\n handleMouseIn() {\n if (this.fullyCollapsible || this.expandTrigger === 'mouseenter') {\n this.collapsed = false\n }\n }\n\n @Listen('ldSidenavOpen')\n handleOpen() {\n this.open = true\n }\n\n @Listen('ldSidenavClose')\n handleClose() {\n clearTimeout(this.focusTimeout)\n this.open = false\n }\n\n @Listen('ldSidenavBack')\n handleSlideBack() {\n clearTimeout(this.focusTimeout)\n const currentSubnav = Array.from(\n this.el.querySelectorAll('.ld-sidenav-subnav--active')\n ).pop()\n const currentSubnavId = currentSubnav?.id\n const parentSubnav = currentSubnav?.parentElement\n this.el.querySelector('ld-sidenav-slider').navigateBack()\n\n // Set focus on parent nav-item element as soon as back button looses focus.\n this.toFocus = parentSubnav\n ?.querySelector(`[to='${currentSubnavId}']`)\n ?.shadowRoot.querySelector(\n '[part*=\"focusable\"]'\n )\n\n // Always expand side navigation on back button click.\n this.collapsed = false\n }\n\n @Listen('ldSidenavNavitemTo')\n slideToHandler() {\n clearTimeout(this.focusTimeout)\n // set focus on back button\n const ldSidenavBack = this.el\n .querySelector('ld-sidenav-back')\n ?.shadowRoot.querySelector('.ld-sidenav-back')\n this.toFocus = ldSidenavBack\n this.updateFocus()\n }\n\n @Listen('ldSidenavSliderChange')\n slideChangeHandler(\n ev: CustomEvent<{ id: string; label: string } | undefined>\n ) {\n clearTimeout(this.focusTimeout)\n this.el.querySelector('ld-sidenav-back')?.updateLabel(ev.detail?.label)\n\n this.hasActiveSubnav = !!ev.detail\n\n this.updateFullyCollapsible()\n this.updateFocus()\n }\n\n @Listen('keydown', { passive: true, target: 'window' })\n handleKeyDown(ev: KeyboardEvent) {\n // Ignore events if sidenav has no focus and is not closable.\n const hasSidenavFocus =\n document.activeElement.closest('ld-sidenav') === this.el\n\n if (\n hasSidenavFocus &&\n ev.key === 'Tab' &&\n !ev.shiftKey &&\n document.activeElement === this.el.querySelector('ld-sidenav-back')\n ) {\n // This block prevents the focus from being set to the wrong element,\n // when a user quickly hits the [Tab] key after triggering the\n // transition to a subnav.\n const { currentSubnav } = this.el.querySelector('ld-sidenav-slider')\n\n if (currentSubnav) {\n const firstItemOfCurrentSubnav = getFirstFocusable(\n this.el.querySelector(`#${currentSubnav}`)\n )\n\n setTimeout(async () => {\n if ('focusInner' in firstItemOfCurrentSubnav) {\n await (\n firstItemOfCurrentSubnav as unknown as InnerFocusable\n ).focusInner()\n } else {\n firstItemOfCurrentSubnav.focus()\n }\n })\n }\n }\n\n if (!hasSidenavFocus && !this.closable) {\n return\n }\n\n const slider = this.el.querySelector('ld-sidenav-slider')\n\n if (ev.key === 'Escape') {\n if (!slider && this.closable) {\n this.open = false\n return\n }\n\n if (this.hasActiveSubnav) {\n this.handleSlideBack()\n } else if (this.closable) {\n this.open = false\n }\n }\n }\n\n @Listen('focusout', { passive: true, target: 'window' })\n async handleFocusout(ev: FocusEvent) {\n const relatedTarget = ev.relatedTarget as HTMLElement | undefined\n const isFocusInSidenav = closest('ld-sidenav', relatedTarget) === this.el\n\n // If focus is outside the sidenav and the collapse trigger is set\n // to 'mouseout', collapse the sidenav.\n if (!isFocusInSidenav && relatedTarget !== null) {\n if (this.collapseTrigger === 'mouseout') {\n this.collapsed = this.collapsible\n }\n }\n\n // If focus is inside the sidenav expand the sidenav.\n if (this.expandTrigger === 'mouseenter' && isFocusInSidenav) {\n this.collapsed = false\n }\n\n // If the sidenav is closable, trap the focus.\n // Do not trap the focus as long as the sidenav is not closable or not open.\n if (!this.closable || !this.open) return\n\n // Do not trap the focus if the trap focus prop is not set.\n if (this.trapFocus === undefined) return\n\n // Do not trap the focus as long as the focus remains within the sidenav.\n if (isFocusInSidenav) return\n\n // Do not trap the focus when it moves to an element which matches\n // the trap focus selector or no element will be focused.\n const isFocusInKeepFocusable =\n this.trapFocus !== '' &&\n (!relatedTarget || relatedTarget?.matches(this.trapFocus))\n if (isFocusInKeepFocusable) return\n\n // Loop the focus between the ld-sidenav and the elements matching\n // the trap focus selector.\n const target = ev.target as HTMLElement\n const isLeavingSidenav = target.closest('ld-sidenav') === this.el\n const isLeavingFocusSelectorElement =\n this.trapFocus !== '' && !!target.closest(this.trapFocus)\n\n if (!isLeavingSidenav && !isLeavingFocusSelectorElement) return\n\n const firstFocusableInSidenav = getFirstFocusable(this.el)\n const trapFocusSelectorElements =\n this.trapFocus === ''\n ? [firstFocusableInSidenav]\n : Array.from(document.querySelectorAll(this.trapFocus))\n const firstFocusableFromSelectorElements =\n trapFocusSelectorElements.find(getFirstFocusable)\n const isLeavingFirstFocusableInSidenav = firstFocusableInSidenav === target\n const isLeavingFirstFocusableFromSelectorElements =\n firstFocusableFromSelectorElements === target\n const lastFocusableInSidenav = Array.from(\n this.el.querySelectorAll('*')\n )\n .reverse()\n .find(getFirstFocusable)\n const lastFocusableFromSelectorElements = trapFocusSelectorElements\n .reverse()\n .find(getFirstFocusable)\n const nextFocused = isLeavingSidenav\n ? isLeavingFirstFocusableInSidenav\n ? lastFocusableFromSelectorElements\n : firstFocusableFromSelectorElements\n : isLeavingFirstFocusableFromSelectorElements\n ? lastFocusableInSidenav\n : firstFocusableInSidenav\n\n if (!nextFocused) return\n\n if ('focusInner' in nextFocused) {\n await (nextFocused as unknown as InnerFocusable).focusInner()\n } else {\n nextFocused?.focus()\n }\n }\n\n @Listen('ldSidenavHeaderToggleClick')\n handleHeaderToggleClick() {\n this.toggle()\n }\n\n private toFocus: HTMLElement = undefined\n private focusTimeout = undefined\n private updateFocus = () => {\n // HACK: Using recursive call with timeout to account for fast user interactions during transitions.\n clearTimeout(this.focusTimeout)\n if (this.toFocus) {\n if (\n this.toFocus.tabIndex === -1 ||\n window.getComputedStyle(this.toFocus).visibility === 'hidden'\n ) {\n this.focusTimeout = setTimeout(this.updateFocus, 10)\n return\n }\n this.toFocus.focus()\n this.toFocus = undefined\n }\n }\n\n private toggleCollapsedState = () => {\n this.collapsed = !this.collapsed\n }\n\n private activeSubnavContainsIconsOrHasBack = () => {\n // Return true if we have a back button or a nav items as a direct child.\n const children = Array.from(this.el.children)\n const hasBack = children.some(\n (child) => child.tagName === 'LD-SIDENAV-BACK'\n )\n const hasPrimaryChild = children.some(\n (child) =>\n child.tagName === 'LD-SIDENAV-NAVITEM' &&\n !['secondary', 'tertiary'].includes(\n (child as HTMLLdSidenavNavitemElement).mode\n )\n )\n if (hasBack || hasPrimaryChild) {\n return true\n }\n\n // Otherwise, check if the current subnav contains a nav item.\n const slider = this.el.querySelector('ld-sidenav-slider')\n const activeSubnav = slider.currentSubnav\n ? this.el.querySelector(`#${slider.currentSubnav}`)\n : slider\n const navitemsModePrimaryChildren = Array.from(\n activeSubnav.children\n ).filter(\n (child) =>\n child.tagName === 'LD-SIDENAV-NAVITEM' &&\n (child as HTMLLdSidenavNavitemElement).mode === 'primary'\n )\n const navitemsModePrimaryInAccordion = Array.from(\n activeSubnav.querySelectorAll(\n 'ld-sidenav-accordion > ld-sidenav-navitem[slot=\"toggle\"]'\n )\n ).filter(\n (child: HTMLLdSidenavNavitemElement) =>\n (child as HTMLLdSidenavNavitemElement).mode === 'primary'\n )\n const totalNavitemsModePrimary =\n navitemsModePrimaryChildren.length + navitemsModePrimaryInAccordion.length\n return !!totalNavitemsModePrimary\n }\n\n private isToggleOutside = (\n element?: Element\n ): element is HTMLLdSidenavToggleOutsideElement =>\n element?.tagName === 'LD-SIDENAV-TOGGLE-OUTSIDE'\n\n private onTransitionEnd = (ev: TransitionEvent) => {\n if (ev.target === this.el) {\n this.transitions = true\n\n // If the sidenav was fully collapsed and is being expanded, set the focus\n // on the first focusable element. If it is being collapsed and has focus inside,\n // set the focus on the toggle outside if it is there.\n if (this.fullyCollapsible) {\n if (!this.collapsed) {\n const firstFocusableInSidenav = getFirstFocusable(this.el)\n firstFocusableInSidenav.focus()\n } else if (document.activeElement.closest('ld-sidenav') === this.el) {\n const previousElementSibling = this.el.previousElementSibling\n if (this.isToggleOutside(previousElementSibling)) {\n previousElementSibling.focusInner()\n }\n }\n }\n }\n }\n\n private onMatchMediaChange = (ev: MediaQueryListEvent) => {\n this.closable = ev.matches\n\n // Remove transitions class on breakpoint change in order to prevent\n // weird looking transitions on screen resize or orientation change events.\n // Add it back on transition end / after style changes have been applied.\n this.transitions = false\n\n // When there is less space available than before the breakpoint change,\n // collapse the side nav if it is collapsible.\n if (this.closable && this.collapsible) this.collapsed = true\n\n this.ldSidenavBreakpointChange.emit(this.closable)\n }\n\n componentWillLoad() {\n this.mediaQuery = window.matchMedia(`(max-width: ${this.breakpoint})`)\n this.mediaQuery.addEventListener('change', this.onMatchMediaChange)\n this.closable = this.mediaQuery.matches\n this.updateFullyCollapsible()\n }\n\n componentDidLoad() {\n this.ldSidenavCollapsedChange.emit({\n collapsed: this.collapsible && this.collapsed,\n fully: this.fullyCollapsible,\n })\n this.ldSidenavOpenChange.emit(this.open)\n this.ldSidenavBreakpointChange.emit(this.closable)\n\n setTimeout(() => {\n this.transitions = true\n })\n }\n\n disconnectedCallback() {\n this.mediaQuery?.removeEventListener('change', this.onMatchMediaChange)\n }\n\n render() {\n const cl = [\n 'ld-sidenav',\n this.align === 'right' && 'ld-sidenav--right',\n this.transitions && 'ld-sidenav--transitions',\n this.closable && 'ld-sidenav--closable',\n this.collapsible && this.collapsed && 'ld-sidenav--collapsed',\n this.collapsible && 'ld-sidenav--collapsible',\n this.fullyCollapsible && 'ld-sidenav--fully-collapsible',\n this.hasActiveSubnav && 'ld-sidenav--has-active-subnav',\n this.hasShadowTop && 'ld-sidenav--has-shadow-top',\n this.hasShadowBottom && 'ld-sidenav--has-shadow-bottom',\n this.open && 'ld-sidenav--open',\n this.toggleTransitionDisabled && 'ld-sidenav--toggle-transition-disabled',\n ]\n\n return (\n \n \n
    \n
    \n \n
    \n \n \n \n
    \n \n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"4KAAA,MAAMA,EAAqB,2kP,MC6BdC,EAAS,M,wbAgZZC,KAAAC,QAAuBC,UACvBF,KAAAG,aAAeD,UACfF,KAAAI,YAAc,KAEpBC,aAAaL,KAAKG,cAClB,GAAIH,KAAKC,QAAS,CAChB,GACED,KAAKC,QAAQK,YAAc,GAC3BC,OAAOC,iBAAiBR,KAAKC,SAASQ,aAAe,SACrD,CACAT,KAAKG,aAAeO,WAAWV,KAAKI,YAAa,IACjD,M,CAEFJ,KAAKC,QAAQU,QACbX,KAAKC,QAAUC,S,GAIXF,KAAAY,qBAAuB,KAC7BZ,KAAKa,WAAab,KAAKa,SAAS,EAG1Bb,KAAAc,mCAAqC,KAE3C,MAAMC,EAAWC,MAAMC,KAAKjB,KAAKkB,GAAGH,UACpC,MAAMI,EAAUJ,EAASK,MACtBC,GAAUA,EAAMC,UAAY,oBAE/B,MAAMC,EAAkBR,EAASK,MAC9BC,GACCA,EAAMC,UAAY,uBACjB,CAAC,YAAa,YAAYE,SACxBH,EAAsCI,QAG7C,GAAIN,GAAWI,EAAiB,CAC9B,OAAO,I,CAIT,MAAMG,EAAS1B,KAAKkB,GAAGS,cAAc,qBACrC,MAAMC,EAAeF,EAAOG,cACxB7B,KAAKkB,GAAGS,cAAc,IAAID,EAAOG,iBACjCH,EACJ,MAAMI,EAA8Bd,MAAMC,KACxCW,EAAab,UACbgB,QACCV,GACCA,EAAMC,UAAY,sBACjBD,EAAsCI,OAAS,YAEpD,MAAMO,EAAiChB,MAAMC,KAC3CW,EAAaK,iBACX,6DAEFF,QACCV,GACEA,EAAsCI,OAAS,YAEpD,MAAMS,EACJJ,EAA4BK,OAASH,EAA+BG,OACtE,QAASD,CAAwB,EAG3BlC,KAAAoC,gBACNC,IAEAA,IAAO,MAAPA,SAAO,SAAPA,EAASf,WAAY,4BAEftB,KAAAsC,gBAAmBC,IACzB,GAAIA,EAAGC,SAAWxC,KAAKkB,GAAI,CACzBlB,KAAKyC,YAAc,KAKnB,GAAIzC,KAAK0C,iBAAkB,CACzB,IAAK1C,KAAKa,UAAW,CACnB,MAAM8B,EAA0BC,EAAkB5C,KAAKkB,IACvDyB,EAAwBhC,O,MACnB,GAAIkC,SAASC,cAAcC,QAAQ,gBAAkB/C,KAAKkB,GAAI,CACnE,MAAM8B,EAAyBhD,KAAKkB,GAAG8B,uBACvC,GAAIhD,KAAKoC,gBAAgBY,GAAyB,CAChDA,EAAuBC,Y,MAOzBjD,KAAAkD,mBAAsBX,IAC5BvC,KAAKmD,SAAWZ,EAAGa,QAKnBpD,KAAKyC,YAAc,MAInB,GAAIzC,KAAKmD,UAAYnD,KAAKqD,YAAarD,KAAKa,UAAY,KAExDb,KAAKsD,0BAA0BC,KAAKvD,KAAKmD,SAAS,E,WAjfjB,O,gBAOb,a,eAGgB,M,qBAW6B,S,iBAK5C,M,mBAS2B,S,WAGjC,kB,YAOC,M,UAMe,M,8BAQG,M,uEAgBR,M,qBACD,M,qBACA,M,kBACH,M,iBACD,K,CAMvB,YAAMK,GACJ,GAAIxD,KAAKmD,SAAU,CACjBnD,KAAKyD,MAAQzD,KAAKyD,I,KACb,CACLzD,KAAKY,sB,EA+CT,iBAAA8C,CAAkB7C,GAKhBb,KAAK2D,yBAAyBJ,KAAK,CACjC1C,YACA+C,MAAO5D,KAAK0C,mBAGd,GAAI7B,EAAW,CACbb,KAAKyD,KAAO,K,EAKhB,YAAAI,CAAaJ,GACXzD,KAAK8D,oBAAoBP,KAAKE,GAE9B,IAAKA,GAAQzD,KAAKqD,YAAa,CAC7BrD,KAAKa,UAAY,I,EAMrB,sBAAAkD,G,MACE/D,KAAK0C,iBACH1C,KAAKqD,eACHrD,KAAKgE,SAAWhE,KAAKc,sCACzB,IAAKd,KAAKqD,YAAarD,KAAKa,UAAY,OACxCoD,EAAAjE,KAAKkB,GAAGS,cAAc,wBAAoB,MAAAsC,SAAA,SAAAA,EAAEC,mB,CAM9C,kBAAAC,CAAmB5B,GACjB,GACEA,EAAG6B,WACH,CAAC,eAAgB,YAAY5C,SAASxB,KAAKqE,kBAC3CtB,EAAQ,aAAcR,EAAGC,UAA2BxC,KAAKkB,GACzD,CACAlB,KAAKa,UAAYb,KAAKqD,W,EAK1B,cAAAiB,CAAe/B,GACb,GACEvC,KAAKqE,kBAAoB,YACzB9B,EAAGgC,eACFhC,EAAGgC,cAA8BxB,QAAQ,gBAAkB/C,KAAKkB,GACjE,CACAlB,KAAKa,UAAYb,KAAKqD,W,EAK1B,aAAAmB,GACE,GAAIxE,KAAK0C,kBAAoB1C,KAAKyE,gBAAkB,aAAc,CAChEzE,KAAKa,UAAY,K,EAKrB,UAAA6D,GACE1E,KAAKyD,KAAO,I,CAId,WAAAkB,GACEtE,aAAaL,KAAKG,cAClBH,KAAKyD,KAAO,K,CAId,eAAAmB,G,MACEvE,aAAaL,KAAKG,cAClB,MAAM0B,EAAgBb,MAAMC,KAC1BjB,KAAKkB,GAAGe,iBAAiB,+BACzB4C,MACF,MAAMC,EAAkBjD,IAAa,MAAbA,SAAa,SAAbA,EAAekD,GACvC,MAAMC,EAAenD,IAAa,MAAbA,SAAa,SAAbA,EAAeoD,cACpCjF,KAAKkB,GAAGS,cAAc,qBAAqBuD,eAG3ClF,KAAKC,SAAUgE,EAAAe,IAAY,MAAZA,SAAY,SAAZA,EACXrD,cAA2C,QAAQmD,UAAoB,MAAAb,SAAA,SAAAA,EACvEkB,WAAWxD,cACX,uBAIJ3B,KAAKa,UAAY,K,CAInB,cAAAuE,G,MACE/E,aAAaL,KAAKG,cAElB,MAAMkF,GAAgBpB,EAAAjE,KAAKkB,GACxBS,cAAc,sBAAkB,MAAAsC,SAAA,SAAAA,EAC/BkB,WAAWxD,cAA2B,oBAC1C3B,KAAKC,QAAUoF,EACfrF,KAAKI,a,CAIP,kBAAAkF,CACE/C,G,QAEAlC,aAAaL,KAAKG,eAClB8D,EAAAjE,KAAKkB,GAAGS,cAAc,sBAAkB,MAAAsC,SAAA,SAAAA,EAAEsB,aAAYC,EAAAjD,EAAGkD,UAAM,MAAAD,SAAA,SAAAA,EAAEE,OAEjE1F,KAAK2F,kBAAoBpD,EAAGkD,OAE5BzF,KAAK+D,yBACL/D,KAAKI,a,CAIP,aAAAwF,CAAcrD,GAEZ,MAAMsD,EACJhD,SAASC,cAAcC,QAAQ,gBAAkB/C,KAAKkB,GAExD,GACE2E,GACAtD,EAAGuD,MAAQ,QACVvD,EAAGwD,UACJlD,SAASC,gBAAkB9C,KAAKkB,GAAGS,cAAc,mBACjD,CAIA,MAAME,cAAEA,GAAkB7B,KAAKkB,GAAGS,cAAc,qBAEhD,GAAIE,EAAe,CACjB,MAAMmE,EAA2BpD,EAC/B5C,KAAKkB,GAAGS,cAA0C,IAAIE,MAGxDnB,YAAWuF,UACT,GAAI,eAAgBD,EAA0B,OAE1CA,EACA/C,Y,KACG,CACL+C,EAAyBrF,O,MAMjC,IAAKkF,IAAoB7F,KAAKmD,SAAU,CACtC,M,CAGF,MAAMzB,EAAS1B,KAAKkB,GAAGS,cAAc,qBAErC,GAAIY,EAAGuD,MAAQ,SAAU,CACvB,IAAKpE,GAAU1B,KAAKmD,SAAU,CAC5BnD,KAAKyD,KAAO,MACZ,M,CAGF,GAAIzD,KAAK2F,gBAAiB,CACxB3F,KAAK4E,iB,MACA,GAAI5E,KAAKmD,SAAU,CACxBnD,KAAKyD,KAAO,K,GAMlB,oBAAMyC,CAAe3D,GACnB,MAAMgC,EAAgBhC,EAAGgC,cACzB,MAAM4B,EAAmBpD,EAAQ,aAAcwB,KAAmBvE,KAAKkB,GAIvE,IAAKiF,GAAoB5B,IAAkB,KAAM,CAC/C,GAAIvE,KAAKqE,kBAAoB,WAAY,CACvCrE,KAAKa,UAAYb,KAAKqD,W,EAK1B,GAAIrD,KAAKyE,gBAAkB,cAAgB0B,EAAkB,CAC3DnG,KAAKa,UAAY,K,CAKnB,IAAKb,KAAKmD,WAAanD,KAAKyD,KAAM,OAGlC,GAAIzD,KAAKoG,YAAclG,UAAW,OAGlC,GAAIiG,EAAkB,OAItB,MAAME,EACJrG,KAAKoG,YAAc,MACjB7B,IAAiBA,IAAa,MAAbA,SAAa,SAAbA,EAAenB,QAAQpD,KAAKoG,aACjD,GAAIC,EAAwB,OAI5B,MAAM7D,EAASD,EAAGC,OAClB,MAAM8D,EAAmB9D,EAAOO,QAAQ,gBAAkB/C,KAAKkB,GAC/D,MAAMqF,EACJvG,KAAKoG,YAAc,MAAQ5D,EAAOO,QAAQ/C,KAAKoG,WAEjD,IAAKE,IAAqBC,EAA+B,OAEzD,MAAM5D,EAA0BC,EAAkB5C,KAAKkB,IACvD,MAAMsF,EACJxG,KAAKoG,YAAc,GACf,CAACzD,GACD3B,MAAMC,KAAK4B,SAASZ,iBAA8BjC,KAAKoG,YAC7D,MAAMK,EACJD,EAA0BE,KAAK9D,GACjC,MAAM+D,EAAmChE,IAA4BH,EACrE,MAAMoE,EACJH,IAAuCjE,EACzC,MAAMqE,EAAyB7F,MAAMC,KACnCjB,KAAKkB,GAAGe,iBAA8B,MAErC6E,UACAJ,KAAK9D,GACR,MAAMmE,EAAoCP,EACvCM,UACAJ,KAAK9D,GACR,MAAMoE,EAAcV,EAChBK,EACEI,EACAN,EACFG,EACEC,EACAlE,EAEN,IAAKqE,EAAa,OAElB,GAAI,eAAgBA,EAAa,OACxBA,EAA0C/D,Y,KAC5C,CACL+D,IAAW,MAAXA,SAAW,SAAXA,EAAarG,O,EAKjB,uBAAAsG,GACEjH,KAAKwD,Q,CA4GP,iBAAA0D,GACElH,KAAKmH,WAAa5G,OAAO6G,WAAW,eAAepH,KAAKqH,eACxDrH,KAAKmH,WAAWG,iBAAiB,SAAUtH,KAAKkD,oBAChDlD,KAAKmD,SAAWnD,KAAKmH,WAAW/D,QAChCpD,KAAK+D,wB,CAGP,gBAAAwD,GACEvH,KAAK2D,yBAAyBJ,KAAK,CACjC1C,UAAWb,KAAKqD,aAAerD,KAAKa,UACpC+C,MAAO5D,KAAK0C,mBAEd1C,KAAK8D,oBAAoBP,KAAKvD,KAAKyD,MACnCzD,KAAKsD,0BAA0BC,KAAKvD,KAAKmD,UAEzCzC,YAAW,KACTV,KAAKyC,YAAc,IAAI,G,CAI3B,oBAAA+E,G,OACEvD,EAAAjE,KAAKmH,cAAU,MAAAlD,SAAA,SAAAA,EAAEwD,oBAAoB,SAAUzH,KAAKkD,mB,CAGtD,MAAAwE,GACE,MAAMC,EAAK,CACT,aACA3H,KAAK4H,QAAU,SAAW,oBAC1B5H,KAAKyC,aAAe,0BACpBzC,KAAKmD,UAAY,uBACjBnD,KAAKqD,aAAerD,KAAKa,WAAa,wBACtCb,KAAKqD,aAAe,0BACpBrD,KAAK0C,kBAAoB,gCACzB1C,KAAK2F,iBAAmB,gCACxB3F,KAAK6H,cAAgB,6BACrB7H,KAAK8H,iBAAmB,gCACxB9H,KAAKyD,MAAQ,mBACbzD,KAAK+H,0BAA4B,0CAGnC,OACEC,EAACC,EAAI,CACH3F,gBAAiBtC,KAAKsC,gBACtB4F,MAAOC,EAAcR,GACrBS,KAAK,aAAY,aACLpI,KAAK0F,OAEjBsC,EAAA,QAAMK,KAAK,WACXL,EAAA,OAAKE,MAAM,uBACTF,EAAA,OAAKE,MAAM,iCAAiCI,KAAK,sBAC/CN,EAAA,QAAMK,KAAK,SAEbL,EAAA,gCACEE,MAAM,uBACNI,KAAK,oBAELN,EAAA,OACEE,MAAM,qCACNI,KAAK,kBAELN,EAAA,eAGJA,EAAA,OACEE,MAAM,oCACNI,KAAK,yBAELN,EAAA,QAAMK,KAAK,aAGfL,EAAA,OACEO,QAASvI,KAAKwD,OAAOgF,KAAKxI,MAC1BkI,MAAM,2C"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-21a69c18.js b/1704966176737/dist/build/p-21a69c18.js similarity index 100% rename from 1704894792450/dist/build/p-21a69c18.js rename to 1704966176737/dist/build/p-21a69c18.js diff --git a/1704894792450/dist/build/p-21a69c18.js.map b/1704966176737/dist/build/p-21a69c18.js.map similarity index 100% rename from 1704894792450/dist/build/p-21a69c18.js.map rename to 1704966176737/dist/build/p-21a69c18.js.map diff --git a/1704894792450/dist/build/p-21c59b99.entry.js b/1704966176737/dist/build/p-21c59b99.entry.js similarity index 100% rename from 1704894792450/dist/build/p-21c59b99.entry.js rename to 1704966176737/dist/build/p-21c59b99.entry.js diff --git a/1704894792450/dist/build/p-21c59b99.entry.js.map b/1704966176737/dist/build/p-21c59b99.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-21c59b99.entry.js.map rename to 1704966176737/dist/build/p-21c59b99.entry.js.map diff --git a/1704966176737/dist/build/p-236dbb56.entry.js b/1704966176737/dist/build/p-236dbb56.entry.js new file mode 100644 index 0000000000..7cc3edbac2 --- /dev/null +++ b/1704966176737/dist/build/p-236dbb56.entry.js @@ -0,0 +1,2 @@ +import{r as e,h as l,H as t,g as i,c as s}from"./p-21a69c18.js";import{T as d}from"./p-2f695d4a.js";import{g as a}from"./p-1133c92e.js";import{r}from"./p-8dc70a87.js";import{c as n}from"./p-6e5841ef.js";import{T as o}from"./p-6f9b9619.js";import{i as c}from"./p-b05f0e4e.js";import{s as h}from"./p-c2112f1e.js";import"./p-112455b1.js";const b="";const p=class{constructor(l){e(this,l);this.value=undefined;this.selected=undefined;this.disabled=undefined;this.filtered=false}componentWillLoad(){if(this.selected){this.el.setAttribute("selected","")}}render(){return l(t,null,l("slot",null))}get el(){return i(this)}};p.style=b;const v=e=>["LD-OPTION","LD-OPTION-INTERNAL"].includes(e===null||e===void 0?void 0:e.tagName);const f=e=>["LD-OPTGROUP","LD-OPTGROUP-INTERNAL"].includes(e===null||e===void 0?void 0:e.tagName);const w=e=>["LD-OPTION-INTERNAL"].includes(e===null||e===void 0?void 0:e.tagName);const _=e=>["LD-OPTGROUP-INTERNAL"].includes(e===null||e===void 0?void 0:e.tagName);const u=e=>e.hidden||e.filtered;const g=':host{display:inline-flex}:host .ld-select{flex-grow:1;max-width:100%}.ld-select *,.ld-select :after,.ld-select :before,:host *,:host :after,:host :before{box-sizing:border-box}.ld-select ul,:host ul{list-style:none}.ld-select{--ld-select-min-width:12.8125rem;--ld-select-min-height:var(--ld-sp-40);--ld-select-min-height-sm:var(--ld-sp-32);--ld-select-min-height-lg:3.125rem;--ld-select-padding-x:var(--ld-sp-12);--ld-select-padding-x-sm:0.625rem;--ld-select-padding-x-lg:0.875rem;--ld-select-padding-y:var(--ld-sp-8);--ld-select-padding-y-sm:var(--ld-sp-4);--ld-select-padding-y-lg:var(--ld-sp-8);--ld-select-padding-right:calc(var(--ld-sp-40) + var(--ld-sp-12));--ld-select-padding-right-sm:calc(var(--ld-sp-40) + 0.625rem);--ld-select-padding-right-lg:calc(var(--ld-sp-40) + 0.875rem);--ld-select-icon-size:1.25rem;--ld-select-icon-size-sm:var(--ld-sp-16);--ld-select-icon-size-lg:var(--ld-sp-24);--ld-select-trigger-line-height:1.25}.ld-select--sm{--ld-select-min-height:var(--ld-select-min-height-sm);--ld-select-padding-x:var(--ld-select-padding-x-sm);--ld-select-padding-y:var(--ld-select-padding-y-sm);--ld-select-padding-right:var(--ld-select-padding-right-sm);--ld-select-icon-size:var(--ld-select-icon-size-sm)}.ld-select--lg{--ld-select-min-height:var(--ld-select-min-height-lg);--ld-select-padding-x:var(--ld-select-padding-x-lg);--ld-select-padding-y:var(--ld-select-padding-y-lg);--ld-select-padding-right:var(--ld-select-padding-right-lg);--ld-select-icon-size:var(--ld-select-icon-size-lg)}.ld-select{--ld-select-col:var(--ld-col-neutral-900);--ld-select-col-disabled:var(--ld-col-neutral-100);--ld-select-col-border:var(--ld-col-neutral-100);--ld-select-col-border-hover:var(--ld-col-neutral-300);--ld-select-bg-col:var(--ld-col-wht);--ld-select-selection-col:var(--ld-col-wht);--ld-select-invalid-col:var(--ld-thm-error);--ld-select-invalid-icon-col-hover:var(--ld-thm-error-hover);--ld-select-invalid-icon-col-focus:var(--ld-thm-error-focus);--ld-select-invalid-icon-col-active:var(--ld-thm-error-active);--ld-select-invalid-disabled-bg-col:var(--ld-thm-error-disabled);--ld-select-thm-col:var(--ld-thm-primary);--ld-select-thm-col-hover:var(--ld-thm-primary-hover);--ld-select-thm-col-focus:var(--ld-thm-primary-focus);--ld-select-thm-col-active:var(--ld-thm-primary-active);--ld-select-ghost-trigger-bg-col-hover:var(--ld-thm-primary-alpha-lowest);--ld-select-ghost-trigger-bg-col-focus:var(--ld-thm-primary-alpha-low);display:inline-flex;position:relative}.ld-select ::slotted(ld-icon),.ld-select select+.ld-icon{height:var(--ld-select-icon-size);width:var(--ld-select-icon-size)}.ld-select ::slotted(ld-icon){display:contents!important}.ld-select select+.ld-icon,.ld-select select+.ld-select__icon{position:absolute;right:var(--ld-select-padding-x);top:50%;transform:translateY(-50%)}.ld-select select[multiple]+.ld-icon,.ld-select select[multiple]+.ld-select__icon{display:none}.ld-select select+.ld-icon{height:var(--ld-select-icon-size);width:var(--ld-select-icon-size)}.ld-select>select[multiple]{overflow:auto}@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0){.ld-select>select[multiple]{padding-right:calc(var(--ld-select-padding-x) + var(--ld-sp-24))}.ld-select>select[multiple]+.ld-icon,.ld-select>select[multiple]+.ld-select__icon{display:flex}}.ld-select--expanded .ld-tether-target-attached-bottom .ld-select__btn-trigger:not(.ld-select__btn-trigger--detached){border-bottom-left-radius:0;border-bottom-right-radius:0}:where(.ld-select:not(.ld-select--inline):not(.ld-select--ghost)){min-width:var(--ld-select-min-width)}.ld-select__btn-trigger,.ld-select__select{width:100%}.ld-select>select,.ld-select__btn-trigger{align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--ld-select-bg-col);border:0;border-radius:var(--ld-br-m);color:var(--ld-select-col);display:flex;font:var(--ld-typo-body-m);height:100%;justify-content:flex-end;line-height:var(--ld-select-trigger-line-height);padding:var(--ld-select-padding-y) var(--ld-select-padding-x);position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ld-select>select:where(select),.ld-select__btn-trigger:where(select){width:100%}.ld-select>select:where(select:not([multiple])),.ld-select__btn-trigger:where(select:not([multiple])){padding-right:calc(var(--ld-select-padding-x) + var(--ld-sp-24))}.ld-select>select:where(.ld-select__btn-trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select>select:where(select:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select__btn-trigger:where(.ld-select__btn-trigger:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),.ld-select__btn-trigger:where(select:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-select>select:where([aria-expanded=true]),.ld-select__btn-trigger:where([aria-expanded=true]){z-index:2}.ld-select>select:where([aria-expanded=true]):not(:focus:focus-visible):not(.ld-select__btn-trigger--detached),.ld-select__btn-trigger:where([aria-expanded=true]):not(:focus:focus-visible):not(.ld-select__btn-trigger--detached){box-shadow:none}.ld-select>select:disabled,.ld-select>select:disabled+.ld-icon,.ld-select>select:disabled+.ld-select__icon,.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-icon,.ld-select>select:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-select__icon,.ld-select__btn-trigger:disabled,.ld-select__btn-trigger:disabled+.ld-icon,.ld-select__btn-trigger:disabled+.ld-select__icon,.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-icon,.ld-select__btn-trigger:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))+.ld-select__icon{color:var(--ld-select-col-disabled)}.ld-select__btn-trigger{overflow:hidden}:where(.ld-select),:where(.ld-select)>select{min-height:var(--ld-select-min-height)}.ld-select--ghost .ld-select__btn-trigger,.ld-select--ghost select,.ld-select--ghost:not(ld-select){background-color:initial}.ld-select--ghost .ld-select__btn-trigger:not(:focus),.ld-select--ghost select:not(:focus){box-shadow:none}.ld-select:where(:not(.ld-select--ghost)):where(.ld-select--detached) :where(.ld-select__btn-trigger),.ld-select:where(:not(.ld-select--ghost)):where(.ld-select--detached) :where(select),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--detached):not(.ld-select--expanded)) :where(.ld-select__btn-trigger),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--detached):not(.ld-select--expanded)) :where(select){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border)}@media (hover:hover){.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) .ld-select__btn-trigger:where(.ld-select__btn-trigger--detached:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) .ld-select__btn-trigger:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-select__btn-trigger--detached):not([aria-expanded=true])):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) select:where(.ld-select__btn-trigger--detached:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not(:focus:focus-visible),.ld-select:where(:not(.ld-select--ghost)):where(:not(.ld-select--invalid)) select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-select__btn-trigger--detached):not([aria-expanded=true])):hover:not(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border-hover)}}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled)):where(:focus:focus-visible),.ld-select--invalid>select:where(:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(:focus:focus-visible)),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(:focus:focus-visible)){background-color:var(--ld-select-invalid-disabled-bg-col);color:var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(.ld-select__btn-trigger--ghost)),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:not(.ld-select__btn-trigger--ghost)){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))+.ld-select__icon{color:var(--ld-select-invalid-col)}@media (hover:hover){.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover+.ld-select__icon{color:var(--ld-select-invalid-icon-col-hover)}}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible)+.ld-select__icon{color:var(--ld-select-invalid-icon-col-focus)}.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-select__icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) ::slotted(ld-icon),.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-icon,.ld-select--invalid .ld-select__btn-trigger--invalid:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active)+.ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) .ld-select__icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) ::slotted(ld-icon),.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-icon,.ld-select--invalid>select:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible)+.ld-select__icon{color:var(--ld-select-invalid-icon-col-active)}.ld-select__btn-trigger-text-wrapper,.ld-select__selection-list{flex-grow:1}.ld-select__btn-trigger-text-wrapper{align-items:center;display:flex;font:var(--ld-typo-label-m);height:calc(100% + var(--ld-sp-12));line-height:var(--ld-select-trigger-line-height);margin:calc(-1 * var(--ld-sp-6)) 0;overflow:hidden;padding:var(--ld-sp-6) var(--ld-sp-8) var(--ld-sp-6) 0}.ld-select>select,.ld-select__btn-trigger-text,.ld-select__selection-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-select__selection-list-container{display:flex;flex-direction:column-reverse;gap:var(--ld-sp-6);margin-right:auto}.ld-select__selection-list{display:flex;flex-wrap:wrap;margin:calc(-1 * var(--ld-sp-1)) var(--ld-sp-4) calc(-1 * var(--ld-sp-4)) 0;overflow:hidden;padding:0}.ld-select__selection-list-item{flex:0 1;margin-bottom:var(--ld-sp-4);margin-right:var(--ld-sp-4);width:100%}.ld-select__selection-list-item--overflowing{display:none}.ld-select__selection-list-more{align-items:center;border-radius:var(--ld-br-m);display:inline-flex;font:var(--ld-typo-label-s);font-weight:700;margin-bottom:var(--ld-sp-4);margin-right:var(--ld-sp-4);order:2147483647;padding:var(--ld-sp-4) var(--ld-sp-6)}.ld-select__btn-clear,.ld-select__btn-clear-single{background-color:initial;border:0;border-radius:var(--ld-br-full);line-height:0;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ld-select__btn-clear-single:not(:disabled),.ld-select__btn-clear:not(:disabled){cursor:pointer}.ld-select__btn-clear{flex-shrink:0;margin-right:var(--ld-sp-6)}.ld-select__btn-clear:disabled{color:var(--ld-select-col-disabled)}.ld-select__btn-clear-single{margin-left:var(--ld-sp-6);z-index:1}.ld-select__selection-label{align-items:center;color:var(--ld-select-selection-col);display:inline-flex;font:var(--ld-typo-label-s);font-weight:700;padding:var(--ld-sp-4) var(--ld-sp-6);position:relative;width:100%}.ld-select__selection-label-bg{border-radius:var(--ld-br-m);inset:0;position:absolute}:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__selection-label-bg{background-color:var(--ld-select-col-disabled)}.ld-select__selection-label-text{z-index:1}.ld-select__btn-clear-single-icon{--ld-select-btn-clear-single-size:0.75rem;height:var(--ld-select-btn-clear-single-size);width:var(--ld-select-btn-clear-single-size)}.ld-select__btn-clear-icon{--ld-select-btn-clear-size:1.25rem;height:var(--ld-select-btn-clear-size);width:var(--ld-select-btn-clear-size)}.ld-select__icon{fill:none;height:var(--ld-sp-16);width:var(--ld-sp-16)}.ld-select ::slotted(ld-icon),.ld-select select+.ld-icon,.ld-select__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;pointer-events:none}:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select ::slotted(ld-icon),:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select select+.ld-icon,:where(.ld-select__btn-trigger[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__icon,:where(select:disabled) .ld-select ::slotted(ld-icon),:where(select:disabled) .ld-select select+.ld-icon,:where(select:disabled) .ld-select__icon,:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select ::slotted(ld-icon),:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select select+.ld-icon,:where(select[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-select__icon{color:var(--ld-select-col-disabled)}.ld-select ::slotted(ld-icon) .ld-icon,.ld-select ::slotted(ld-icon) svg,.ld-select select+.ld-icon .ld-icon,.ld-select select+.ld-icon svg,.ld-select__icon .ld-icon,.ld-select__icon svg{height:100%;width:100%}.ld-select__icon--rotated{transform:rotate(180deg);transform-origin:center}.ld-select__slot-container{display:none}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) .ld-select__btn-trigger:where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):hover:not(:focus),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):hover:not(:focus){background-color:var(--ld-select-ghost-trigger-bg-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):active,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(.ld-select__btn-trigger):active:focus-visible,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):active,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)).ld-select--ghost :where(select:not(:disabled)):active:focus-visible{background-color:var(--ld-select-ghost-trigger-bg-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled))+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled))+.ld-select__icon{color:var(--ld-select-thm-col)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:hover)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:hover)+.ld-select__icon{color:var(--ld-select-thm-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:focus:focus-visible)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:focus:focus-visible)+.ld-select__icon{color:var(--ld-select-thm-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(.ld-select__btn-trigger):where(:active:focus-visible)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active)+.ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible) .ld-select__icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible) ::slotted(ld-icon),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible)+.ld-icon,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not(.ld-select--invalid)) :where(select:not(:disabled)):where(:active:focus-visible)+.ld-select__icon{color:var(--ld-select-thm-col-active)}:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) :where(.ld-select__btn-trigger):where(:focus:focus-visible),:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) :where(select:not(:disabled)):where(:focus:focus-visible){box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__selection-list-more{color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__selection-label-bg{background-color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:focus:focus-visible)+.ld-select__selection-label-bg{background-color:var(--ld-select-thm-col-focus)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:active)+.ld-select__selection-label-bg,:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear-single:where(:active:focus-visible)+.ld-select__selection-label-bg{background-color:var(--ld-select-thm-col-active)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear{color:var(--ld-select-thm-col)}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:focus:focus-visible){color:var(--ld-select-thm-col-focus)}@media (hover:hover){:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:hover){color:var(--ld-select-thm-col-hover)}}:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:active),:where(.ld-select:not(.ld-select--disabled):not([aria-disabled]):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) .ld-select__btn-clear:where(:active:focus-visible){color:var(--ld-select-thm-col-active)}';const m=class{constructor(l){e(this,l);this.ldchange=s(this,"ldchange",7);this.ldinput=s(this,"ldinput",7);this.ldoptioncreate=s(this,"ldoptioncreate",7);this.isObserverEnabled=true;this.optionSelectListenerEnabled=true;this.isDisabled=()=>this.disabled||c(this.ariaDisabled);this.updateTriggerMoreIndicator=(e=false)=>{if(!this.multiple||!this.maxRows)return;if(e)this.hasMore=false;requestAnimationFrame((()=>{var e;if(!this.selectionListRef)return;const l=Array.from(this.selectionListRef.querySelectorAll(".ld-select__selection-list-item"));if(!this.hasMore){(e=this.selectionListRef.querySelector(".ld-select__selection-list-more"))===null||e===void 0?void 0:e.remove();l.forEach((e=>{e.classList.remove("ld-select__selection-list-item--overflowing")}))}if(this.isOverflowing()){let e;if(!this.hasMore){e=document.createElement("li");e.classList.add("ld-select__selection-list-more");this.selectionListRef.prepend(e)}else{e=this.selectionListRef.querySelector(".ld-select__selection-list-more")}this.hasMore=true;const t=this.maxRows*1.75*16;let i=0;l.forEach((e=>{const l=i?true:e.offsetTop>=t;e.classList[l?"add":"remove"]("ld-select__selection-list-item--overflowing");if(l)i++}));const s=()=>{e=this.selectionListRef.querySelector(".ld-select__selection-list-more");e.innerText=`+${i}`;if(e.offsetTop{s()}))}};s()}}))};this.updatePopperWidth=()=>{this.listboxRef.style.setProperty("width",`${this.selectRef.getBoundingClientRect().width}px`)};this.updatePopperShadowHeight=()=>{const e=this.listboxRef;e.updateShadowHeight(`calc(100% + ${this.triggerRef.getBoundingClientRect().height}px)`)};this.updatePopperTheme=()=>{const e=this.el.closest('[class*="ld-theme-"]');if(!e)return;setTimeout((()=>{var l;this.theme=(l=e.classList.toString().split(" ").find((e=>e.startsWith("ld-theme-"))))===null||l===void 0?void 0:l.substring(9)}))};this.updatePopper=()=>{if(!this.popper)this.initPopper();this.popper.position();this.updatePopperWidth();this.updatePopperShadowHeight();this.updatePopperTheme()};this.initPopper=()=>{const e=typeof this.tetherOptions==="string"?JSON.parse(this.tetherOptions):this.tetherOptions;const l=Object.assign({classPrefix:"ld-tether",element:this.listboxRef,target:this.selectRef,attachment:"top left",targetAttachment:"bottom left",offset:this.mode?"-4px 0":"0 0",constraints:[{to:"window",pin:true}]},e);this.popper=new d(l);this.initPopperObserver();this.listboxRef.classList.add("ld-select__popper--initialized")};this.getOptsRec=e=>{const l=e.flatMap((e=>{if(v(e)){return e}if(f(e)){return this.getOptsRec(Array.from(e.children))}return[]}));return l};this.getInternalOptionHTML=(e,l=false)=>{const t=e.classList.toString();return`${e.innerHTML.replaceAll(/(.|\n|\r)*<\/ld-icon>/g,"")}`};this.getInternalOptgroupHTML=e=>{const l=e.classList.toString();return`${Array.from(e.children).map((l=>this.getInternalOptionHTML(l,e.disabled))).join("")}`};this.initOptions=()=>{const e=this.initialized;const l=Array.from(e?this.internalOptionsContainerRef.children:this.el.children);const t=this.getOptsRec(l);if(!t.length){throw new TypeError("ld-select requires at least one ld-option element as a child, but found none.")}const i=t.filter((e=>e.selected));if(i.length>1&&!this.multiple){throw new TypeError("Multiple selected options are not allowed, if multiple option is not set.")}if(!e){let e="";l.forEach((l=>{if(v(l)){e+=this.getInternalOptionHTML(l)}else if(f(l)){e+=this.getInternalOptgroupHTML(l)}}));this.internalOptionsHTML=e}this.selected=i.map((e=>({value:e.value,html:e.innerHTML,text:e.innerText})));if(this.listboxRef){this.typeAheadHandler.options=this.listboxRef.querySelectorAll("ld-option-internal")}this.updateTriggerMoreIndicator(true)};this.updateSelectedHiddenInputs=e=>{const l=e.map((({value:e})=>e));const t=this.el.querySelectorAll("input");t.forEach((e=>{const t=l.indexOf(e.value);if(t>=0){l.splice(t,1)}else{e.remove()}}));if(e.length===0){this.appendHiddenInput();return}l.forEach(this.appendHiddenInput)};this.appendHiddenInput=e=>{const l=document.createElement("input");l.setAttribute("slot","hidden");l.name=this.name;l.type="hidden";if(e!==undefined){l.value=e}this.el.appendChild(l)};this.handleSlotChange=e=>{if(!this.isObserverEnabled)return;if(!e.some((e=>v(e.target)||f(e.target)))){return}this.initialized=false;const l=[...this.selected];this.initOptions();this.initialized=true;const t=[...this.selected];this.emitEventsAndUpdateHidden(t,l)};this.handlePopperChange=e=>{var l;if(this.listboxRef.classList.contains("ld-tether-enabled")&&e.some((e=>e.oldValue.includes("display: none;")))){let e;if(!this.multiple){e=(l=Array.from(this.listboxRef.querySelectorAll("ld-option-internal")).find((e=>e.hasAttribute("selected"))))===null||l===void 0?void 0:l.shadowRoot.querySelector('[role="option"]')}if(!e){if(this.filter){e=this.getFilterInput()}else{e=this.triggerRef}}e.focus()}};this.initSlotChangeObserver=()=>{this.slotChangeObserver=new MutationObserver(this.handleSlotChange);this.slotChangeObserver.observe(this.el,{subtree:true,childList:true,attributes:true})};this.initPopperObserver=()=>{this.popperObserver=new MutationObserver(this.handlePopperChange);this.popperObserver.observe(this.listboxRef,{subtree:false,childList:false,attributes:true,attributeFilter:["style"],attributeOldValue:true})};this.getFilterInput=()=>this.listboxRef.shadowRoot.querySelector(".ld-select-popper__filter-input");this.togglePopper=()=>{if(!this.popper)this.initPopper();this.expanded=!this.expanded;if(this.expanded){this.popper.enable()}else{this.popper.disable();this.focusInner()}};this.clearSelection=()=>{Array.from(this.listboxRef.querySelectorAll("ld-option-internal")).forEach((e=>{e.selected=false}));this.selected=[]};this.handleHome=e=>{e.preventDefault();this.focusInner()};this.handleEnd=e=>{e.preventDefault();const l=Array.from(this.listboxRef.querySelectorAll("ld-option-internal")).filter((e=>!u(e)));if(document.activeElement!==l[l.length-1]){l[l.length-1].focusInner()}};this.selectAndFocus=(e,l)=>{if(!l)return;if(this.multiple&&e.shiftKey){if(w(document.activeElement)&&!_(document.activeElement)&&!document.activeElement.hasAttribute("selected")){document.activeElement.dispatchEvent(new KeyboardEvent("keydown",{key:" "}))}if(!l.hasAttribute("selected")&&!_(l)){l.dispatchEvent(new KeyboardEvent("keydown",{key:" "}))}}l.focusInner()};this.handleFilterChange=e=>{const l=this.internalOptionsContainerRef.querySelectorAll("ld-option-internal, ld-optgroup-internal");const t=e.detail.trim().toLowerCase();let i=true;let s=false;const d=Array.from(l).filter((e=>{const l=w(e)?e.textContent.toLowerCase():e.label.toLowerCase();const d=Boolean(t)&&!l.includes(t);e.filtered=d;if(l===t){s=true}if(!e.filtered){i=false}return!d}));this.typeAheadHandler.options=d;this.allOptsFiltered=i;this.filterMatchesOpt=s;requestAnimationFrame((()=>{this.updatePopper()}))};this.handleFilterCreate=()=>{if(!this.multiple){const e=this.el.querySelectorAll("ld-option");e.forEach((e=>{e.selected=false}))}const e=this.getFilterInput().value;this.resetFilter();this.ldoptioncreate.emit(e)};this.canCreate=()=>Boolean(this.creatable&&!this.filterMatchesOpt&&this.getFilterInput().value);this.focusPrev=(e,l)=>{if(w(e.previousElementSibling)){if(u(e.previousElementSibling)){this.focusPrev(e.previousElementSibling,l);return}this.selectAndFocus(l,e.previousElementSibling);return}if(_(e.previousElementSibling)){const t=Array.from(e.previousElementSibling.children).at(-1);if(u(t)){this.focusPrev(t,l);return}this.selectAndFocus(l,t);return}const t=w(e)&&e.closest("ld-optgroup-internal");if(t){if(u(t)){this.focusPrev(t,l);return}t.focusInner();return}if(this.filter){this.getFilterInput().focus();return}this.handleHome(l)};this.focusNext=(e,l)=>{if(_(e)){const t=e.children[0];if(u(t)){this.focusNext(t,l);return}this.selectAndFocus(l,t);return}if(w(e.nextElementSibling)){if(u(e.nextElementSibling)){this.focusNext(e.nextElementSibling,l);return}this.selectAndFocus(l,e.nextElementSibling);return}if(_(e.nextElementSibling)){if(u(e.nextElementSibling)){const t=e.nextElementSibling.children[0];if(u(t)){this.focusNext(t,l);return}this.selectAndFocus(l,t);return}this.selectAndFocus(l,e.nextElementSibling);return}const t=w(e)&&e.closest("ld-optgroup-internal");if(t){const e=t.nextElementSibling;if(!e)return;if(u(e)){this.focusNext(e,l);return}e.focusInner()}};this.resetFilter=()=>{this.allOptsFiltered=false;this.filterMatchesOpt=false;if(!this.filter)return;const e=this.getFilterInput();if(!e)return;e.value="";const l=this.internalOptionsContainerRef.querySelectorAll("ld-option-internal, ld-optgroup-internal");l.forEach((e=>{e.filtered=false}));this.typeAheadHandler.options=l;this.listboxRef.resetFilter()};this.handleFocusEvent=e=>{if(e.relatedTarget===null||e.relatedTarget===this.listboxRef||v(e.relatedTarget)||f(e.relatedTarget)||n("ld-select",e.relatedTarget)===this.el){e.stopImmediatePropagation()}else{this.expanded=false;this.resetFilter()}};this.handleTriggerClick=e=>{e.preventDefault();if(this.isDisabled())return;this.togglePopper()};this.handleClearClick=e=>{e.preventDefault();e.stopImmediatePropagation();if(this.isDisabled())return;this.clearSelection();this.focusInner()};this.handleClearSingleClick=(e,l)=>{var t;e.preventDefault();e.stopImmediatePropagation();if(this.isDisabled())return;this.selected=this.selected.filter((e=>e.value!==l));(t=this.listboxRef.querySelector(`ld-option-internal[value='${l}']`))===null||t===void 0?void 0:t.dispatchEvent(new KeyboardEvent("keydown",{key:" "}))};this.ariaDisabled=undefined;this.autofocus=undefined;this.creatable=undefined;this.createInputLabel="Press Enter to create option";this.createButtonLabel="Create option";this.disabled=undefined;this.form=undefined;this.filter=undefined;this.filterPlaceholder="Filter options";this.invalid=undefined;this.ldTabindex=0;this.maxRows=undefined;this.mode=undefined;this.multiple=undefined;this.name=undefined;this.placeholder=undefined;this.popperClass=undefined;this.preventDeselection=undefined;this.required=undefined;this.sanitizeConfig=undefined;this.selected=[];this.size=undefined;this.tetherOptions=undefined;this.allOptsFiltered=false;this.filterMatchesOpt=false;this.expanded=false;this.hasCustomIcon=false;this.hasMore=false;this.initialized=false;this.internalOptionsHTML=undefined;this.renderHiddenInput=false;this.theme=undefined;this.typeAheadHandler=undefined}async focusInner(){if(!this.disabled){this.triggerRef.focus({focusVisible:true})}}emitEventsAndUpdateHidden(e,l){if(!this.initialized)return;const t=e.map((e=>e.value));const i=l.map((e=>e.value));if(JSON.stringify(t)===JSON.stringify(i))return;this.updateTriggerMoreIndicator(true);if(this.renderHiddenInput){this.updateSelectedHiddenInputs(e)}this.isObserverEnabled=false;this.el.querySelectorAll("ld-option").forEach((e=>{e.selected=t.some((l=>l===e.value));if(!e.selected&&e.hidden){this.listboxRef.querySelector(`ld-option-internal[value="${e.value}"]`).remove();e.remove()}}));this.isObserverEnabled=true;this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true}));this.ldchange.emit(t);this.ldinput.emit(t)}isOverflowing(){return this.selectionListRef.scrollHeight>this.selectionListRef.clientHeight+2}updateHiddenInputs(){const e=this.el.querySelectorAll("input");const l=this.el.closest("form");if(!this.name||!(l||this.form)){e.forEach((e=>{e.remove()}));return}if(!e.length){this.updateSelectedHiddenInputs(this.selected);return}e.forEach((e=>{e.name=this.name;if(this.form){e.setAttribute("form",this.form)}}))}handleWindowResize(){if(this.isDisabled())return;this.updatePopperWidth();this.updateTriggerMoreIndicator(true);this.updatePopperShadowHeight()}handleSelect(e){const l=e.target;if(l.closest('[role="listbox"]')!==this.listboxRef)return;if(!this.optionSelectListenerEnabled)return;this.optionSelectListenerEnabled=false;if(!this.multiple){this.listboxRef.querySelectorAll("ld-option-internal").forEach((e=>{if(e!==l.closest("ld-option-internal")){e.selected=false}}));this.togglePopper();if(this.filter){this.resetFilter();this.focusInner()}}this.initOptions();this.optionSelectListenerEnabled=true}handleKeyDown(e){var l;if(this.isDisabled())return;if(e.metaKey&&!["ArrowDown","ArrowUp"].includes(e.key))return;if(document.activeElement.closest('[role="listbox"]')!==this.listboxRef&&document.activeElement.closest("ld-select")!==this.el){return}const t=this.filter&&((l=this.listboxRef)===null||l===void 0?void 0:l.shadowRoot.activeElement)===this.getFilterInput();if(t){if(this.canCreate()&&e.key==="Enter"){this.handleFilterCreate();return}if(!["ArrowDown","ArrowUp","End","Escape","Home","Tab"].includes(e.key)){return}}if(this.el.shadowRoot.activeElement===this.btnClearRef&&(e.key===" "||e.key==="Enter")){return}switch(e.key){case"ArrowDown":{e.preventDefault();if(!this.expanded){this.togglePopper();return}if(e.metaKey){this.handleEnd(e);return}if(document.activeElement===this.el||t){if(this.filter&&!t){this.getFilterInput().focus()}else{const l=Array.from(this.listboxRef.querySelectorAll("ld-option-internal, ld-optgroup-internal")).find((e=>!u(e)));this.selectAndFocus(e,l)}}else{this.focusNext(document.activeElement,e)}break}case"ArrowUp":{e.preventDefault();if(!this.expanded){this.togglePopper();return}if(e.metaKey||t){this.handleHome(e);return}if(w(document.activeElement)||_(document.activeElement)){this.focusPrev(document.activeElement,e)}break}case"Home":if(this.expanded){this.handleHome(e)}break;case"End":if(this.expanded){this.handleEnd(e)}break;case" ":{e.stopImmediatePropagation();e.preventDefault();if(this.expanded){this.togglePopper()}else{this.togglePopper()}break}case"Enter":e.preventDefault();if(this.expanded&&this.el.shadowRoot.activeElement===this.triggerRef){this.togglePopper()}break;case"Escape":if(this.expanded){e.preventDefault();e.stopImmediatePropagation();this.togglePopper()}break;case"Tab":if(this.expanded&&document.activeElement.closest('[role="listbox"]')===this.listboxRef){e.preventDefault();e.stopImmediatePropagation()}break;default:if(this.expanded){e.stopImmediatePropagation();e.preventDefault();this.typeAheadHandler.typeAhead(e.key)}}}handleClickOutside(e){const l="composedPath"in e?e.composedPath().at(0):e.target;if(e.isTrusted&&n("ld-select",l)!==this.el&&n('[role="listbox"]',l)!==this.listboxRef){this.expanded=false;this.resetFilter()}}handleTouchOutside(e){this.handleClickOutside(e)}componentWillLoad(){const e=this.el.closest("form");if(this.name&&(e||this.form)){this.renderHiddenInput=true}const l=this.el.querySelector("ld-icon");this.hasCustomIcon=!!l;if(l){l.setAttribute("size",this.size)}this.initOptions();if(this.renderHiddenInput){this.updateSelectedHiddenInputs(this.selected)}r(this.autofocus)}componentDidLoad(){setTimeout((()=>{this.initSlotChangeObserver();this.typeAheadHandler=new o(this.listboxRef.querySelectorAll("ld-option-internal"));this.initialized=true}))}componentDidUpdate(){if(this.expanded){this.updatePopper()}}disconnectedCallback(){if(this.popperObserver)this.popperObserver.disconnect();if(this.popper)this.popper.destroy();if(this.slotChangeObserver)this.slotChangeObserver.disconnect();if(this.listboxRef)this.listboxRef.remove();if(this.typeAheadHandler)this.typeAheadHandler.clearTimeout()}render(){var e,i,s;const d=!!this.mode;const r=this.mode==="inline"||this.mode==="ghost";const n=!this.multiple&&this.mode==="ghost";const o=["ld-select",this.disabled&&"ld-select--disabled",this.size&&`ld-select--${this.size}`,this.invalid&&"ld-select--invalid",this.expanded&&"ld-select--expanded",d&&"ld-select--detached",r&&"ld-select--inline",n&&"ld-select--ghost"];const b=["ld-select__btn-trigger",this.invalid&&"ld-select__btn-trigger--invalid",d&&"ld-select__btn-trigger--detached",r&&"ld-select__btn-trigger--inline",n&&"ld-select__btn-trigger--ghost"];const p=["ld-select__icon",this.expanded&&"ld-select__icon--rotated"];const v=this.multiple?this.placeholder:((e=this.selected[0])===null||e===void 0?void 0:e.html)||this.placeholder;const f=this.multiple?this.placeholder:((i=this.selected[0])===null||i===void 0?void 0:i.text)||this.placeholder;return l(t,null,l("div",{class:a(o),"aria-disabled":this.isDisabled()?"true":undefined,part:"root",onBlur:this.handleFocusEvent,onFocusout:this.handleFocusEvent,style:this.expanded?{zIndex:"2147483647"}:undefined},this.renderHiddenInput&&l("slot",{name:"hidden"}),l("div",{class:"ld-select__slot-container",part:"slot-container"},l("slot",null)),l("div",{class:"ld-select__select",part:"select",ref:e=>this.selectRef=e},l("div",{class:a(b),role:"button",part:"btn-trigger focusable",tabindex:this.disabled&&!c(this.ariaDisabled)?undefined:this.ldTabindex,"aria-disabled":this.isDisabled()?"true":undefined,"aria-haspopup":"listbox","aria-expanded":this.expanded?"true":"false","aria-label":f,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},this.multiple&&this.selected.length?l("div",{class:"ld-select__selection-list-container",part:"selection-list-container"},l("ul",{class:"ld-select__selection-list",part:"selection-list","aria-label":"Selected options",ref:e=>this.selectionListRef=e,style:{maxHeight:this.maxRows&&this.maxRows>0?`${this.maxRows*1.75}rem`:undefined}},this.selected.map(((e,t)=>l("li",{key:t,class:"ld-select__selection-list-item",style:{order:t+1+""},part:"selection-list-item"},l("label",{class:"ld-select__selection-label"},l("span",{class:"ld-select__selection-label-text",title:e.text,part:"selection-label-text",innerHTML:h(e.html,this.sanitizeConfig)}),l("button",{disabled:this.isDisabled()?true:undefined,class:"ld-select__btn-clear-single",part:"btn-clear-single focusable",onClick:l=>{this.handleClearSingleClick.call(this,l,e.value)}},l("svg",{class:"ld-select__btn-clear-single-icon",part:"icon-clear-single",fill:"none",viewBox:"0 0 12 12"},l("title",null,"Clear"),l("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M2 2l8 8M2 10l8-8"}))),l("span",{class:"ld-select__selection-label-bg",part:"selection-label-bg"}))))))):l("span",{class:"ld-select__btn-trigger-text-wrapper",title:f,part:"trigger-text-wrapper"},l("span",{class:"ld-select__btn-trigger-text",part:"trigger-text",innerHTML:h(v,this.sanitizeConfig)})),((s=this.selected)===null||s===void 0?void 0:s.length)&&this.multiple?l("button",{class:"ld-select__btn-clear",disabled:this.isDisabled()?true:undefined,onClick:this.handleClearClick,ref:e=>this.btnClearRef=e,part:"btn-clear focusable"},l("svg",{class:"ld-select__btn-clear-icon",fill:"none",viewBox:"0 0 21 20",part:"icon-clear"},l("title",null,"Clear all"),l("path",{fill:"currentColor","fill-rule":"evenodd",d:"M10 20a10 10 0 100-20 10 10 0 000 20z","clip-rule":"evenodd"}),l("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6.67 6.67l6.67 6.66M6.67 13.33l6.67-6.66"}))):"",l("slot",{name:"icon"}),!this.hasCustomIcon&&l("svg",{class:a(p),role:"presentation",viewBox:"0 0 16 16",part:"trigger-icon"},l("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3",d:"M3 6l5 4 5-4"})))),l("ld-select-popper",{allOptionsFiltered:this.allOptsFiltered,creatable:this.creatable,createButtonLabel:this.createButtonLabel,createInputLabel:this.createInputLabel,detached:d,expanded:this.expanded,filter:this.filter,filterMatchesOption:this.filterMatchesOpt,filterPlaceholder:this.filterPlaceholder,onBlur:this.handleFocusEvent,onFocusout:this.handleFocusEvent,onLdselectfilterchange:this.handleFilterChange,onLdselectfiltercreate:this.handleFilterCreate,popperClass:this.popperClass,ref:e=>this.listboxRef=e,role:"listbox",size:this.size,theme:this.theme},l("div",{ref:e=>this.internalOptionsContainerRef=e,innerHTML:h(this.internalOptionsHTML,Object.assign(Object.assign({},typeof this.sanitizeConfig==="string"?JSON.parse(this.sanitizeConfig):this.sanitizeConfig),{ADD_ATTR:["prevent-deselection"]})),part:"options-container"}))))}get el(){return i(this)}static get watchers(){return{selected:["emitEventsAndUpdateHidden"],name:["updateHiddenInputs"],form:["updateHiddenInputs"]}}};m.style=g;const x=":host{--ld-select-popper-min-width:12.8125rem;--ld-select-popper-max-height:min(23.75rem,75vh - 1.25rem);--ld-select-popper-border-col:var(--ld-col-neutral-100);min-width:var(--ld-select-popper-min-width)}.ld-select-popper{min-width:100%}.ld-select-popper:not(.ld-select-popper--expanded){display:none}.ld-select-popper ::slotted(.ld-select__shadow){border-radius:var(--ld-br-m);box-shadow:var(--ld-shadow-sticky);display:block;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.ld-select-popper__scroll-container{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m);border-top:solid var(--ld-select-popper-border-col) var(--ld-sp-1);max-height:var(--ld-select-popper-max-height);overflow-y:auto;overscroll-behavior:contain}.ld-select-popper--detached:not(.ld-select-popper--filter) .ld-select-popper__scroll-container,.ld-select-popper--pinned:not(.ld-select-popper--filter) .ld-select-popper__scroll-container{border-radius:var(--ld-br-m);border-top:0}.ld-select-popper--all-filtered .ld-select-popper__scroll-container{border-top:0}.ld-select-popper__shadow{border-radius:var(--ld-br-m);bottom:0;box-shadow:var(--ld-shadow-sticky);height:calc(100% + var(--ld-select-min-height-md));pointer-events:none;position:absolute;width:100%;z-index:-1}.ld-select-popper--detached .ld-select-popper__shadow{height:100%!important}.ld-select-popper__filter-container{align-items:center;background-color:var(--ld-col-wht);border-top:solid var(--ld-col-neutral-100) var(--ld-sp-1);color:var(--ld-col-neutral-900);display:grid;font:var(--ld-typo-label-m);grid-template-columns:1fr auto}.ld-select-popper--detached .ld-select-popper__filter-container,.ld-select-popper--pinned .ld-select-popper__filter-container{border-top:0;border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-select-popper--all-filtered .ld-select-popper__filter-container{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}.ld-select-popper__create-button{font:var(--ld-typo-label-s);line-height:var(--ld-select-trigger-line-height);margin-right:var(--ld-sp-8)}.ld-select-popper__create-button::part(button){--ld-button-padding-x-sm:var(--ld-sp-6);--ld-button-padding-y-sm:var(--ld-sp-4);min-height:0;min-width:0}.ld-select-popper__filter-input{-webkit-appearance:none;appearance:none;background-color:initial;border:0;box-sizing:border-box;color:inherit;font:inherit;height:2.5rem;line-height:var(--ld-select-trigger-line-height);outline:none;padding:var(--ld-sp-8) var(--ld-sp-12);width:100%}.ld-select-popper__filter-input::placeholder{color:var(--ld-col-neutral-600)}.ld-select-popper--detached .ld-select-popper__filter-input,.ld-select-popper--pinned .ld-select-popper__filter-input{border-top:0;border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}";const y=class{constructor(l){e(this,l);this.ldselectfilterchange=s(this,"ldselectfilterchange",7);this.ldselectfiltercreate=s(this,"ldselectfiltercreate",7);this.handleFilterInput=e=>{this.filterInputValue=e.target.value;this.ldselectfilterchange.emit(e.target.value)};this.handleCreate=e=>{e.preventDefault();const l=this.filterInputValue;this.filterInputValue="";this.ldselectfiltercreate.emit(l)};this.allOptionsFiltered=undefined;this.class=undefined;this.creatable=undefined;this.createInputLabel=undefined;this.createButtonLabel=undefined;this.detached=undefined;this.expanded=false;this.filter=undefined;this.filterMatchesOption=undefined;this.filterPlaceholder=undefined;this.popperClass=undefined;this.size=undefined;this.theme=undefined;this.isPinned=false;this.shadowHeight="100%";this.filterInputValue="";this.canCreate=false}updateCanCreate(){this.canCreate=Boolean(this.creatable&&!this.filterMatchesOption&&this.filterInputValue)}updatePinnedState(){this.isPinned=this.el.classList.contains("ld-tether-pinned")}updatePopperTheme(e,l){this.el.classList.remove(`ld-theme-${l}`);if(e)this.el.classList.add(`ld-theme-${e}`)}updateFilter(e){if(!e){this.resetFilter()}}async updateShadowHeight(e){this.shadowHeight=e}async resetFilter(){this.filterInputValue=""}componentWillLoad(){this.popperClass&&this.el.classList.add(this.popperClass)}render(){return l(t,{style:{zIndex:this.isPinned?"2147483647":"2147483646",display:this.expanded?"block":"none"}},l("div",{class:a(["ld-select-popper",this.detached&&"ld-select-popper--detached",this.expanded&&"ld-select-popper--expanded",this.filter&&"ld-select-popper--filter",this.allOptionsFiltered&&"ld-select-popper--all-filtered",this.isPinned&&"ld-select-popper--pinned",this.size&&`ld-select-popper--${this.size}`]),part:"popper"},this.filter&&l("div",{class:"ld-select-popper__filter-container"},l("input",{"aria-haspopup":this.allOptionsFiltered?undefined:"listbox","aria-label":this.canCreate?this.createInputLabel:undefined,type:"text",placeholder:this.filterPlaceholder,class:"ld-select-popper__filter-input",part:"filter-input focusable",onInput:this.handleFilterInput}),this.canCreate&&l("ld-button",{onClick:this.handleCreate,size:"sm",class:"ld-select-popper__create-button","aria-label":this.createButtonLabel},l("ld-icon",{class:"ld-select-popper__create-icon",role:"presentation",size:"sm"},l("svg",{viewBox:"-1 -1 24 24",fill:"none"},l("path",{d:"M2.5 11h17M11 19.5v-17",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"}))))),l("div",{class:"ld-select-popper__scroll-container",part:"popper-scroll-container"},l("slot",null),l("div",{class:"ld-select-popper__shadow",style:{height:this.isPinned?"100%":this.shadowHeight},part:"shadow"}))))}get el(){return i(this)}static get watchers(){return{creatable:["updateCanCreate"],filterMatchesOption:["updateCanCreate"],filterInputValue:["updateCanCreate"],class:["updatePinnedState"],theme:["updatePopperTheme"],expanded:["updateFilter"]}}};y.style=x;export{p as ld_option,m as ld_select,y as ld_select_popper}; +//# sourceMappingURL=p-236dbb56.entry.js.map \ No newline at end of file diff --git a/dist/build/p-d2ce627c.entry.js.map b/1704966176737/dist/build/p-236dbb56.entry.js.map similarity index 99% rename from dist/build/p-d2ce627c.entry.js.map rename to 1704966176737/dist/build/p-236dbb56.entry.js.map index 54138832bc..db8e9b2ff1 100644 --- a/dist/build/p-d2ce627c.entry.js.map +++ b/1704966176737/dist/build/p-236dbb56.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldOptionShadowCss","LdOption","componentWillLoad","this","selected","el","setAttribute","render","h","Host","isLdOption","includes","tagName","isLdOptgroup","isLdOptionInternal","isLdOptgroupInternal","isLdOptInternalHidden","opt","hidden","filtered","ldSelectCss","LdSelect","isObserverEnabled","optionSelectListenerEnabled","isDisabled","disabled","isAriaDisabled","ariaDisabled","updateTriggerMoreIndicator","refresh","multiple","maxRows","hasMore","requestAnimationFrame","selectionListRef","selectionListItems","Array","from","querySelectorAll","_a","querySelector","remove","forEach","classList","isOverflowing","moreItem","document","createElement","add","prepend","maxOffset","overflowingTotal","overflowing","offsetTop","hideLastVisibleIfMoreIndicatorOverflowing","innerText","notOverflowing","lastNotOverflowing","slice","updatePopperWidth","listboxRef","style","setProperty","selectRef","getBoundingClientRect","width","updatePopperShadowHeight","ldPopper","updateShadowHeight","triggerRef","height","updatePopperTheme","themeEl","closest","setTimeout","theme","toString","split","find","cl","startsWith","substring","updatePopper","popper","initPopper","position","customTetherOptions","tetherOptions","JSON","parse","Object","assign","classPrefix","element","target","attachment","targetAttachment","offset","mode","constraints","to","pin","Tether","initPopperObserver","getOptsRec","children","options","flatMap","child","getInternalOptionHTML","ldOption","optgroupDisabled","classStr","size","preventDeselection","value","innerHTML","replaceAll","getInternalOptgroupHTML","ldOptgroup","label","map","join","initOptions","initialized","internalOptionsContainerRef","length","TypeError","selectedOptions","filter","internalOptionsHTML","html","text","typeAheadHandler","updateSelectedHiddenInputs","selectedValues","inputs","hiddenInput","index","indexOf","splice","appendHiddenInput","name","type","undefined","appendChild","handleSlotChange","mutationsList","some","record","oldValues","newValues","emitEventsAndUpdateHidden","handlePopperChange","contains","mutation","oldValue","toFocus","hasAttribute","shadowRoot","getFilterInput","focus","initSlotChangeObserver","slotChangeObserver","MutationObserver","observe","subtree","childList","attributes","popperObserver","attributeFilter","attributeOldValue","togglePopper","expanded","enable","disable","focusInner","clearSelection","option","handleHome","ev","preventDefault","handleEnd","visibleOptions","activeElement","selectAndFocus","shiftKey","dispatchEvent","KeyboardEvent","key","handleFilterChange","opts","query","detail","trim","toLowerCase","allFiltered","filterMatchesOpt","filteredOpts","optTextLower","textContent","Boolean","allOptsFiltered","handleFilterCreate","resetFilter","ldoptioncreate","emit","canCreate","creatable","focusPrev","current","previousElementSibling","lastInOptgroup","at","closestOptgroup","focusNext","firstInOptgroup","nextElementSibling","next","filterInput","handleFocusEvent","relatedTarget","stopImmediatePropagation","handleTriggerClick","handleClearClick","handleClearSingleClick","optionValue","selection","focusVisible","newSelection","oldSelection","stringify","renderHiddenInput","InputEvent","bubbles","composed","ldchange","ldinput","scrollHeight","clientHeight","updateHiddenInputs","hiddenInputs","outerForm","form","handleWindowResize","handleSelect","handleKeyDown","metaKey","filterHasFocus","btnClearRef","nextOpt","typeAhead","handleClickOutside","composedPath","isTrusted","handleTouchOutside","customIcon","hasCustomIcon","registerAutofocus","autofocus","componentDidLoad","TypeAheadHandler","componentDidUpdate","disconnectedCallback","disconnect","destroy","clearTimeout","detached","inline","ghost","invalid","triggerCl","triggerIconCl","triggerHtml","placeholder","triggerText","_b","class","getClassNames","part","onBlur","onFocusout","zIndex","ref","role","tabindex","ldTabindex","onClick","maxHeight","order","title","sanitize","sanitizeConfig","call","fill","viewBox","stroke","d","_c","allOptionsFiltered","createButtonLabel","createInputLabel","filterMatchesOption","filterPlaceholder","onLdselectfilterchange","onLdselectfiltercreate","popperClass","ADD_ATTR","ldSelectPopperShadowCss","LdSelectPopper","handleFilterInput","filterInputValue","ldselectfilterchange","handleCreate","ldselectfiltercreate","updateCanCreate","updatePinnedState","isPinned","newValue","updateFilter","newExpanded","shadowHeight","display","onInput"],"sources":["../src/liquid/components/ld-select/ld-option/ld-option.shadow.css?tag=ld-option&encapsulation=shadow","../src/liquid/components/ld-select/ld-option/ld-option.tsx","../src/liquid/components/ld-select/utils/type-guards.ts","../src/liquid/components/ld-select/ld-select.css?tag=ld-select&encapsulation=shadow","../src/liquid/components/ld-select/ld-select.tsx","../src/liquid/components/ld-select/ld-select-popper/ld-select-popper.shadow.css?tag=ld-select-popper&encapsulation=shadow","../src/liquid/components/ld-select/ld-select-popper/ld-select-popper.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop, Element } from '@stencil/core'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-option',\n styleUrl: 'ld-option.shadow.css',\n shadow: true,\n})\nexport class LdOption {\n @Element() el: HTMLElement\n\n /**\n * The content of this attribute represents the value to be submitted with the form,\n * should this option be selected. If this attribute is omitted, the value is taken\n * from the text content of the option element.\n */\n @Prop() value?: string\n\n /** If present, this boolean attribute indicates that the option is selected. */\n @Prop() selected?: boolean\n\n /** Disables the option. */\n @Prop() disabled?: boolean\n\n /**\n * @internal\n * Set to true on filtering via select input.\n */\n @Prop() filtered? = false\n\n componentWillLoad() {\n // Setting selected via prop directly triggers the mutation observer to fire twice on attribute chage.\n // This is indeed only true for the selected attribute. The disabled attribute works fine when assigned directly.\n if (this.selected) {\n this.el.setAttribute('selected', '')\n }\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n","export const isLdOption = (\n el: HTMLElement | Node | EventTarget\n): el is HTMLLdOptionElement | HTMLLdOptionInternalElement =>\n ['LD-OPTION', 'LD-OPTION-INTERNAL'].includes((el as HTMLElement)?.tagName)\n\nexport const isLdOptgroup = (\n el: HTMLElement | Node | EventTarget\n): el is HTMLLdOptgroupElement | HTMLLdOptgroupInternalElement =>\n ['LD-OPTGROUP', 'LD-OPTGROUP-INTERNAL'].includes((el as HTMLElement)?.tagName)\n\nexport const isLdOptionInternal = (\n el: HTMLElement | Node | EventTarget\n): el is HTMLLdOptionInternalElement =>\n ['LD-OPTION-INTERNAL'].includes((el as HTMLElement)?.tagName)\n\nexport const isLdOptgroupInternal = (\n el: HTMLElement | Node | EventTarget\n): el is HTMLLdOptgroupInternalElement =>\n ['LD-OPTGROUP-INTERNAL'].includes((el as HTMLElement)?.tagName)\n\ntype HTMLLdOptInternal =\n | HTMLLdOptionInternalElement\n | HTMLLdOptgroupInternalElement\nexport const isLdOptInternalHidden = (\n opt: HTMLLdOptInternal\n): opt is\n | (HTMLLdOptInternal & {\n hidden: true\n })\n | (HTMLLdOptInternal & {\n filtered: true\n }) => {\n return opt.hidden || opt.filtered\n}\n",":host {\n display: inline-flex;\n\n .ld-select {\n flex-grow: 1;\n max-width: 100%;\n }\n}\n\n:host,\n.ld-select {\n /* reset */\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n ul {\n list-style: none;\n }\n}\n\n.ld-select {\n /* layout */\n --ld-select-min-width: 12.8125rem;\n --ld-select-min-height: var(--ld-sp-40);\n --ld-select-min-height-sm: var(--ld-sp-32);\n --ld-select-min-height-lg: 3.125rem;\n --ld-select-padding-x: var(--ld-sp-12);\n --ld-select-padding-x-sm: 0.625rem;\n --ld-select-padding-x-lg: 0.875rem;\n --ld-select-padding-y: var(--ld-sp-8);\n --ld-select-padding-y-sm: var(--ld-sp-4);\n --ld-select-padding-y-lg: var(--ld-sp-8);\n --ld-select-padding-right: calc(var(--ld-sp-40) + var(--ld-sp-12));\n --ld-select-padding-right-sm: calc(var(--ld-sp-40) + 0.625rem);\n --ld-select-padding-right-lg: calc(var(--ld-sp-40) + 0.875rem);\n --ld-select-icon-size: 1.25rem;\n --ld-select-icon-size-sm: var(--ld-sp-16);\n --ld-select-icon-size-lg: var(--ld-sp-24);\n --ld-select-trigger-line-height: 1.25;\n\n &--sm {\n --ld-select-min-height: var(--ld-select-min-height-sm);\n --ld-select-padding-x: var(--ld-select-padding-x-sm);\n --ld-select-padding-y: var(--ld-select-padding-y-sm);\n --ld-select-padding-right: var(--ld-select-padding-right-sm);\n --ld-select-icon-size: var(--ld-select-icon-size-sm);\n }\n\n &--lg {\n --ld-select-min-height: var(--ld-select-min-height-lg);\n --ld-select-padding-x: var(--ld-select-padding-x-lg);\n --ld-select-padding-y: var(--ld-select-padding-y-lg);\n --ld-select-padding-right: var(--ld-select-padding-right-lg);\n --ld-select-icon-size: var(--ld-select-icon-size-lg);\n }\n\n /* colors */\n --ld-select-col: var(--ld-col-neutral-900);\n --ld-select-col-disabled: var(--ld-col-neutral-100);\n --ld-select-col-border: var(--ld-col-neutral-100);\n --ld-select-col-border-hover: var(--ld-col-neutral-300);\n --ld-select-bg-col: var(--ld-col-wht);\n --ld-select-selection-col: var(--ld-col-wht);\n\n /* themable colors */\n --ld-select-invalid-col: var(--ld-thm-error);\n --ld-select-invalid-icon-col-hover: var(--ld-thm-error-hover);\n --ld-select-invalid-icon-col-focus: var(--ld-thm-error-focus);\n --ld-select-invalid-icon-col-active: var(--ld-thm-error-active);\n --ld-select-invalid-disabled-bg-col: var(--ld-thm-error-disabled);\n --ld-select-thm-col: var(--ld-thm-primary);\n --ld-select-thm-col-hover: var(--ld-thm-primary-hover);\n --ld-select-thm-col-focus: var(--ld-thm-primary-focus);\n --ld-select-thm-col-active: var(--ld-thm-primary-active);\n --ld-select-ghost-trigger-bg-col-hover: var(--ld-thm-primary-alpha-lowest);\n --ld-select-ghost-trigger-bg-col-focus: var(--ld-thm-primary-alpha-low);\n\n display: inline-flex;\n position: relative;\n\n select + .ld-icon,\n ::slotted(ld-icon) {\n width: var(--ld-select-icon-size);\n height: var(--ld-select-icon-size);\n }\n\n ::slotted(ld-icon) {\n display: contents !important;\n }\n\n select {\n + .ld-icon,\n + .ld-select__icon {\n position: absolute;\n right: var(--ld-select-padding-x);\n top: 50%;\n transform: translateY(-50%);\n }\n\n &[multiple] + .ld-icon,\n &[multiple] + .ld-select__icon {\n display: none;\n }\n\n + .ld-icon {\n width: var(--ld-select-icon-size);\n height: var(--ld-select-icon-size);\n }\n }\n\n > select[multiple] {\n overflow: auto;\n }\n}\n\n/* Mobile Safari (iOS only) */\n/* stylelint-disable-next-line media-feature-range-notation, media-feature-name-no-vendor-prefix */\n@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {\n .ld-select > select[multiple] {\n padding-right: calc(var(--ld-select-padding-x) + var(--ld-sp-24));\n\n + .ld-icon,\n + .ld-select__icon {\n display: flex;\n }\n }\n}\n\n.ld-select--expanded {\n .ld-tether-target-attached-bottom {\n .ld-select__btn-trigger:not(.ld-select__btn-trigger--detached) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n}\n\n:where(.ld-select:not(.ld-select--inline, .ld-select--ghost)) {\n min-width: var(--ld-select-min-width);\n}\n\n.ld-select__select,\n.ld-select__btn-trigger {\n width: 100%;\n}\n\n.ld-select > select,\n.ld-select__btn-trigger {\n /* outline: none; */\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n font: var(--ld-typo-body-m);\n line-height: var(--ld-select-trigger-line-height);\n border: 0;\n padding: var(--ld-select-padding-y) var(--ld-select-padding-x);\n border-radius: var(--ld-br-m);\n height: 100%;\n user-select: none;\n touch-action: manipulation;\n color: var(--ld-select-col);\n background-color: var(--ld-select-bg-col);\n text-align: left;\n appearance: none;\n -webkit-touch-callout: none;\n\n &:where(select) {\n width: 100%;\n }\n\n &:where(select:not([multiple])) {\n padding-right: calc(var(--ld-select-padding-x) + var(--ld-sp-24));\n }\n\n &:where(\n select:not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ),\n &:where(\n .ld-select__btn-trigger:not(\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n cursor: pointer;\n }\n\n &:where([aria-expanded='true']) {\n z-index: 2;\n\n &:not(:focus:focus-visible, .ld-select__btn-trigger--detached) {\n box-shadow: none;\n }\n }\n\n &:disabled,\n &:disabled + .ld-select__icon,\n &:disabled + .ld-icon,\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ),\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n )\n + .ld-select__icon,\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n )\n + .ld-icon {\n color: var(--ld-select-col-disabled);\n }\n}\n\n.ld-select__btn-trigger {\n overflow: hidden;\n}\n\n:where(.ld-select),\n:where(.ld-select) > select {\n min-height: var(--ld-select-min-height);\n}\n\n.ld-select--ghost {\n &:not(ld-select),\n select,\n .ld-select__btn-trigger {\n background-color: transparent;\n }\n\n select,\n .ld-select__btn-trigger {\n &:not(:focus) {\n box-shadow: none;\n }\n }\n}\n\n.ld-select:where(:not(.ld-select--ghost)) {\n &:where(.ld-select--detached),\n &:where(:not(.ld-select--detached, .ld-select--expanded)) {\n :where(select),\n :where(.ld-select__btn-trigger) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border);\n }\n }\n\n &:where(:not(.ld-select--invalid)) {\n select,\n .ld-select__btn-trigger {\n &:where(\n .ld-select__btn-trigger--detached:not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ),\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n .ld-select__btn-trigger--detached,\n [aria-expanded='true']\n )\n ) {\n @media (hover: hover) {\n &:hover:not(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2)\n var(--ld-select-col-border-hover);\n }\n }\n }\n }\n }\n}\n\n.ld-select--invalid > select,\n.ld-select--invalid .ld-select__btn-trigger--invalid {\n &:where(:not(:disabled)) {\n &:where(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col);\n }\n }\n\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n &:where(:not(:focus:focus-visible)) {\n background-color: var(--ld-select-invalid-disabled-bg-col);\n color: var(--ld-select-invalid-col);\n }\n\n &:where(:not(.ld-select__btn-trigger--ghost)) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col);\n }\n\n + .ld-icon,\n + .ld-select__icon,\n .ld-select__icon {\n color: var(--ld-select-invalid-col);\n }\n\n @media (hover: hover) {\n &:hover {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col);\n\n + .ld-icon,\n + .ld-select__icon,\n .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-invalid-icon-col-hover);\n }\n }\n }\n &:where(:focus:focus-visible) {\n + .ld-icon,\n + .ld-select__icon,\n .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-invalid-icon-col-focus);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n + .ld-icon,\n + .ld-select__icon,\n .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-invalid-icon-col-active);\n }\n }\n }\n}\n\n.ld-select__btn-trigger-text-wrapper,\n.ld-select__selection-list {\n flex-grow: 1;\n}\n\n.ld-select__btn-trigger-text-wrapper {\n font: var(--ld-typo-label-m);\n line-height: var(--ld-select-trigger-line-height);\n padding: var(--ld-sp-6) var(--ld-sp-8) var(--ld-sp-6) 0;\n height: calc(100% + var(--ld-sp-12));\n margin: calc(-1 * var(--ld-sp-6)) 0;\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n\n.ld-select > select,\n.ld-select__btn-trigger-text,\n.ld-select__selection-label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ld-select__selection-list-container {\n display: flex;\n flex-direction: column-reverse;\n gap: var(--ld-sp-6);\n margin-right: auto;\n}\n\n.ld-select__selection-list {\n display: flex;\n flex-wrap: wrap;\n margin: calc(-1 * var(--ld-sp-1)) var(--ld-sp-4) calc(-1 * var(--ld-sp-4)) 0;\n overflow: hidden;\n padding: 0;\n}\n\n.ld-select__selection-list-item {\n flex: 0 1;\n margin-right: var(--ld-sp-4);\n margin-bottom: var(--ld-sp-4);\n width: 100%;\n}\n\n.ld-select__selection-list-item--overflowing {\n display: none;\n}\n\n.ld-select__selection-list-more {\n order: 2147483647; /* Highest possible */\n display: inline-flex;\n align-items: center;\n font: var(--ld-typo-label-s);\n font-weight: 700;\n padding: var(--ld-sp-4) var(--ld-sp-6);\n border-radius: var(--ld-br-m);\n margin-right: var(--ld-sp-4);\n margin-bottom: var(--ld-sp-4);\n}\n\n.ld-select__btn-clear-single,\n.ld-select__btn-clear {\n /* outline: none; */\n border: 0;\n padding: 0;\n border-radius: var(--ld-br-full);\n user-select: none;\n touch-action: manipulation;\n background-color: transparent;\n line-height: 0;\n -webkit-touch-callout: none;\n\n &:not(:disabled) {\n cursor: pointer;\n }\n}\n\n.ld-select__btn-clear {\n margin-right: var(--ld-sp-6);\n flex-shrink: 0;\n\n &:disabled {\n color: var(--ld-select-col-disabled);\n }\n}\n\n.ld-select__btn-clear-single {\n z-index: 1;\n margin-left: var(--ld-sp-6);\n}\n\n.ld-select__selection-label {\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n color: var(--ld-select-selection-col);\n font: var(--ld-typo-label-s);\n font-weight: 700;\n padding: var(--ld-sp-4) var(--ld-sp-6);\n}\n\n.ld-select__selection-label-bg {\n position: absolute;\n inset: 0;\n border-radius: var(--ld-br-m);\n\n :where(\n .ld-select__btn-trigger[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n & {\n background-color: var(--ld-select-col-disabled);\n }\n}\n\n.ld-select__selection-label-text {\n z-index: 1;\n}\n\n.ld-select__btn-clear-single-icon {\n --ld-select-btn-clear-single-size: 0.75rem;\n width: var(--ld-select-btn-clear-single-size);\n height: var(--ld-select-btn-clear-single-size);\n}\n\n.ld-select__btn-clear-icon {\n --ld-select-btn-clear-size: 1.25rem;\n width: var(--ld-select-btn-clear-size);\n height: var(--ld-select-btn-clear-size);\n}\n\n.ld-select__icon {\n fill: none;\n width: var(--ld-sp-16);\n height: var(--ld-sp-16);\n}\n\n.ld-select select + .ld-icon,\n.ld-select__icon,\n.ld-select ::slotted(ld-icon) {\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n\n :where(\n select[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n &,\n :where(select:disabled) &,\n :where(\n .ld-select__btn-trigger[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n & {\n color: var(--ld-select-col-disabled);\n }\n\n .ld-icon,\n svg {\n width: 100%;\n height: 100%;\n }\n}\n\n.ld-select__icon--rotated {\n transform-origin: center;\n transform: rotate(180deg);\n}\n\n.ld-select__slot-container {\n display: none;\n}\n\n:where(\n .ld-select:not(.ld-select--disabled, [aria-disabled], .ld-select--invalid)\n ) {\n .ld-select__btn-trigger {\n &:where(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col);\n }\n }\n\n &.ld-select--ghost {\n :where(select:not(:disabled)),\n :where(.ld-select__btn-trigger) {\n @media (hover: hover) {\n &:hover:not(:focus) {\n background-color: var(--ld-select-ghost-trigger-bg-col-hover);\n }\n }\n &:active,\n &:active:focus-visible {\n background-color: var(--ld-select-ghost-trigger-bg-col-focus);\n }\n }\n }\n\n :where(select:not(:disabled)),\n :where(.ld-select__btn-trigger) {\n .ld-select__icon,\n + .ld-icon,\n + .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-thm-col);\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n .ld-select__icon,\n + .ld-icon,\n + .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-thm-col-hover);\n }\n }\n }\n &:where(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col);\n\n .ld-select__icon,\n + .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-thm-col-focus);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n .ld-select__icon,\n + .ld-icon,\n + .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-thm-col-active);\n }\n }\n }\n}\n\n:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) {\n :where(select:not(:disabled)),\n :where(.ld-select__btn-trigger) {\n &:where(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col);\n }\n }\n}\n\n:where(\n .ld-select:not(\n .ld-select--disabled,\n [aria-disabled],\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n )\n ) {\n .ld-select__selection-list-more {\n color: var(--ld-select-thm-col);\n }\n .ld-select__selection-label-bg {\n background-color: var(--ld-select-thm-col);\n }\n\n .ld-select__btn-clear-single {\n &:where(:focus:focus-visible) + .ld-select__selection-label-bg {\n background-color: var(--ld-select-thm-col-focus);\n }\n\n &:where(:active),\n &:where(:active:focus-visible) {\n + .ld-select__selection-label-bg {\n background-color: var(--ld-select-thm-col-active);\n }\n }\n }\n\n .ld-select__btn-clear {\n color: var(--ld-select-thm-col);\n\n &:where(:focus:focus-visible) {\n color: var(--ld-select-thm-col-focus);\n }\n @media (hover: hover) {\n &:where(:hover) {\n color: var(--ld-select-thm-col-hover);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n color: var(--ld-select-thm-col-active);\n }\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Event,\n Listen,\n Prop,\n State,\n Watch,\n EventEmitter,\n Method,\n} from '@stencil/core'\nimport Tether from 'tether'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { closest } from '../../utils/closest'\nimport { TypeAheadHandler } from '../../utils/typeahead'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\nimport { sanitize } from '../../utils/sanitize'\nimport {\n isLdOptgroup,\n isLdOptgroupInternal,\n isLdOption,\n isLdOptionInternal,\n isLdOptInternalHidden,\n} from './utils/type-guards'\n\ntype SelectOption = { value: string; html: string; text: string }\n\n/**\n * @slot - the default slot contains the select options\n * @slot icon - replaces caret with custom trigger button icon\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-select',\n styleUrl: 'ld-select.css',\n shadow: true,\n})\nexport class LdSelect implements InnerFocusable {\n @Element() el: HTMLLdSelectElement\n private selectRef!: HTMLDivElement\n private triggerRef!: HTMLDivElement\n private selectionListRef!: HTMLUListElement\n private internalOptionsContainerRef!: HTMLDivElement\n private listboxRef!: HTMLLdSelectPopperElement\n private btnClearRef: HTMLButtonElement\n private popper: Tether\n private slotChangeObserver: MutationObserver\n private popperObserver: MutationObserver\n private isObserverEnabled = true\n private optionSelectListenerEnabled = true\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /**\n * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n * Only one form element in a document can have the autofocus attribute.\n */\n @Prop({ reflect: true }) autofocus: boolean\n\n /**\n * Creatable mode can be enabled when the filter prop is set to true.\n * This mode allows the user to create new options using the filter input field.\n */\n @Prop() creatable?: boolean\n\n /** The \"create\" input label (creatable mode). */\n @Prop() createInputLabel? = 'Press Enter to create option'\n\n /** The \"create\" button label (creatable mode). */\n @Prop() createButtonLabel? = 'Create option'\n\n /** Disabled state of the component. */\n @Prop() disabled?: boolean\n\n /** The form element to associate the select with (its form owner). */\n @Prop() form?: string\n\n /** Set this property to `true` in order to enable an input field for filtering options. */\n @Prop() filter?: boolean\n\n /** The filter input placeholder. */\n @Prop() filterPlaceholder? = 'Filter options'\n\n /** Set this property to `true` in order to mark the select visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the trigger button. */\n @Prop() ldTabindex = 0\n\n /** Constrains the height of the trigger button by replacing overflowing selection with a \"+X more\" indicator. */\n @Prop({ mutable: true }) maxRows?: number\n\n // prettier-ignore\n /** Display mode. */\n @Prop() mode?:\n // default\n | 'detached' // = default + small gap between trigger button and popper\n | 'inline' // = detached + minumum trigger button width\n | 'ghost' // = inline + transparent background and borders\n\n /** Multiselect mode. */\n @Prop() multiple?: boolean\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** Used as trigger button label in multiselect mode and in single select mode if nothing is selected. */\n @Prop() placeholder?: string\n\n /** Attached as CSS class to the select popper element. */\n @Prop() popperClass?: string\n\n /** Prevents a state with no options selected after initial selection in single select mode. */\n @Prop() preventDeselection?: boolean\n\n /** A Boolean attribute indicating that an option with a non-empty string value must be selected. */\n @Prop() required?: boolean\n\n /**\n * Sanitize config passed to DOMPurify's sanitize method.\n * If passed as string, the component will try to parse the string as JSON.\n * See https://github.com/cure53/DOMPurify#can-i-configure-dompurify\n */\n @Prop() sanitizeConfig?: SanitizeConfig | string\n\n /** Currently selected option(s) (read only!) */\n @Prop({ mutable: true }) selected?: SelectOption[] = []\n\n /** Size of the select trigger button. */\n @Prop() size?: 'sm' | 'lg'\n\n /** Tether options object to be merged with the default options (optionally stringified). */\n @Prop() tetherOptions?: Partial | string\n\n @State() allOptsFiltered = false\n @State() filterMatchesOpt = false\n @State() expanded = false\n @State() hasCustomIcon = false\n @State() hasMore = false\n @State() initialized = false\n @State() internalOptionsHTML: string\n @State() renderHiddenInput = false\n @State() theme: string\n @State() typeAheadHandler: TypeAheadHandler<\n HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement\n >\n\n /**\n * Emitted with an array of selected values\n * when an alteration to the selection is committed.\n */\n @Event() ldchange: EventEmitter\n\n /**\n * Emitted with an array of selected values\n * when an alteration to the selection is committed.\n */\n @Event() ldinput: EventEmitter\n\n /**\n * Emitted when an option is created in create mode\n * with the filter input value.\n */\n @Event() ldoptioncreate: EventEmitter\n\n /** Sets focus on the trigger button. */\n @Method()\n async focusInner() {\n if (!this.disabled) {\n // Experimental feature that fixes a bug in Firefox only.\n // See https://github.com/emdgroup-liquid/liquid/issues/486\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-expect-error\n this.triggerRef.focus({ focusVisible: true })\n }\n }\n\n @Watch('selected')\n emitEventsAndUpdateHidden(\n newSelection: SelectOption[],\n oldSelection: SelectOption[]\n ) {\n if (!this.initialized) return\n\n const newValues = newSelection.map((option) => option.value)\n const oldValues = oldSelection.map((option) => option.value)\n if (JSON.stringify(newValues) === JSON.stringify(oldValues)) return\n\n this.updateTriggerMoreIndicator(true)\n\n if (this.renderHiddenInput) {\n this.updateSelectedHiddenInputs(newSelection)\n }\n\n // Synchronize options with internal options.\n this.isObserverEnabled = false\n this.el.querySelectorAll('ld-option').forEach((ldOption) => {\n ldOption.selected = newValues.some((value) => value === ldOption.value)\n if (!ldOption.selected && ldOption.hidden) {\n this.listboxRef\n .querySelector(`ld-option-internal[value=\"${ldOption.value}\"]`)\n .remove()\n ldOption.remove()\n }\n })\n this.isObserverEnabled = true\n\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.el.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true })\n )\n this.ldchange.emit(newValues)\n this.ldinput.emit(newValues)\n }\n\n private isDisabled = () => this.disabled || isAriaDisabled(this.ariaDisabled)\n\n // This method must be a function declaration for testing purposes;\n // otherwise Jest's mockImplementation won't work here.\n private isOverflowing() {\n /* istanbul ignore next */\n return (\n this.selectionListRef.scrollHeight >\n this.selectionListRef.clientHeight + 2\n )\n }\n\n private updateTriggerMoreIndicator = (refresh = false) => {\n if (!this.multiple || !this.maxRows) return\n\n if (refresh) this.hasMore = false\n\n requestAnimationFrame(() => {\n if (!this.selectionListRef) return\n\n const selectionListItems = Array.from(\n this.selectionListRef.querySelectorAll(\n '.ld-select__selection-list-item'\n )\n )\n\n if (!this.hasMore) {\n // reset\n this.selectionListRef\n .querySelector('.ld-select__selection-list-more')\n ?.remove()\n selectionListItems.forEach((el) => {\n el.classList.remove('ld-select__selection-list-item--overflowing')\n })\n }\n\n // If overflowing, hide overflowing and show \"+X\" indicator\n if (this.isOverflowing()) {\n let moreItem\n if (!this.hasMore) {\n moreItem = document.createElement('li')\n moreItem.classList.add('ld-select__selection-list-more')\n this.selectionListRef.prepend(moreItem)\n } else {\n moreItem = this.selectionListRef.querySelector(\n '.ld-select__selection-list-more'\n )\n }\n this.hasMore = true\n\n const maxOffset = this.maxRows * 1.75 * 16\n\n let overflowingTotal = 0\n selectionListItems.forEach((el) => {\n const overflowing = overflowingTotal\n ? true\n : el.offsetTop >= maxOffset\n el.classList[overflowing ? 'add' : 'remove'](\n 'ld-select__selection-list-item--overflowing'\n )\n if (overflowing) overflowingTotal++\n })\n\n const hideLastVisibleIfMoreIndicatorOverflowing = () => {\n moreItem = this.selectionListRef.querySelector(\n '.ld-select__selection-list-more'\n )\n moreItem.innerText = `+${overflowingTotal}`\n if (moreItem.offsetTop < maxOffset) {\n /* istanbul ignore next */\n return\n }\n\n const notOverflowing = Array.from(\n this.selectionListRef.querySelectorAll(\n '.ld-select__selection-list-item:not(.ld-select__selection-list-item--overflowing)'\n )\n )\n const [lastNotOverflowing] = notOverflowing.slice(-1)\n if (lastNotOverflowing) {\n lastNotOverflowing.classList.add(\n 'ld-select__selection-list-item--overflowing'\n )\n overflowingTotal++\n moreItem.innerText = `+${overflowingTotal}`\n\n requestAnimationFrame(() => {\n hideLastVisibleIfMoreIndicatorOverflowing()\n })\n }\n }\n hideLastVisibleIfMoreIndicatorOverflowing()\n }\n })\n }\n\n private updatePopperWidth = () => {\n this.listboxRef.style.setProperty(\n 'width',\n `${this.selectRef.getBoundingClientRect().width}px`\n )\n }\n\n private updatePopperShadowHeight = () => {\n const ldPopper = this.listboxRef\n ldPopper.updateShadowHeight(\n `calc(100% + ${this.triggerRef.getBoundingClientRect().height}px)`\n )\n }\n\n private updatePopperTheme = () => {\n const themeEl = this.el.closest('[class*=\"ld-theme-\"]')\n if (!themeEl) return\n\n setTimeout(() => {\n // Array.from(themeEl.classList).find doesn't work in JSDom for some reason.\n this.theme = themeEl.classList\n .toString()\n .split(' ')\n .find((cl) => cl.startsWith('ld-theme-'))\n ?.substring(9)\n })\n }\n\n private updatePopper = () => {\n if (!this.popper) this.initPopper()\n this.popper.position()\n this.updatePopperWidth()\n this.updatePopperShadowHeight()\n this.updatePopperTheme()\n }\n\n private initPopper = () => {\n const customTetherOptions: Partial =\n typeof this.tetherOptions === 'string'\n ? JSON.parse(this.tetherOptions)\n : this.tetherOptions\n const tetherOptions: Tether.ITetherOptions = {\n classPrefix: 'ld-tether',\n element: this.listboxRef,\n target: this.selectRef,\n attachment: 'top left',\n targetAttachment: 'bottom left',\n offset: this.mode ? '-4px 0' : '0 0',\n constraints: [\n {\n to: 'window',\n pin: true,\n },\n ],\n ...customTetherOptions,\n }\n\n this.popper = new Tether(tetherOptions)\n\n // Observe popper in order to set focus as soon as it becomes visible.\n this.initPopperObserver()\n\n this.listboxRef.classList.add('ld-select__popper--initialized')\n }\n\n private getOptsRec = (\n children: Element[]\n ): (HTMLLdOptionElement | HTMLLdOptionInternalElement)[] => {\n const options = children.flatMap((child) => {\n if (isLdOption(child)) {\n return child\n }\n if (isLdOptgroup(child)) {\n return this.getOptsRec(Array.from(child.children))\n }\n return []\n })\n return options\n }\n\n private getInternalOptionHTML = (\n ldOption: HTMLLdOptionElement,\n optgroupDisabled = false\n ) => {\n const classStr = ldOption.classList.toString()\n return `${ldOption.innerHTML.replaceAll(\n /(.|\\n|\\r)*<\\/ld-icon>/g,\n ''\n )}`\n }\n\n private getInternalOptgroupHTML = (ldOptgroup: HTMLLdOptgroupElement) => {\n const classStr = ldOptgroup.classList.toString()\n return `${Array.from(ldOptgroup.children)\n .map((ldOption: HTMLLdOptionElement) =>\n this.getInternalOptionHTML(ldOption, ldOptgroup.disabled)\n )\n .join('')}`\n }\n\n private initOptions = () => {\n const initialized = this.initialized\n const children = Array.from(\n initialized ? this.internalOptionsContainerRef.children : this.el.children\n )\n\n const options = this.getOptsRec(children)\n\n if (!options.length) {\n throw new TypeError(\n 'ld-select requires at least one ld-option element as a child, but found none.'\n )\n }\n\n const selectedOptions = options.filter((child) => {\n return child.selected\n })\n\n if (selectedOptions.length > 1 && !this.multiple) {\n throw new TypeError(\n 'Multiple selected options are not allowed, if multiple option is not set.'\n )\n }\n\n if (!initialized) {\n let internalOptionsHTML = ''\n children.forEach((child) => {\n if (isLdOption(child)) {\n internalOptionsHTML += this.getInternalOptionHTML(child)\n } else if (isLdOptgroup(child)) {\n internalOptionsHTML += this.getInternalOptgroupHTML(child)\n } // else it's the slotted icon which we ignore.\n })\n this.internalOptionsHTML = internalOptionsHTML\n }\n this.selected = selectedOptions.map((child) => {\n return {\n value: child.value,\n html: child.innerHTML,\n text: child.innerText,\n }\n })\n\n if (this.listboxRef) {\n this.typeAheadHandler.options =\n this.listboxRef.querySelectorAll('ld-option-internal')\n }\n this.updateTriggerMoreIndicator(true)\n }\n\n private updateSelectedHiddenInputs = (selected: SelectOption[]) => {\n const selectedValues = selected.map(({ value }) => value)\n const inputs = this.el.querySelectorAll('input')\n\n // For each existing input, remove it from DOM if not in selected.\n // Remove each value from selectedValues if hidden input already exists.\n inputs.forEach((hiddenInput) => {\n const index = selectedValues.indexOf(hiddenInput.value)\n if (index >= 0) {\n selectedValues.splice(index, 1)\n } else {\n hiddenInput.remove()\n }\n })\n\n // If nothing is selected we need only one hidden input without value.\n if (selected.length === 0) {\n this.appendHiddenInput()\n return\n }\n\n // Else add hidden inputs for each value in selectedValues.\n selectedValues.forEach(this.appendHiddenInput)\n }\n\n private appendHiddenInput = (value?: string) => {\n const hiddenInput = document.createElement('input')\n\n // Slot required to keep the hidden input outside the popper.\n hiddenInput.setAttribute('slot', 'hidden')\n hiddenInput.name = this.name\n hiddenInput.type = 'hidden'\n\n if (value !== undefined) {\n hiddenInput.value = value\n }\n\n this.el.appendChild(hiddenInput)\n }\n\n @Watch('name')\n @Watch('form')\n updateHiddenInputs() {\n const hiddenInputs = this.el.querySelectorAll('input')\n\n const outerForm = this.el.closest('form')\n if (!this.name || !(outerForm || this.form)) {\n hiddenInputs.forEach((hiddenInput) => {\n hiddenInput.remove()\n })\n return\n }\n\n if (!hiddenInputs.length) {\n this.updateSelectedHiddenInputs(this.selected)\n return\n }\n\n hiddenInputs.forEach((hiddenInput) => {\n hiddenInput.name = this.name\n if (this.form) {\n hiddenInput.setAttribute('form', this.form)\n }\n })\n }\n\n private handleSlotChange = (mutationsList: MutationRecord[]) => {\n if (!this.isObserverEnabled) return\n if (\n !mutationsList.some(\n (record) => isLdOption(record.target) || isLdOptgroup(record.target)\n )\n ) {\n return\n }\n\n this.initialized = false\n\n const oldValues = [...this.selected]\n this.initOptions()\n\n this.initialized = true\n const newValues = [...this.selected]\n this.emitEventsAndUpdateHidden(newValues, oldValues)\n }\n\n private handlePopperChange = (mutationsList: MutationRecord[]) => {\n if (\n this.listboxRef.classList.contains('ld-tether-enabled') &&\n mutationsList.some((mutation) =>\n mutation.oldValue.includes('display: none;')\n )\n ) {\n // Popper has just been expanded and is visible.\n\n // If there is a selected option in single select mode, focus it.\n let toFocus\n if (!this.multiple) {\n // Using find instead of ld-option-internal[selected] selector below\n // in order to prevent \"TypeError: e.getAttributeNode is not a function\" in JSDom.\n toFocus = Array.from(\n this.listboxRef.querySelectorAll('ld-option-internal')\n )\n .find((ldOption) => ldOption.hasAttribute('selected'))\n ?.shadowRoot.querySelector('[role=\"option\"]')\n }\n\n // Otherwise, focus either the filter input (if available) or the trigger button.\n if (!toFocus) {\n if (this.filter) {\n toFocus = this.getFilterInput()\n } else {\n toFocus = this.triggerRef\n }\n }\n\n toFocus.focus()\n }\n }\n\n private initSlotChangeObserver = () => {\n this.slotChangeObserver = new MutationObserver(this.handleSlotChange)\n this.slotChangeObserver.observe(this.el, {\n subtree: true,\n childList: true,\n attributes: true,\n })\n }\n\n private initPopperObserver = () => {\n this.popperObserver = new MutationObserver(this.handlePopperChange)\n this.popperObserver.observe(this.listboxRef, {\n subtree: false,\n childList: false,\n attributes: true,\n attributeFilter: ['style'],\n attributeOldValue: true,\n })\n }\n\n private getFilterInput = () =>\n this.listboxRef.shadowRoot.querySelector(\n '.ld-select-popper__filter-input'\n )\n\n private togglePopper = () => {\n if (!this.popper) this.initPopper()\n\n this.expanded = !this.expanded\n\n if (this.expanded) {\n this.popper.enable()\n } else {\n this.popper.disable()\n this.focusInner()\n }\n }\n\n private clearSelection = () => {\n Array.from(this.listboxRef.querySelectorAll('ld-option-internal')).forEach(\n (option) => {\n option.selected = false\n }\n )\n this.selected = []\n }\n\n @Listen('resize', { target: 'window', passive: true })\n handleWindowResize() {\n if (this.isDisabled()) return // this is for a minor performance optimization only\n\n this.updatePopperWidth()\n this.updateTriggerMoreIndicator(true)\n this.updatePopperShadowHeight()\n }\n\n @Listen('ldoptionselect', { target: 'window', passive: true })\n handleSelect(ev: CustomEvent) {\n const target = ev.target as HTMLLdOptionInternalElement\n\n // Ignore events which are not fired on current instance.\n if (target.closest('[role=\"listbox\"]') !== this.listboxRef) return\n\n if (!this.optionSelectListenerEnabled) return\n this.optionSelectListenerEnabled = false\n\n if (!this.multiple) {\n // Deselect currently selected option, if it's not the target option.\n this.listboxRef\n .querySelectorAll('ld-option-internal')\n .forEach((option) => {\n if (option !== target.closest('ld-option-internal')) {\n option.selected = false\n }\n })\n this.togglePopper()\n if (this.filter) {\n this.resetFilter()\n this.focusInner()\n }\n }\n this.initOptions()\n\n this.optionSelectListenerEnabled = true\n }\n\n private handleHome = (ev) => {\n ev.preventDefault()\n this.focusInner()\n }\n\n private handleEnd = (ev) => {\n // Move focus to the last option.\n ev.preventDefault()\n const visibleOptions = Array.from(\n this.listboxRef.querySelectorAll('ld-option-internal')\n ).filter((option) => !isLdOptInternalHidden(option))\n if (document.activeElement !== visibleOptions[visibleOptions.length - 1]) {\n visibleOptions[visibleOptions.length - 1].focusInner()\n }\n }\n\n private selectAndFocus = (\n ev: KeyboardEvent,\n opt: HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement | undefined\n ) => {\n if (!opt) return\n\n if (this.multiple && ev.shiftKey) {\n if (\n isLdOptionInternal(document.activeElement) &&\n !isLdOptgroupInternal(document.activeElement) &&\n !document.activeElement.hasAttribute('selected')\n ) {\n document.activeElement.dispatchEvent(\n new KeyboardEvent('keydown', { key: ' ' })\n )\n }\n if (!opt.hasAttribute('selected') && !isLdOptgroupInternal(opt)) {\n opt.dispatchEvent(new KeyboardEvent('keydown', { key: ' ' }))\n }\n }\n opt.focusInner()\n }\n\n private handleFilterChange = (ev: CustomEvent) => {\n // Hide options which do not match the filter query.\n const opts = this.internalOptionsContainerRef.querySelectorAll<\n HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement\n >('ld-option-internal, ld-optgroup-internal')\n const query = ev.detail.trim().toLowerCase()\n let allFiltered = true\n let filterMatchesOpt = false\n const filteredOpts = Array.from(opts).filter((opt) => {\n const optTextLower = isLdOptionInternal(opt)\n ? opt.textContent.toLowerCase()\n : (opt as HTMLLdOptgroupInternalElement).label.toLowerCase()\n const filtered = Boolean(query) && !optTextLower.includes(query)\n\n opt.filtered = filtered\n if (optTextLower === query) {\n filterMatchesOpt = true\n }\n if (!opt.filtered) {\n allFiltered = false\n }\n\n return !filtered\n })\n\n this.typeAheadHandler.options = filteredOpts\n this.allOptsFiltered = allFiltered\n this.filterMatchesOpt = filterMatchesOpt\n\n // Re-position popper after new height has been applied.\n requestAnimationFrame(() => {\n this.updatePopper()\n })\n }\n\n private handleFilterCreate = () => {\n // In single select mode, deselect currently selected option\n if (!this.multiple) {\n const options = this.el.querySelectorAll('ld-option')\n options.forEach((ldOption) => {\n ldOption.selected = false\n })\n }\n\n const value = this.getFilterInput().value\n this.resetFilter()\n this.ldoptioncreate.emit(value)\n }\n\n private canCreate = () => {\n return Boolean(\n this.creatable && !this.filterMatchesOpt && this.getFilterInput().value\n )\n }\n\n private focusPrev = (\n current: HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement,\n ev: KeyboardEvent\n ) => {\n // Focus previous visible option, if any.\n // If the previous is an option, we check if it's visible.\n if (isLdOptionInternal(current.previousElementSibling)) {\n if (isLdOptInternalHidden(current.previousElementSibling)) {\n // If it's hidden, we repeat with the hidden option.\n this.focusPrev(current.previousElementSibling, ev)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, current.previousElementSibling)\n return\n }\n\n // If the previous is an optgroup, we try to focus the last option in it.\n if (isLdOptgroupInternal(current.previousElementSibling)) {\n const lastInOptgroup = Array.from(\n current.previousElementSibling.children\n ).at(-1) as HTMLLdOptionInternalElement\n\n // If it's hidden, we repeat with the hidden option.\n if (isLdOptInternalHidden(lastInOptgroup)) {\n this.focusPrev(lastInOptgroup, ev)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, lastInOptgroup)\n return\n }\n\n // If there is no previous element, we check if we are currently in an optgroup.\n const closestOptgroup =\n isLdOptionInternal(current) &&\n current.closest(\n 'ld-optgroup-internal'\n )\n // If we are in an optgroup, we try to focus the optgroup.\n if (closestOptgroup) {\n // If the optgroup is not visible, we set current to the optgroup and repeat.\n if (isLdOptInternalHidden(closestOptgroup)) {\n this.focusPrev(closestOptgroup, ev)\n return\n }\n closestOptgroup.focusInner()\n return\n }\n\n // Otherwise we focus either the filter input or the trigger button.\n if (this.filter) {\n this.getFilterInput().focus()\n return\n }\n this.handleHome(ev)\n }\n\n private focusNext = (\n current: HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement,\n ev: KeyboardEvent\n ) => {\n // Focus next visible option, if any.\n // If current is an optgroup, try to focus the first option in it.\n if (isLdOptgroupInternal(current)) {\n const firstInOptgroup = current.children[0] as HTMLLdOptionInternalElement\n // If it's hidden, we repeat with the hidden option.\n if (isLdOptInternalHidden(firstInOptgroup)) {\n this.focusNext(firstInOptgroup, ev)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, firstInOptgroup)\n return\n }\n\n // If the next is an option, we check if it's visible.\n if (isLdOptionInternal(current.nextElementSibling)) {\n if (isLdOptInternalHidden(current.nextElementSibling)) {\n // If it's hidden, we repeat with the hidden option.\n this.focusNext(current.nextElementSibling, ev)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, current.nextElementSibling)\n return\n }\n\n // If the next is an optgroup, we try to focus the optgroup.\n if (isLdOptgroupInternal(current.nextElementSibling)) {\n // If it's hidden, we repeat with first input within the hidden optgroup.\n if (isLdOptInternalHidden(current.nextElementSibling)) {\n const firstInOptgroup = current.nextElementSibling\n .children[0] as HTMLLdOptionInternalElement\n // If the first is not visible, we continue with it as current.\n if (isLdOptInternalHidden(firstInOptgroup)) {\n this.focusNext(firstInOptgroup, ev)\n return\n }\n // Otherwise we focus it.\n this.selectAndFocus(ev, firstInOptgroup)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, current.nextElementSibling)\n return\n }\n\n // If there is no next element, we check if we are currently in an optgroup.\n const closestOptgroup =\n isLdOptionInternal(current) &&\n current.closest(\n 'ld-optgroup-internal'\n )\n // If we are in an optgroup, we try to focus its next sibling.\n if (closestOptgroup) {\n const next = closestOptgroup.nextElementSibling as\n | HTMLLdOptionInternalElement\n | HTMLLdOptgroupInternalElement\n | undefined\n if (!next) return\n\n // If the next sibling is not visible, we repeat with the next sibling.\n if (isLdOptInternalHidden(next)) {\n this.focusNext(next, ev)\n return\n }\n // If it's visible, we focus it.\n next.focusInner()\n }\n }\n\n @Listen('keydown', { passive: false, target: 'window' })\n handleKeyDown(ev: KeyboardEvent) {\n if (this.isDisabled()) return\n\n // Ignore page special meta key combos.\n if (ev.metaKey && !['ArrowDown', 'ArrowUp'].includes(ev.key)) return\n\n // Ignore events if current instance has no focus.\n if (\n document.activeElement.closest('[role=\"listbox\"]') !== this.listboxRef &&\n document.activeElement.closest('ld-select') !== this.el\n ) {\n return\n }\n\n const filterHasFocus =\n this.filter &&\n this.listboxRef?.shadowRoot.activeElement === this.getFilterInput()\n\n // If filter has focus...\n if (filterHasFocus) {\n // ... and create mode is active\n if (this.canCreate() && ev.key === 'Enter') {\n this.handleFilterCreate()\n return\n }\n\n // Ignore events if filter input has focus,\n // except for navigation-specific keys.\n if (\n !['ArrowDown', 'ArrowUp', 'End', 'Escape', 'Home', 'Tab'].includes(\n ev.key\n )\n ) {\n return\n }\n }\n\n // If the clear button is focused, ignore Enter and Space key events.\n if (\n this.el.shadowRoot.activeElement === this.btnClearRef &&\n (ev.key === ' ' || ev.key === 'Enter')\n ) {\n return\n }\n\n switch (ev.key) {\n case 'ArrowDown': {\n // If not expanded, expand popper.\n // If expanded, move focus to the next option.\n // If shift is pressed, select the next option.\n // Holding down the Shift key and then using the Down cursor keys\n // increases the range of items selected (multiple mode only).\n ev.preventDefault()\n if (!this.expanded) {\n this.togglePopper()\n return\n }\n\n if (ev.metaKey) {\n this.handleEnd(ev)\n return\n }\n\n // Focus next visible option, if any,\n // or the filter input, if applicable.\n if (document.activeElement === this.el || filterHasFocus) {\n if (this.filter && !filterHasFocus) {\n this.getFilterInput().focus()\n } else {\n const nextOpt = Array.from(\n this.listboxRef.querySelectorAll<\n HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement\n >('ld-option-internal, ld-optgroup-internal')\n ).find((opt) => !isLdOptInternalHidden(opt))\n this.selectAndFocus(ev, nextOpt)\n }\n } else {\n this.focusNext(\n document.activeElement as\n | HTMLLdOptionInternalElement\n | HTMLLdOptgroupInternalElement,\n ev\n )\n }\n break\n }\n case 'ArrowUp': {\n // If not expanded, expand popper.\n // If expanded, move focus to the previous option.\n // If the first option is focused, focus the trigger button.\n // Holding down the Shift key and then using the Up cursor keys\n // increases the range of items selected (multiple mode only).\n ev.preventDefault()\n if (!this.expanded) {\n this.togglePopper()\n return\n }\n\n if (ev.metaKey || filterHasFocus) {\n this.handleHome(ev)\n return\n }\n\n // Focus previous visible option, if any.\n if (\n isLdOptionInternal(document.activeElement) ||\n isLdOptgroupInternal(document.activeElement)\n ) {\n this.focusPrev(document.activeElement, ev)\n }\n break\n }\n case 'Home':\n if (this.expanded) {\n this.handleHome(ev)\n }\n break\n case 'End':\n if (this.expanded) {\n this.handleEnd(ev)\n }\n break\n case ' ': {\n // If trigger has focus: Toggle popper.\n ev.stopImmediatePropagation()\n ev.preventDefault()\n if (this.expanded) {\n this.togglePopper()\n } else {\n this.togglePopper()\n }\n break\n }\n case 'Enter':\n // If expanded and trigger button is focused: Toggle popper.\n ev.preventDefault()\n if (\n this.expanded &&\n this.el.shadowRoot.activeElement === this.triggerRef\n ) {\n this.togglePopper()\n }\n break\n case 'Escape':\n // If expanded: Close popper.\n if (this.expanded) {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n this.togglePopper()\n }\n break\n case 'Tab': // Also covers Shift+Tab\n // If expanded and popper element has focus within: Prevent default.\n if (\n this.expanded &&\n document.activeElement.closest('[role=\"listbox\"]') === this.listboxRef\n ) {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n }\n break\n default:\n if (this.expanded) {\n ev.stopImmediatePropagation()\n ev.preventDefault()\n this.typeAheadHandler.typeAhead(ev.key)\n }\n }\n }\n\n @Listen('click', {\n target: 'window',\n })\n handleClickOutside(ev) {\n // closest utility function must be used here for the component\n // to work in Solid.js app, where ev.target can be an element\n // within the shadow DOM of the component.\n // Usage of ev.composedPath() is required for penetrating shadow DOM.\n const target = 'composedPath' in ev ? ev.composedPath().at(0) : ev.target\n if (\n ev.isTrusted &&\n closest('ld-select', target) !== this.el &&\n closest('[role=\"listbox\"]', target) !== this.listboxRef\n ) {\n this.expanded = false\n this.resetFilter()\n }\n }\n\n // Mobile Safari in some cases does not react to click events on elements\n // which are not interactive. But it does to touch events.\n @Listen('touchend', {\n target: 'window',\n passive: true,\n })\n handleTouchOutside(ev) {\n this.handleClickOutside(ev)\n }\n\n private resetFilter = () => {\n this.allOptsFiltered = false\n this.filterMatchesOpt = false\n\n if (!this.filter) return\n const filterInput = this.getFilterInput()\n if (!filterInput) return\n\n filterInput.value = ''\n const opts = this.internalOptionsContainerRef.querySelectorAll<\n HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement\n >('ld-option-internal, ld-optgroup-internal')\n\n opts.forEach((opt) => {\n opt.filtered = false\n })\n\n this.typeAheadHandler.options = opts\n this.listboxRef.resetFilter()\n }\n\n private handleFocusEvent = (ev: FocusEvent) => {\n // Emit event only, if focus is not within the select component.\n if (\n ev.relatedTarget === null ||\n ev.relatedTarget === this.listboxRef ||\n isLdOption(ev.relatedTarget) ||\n isLdOptgroup(ev.relatedTarget) ||\n closest('ld-select', ev.relatedTarget as HTMLElement) === this.el\n ) {\n ev.stopImmediatePropagation()\n } else {\n // Focus left the select component - make sure it is not expanded.\n this.expanded = false\n this.resetFilter()\n }\n }\n\n private handleTriggerClick = (ev: Event) => {\n ev.preventDefault()\n\n if (this.isDisabled()) return\n\n this.togglePopper()\n }\n\n private handleClearClick = (ev: MouseEvent) => {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n\n if (this.isDisabled()) return\n\n this.clearSelection()\n this.focusInner()\n }\n\n private handleClearSingleClick = (ev: MouseEvent, optionValue) => {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n\n if (this.isDisabled()) return\n\n this.selected = this.selected.filter(\n (selection) => selection.value !== optionValue\n )\n\n this.listboxRef\n .querySelector(`ld-option-internal[value='${optionValue}']`)\n ?.dispatchEvent(new KeyboardEvent('keydown', { key: ' ' }))\n }\n\n componentWillLoad() {\n const outerForm = this.el.closest('form')\n\n if (this.name && (outerForm || this.form)) {\n this.renderHiddenInput = true\n }\n\n const customIcon = this.el.querySelector('ld-icon')\n this.hasCustomIcon = !!customIcon\n\n if (customIcon) {\n customIcon.setAttribute('size', this.size)\n }\n\n this.initOptions()\n\n if (this.renderHiddenInput) {\n this.updateSelectedHiddenInputs(this.selected)\n }\n\n registerAutofocus(this.autofocus)\n }\n\n componentDidLoad() {\n setTimeout(() => {\n this.initSlotChangeObserver()\n this.typeAheadHandler = new TypeAheadHandler(\n this.listboxRef.querySelectorAll('ld-option-internal')\n )\n this.initialized = true\n })\n }\n\n componentDidUpdate() {\n if (this.expanded) {\n this.updatePopper()\n }\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.popperObserver) this.popperObserver.disconnect()\n /* istanbul ignore if */\n if (this.popper) this.popper.destroy()\n /* istanbul ignore if */\n if (this.slotChangeObserver) this.slotChangeObserver.disconnect()\n /* istanbul ignore if */\n if (this.listboxRef) this.listboxRef.remove()\n /* istanbul ignore if */\n if (this.typeAheadHandler) this.typeAheadHandler.clearTimeout()\n }\n\n render() {\n // Endable detached mode if any display mode is set.\n const detached = !!this.mode\n\n // Implicitly enable inline mode if ghost mode is enabled.\n const inline = this.mode === 'inline' || this.mode === 'ghost'\n\n // Disallow ghost in combination with multiple select mode.\n const ghost = !this.multiple && this.mode === 'ghost'\n\n const cl = [\n 'ld-select',\n this.disabled && 'ld-select--disabled',\n this.size && `ld-select--${this.size}`,\n this.invalid && 'ld-select--invalid',\n this.expanded && 'ld-select--expanded',\n detached && 'ld-select--detached',\n inline && 'ld-select--inline',\n ghost && 'ld-select--ghost',\n ]\n\n const triggerCl = [\n 'ld-select__btn-trigger',\n this.invalid && 'ld-select__btn-trigger--invalid',\n detached && 'ld-select__btn-trigger--detached',\n inline && 'ld-select__btn-trigger--inline',\n ghost && 'ld-select__btn-trigger--ghost',\n ]\n\n const triggerIconCl = [\n 'ld-select__icon',\n this.expanded && 'ld-select__icon--rotated',\n ]\n\n const triggerHtml = this.multiple\n ? this.placeholder\n : this.selected[0]?.html || this.placeholder\n\n const triggerText = this.multiple\n ? this.placeholder\n : this.selected[0]?.text || this.placeholder\n\n return (\n \n \n {this.renderHiddenInput && }\n
    \n \n
    \n (this.selectRef = el)}\n >\n (this.triggerRef = el)}\n >\n {this.multiple && this.selected.length ? (\n \n (this.selectionListRef = el)}\n style={{\n maxHeight:\n this.maxRows && this.maxRows > 0\n ? `${this.maxRows * 1.75}rem`\n : undefined,\n }}\n >\n {this.selected.map((selection, index) => {\n return (\n \n \n \n )\n })}\n \n \n ) : (\n \n \n \n )}\n\n {this.selected?.length && this.multiple ? (\n (this.btnClearRef = el)}\n part=\"btn-clear focusable\"\n >\n {/* custom icon cross */}\n \n Clear all\n \n \n \n \n ) : (\n ''\n )}\n\n \n {!this.hasCustomIcon && (\n /* custom icon arrow-down */\n \n \n \n )}\n \n \n (this.listboxRef = el)}\n role=\"listbox\"\n size={this.size}\n theme={this.theme}\n >\n (this.internalOptionsContainerRef = el)}\n innerHTML={sanitize(this.internalOptionsHTML, {\n ...(typeof this.sanitizeConfig === 'string'\n ? JSON.parse(this.sanitizeConfig)\n : this.sanitizeConfig),\n ADD_ATTR: ['prevent-deselection'],\n })}\n part=\"options-container\"\n >\n \n \n
    \n )\n }\n}\n",":host {\n /* layout */\n --ld-select-popper-min-width: 12.8125rem;\n --ld-select-popper-max-height: min(23.75rem, 75vh - 1.25rem);\n\n /* colors */\n --ld-select-popper-border-col: var(--ld-col-neutral-100);\n min-width: var(--ld-select-popper-min-width);\n}\n\n.ld-select-popper {\n min-width: 100%;\n\n &:not(.ld-select-popper--expanded) {\n display: none;\n }\n\n ::slotted(.ld-select__shadow) {\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: var(--ld-shadow-sticky);\n border-radius: var(--ld-br-m);\n pointer-events: none;\n z-index: -1;\n }\n}\n\n.ld-select-popper__scroll-container {\n max-height: var(--ld-select-popper-max-height);\n overflow-y: auto;\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n border-top: solid var(--ld-select-popper-border-col) var(--ld-sp-1);\n overscroll-behavior: contain;\n\n .ld-select-popper--detached:not(.ld-select-popper--filter) &,\n .ld-select-popper--pinned:not(.ld-select-popper--filter) & {\n border-top: 0;\n border-radius: var(--ld-br-m);\n }\n\n .ld-select-popper--all-filtered & {\n border-top: 0;\n }\n}\n\n.ld-select-popper__shadow {\n position: absolute;\n width: 100%;\n height: calc(100% + var(--ld-select-min-height-md));\n box-shadow: var(--ld-shadow-sticky);\n border-radius: var(--ld-br-m);\n pointer-events: none;\n z-index: -1;\n bottom: 0;\n\n .ld-select-popper--detached & {\n height: 100% !important;\n }\n}\n\n.ld-select-popper__filter-container {\n align-items: center;\n background-color: var(--ld-col-wht);\n border-top: solid var(--ld-col-neutral-100) var(--ld-sp-1);\n color: var(--ld-col-neutral-900);\n display: grid;\n font: var(--ld-typo-label-m);\n grid-template-columns: 1fr auto;\n\n .ld-select-popper--detached &,\n .ld-select-popper--pinned & {\n border-top: 0;\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n\n .ld-select-popper--all-filtered & {\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n }\n}\n\n.ld-select-popper__create-button {\n font: var(--ld-typo-label-s);\n line-height: var(--ld-select-trigger-line-height);\n margin-right: var(--ld-sp-8);\n\n &::part(button) {\n --ld-button-padding-x-sm: var(--ld-sp-6);\n --ld-button-padding-y-sm: var(--ld-sp-4);\n min-height: 0;\n min-width: 0;\n }\n}\n\n.ld-select-popper__filter-input {\n appearance: none;\n background-color: transparent;\n border: 0;\n box-sizing: border-box;\n color: inherit;\n font: inherit;\n height: 2.5rem;\n line-height: var(--ld-select-trigger-line-height);\n outline: none;\n padding: var(--ld-sp-8) var(--ld-sp-12);\n width: 100%;\n\n &::placeholder {\n color: var(--ld-col-neutral-600);\n }\n\n .ld-select-popper--detached &,\n .ld-select-popper--pinned & {\n border-top: 0;\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'ld-select-popper',\n styleUrl: 'ld-select-popper.shadow.css',\n shadow: true,\n})\nexport class LdSelectPopper {\n @Element() el: HTMLElement\n\n /** Indicates that all options are filtered (used in creatable mode) */\n @Prop() allOptionsFiltered?: boolean\n\n /** A watcher is applied to the CSS class in order to be able to react to tether changes. */\n @Prop({ reflect: true }) class?: string\n\n /**\n * Creatable mode can be enabled when the filter prop is set to true.\n * This mode allows the user to create new options using the filter input field.\n */\n @Prop() creatable?: boolean\n\n /** The \"create\" input label (creatable mode). */\n @Prop() createInputLabel!: string\n\n /** The \"create\" button label (creatable mode). */\n @Prop() createButtonLabel!: string\n\n /** Popper is visually detached from the select trigger element (there's a gap between the two). */\n @Prop() detached?: boolean\n\n /** Indicates if select element is expanded. */\n @Prop() expanded? = false\n\n /** Set this property to `true` in order to enable an input field for filtering options. */\n @Prop() filter?: boolean\n\n /** The filter input value matches an option (do not allow to create the option). */\n @Prop() filterMatchesOption?: boolean\n\n /** The filter input placeholder. */\n @Prop() filterPlaceholder!: string\n\n /** Attaches CSS class to the select popper element. */\n @Prop() popperClass?: string\n\n /** Size of the select trigger button (required for applying the correct shadow height). */\n @Prop() size?: 'sm' | 'lg'\n\n /** Since the select popper is located outside the select element, the theme needs to be applied as a prop. */\n @Prop() theme?: string\n\n @State() isPinned = false\n @State() shadowHeight = '100%'\n @State() filterInputValue = ''\n @State() canCreate = false\n\n /**\n * @internal\n * Emitted on filter change with the filter input value.\n */\n @Event() ldselectfilterchange: EventEmitter\n\n /**\n * @internal\n * Emitted on create button click in filter input field.\n */\n @Event() ldselectfiltercreate: EventEmitter\n\n private handleFilterInput = (ev) => {\n this.filterInputValue = ev.target.value\n this.ldselectfilterchange.emit(ev.target.value)\n }\n\n private handleCreate = (ev) => {\n ev.preventDefault()\n const value = this.filterInputValue\n this.filterInputValue = ''\n this.ldselectfiltercreate.emit(value)\n }\n\n @Watch('creatable')\n @Watch('filterMatchesOption')\n @Watch('filterInputValue')\n updateCanCreate() {\n this.canCreate = Boolean(\n this.creatable && !this.filterMatchesOption && this.filterInputValue\n )\n }\n\n @Watch('class')\n updatePinnedState() {\n this.isPinned = this.el.classList.contains('ld-tether-pinned')\n }\n\n @Watch('theme')\n updatePopperTheme(newValue: string, oldValue: string) {\n this.el.classList.remove(`ld-theme-${oldValue}`)\n if (newValue) this.el.classList.add(`ld-theme-${newValue}`)\n }\n\n @Watch('expanded')\n updateFilter(newExpanded: boolean) {\n if (!newExpanded) {\n this.resetFilter()\n }\n }\n\n /** Updates shadow height */\n @Method()\n async updateShadowHeight(height: string) {\n this.shadowHeight = height\n }\n\n /** Focuses the tab */\n @Method()\n async resetFilter() {\n this.filterInputValue = ''\n }\n\n componentWillLoad() {\n this.popperClass && this.el.classList.add(this.popperClass)\n }\n\n render() {\n return (\n \n \n {this.filter && (\n
    \n \n {this.canCreate && (\n \n \n \n \n \n \n \n )}\n
    \n )}\n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["ldOptionShadowCss","LdOption","componentWillLoad","this","selected","el","setAttribute","render","h","Host","isLdOption","includes","tagName","isLdOptgroup","isLdOptionInternal","isLdOptgroupInternal","isLdOptInternalHidden","opt","hidden","filtered","ldSelectCss","LdSelect","isObserverEnabled","optionSelectListenerEnabled","isDisabled","disabled","isAriaDisabled","ariaDisabled","updateTriggerMoreIndicator","refresh","multiple","maxRows","hasMore","requestAnimationFrame","selectionListRef","selectionListItems","Array","from","querySelectorAll","_a","querySelector","remove","forEach","classList","isOverflowing","moreItem","document","createElement","add","prepend","maxOffset","overflowingTotal","overflowing","offsetTop","hideLastVisibleIfMoreIndicatorOverflowing","innerText","notOverflowing","lastNotOverflowing","slice","updatePopperWidth","listboxRef","style","setProperty","selectRef","getBoundingClientRect","width","updatePopperShadowHeight","ldPopper","updateShadowHeight","triggerRef","height","updatePopperTheme","themeEl","closest","setTimeout","theme","toString","split","find","cl","startsWith","substring","updatePopper","popper","initPopper","position","customTetherOptions","tetherOptions","JSON","parse","Object","assign","classPrefix","element","target","attachment","targetAttachment","offset","mode","constraints","to","pin","Tether","initPopperObserver","getOptsRec","children","options","flatMap","child","getInternalOptionHTML","ldOption","optgroupDisabled","classStr","size","preventDeselection","value","innerHTML","replaceAll","getInternalOptgroupHTML","ldOptgroup","label","map","join","initOptions","initialized","internalOptionsContainerRef","length","TypeError","selectedOptions","filter","internalOptionsHTML","html","text","typeAheadHandler","updateSelectedHiddenInputs","selectedValues","inputs","hiddenInput","index","indexOf","splice","appendHiddenInput","name","type","undefined","appendChild","handleSlotChange","mutationsList","some","record","oldValues","newValues","emitEventsAndUpdateHidden","handlePopperChange","contains","mutation","oldValue","toFocus","hasAttribute","shadowRoot","getFilterInput","focus","initSlotChangeObserver","slotChangeObserver","MutationObserver","observe","subtree","childList","attributes","popperObserver","attributeFilter","attributeOldValue","togglePopper","expanded","enable","disable","focusInner","clearSelection","option","handleHome","ev","preventDefault","handleEnd","visibleOptions","activeElement","selectAndFocus","shiftKey","dispatchEvent","KeyboardEvent","key","handleFilterChange","opts","query","detail","trim","toLowerCase","allFiltered","filterMatchesOpt","filteredOpts","optTextLower","textContent","Boolean","allOptsFiltered","handleFilterCreate","resetFilter","ldoptioncreate","emit","canCreate","creatable","focusPrev","current","previousElementSibling","lastInOptgroup","at","closestOptgroup","focusNext","firstInOptgroup","nextElementSibling","next","filterInput","handleFocusEvent","relatedTarget","stopImmediatePropagation","handleTriggerClick","handleClearClick","handleClearSingleClick","optionValue","selection","focusVisible","newSelection","oldSelection","stringify","renderHiddenInput","InputEvent","bubbles","composed","ldchange","ldinput","scrollHeight","clientHeight","updateHiddenInputs","hiddenInputs","outerForm","form","handleWindowResize","handleSelect","handleKeyDown","metaKey","filterHasFocus","btnClearRef","nextOpt","typeAhead","handleClickOutside","composedPath","isTrusted","handleTouchOutside","customIcon","hasCustomIcon","registerAutofocus","autofocus","componentDidLoad","TypeAheadHandler","componentDidUpdate","disconnectedCallback","disconnect","destroy","clearTimeout","detached","inline","ghost","invalid","triggerCl","triggerIconCl","triggerHtml","placeholder","triggerText","_b","class","getClassNames","part","onBlur","onFocusout","zIndex","ref","role","tabindex","ldTabindex","onClick","maxHeight","order","title","sanitize","sanitizeConfig","call","fill","viewBox","stroke","d","_c","allOptionsFiltered","createButtonLabel","createInputLabel","filterMatchesOption","filterPlaceholder","onLdselectfilterchange","onLdselectfiltercreate","popperClass","ADD_ATTR","ldSelectPopperShadowCss","LdSelectPopper","handleFilterInput","filterInputValue","ldselectfilterchange","handleCreate","ldselectfiltercreate","updateCanCreate","updatePinnedState","isPinned","newValue","updateFilter","newExpanded","shadowHeight","display","onInput"],"sources":["../src/liquid/components/ld-select/ld-option/ld-option.shadow.css?tag=ld-option&encapsulation=shadow","../src/liquid/components/ld-select/ld-option/ld-option.tsx","../src/liquid/components/ld-select/utils/type-guards.ts","../src/liquid/components/ld-select/ld-select.css?tag=ld-select&encapsulation=shadow","../src/liquid/components/ld-select/ld-select.tsx","../src/liquid/components/ld-select/ld-select-popper/ld-select-popper.shadow.css?tag=ld-select-popper&encapsulation=shadow","../src/liquid/components/ld-select/ld-select-popper/ld-select-popper.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop, Element } from '@stencil/core'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-option',\n styleUrl: 'ld-option.shadow.css',\n shadow: true,\n})\nexport class LdOption {\n @Element() el: HTMLElement\n\n /**\n * The content of this attribute represents the value to be submitted with the form,\n * should this option be selected. If this attribute is omitted, the value is taken\n * from the text content of the option element.\n */\n @Prop() value?: string\n\n /** If present, this boolean attribute indicates that the option is selected. */\n @Prop() selected?: boolean\n\n /** Disables the option. */\n @Prop() disabled?: boolean\n\n /**\n * @internal\n * Set to true on filtering via select input.\n */\n @Prop() filtered? = false\n\n componentWillLoad() {\n // Setting selected via prop directly triggers the mutation observer to fire twice on attribute chage.\n // This is indeed only true for the selected attribute. The disabled attribute works fine when assigned directly.\n if (this.selected) {\n this.el.setAttribute('selected', '')\n }\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n","export const isLdOption = (\n el: HTMLElement | Node | EventTarget\n): el is HTMLLdOptionElement | HTMLLdOptionInternalElement =>\n ['LD-OPTION', 'LD-OPTION-INTERNAL'].includes((el as HTMLElement)?.tagName)\n\nexport const isLdOptgroup = (\n el: HTMLElement | Node | EventTarget\n): el is HTMLLdOptgroupElement | HTMLLdOptgroupInternalElement =>\n ['LD-OPTGROUP', 'LD-OPTGROUP-INTERNAL'].includes((el as HTMLElement)?.tagName)\n\nexport const isLdOptionInternal = (\n el: HTMLElement | Node | EventTarget\n): el is HTMLLdOptionInternalElement =>\n ['LD-OPTION-INTERNAL'].includes((el as HTMLElement)?.tagName)\n\nexport const isLdOptgroupInternal = (\n el: HTMLElement | Node | EventTarget\n): el is HTMLLdOptgroupInternalElement =>\n ['LD-OPTGROUP-INTERNAL'].includes((el as HTMLElement)?.tagName)\n\ntype HTMLLdOptInternal =\n | HTMLLdOptionInternalElement\n | HTMLLdOptgroupInternalElement\nexport const isLdOptInternalHidden = (\n opt: HTMLLdOptInternal\n): opt is\n | (HTMLLdOptInternal & {\n hidden: true\n })\n | (HTMLLdOptInternal & {\n filtered: true\n }) => {\n return opt.hidden || opt.filtered\n}\n",":host {\n display: inline-flex;\n\n .ld-select {\n flex-grow: 1;\n max-width: 100%;\n }\n}\n\n:host,\n.ld-select {\n /* reset */\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n ul {\n list-style: none;\n }\n}\n\n.ld-select {\n /* layout */\n --ld-select-min-width: 12.8125rem;\n --ld-select-min-height: var(--ld-sp-40);\n --ld-select-min-height-sm: var(--ld-sp-32);\n --ld-select-min-height-lg: 3.125rem;\n --ld-select-padding-x: var(--ld-sp-12);\n --ld-select-padding-x-sm: 0.625rem;\n --ld-select-padding-x-lg: 0.875rem;\n --ld-select-padding-y: var(--ld-sp-8);\n --ld-select-padding-y-sm: var(--ld-sp-4);\n --ld-select-padding-y-lg: var(--ld-sp-8);\n --ld-select-padding-right: calc(var(--ld-sp-40) + var(--ld-sp-12));\n --ld-select-padding-right-sm: calc(var(--ld-sp-40) + 0.625rem);\n --ld-select-padding-right-lg: calc(var(--ld-sp-40) + 0.875rem);\n --ld-select-icon-size: 1.25rem;\n --ld-select-icon-size-sm: var(--ld-sp-16);\n --ld-select-icon-size-lg: var(--ld-sp-24);\n --ld-select-trigger-line-height: 1.25;\n\n &--sm {\n --ld-select-min-height: var(--ld-select-min-height-sm);\n --ld-select-padding-x: var(--ld-select-padding-x-sm);\n --ld-select-padding-y: var(--ld-select-padding-y-sm);\n --ld-select-padding-right: var(--ld-select-padding-right-sm);\n --ld-select-icon-size: var(--ld-select-icon-size-sm);\n }\n\n &--lg {\n --ld-select-min-height: var(--ld-select-min-height-lg);\n --ld-select-padding-x: var(--ld-select-padding-x-lg);\n --ld-select-padding-y: var(--ld-select-padding-y-lg);\n --ld-select-padding-right: var(--ld-select-padding-right-lg);\n --ld-select-icon-size: var(--ld-select-icon-size-lg);\n }\n\n /* colors */\n --ld-select-col: var(--ld-col-neutral-900);\n --ld-select-col-disabled: var(--ld-col-neutral-100);\n --ld-select-col-border: var(--ld-col-neutral-100);\n --ld-select-col-border-hover: var(--ld-col-neutral-300);\n --ld-select-bg-col: var(--ld-col-wht);\n --ld-select-selection-col: var(--ld-col-wht);\n\n /* themable colors */\n --ld-select-invalid-col: var(--ld-thm-error);\n --ld-select-invalid-icon-col-hover: var(--ld-thm-error-hover);\n --ld-select-invalid-icon-col-focus: var(--ld-thm-error-focus);\n --ld-select-invalid-icon-col-active: var(--ld-thm-error-active);\n --ld-select-invalid-disabled-bg-col: var(--ld-thm-error-disabled);\n --ld-select-thm-col: var(--ld-thm-primary);\n --ld-select-thm-col-hover: var(--ld-thm-primary-hover);\n --ld-select-thm-col-focus: var(--ld-thm-primary-focus);\n --ld-select-thm-col-active: var(--ld-thm-primary-active);\n --ld-select-ghost-trigger-bg-col-hover: var(--ld-thm-primary-alpha-lowest);\n --ld-select-ghost-trigger-bg-col-focus: var(--ld-thm-primary-alpha-low);\n\n display: inline-flex;\n position: relative;\n\n select + .ld-icon,\n ::slotted(ld-icon) {\n width: var(--ld-select-icon-size);\n height: var(--ld-select-icon-size);\n }\n\n ::slotted(ld-icon) {\n display: contents !important;\n }\n\n select {\n + .ld-icon,\n + .ld-select__icon {\n position: absolute;\n right: var(--ld-select-padding-x);\n top: 50%;\n transform: translateY(-50%);\n }\n\n &[multiple] + .ld-icon,\n &[multiple] + .ld-select__icon {\n display: none;\n }\n\n + .ld-icon {\n width: var(--ld-select-icon-size);\n height: var(--ld-select-icon-size);\n }\n }\n\n > select[multiple] {\n overflow: auto;\n }\n}\n\n/* Mobile Safari (iOS only) */\n/* stylelint-disable-next-line media-feature-range-notation, media-feature-name-no-vendor-prefix */\n@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {\n .ld-select > select[multiple] {\n padding-right: calc(var(--ld-select-padding-x) + var(--ld-sp-24));\n\n + .ld-icon,\n + .ld-select__icon {\n display: flex;\n }\n }\n}\n\n.ld-select--expanded {\n .ld-tether-target-attached-bottom {\n .ld-select__btn-trigger:not(.ld-select__btn-trigger--detached) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n}\n\n:where(.ld-select:not(.ld-select--inline, .ld-select--ghost)) {\n min-width: var(--ld-select-min-width);\n}\n\n.ld-select__select,\n.ld-select__btn-trigger {\n width: 100%;\n}\n\n.ld-select > select,\n.ld-select__btn-trigger {\n /* outline: none; */\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n font: var(--ld-typo-body-m);\n line-height: var(--ld-select-trigger-line-height);\n border: 0;\n padding: var(--ld-select-padding-y) var(--ld-select-padding-x);\n border-radius: var(--ld-br-m);\n height: 100%;\n user-select: none;\n touch-action: manipulation;\n color: var(--ld-select-col);\n background-color: var(--ld-select-bg-col);\n text-align: left;\n appearance: none;\n -webkit-touch-callout: none;\n\n &:where(select) {\n width: 100%;\n }\n\n &:where(select:not([multiple])) {\n padding-right: calc(var(--ld-select-padding-x) + var(--ld-sp-24));\n }\n\n &:where(\n select:not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ),\n &:where(\n .ld-select__btn-trigger:not(\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n cursor: pointer;\n }\n\n &:where([aria-expanded='true']) {\n z-index: 2;\n\n &:not(:focus:focus-visible, .ld-select__btn-trigger--detached) {\n box-shadow: none;\n }\n }\n\n &:disabled,\n &:disabled + .ld-select__icon,\n &:disabled + .ld-icon,\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ),\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n )\n + .ld-select__icon,\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n )\n + .ld-icon {\n color: var(--ld-select-col-disabled);\n }\n}\n\n.ld-select__btn-trigger {\n overflow: hidden;\n}\n\n:where(.ld-select),\n:where(.ld-select) > select {\n min-height: var(--ld-select-min-height);\n}\n\n.ld-select--ghost {\n &:not(ld-select),\n select,\n .ld-select__btn-trigger {\n background-color: transparent;\n }\n\n select,\n .ld-select__btn-trigger {\n &:not(:focus) {\n box-shadow: none;\n }\n }\n}\n\n.ld-select:where(:not(.ld-select--ghost)) {\n &:where(.ld-select--detached),\n &:where(:not(.ld-select--detached, .ld-select--expanded)) {\n :where(select),\n :where(.ld-select__btn-trigger) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border);\n }\n }\n\n &:where(:not(.ld-select--invalid)) {\n select,\n .ld-select__btn-trigger {\n &:where(\n .ld-select__btn-trigger--detached:not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ),\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n .ld-select__btn-trigger--detached,\n [aria-expanded='true']\n )\n ) {\n @media (hover: hover) {\n &:hover:not(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2)\n var(--ld-select-col-border-hover);\n }\n }\n }\n }\n }\n}\n\n.ld-select--invalid > select,\n.ld-select--invalid .ld-select__btn-trigger--invalid {\n &:where(:not(:disabled)) {\n &:where(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col);\n }\n }\n\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n &:where(:not(:focus:focus-visible)) {\n background-color: var(--ld-select-invalid-disabled-bg-col);\n color: var(--ld-select-invalid-col);\n }\n\n &:where(:not(.ld-select__btn-trigger--ghost)) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col);\n }\n\n + .ld-icon,\n + .ld-select__icon,\n .ld-select__icon {\n color: var(--ld-select-invalid-col);\n }\n\n @media (hover: hover) {\n &:hover {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-invalid-col);\n\n + .ld-icon,\n + .ld-select__icon,\n .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-invalid-icon-col-hover);\n }\n }\n }\n &:where(:focus:focus-visible) {\n + .ld-icon,\n + .ld-select__icon,\n .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-invalid-icon-col-focus);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n + .ld-icon,\n + .ld-select__icon,\n .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-invalid-icon-col-active);\n }\n }\n }\n}\n\n.ld-select__btn-trigger-text-wrapper,\n.ld-select__selection-list {\n flex-grow: 1;\n}\n\n.ld-select__btn-trigger-text-wrapper {\n font: var(--ld-typo-label-m);\n line-height: var(--ld-select-trigger-line-height);\n padding: var(--ld-sp-6) var(--ld-sp-8) var(--ld-sp-6) 0;\n height: calc(100% + var(--ld-sp-12));\n margin: calc(-1 * var(--ld-sp-6)) 0;\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n\n.ld-select > select,\n.ld-select__btn-trigger-text,\n.ld-select__selection-label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ld-select__selection-list-container {\n display: flex;\n flex-direction: column-reverse;\n gap: var(--ld-sp-6);\n margin-right: auto;\n}\n\n.ld-select__selection-list {\n display: flex;\n flex-wrap: wrap;\n margin: calc(-1 * var(--ld-sp-1)) var(--ld-sp-4) calc(-1 * var(--ld-sp-4)) 0;\n overflow: hidden;\n padding: 0;\n}\n\n.ld-select__selection-list-item {\n flex: 0 1;\n margin-right: var(--ld-sp-4);\n margin-bottom: var(--ld-sp-4);\n width: 100%;\n}\n\n.ld-select__selection-list-item--overflowing {\n display: none;\n}\n\n.ld-select__selection-list-more {\n order: 2147483647; /* Highest possible */\n display: inline-flex;\n align-items: center;\n font: var(--ld-typo-label-s);\n font-weight: 700;\n padding: var(--ld-sp-4) var(--ld-sp-6);\n border-radius: var(--ld-br-m);\n margin-right: var(--ld-sp-4);\n margin-bottom: var(--ld-sp-4);\n}\n\n.ld-select__btn-clear-single,\n.ld-select__btn-clear {\n /* outline: none; */\n border: 0;\n padding: 0;\n border-radius: var(--ld-br-full);\n user-select: none;\n touch-action: manipulation;\n background-color: transparent;\n line-height: 0;\n -webkit-touch-callout: none;\n\n &:not(:disabled) {\n cursor: pointer;\n }\n}\n\n.ld-select__btn-clear {\n margin-right: var(--ld-sp-6);\n flex-shrink: 0;\n\n &:disabled {\n color: var(--ld-select-col-disabled);\n }\n}\n\n.ld-select__btn-clear-single {\n z-index: 1;\n margin-left: var(--ld-sp-6);\n}\n\n.ld-select__selection-label {\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n color: var(--ld-select-selection-col);\n font: var(--ld-typo-label-s);\n font-weight: 700;\n padding: var(--ld-sp-4) var(--ld-sp-6);\n}\n\n.ld-select__selection-label-bg {\n position: absolute;\n inset: 0;\n border-radius: var(--ld-br-m);\n\n :where(\n .ld-select__btn-trigger[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n & {\n background-color: var(--ld-select-col-disabled);\n }\n}\n\n.ld-select__selection-label-text {\n z-index: 1;\n}\n\n.ld-select__btn-clear-single-icon {\n --ld-select-btn-clear-single-size: 0.75rem;\n width: var(--ld-select-btn-clear-single-size);\n height: var(--ld-select-btn-clear-single-size);\n}\n\n.ld-select__btn-clear-icon {\n --ld-select-btn-clear-size: 1.25rem;\n width: var(--ld-select-btn-clear-size);\n height: var(--ld-select-btn-clear-size);\n}\n\n.ld-select__icon {\n fill: none;\n width: var(--ld-sp-16);\n height: var(--ld-sp-16);\n}\n\n.ld-select select + .ld-icon,\n.ld-select__icon,\n.ld-select ::slotted(ld-icon) {\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n\n :where(\n select[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n &,\n :where(select:disabled) &,\n :where(\n .ld-select__btn-trigger[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n & {\n color: var(--ld-select-col-disabled);\n }\n\n .ld-icon,\n svg {\n width: 100%;\n height: 100%;\n }\n}\n\n.ld-select__icon--rotated {\n transform-origin: center;\n transform: rotate(180deg);\n}\n\n.ld-select__slot-container {\n display: none;\n}\n\n:where(\n .ld-select:not(.ld-select--disabled, [aria-disabled], .ld-select--invalid)\n ) {\n .ld-select__btn-trigger {\n &:where(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col);\n }\n }\n\n &.ld-select--ghost {\n :where(select:not(:disabled)),\n :where(.ld-select__btn-trigger) {\n @media (hover: hover) {\n &:hover:not(:focus) {\n background-color: var(--ld-select-ghost-trigger-bg-col-hover);\n }\n }\n &:active,\n &:active:focus-visible {\n background-color: var(--ld-select-ghost-trigger-bg-col-focus);\n }\n }\n }\n\n :where(select:not(:disabled)),\n :where(.ld-select__btn-trigger) {\n .ld-select__icon,\n + .ld-icon,\n + .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-thm-col);\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n .ld-select__icon,\n + .ld-icon,\n + .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-thm-col-hover);\n }\n }\n }\n &:where(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col);\n\n .ld-select__icon,\n + .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-thm-col-focus);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n .ld-select__icon,\n + .ld-icon,\n + .ld-select__icon,\n ::slotted(ld-icon) {\n color: var(--ld-select-thm-col-active);\n }\n }\n }\n}\n\n:where(.ld-select:not(.ld-select--disabled)):not(.ld-select--invalid) {\n :where(select:not(:disabled)),\n :where(.ld-select__btn-trigger) {\n &:where(:focus:focus-visible) {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col);\n }\n }\n}\n\n:where(\n .ld-select:not(\n .ld-select--disabled,\n [aria-disabled],\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n )\n ) {\n .ld-select__selection-list-more {\n color: var(--ld-select-thm-col);\n }\n .ld-select__selection-label-bg {\n background-color: var(--ld-select-thm-col);\n }\n\n .ld-select__btn-clear-single {\n &:where(:focus:focus-visible) + .ld-select__selection-label-bg {\n background-color: var(--ld-select-thm-col-focus);\n }\n\n &:where(:active),\n &:where(:active:focus-visible) {\n + .ld-select__selection-label-bg {\n background-color: var(--ld-select-thm-col-active);\n }\n }\n }\n\n .ld-select__btn-clear {\n color: var(--ld-select-thm-col);\n\n &:where(:focus:focus-visible) {\n color: var(--ld-select-thm-col-focus);\n }\n @media (hover: hover) {\n &:where(:hover) {\n color: var(--ld-select-thm-col-hover);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n color: var(--ld-select-thm-col-active);\n }\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Event,\n Listen,\n Prop,\n State,\n Watch,\n EventEmitter,\n Method,\n} from '@stencil/core'\nimport Tether from 'tether'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { closest } from '../../utils/closest'\nimport { TypeAheadHandler } from '../../utils/typeahead'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\nimport { sanitize } from '../../utils/sanitize'\nimport {\n isLdOptgroup,\n isLdOptgroupInternal,\n isLdOption,\n isLdOptionInternal,\n isLdOptInternalHidden,\n} from './utils/type-guards'\n\ntype SelectOption = { value: string; html: string; text: string }\n\n/**\n * @slot - the default slot contains the select options\n * @slot icon - replaces caret with custom trigger button icon\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-select',\n styleUrl: 'ld-select.css',\n shadow: true,\n})\nexport class LdSelect implements InnerFocusable {\n @Element() el: HTMLLdSelectElement\n private selectRef!: HTMLDivElement\n private triggerRef!: HTMLDivElement\n private selectionListRef!: HTMLUListElement\n private internalOptionsContainerRef!: HTMLDivElement\n private listboxRef!: HTMLLdSelectPopperElement\n private btnClearRef: HTMLButtonElement\n private popper: Tether\n private slotChangeObserver: MutationObserver\n private popperObserver: MutationObserver\n private isObserverEnabled = true\n private optionSelectListenerEnabled = true\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /**\n * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n * Only one form element in a document can have the autofocus attribute.\n */\n @Prop({ reflect: true }) autofocus: boolean\n\n /**\n * Creatable mode can be enabled when the filter prop is set to true.\n * This mode allows the user to create new options using the filter input field.\n */\n @Prop() creatable?: boolean\n\n /** The \"create\" input label (creatable mode). */\n @Prop() createInputLabel? = 'Press Enter to create option'\n\n /** The \"create\" button label (creatable mode). */\n @Prop() createButtonLabel? = 'Create option'\n\n /** Disabled state of the component. */\n @Prop() disabled?: boolean\n\n /** The form element to associate the select with (its form owner). */\n @Prop() form?: string\n\n /** Set this property to `true` in order to enable an input field for filtering options. */\n @Prop() filter?: boolean\n\n /** The filter input placeholder. */\n @Prop() filterPlaceholder? = 'Filter options'\n\n /** Set this property to `true` in order to mark the select visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the trigger button. */\n @Prop() ldTabindex = 0\n\n /** Constrains the height of the trigger button by replacing overflowing selection with a \"+X more\" indicator. */\n @Prop({ mutable: true }) maxRows?: number\n\n // prettier-ignore\n /** Display mode. */\n @Prop() mode?:\n // default\n | 'detached' // = default + small gap between trigger button and popper\n | 'inline' // = detached + minumum trigger button width\n | 'ghost' // = inline + transparent background and borders\n\n /** Multiselect mode. */\n @Prop() multiple?: boolean\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** Used as trigger button label in multiselect mode and in single select mode if nothing is selected. */\n @Prop() placeholder?: string\n\n /** Attached as CSS class to the select popper element. */\n @Prop() popperClass?: string\n\n /** Prevents a state with no options selected after initial selection in single select mode. */\n @Prop() preventDeselection?: boolean\n\n /** A Boolean attribute indicating that an option with a non-empty string value must be selected. */\n @Prop() required?: boolean\n\n /**\n * Sanitize config passed to DOMPurify's sanitize method.\n * If passed as string, the component will try to parse the string as JSON.\n * See https://github.com/cure53/DOMPurify#can-i-configure-dompurify\n */\n @Prop() sanitizeConfig?: SanitizeConfig | string\n\n /** Currently selected option(s) (read only!) */\n @Prop({ mutable: true }) selected?: SelectOption[] = []\n\n /** Size of the select trigger button. */\n @Prop() size?: 'sm' | 'lg'\n\n /** Tether options object to be merged with the default options (optionally stringified). */\n @Prop() tetherOptions?: Partial | string\n\n @State() allOptsFiltered = false\n @State() filterMatchesOpt = false\n @State() expanded = false\n @State() hasCustomIcon = false\n @State() hasMore = false\n @State() initialized = false\n @State() internalOptionsHTML: string\n @State() renderHiddenInput = false\n @State() theme: string\n @State() typeAheadHandler: TypeAheadHandler<\n HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement\n >\n\n /**\n * Emitted with an array of selected values\n * when an alteration to the selection is committed.\n */\n @Event() ldchange: EventEmitter\n\n /**\n * Emitted with an array of selected values\n * when an alteration to the selection is committed.\n */\n @Event() ldinput: EventEmitter\n\n /**\n * Emitted when an option is created in create mode\n * with the filter input value.\n */\n @Event() ldoptioncreate: EventEmitter\n\n /** Sets focus on the trigger button. */\n @Method()\n async focusInner() {\n if (!this.disabled) {\n // Experimental feature that fixes a bug in Firefox only.\n // See https://github.com/emdgroup-liquid/liquid/issues/486\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-expect-error\n this.triggerRef.focus({ focusVisible: true })\n }\n }\n\n @Watch('selected')\n emitEventsAndUpdateHidden(\n newSelection: SelectOption[],\n oldSelection: SelectOption[]\n ) {\n if (!this.initialized) return\n\n const newValues = newSelection.map((option) => option.value)\n const oldValues = oldSelection.map((option) => option.value)\n if (JSON.stringify(newValues) === JSON.stringify(oldValues)) return\n\n this.updateTriggerMoreIndicator(true)\n\n if (this.renderHiddenInput) {\n this.updateSelectedHiddenInputs(newSelection)\n }\n\n // Synchronize options with internal options.\n this.isObserverEnabled = false\n this.el.querySelectorAll('ld-option').forEach((ldOption) => {\n ldOption.selected = newValues.some((value) => value === ldOption.value)\n if (!ldOption.selected && ldOption.hidden) {\n this.listboxRef\n .querySelector(`ld-option-internal[value=\"${ldOption.value}\"]`)\n .remove()\n ldOption.remove()\n }\n })\n this.isObserverEnabled = true\n\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.el.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true })\n )\n this.ldchange.emit(newValues)\n this.ldinput.emit(newValues)\n }\n\n private isDisabled = () => this.disabled || isAriaDisabled(this.ariaDisabled)\n\n // This method must be a function declaration for testing purposes;\n // otherwise Jest's mockImplementation won't work here.\n private isOverflowing() {\n /* istanbul ignore next */\n return (\n this.selectionListRef.scrollHeight >\n this.selectionListRef.clientHeight + 2\n )\n }\n\n private updateTriggerMoreIndicator = (refresh = false) => {\n if (!this.multiple || !this.maxRows) return\n\n if (refresh) this.hasMore = false\n\n requestAnimationFrame(() => {\n if (!this.selectionListRef) return\n\n const selectionListItems = Array.from(\n this.selectionListRef.querySelectorAll(\n '.ld-select__selection-list-item'\n )\n )\n\n if (!this.hasMore) {\n // reset\n this.selectionListRef\n .querySelector('.ld-select__selection-list-more')\n ?.remove()\n selectionListItems.forEach((el) => {\n el.classList.remove('ld-select__selection-list-item--overflowing')\n })\n }\n\n // If overflowing, hide overflowing and show \"+X\" indicator\n if (this.isOverflowing()) {\n let moreItem\n if (!this.hasMore) {\n moreItem = document.createElement('li')\n moreItem.classList.add('ld-select__selection-list-more')\n this.selectionListRef.prepend(moreItem)\n } else {\n moreItem = this.selectionListRef.querySelector(\n '.ld-select__selection-list-more'\n )\n }\n this.hasMore = true\n\n const maxOffset = this.maxRows * 1.75 * 16\n\n let overflowingTotal = 0\n selectionListItems.forEach((el) => {\n const overflowing = overflowingTotal\n ? true\n : el.offsetTop >= maxOffset\n el.classList[overflowing ? 'add' : 'remove'](\n 'ld-select__selection-list-item--overflowing'\n )\n if (overflowing) overflowingTotal++\n })\n\n const hideLastVisibleIfMoreIndicatorOverflowing = () => {\n moreItem = this.selectionListRef.querySelector(\n '.ld-select__selection-list-more'\n )\n moreItem.innerText = `+${overflowingTotal}`\n if (moreItem.offsetTop < maxOffset) {\n /* istanbul ignore next */\n return\n }\n\n const notOverflowing = Array.from(\n this.selectionListRef.querySelectorAll(\n '.ld-select__selection-list-item:not(.ld-select__selection-list-item--overflowing)'\n )\n )\n const [lastNotOverflowing] = notOverflowing.slice(-1)\n if (lastNotOverflowing) {\n lastNotOverflowing.classList.add(\n 'ld-select__selection-list-item--overflowing'\n )\n overflowingTotal++\n moreItem.innerText = `+${overflowingTotal}`\n\n requestAnimationFrame(() => {\n hideLastVisibleIfMoreIndicatorOverflowing()\n })\n }\n }\n hideLastVisibleIfMoreIndicatorOverflowing()\n }\n })\n }\n\n private updatePopperWidth = () => {\n this.listboxRef.style.setProperty(\n 'width',\n `${this.selectRef.getBoundingClientRect().width}px`\n )\n }\n\n private updatePopperShadowHeight = () => {\n const ldPopper = this.listboxRef\n ldPopper.updateShadowHeight(\n `calc(100% + ${this.triggerRef.getBoundingClientRect().height}px)`\n )\n }\n\n private updatePopperTheme = () => {\n const themeEl = this.el.closest('[class*=\"ld-theme-\"]')\n if (!themeEl) return\n\n setTimeout(() => {\n // Array.from(themeEl.classList).find doesn't work in JSDom for some reason.\n this.theme = themeEl.classList\n .toString()\n .split(' ')\n .find((cl) => cl.startsWith('ld-theme-'))\n ?.substring(9)\n })\n }\n\n private updatePopper = () => {\n if (!this.popper) this.initPopper()\n this.popper.position()\n this.updatePopperWidth()\n this.updatePopperShadowHeight()\n this.updatePopperTheme()\n }\n\n private initPopper = () => {\n const customTetherOptions: Partial =\n typeof this.tetherOptions === 'string'\n ? JSON.parse(this.tetherOptions)\n : this.tetherOptions\n const tetherOptions: Tether.ITetherOptions = {\n classPrefix: 'ld-tether',\n element: this.listboxRef,\n target: this.selectRef,\n attachment: 'top left',\n targetAttachment: 'bottom left',\n offset: this.mode ? '-4px 0' : '0 0',\n constraints: [\n {\n to: 'window',\n pin: true,\n },\n ],\n ...customTetherOptions,\n }\n\n this.popper = new Tether(tetherOptions)\n\n // Observe popper in order to set focus as soon as it becomes visible.\n this.initPopperObserver()\n\n this.listboxRef.classList.add('ld-select__popper--initialized')\n }\n\n private getOptsRec = (\n children: Element[]\n ): (HTMLLdOptionElement | HTMLLdOptionInternalElement)[] => {\n const options = children.flatMap((child) => {\n if (isLdOption(child)) {\n return child\n }\n if (isLdOptgroup(child)) {\n return this.getOptsRec(Array.from(child.children))\n }\n return []\n })\n return options\n }\n\n private getInternalOptionHTML = (\n ldOption: HTMLLdOptionElement,\n optgroupDisabled = false\n ) => {\n const classStr = ldOption.classList.toString()\n return `${ldOption.innerHTML.replaceAll(\n /(.|\\n|\\r)*<\\/ld-icon>/g,\n ''\n )}`\n }\n\n private getInternalOptgroupHTML = (ldOptgroup: HTMLLdOptgroupElement) => {\n const classStr = ldOptgroup.classList.toString()\n return `${Array.from(ldOptgroup.children)\n .map((ldOption: HTMLLdOptionElement) =>\n this.getInternalOptionHTML(ldOption, ldOptgroup.disabled)\n )\n .join('')}`\n }\n\n private initOptions = () => {\n const initialized = this.initialized\n const children = Array.from(\n initialized ? this.internalOptionsContainerRef.children : this.el.children\n )\n\n const options = this.getOptsRec(children)\n\n if (!options.length) {\n throw new TypeError(\n 'ld-select requires at least one ld-option element as a child, but found none.'\n )\n }\n\n const selectedOptions = options.filter((child) => {\n return child.selected\n })\n\n if (selectedOptions.length > 1 && !this.multiple) {\n throw new TypeError(\n 'Multiple selected options are not allowed, if multiple option is not set.'\n )\n }\n\n if (!initialized) {\n let internalOptionsHTML = ''\n children.forEach((child) => {\n if (isLdOption(child)) {\n internalOptionsHTML += this.getInternalOptionHTML(child)\n } else if (isLdOptgroup(child)) {\n internalOptionsHTML += this.getInternalOptgroupHTML(child)\n } // else it's the slotted icon which we ignore.\n })\n this.internalOptionsHTML = internalOptionsHTML\n }\n this.selected = selectedOptions.map((child) => {\n return {\n value: child.value,\n html: child.innerHTML,\n text: child.innerText,\n }\n })\n\n if (this.listboxRef) {\n this.typeAheadHandler.options =\n this.listboxRef.querySelectorAll('ld-option-internal')\n }\n this.updateTriggerMoreIndicator(true)\n }\n\n private updateSelectedHiddenInputs = (selected: SelectOption[]) => {\n const selectedValues = selected.map(({ value }) => value)\n const inputs = this.el.querySelectorAll('input')\n\n // For each existing input, remove it from DOM if not in selected.\n // Remove each value from selectedValues if hidden input already exists.\n inputs.forEach((hiddenInput) => {\n const index = selectedValues.indexOf(hiddenInput.value)\n if (index >= 0) {\n selectedValues.splice(index, 1)\n } else {\n hiddenInput.remove()\n }\n })\n\n // If nothing is selected we need only one hidden input without value.\n if (selected.length === 0) {\n this.appendHiddenInput()\n return\n }\n\n // Else add hidden inputs for each value in selectedValues.\n selectedValues.forEach(this.appendHiddenInput)\n }\n\n private appendHiddenInput = (value?: string) => {\n const hiddenInput = document.createElement('input')\n\n // Slot required to keep the hidden input outside the popper.\n hiddenInput.setAttribute('slot', 'hidden')\n hiddenInput.name = this.name\n hiddenInput.type = 'hidden'\n\n if (value !== undefined) {\n hiddenInput.value = value\n }\n\n this.el.appendChild(hiddenInput)\n }\n\n @Watch('name')\n @Watch('form')\n updateHiddenInputs() {\n const hiddenInputs = this.el.querySelectorAll('input')\n\n const outerForm = this.el.closest('form')\n if (!this.name || !(outerForm || this.form)) {\n hiddenInputs.forEach((hiddenInput) => {\n hiddenInput.remove()\n })\n return\n }\n\n if (!hiddenInputs.length) {\n this.updateSelectedHiddenInputs(this.selected)\n return\n }\n\n hiddenInputs.forEach((hiddenInput) => {\n hiddenInput.name = this.name\n if (this.form) {\n hiddenInput.setAttribute('form', this.form)\n }\n })\n }\n\n private handleSlotChange = (mutationsList: MutationRecord[]) => {\n if (!this.isObserverEnabled) return\n if (\n !mutationsList.some(\n (record) => isLdOption(record.target) || isLdOptgroup(record.target)\n )\n ) {\n return\n }\n\n this.initialized = false\n\n const oldValues = [...this.selected]\n this.initOptions()\n\n this.initialized = true\n const newValues = [...this.selected]\n this.emitEventsAndUpdateHidden(newValues, oldValues)\n }\n\n private handlePopperChange = (mutationsList: MutationRecord[]) => {\n if (\n this.listboxRef.classList.contains('ld-tether-enabled') &&\n mutationsList.some((mutation) =>\n mutation.oldValue.includes('display: none;')\n )\n ) {\n // Popper has just been expanded and is visible.\n\n // If there is a selected option in single select mode, focus it.\n let toFocus\n if (!this.multiple) {\n // Using find instead of ld-option-internal[selected] selector below\n // in order to prevent \"TypeError: e.getAttributeNode is not a function\" in JSDom.\n toFocus = Array.from(\n this.listboxRef.querySelectorAll('ld-option-internal')\n )\n .find((ldOption) => ldOption.hasAttribute('selected'))\n ?.shadowRoot.querySelector('[role=\"option\"]')\n }\n\n // Otherwise, focus either the filter input (if available) or the trigger button.\n if (!toFocus) {\n if (this.filter) {\n toFocus = this.getFilterInput()\n } else {\n toFocus = this.triggerRef\n }\n }\n\n toFocus.focus()\n }\n }\n\n private initSlotChangeObserver = () => {\n this.slotChangeObserver = new MutationObserver(this.handleSlotChange)\n this.slotChangeObserver.observe(this.el, {\n subtree: true,\n childList: true,\n attributes: true,\n })\n }\n\n private initPopperObserver = () => {\n this.popperObserver = new MutationObserver(this.handlePopperChange)\n this.popperObserver.observe(this.listboxRef, {\n subtree: false,\n childList: false,\n attributes: true,\n attributeFilter: ['style'],\n attributeOldValue: true,\n })\n }\n\n private getFilterInput = () =>\n this.listboxRef.shadowRoot.querySelector(\n '.ld-select-popper__filter-input'\n )\n\n private togglePopper = () => {\n if (!this.popper) this.initPopper()\n\n this.expanded = !this.expanded\n\n if (this.expanded) {\n this.popper.enable()\n } else {\n this.popper.disable()\n this.focusInner()\n }\n }\n\n private clearSelection = () => {\n Array.from(this.listboxRef.querySelectorAll('ld-option-internal')).forEach(\n (option) => {\n option.selected = false\n }\n )\n this.selected = []\n }\n\n @Listen('resize', { target: 'window', passive: true })\n handleWindowResize() {\n if (this.isDisabled()) return // this is for a minor performance optimization only\n\n this.updatePopperWidth()\n this.updateTriggerMoreIndicator(true)\n this.updatePopperShadowHeight()\n }\n\n @Listen('ldoptionselect', { target: 'window', passive: true })\n handleSelect(ev: CustomEvent) {\n const target = ev.target as HTMLLdOptionInternalElement\n\n // Ignore events which are not fired on current instance.\n if (target.closest('[role=\"listbox\"]') !== this.listboxRef) return\n\n if (!this.optionSelectListenerEnabled) return\n this.optionSelectListenerEnabled = false\n\n if (!this.multiple) {\n // Deselect currently selected option, if it's not the target option.\n this.listboxRef\n .querySelectorAll('ld-option-internal')\n .forEach((option) => {\n if (option !== target.closest('ld-option-internal')) {\n option.selected = false\n }\n })\n this.togglePopper()\n if (this.filter) {\n this.resetFilter()\n this.focusInner()\n }\n }\n this.initOptions()\n\n this.optionSelectListenerEnabled = true\n }\n\n private handleHome = (ev) => {\n ev.preventDefault()\n this.focusInner()\n }\n\n private handleEnd = (ev) => {\n // Move focus to the last option.\n ev.preventDefault()\n const visibleOptions = Array.from(\n this.listboxRef.querySelectorAll('ld-option-internal')\n ).filter((option) => !isLdOptInternalHidden(option))\n if (document.activeElement !== visibleOptions[visibleOptions.length - 1]) {\n visibleOptions[visibleOptions.length - 1].focusInner()\n }\n }\n\n private selectAndFocus = (\n ev: KeyboardEvent,\n opt: HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement | undefined\n ) => {\n if (!opt) return\n\n if (this.multiple && ev.shiftKey) {\n if (\n isLdOptionInternal(document.activeElement) &&\n !isLdOptgroupInternal(document.activeElement) &&\n !document.activeElement.hasAttribute('selected')\n ) {\n document.activeElement.dispatchEvent(\n new KeyboardEvent('keydown', { key: ' ' })\n )\n }\n if (!opt.hasAttribute('selected') && !isLdOptgroupInternal(opt)) {\n opt.dispatchEvent(new KeyboardEvent('keydown', { key: ' ' }))\n }\n }\n opt.focusInner()\n }\n\n private handleFilterChange = (ev: CustomEvent) => {\n // Hide options which do not match the filter query.\n const opts = this.internalOptionsContainerRef.querySelectorAll<\n HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement\n >('ld-option-internal, ld-optgroup-internal')\n const query = ev.detail.trim().toLowerCase()\n let allFiltered = true\n let filterMatchesOpt = false\n const filteredOpts = Array.from(opts).filter((opt) => {\n const optTextLower = isLdOptionInternal(opt)\n ? opt.textContent.toLowerCase()\n : (opt as HTMLLdOptgroupInternalElement).label.toLowerCase()\n const filtered = Boolean(query) && !optTextLower.includes(query)\n\n opt.filtered = filtered\n if (optTextLower === query) {\n filterMatchesOpt = true\n }\n if (!opt.filtered) {\n allFiltered = false\n }\n\n return !filtered\n })\n\n this.typeAheadHandler.options = filteredOpts\n this.allOptsFiltered = allFiltered\n this.filterMatchesOpt = filterMatchesOpt\n\n // Re-position popper after new height has been applied.\n requestAnimationFrame(() => {\n this.updatePopper()\n })\n }\n\n private handleFilterCreate = () => {\n // In single select mode, deselect currently selected option\n if (!this.multiple) {\n const options = this.el.querySelectorAll('ld-option')\n options.forEach((ldOption) => {\n ldOption.selected = false\n })\n }\n\n const value = this.getFilterInput().value\n this.resetFilter()\n this.ldoptioncreate.emit(value)\n }\n\n private canCreate = () => {\n return Boolean(\n this.creatable && !this.filterMatchesOpt && this.getFilterInput().value\n )\n }\n\n private focusPrev = (\n current: HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement,\n ev: KeyboardEvent\n ) => {\n // Focus previous visible option, if any.\n // If the previous is an option, we check if it's visible.\n if (isLdOptionInternal(current.previousElementSibling)) {\n if (isLdOptInternalHidden(current.previousElementSibling)) {\n // If it's hidden, we repeat with the hidden option.\n this.focusPrev(current.previousElementSibling, ev)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, current.previousElementSibling)\n return\n }\n\n // If the previous is an optgroup, we try to focus the last option in it.\n if (isLdOptgroupInternal(current.previousElementSibling)) {\n const lastInOptgroup = Array.from(\n current.previousElementSibling.children\n ).at(-1) as HTMLLdOptionInternalElement\n\n // If it's hidden, we repeat with the hidden option.\n if (isLdOptInternalHidden(lastInOptgroup)) {\n this.focusPrev(lastInOptgroup, ev)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, lastInOptgroup)\n return\n }\n\n // If there is no previous element, we check if we are currently in an optgroup.\n const closestOptgroup =\n isLdOptionInternal(current) &&\n current.closest(\n 'ld-optgroup-internal'\n )\n // If we are in an optgroup, we try to focus the optgroup.\n if (closestOptgroup) {\n // If the optgroup is not visible, we set current to the optgroup and repeat.\n if (isLdOptInternalHidden(closestOptgroup)) {\n this.focusPrev(closestOptgroup, ev)\n return\n }\n closestOptgroup.focusInner()\n return\n }\n\n // Otherwise we focus either the filter input or the trigger button.\n if (this.filter) {\n this.getFilterInput().focus()\n return\n }\n this.handleHome(ev)\n }\n\n private focusNext = (\n current: HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement,\n ev: KeyboardEvent\n ) => {\n // Focus next visible option, if any.\n // If current is an optgroup, try to focus the first option in it.\n if (isLdOptgroupInternal(current)) {\n const firstInOptgroup = current.children[0] as HTMLLdOptionInternalElement\n // If it's hidden, we repeat with the hidden option.\n if (isLdOptInternalHidden(firstInOptgroup)) {\n this.focusNext(firstInOptgroup, ev)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, firstInOptgroup)\n return\n }\n\n // If the next is an option, we check if it's visible.\n if (isLdOptionInternal(current.nextElementSibling)) {\n if (isLdOptInternalHidden(current.nextElementSibling)) {\n // If it's hidden, we repeat with the hidden option.\n this.focusNext(current.nextElementSibling, ev)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, current.nextElementSibling)\n return\n }\n\n // If the next is an optgroup, we try to focus the optgroup.\n if (isLdOptgroupInternal(current.nextElementSibling)) {\n // If it's hidden, we repeat with first input within the hidden optgroup.\n if (isLdOptInternalHidden(current.nextElementSibling)) {\n const firstInOptgroup = current.nextElementSibling\n .children[0] as HTMLLdOptionInternalElement\n // If the first is not visible, we continue with it as current.\n if (isLdOptInternalHidden(firstInOptgroup)) {\n this.focusNext(firstInOptgroup, ev)\n return\n }\n // Otherwise we focus it.\n this.selectAndFocus(ev, firstInOptgroup)\n return\n }\n // If it's not hidden we focus it.\n this.selectAndFocus(ev, current.nextElementSibling)\n return\n }\n\n // If there is no next element, we check if we are currently in an optgroup.\n const closestOptgroup =\n isLdOptionInternal(current) &&\n current.closest(\n 'ld-optgroup-internal'\n )\n // If we are in an optgroup, we try to focus its next sibling.\n if (closestOptgroup) {\n const next = closestOptgroup.nextElementSibling as\n | HTMLLdOptionInternalElement\n | HTMLLdOptgroupInternalElement\n | undefined\n if (!next) return\n\n // If the next sibling is not visible, we repeat with the next sibling.\n if (isLdOptInternalHidden(next)) {\n this.focusNext(next, ev)\n return\n }\n // If it's visible, we focus it.\n next.focusInner()\n }\n }\n\n @Listen('keydown', { passive: false, target: 'window' })\n handleKeyDown(ev: KeyboardEvent) {\n if (this.isDisabled()) return\n\n // Ignore page special meta key combos.\n if (ev.metaKey && !['ArrowDown', 'ArrowUp'].includes(ev.key)) return\n\n // Ignore events if current instance has no focus.\n if (\n document.activeElement.closest('[role=\"listbox\"]') !== this.listboxRef &&\n document.activeElement.closest('ld-select') !== this.el\n ) {\n return\n }\n\n const filterHasFocus =\n this.filter &&\n this.listboxRef?.shadowRoot.activeElement === this.getFilterInput()\n\n // If filter has focus...\n if (filterHasFocus) {\n // ... and create mode is active\n if (this.canCreate() && ev.key === 'Enter') {\n this.handleFilterCreate()\n return\n }\n\n // Ignore events if filter input has focus,\n // except for navigation-specific keys.\n if (\n !['ArrowDown', 'ArrowUp', 'End', 'Escape', 'Home', 'Tab'].includes(\n ev.key\n )\n ) {\n return\n }\n }\n\n // If the clear button is focused, ignore Enter and Space key events.\n if (\n this.el.shadowRoot.activeElement === this.btnClearRef &&\n (ev.key === ' ' || ev.key === 'Enter')\n ) {\n return\n }\n\n switch (ev.key) {\n case 'ArrowDown': {\n // If not expanded, expand popper.\n // If expanded, move focus to the next option.\n // If shift is pressed, select the next option.\n // Holding down the Shift key and then using the Down cursor keys\n // increases the range of items selected (multiple mode only).\n ev.preventDefault()\n if (!this.expanded) {\n this.togglePopper()\n return\n }\n\n if (ev.metaKey) {\n this.handleEnd(ev)\n return\n }\n\n // Focus next visible option, if any,\n // or the filter input, if applicable.\n if (document.activeElement === this.el || filterHasFocus) {\n if (this.filter && !filterHasFocus) {\n this.getFilterInput().focus()\n } else {\n const nextOpt = Array.from(\n this.listboxRef.querySelectorAll<\n HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement\n >('ld-option-internal, ld-optgroup-internal')\n ).find((opt) => !isLdOptInternalHidden(opt))\n this.selectAndFocus(ev, nextOpt)\n }\n } else {\n this.focusNext(\n document.activeElement as\n | HTMLLdOptionInternalElement\n | HTMLLdOptgroupInternalElement,\n ev\n )\n }\n break\n }\n case 'ArrowUp': {\n // If not expanded, expand popper.\n // If expanded, move focus to the previous option.\n // If the first option is focused, focus the trigger button.\n // Holding down the Shift key and then using the Up cursor keys\n // increases the range of items selected (multiple mode only).\n ev.preventDefault()\n if (!this.expanded) {\n this.togglePopper()\n return\n }\n\n if (ev.metaKey || filterHasFocus) {\n this.handleHome(ev)\n return\n }\n\n // Focus previous visible option, if any.\n if (\n isLdOptionInternal(document.activeElement) ||\n isLdOptgroupInternal(document.activeElement)\n ) {\n this.focusPrev(document.activeElement, ev)\n }\n break\n }\n case 'Home':\n if (this.expanded) {\n this.handleHome(ev)\n }\n break\n case 'End':\n if (this.expanded) {\n this.handleEnd(ev)\n }\n break\n case ' ': {\n // If trigger has focus: Toggle popper.\n ev.stopImmediatePropagation()\n ev.preventDefault()\n if (this.expanded) {\n this.togglePopper()\n } else {\n this.togglePopper()\n }\n break\n }\n case 'Enter':\n // If expanded and trigger button is focused: Toggle popper.\n ev.preventDefault()\n if (\n this.expanded &&\n this.el.shadowRoot.activeElement === this.triggerRef\n ) {\n this.togglePopper()\n }\n break\n case 'Escape':\n // If expanded: Close popper.\n if (this.expanded) {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n this.togglePopper()\n }\n break\n case 'Tab': // Also covers Shift+Tab\n // If expanded and popper element has focus within: Prevent default.\n if (\n this.expanded &&\n document.activeElement.closest('[role=\"listbox\"]') === this.listboxRef\n ) {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n }\n break\n default:\n if (this.expanded) {\n ev.stopImmediatePropagation()\n ev.preventDefault()\n this.typeAheadHandler.typeAhead(ev.key)\n }\n }\n }\n\n @Listen('click', {\n target: 'window',\n })\n handleClickOutside(ev) {\n // closest utility function must be used here for the component\n // to work in Solid.js app, where ev.target can be an element\n // within the shadow DOM of the component.\n // Usage of ev.composedPath() is required for penetrating shadow DOM.\n const target = 'composedPath' in ev ? ev.composedPath().at(0) : ev.target\n if (\n ev.isTrusted &&\n closest('ld-select', target) !== this.el &&\n closest('[role=\"listbox\"]', target) !== this.listboxRef\n ) {\n this.expanded = false\n this.resetFilter()\n }\n }\n\n // Mobile Safari in some cases does not react to click events on elements\n // which are not interactive. But it does to touch events.\n @Listen('touchend', {\n target: 'window',\n passive: true,\n })\n handleTouchOutside(ev) {\n this.handleClickOutside(ev)\n }\n\n private resetFilter = () => {\n this.allOptsFiltered = false\n this.filterMatchesOpt = false\n\n if (!this.filter) return\n const filterInput = this.getFilterInput()\n if (!filterInput) return\n\n filterInput.value = ''\n const opts = this.internalOptionsContainerRef.querySelectorAll<\n HTMLLdOptionInternalElement | HTMLLdOptgroupInternalElement\n >('ld-option-internal, ld-optgroup-internal')\n\n opts.forEach((opt) => {\n opt.filtered = false\n })\n\n this.typeAheadHandler.options = opts\n this.listboxRef.resetFilter()\n }\n\n private handleFocusEvent = (ev: FocusEvent) => {\n // Emit event only, if focus is not within the select component.\n if (\n ev.relatedTarget === null ||\n ev.relatedTarget === this.listboxRef ||\n isLdOption(ev.relatedTarget) ||\n isLdOptgroup(ev.relatedTarget) ||\n closest('ld-select', ev.relatedTarget as HTMLElement) === this.el\n ) {\n ev.stopImmediatePropagation()\n } else {\n // Focus left the select component - make sure it is not expanded.\n this.expanded = false\n this.resetFilter()\n }\n }\n\n private handleTriggerClick = (ev: Event) => {\n ev.preventDefault()\n\n if (this.isDisabled()) return\n\n this.togglePopper()\n }\n\n private handleClearClick = (ev: MouseEvent) => {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n\n if (this.isDisabled()) return\n\n this.clearSelection()\n this.focusInner()\n }\n\n private handleClearSingleClick = (ev: MouseEvent, optionValue) => {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n\n if (this.isDisabled()) return\n\n this.selected = this.selected.filter(\n (selection) => selection.value !== optionValue\n )\n\n this.listboxRef\n .querySelector(`ld-option-internal[value='${optionValue}']`)\n ?.dispatchEvent(new KeyboardEvent('keydown', { key: ' ' }))\n }\n\n componentWillLoad() {\n const outerForm = this.el.closest('form')\n\n if (this.name && (outerForm || this.form)) {\n this.renderHiddenInput = true\n }\n\n const customIcon = this.el.querySelector('ld-icon')\n this.hasCustomIcon = !!customIcon\n\n if (customIcon) {\n customIcon.setAttribute('size', this.size)\n }\n\n this.initOptions()\n\n if (this.renderHiddenInput) {\n this.updateSelectedHiddenInputs(this.selected)\n }\n\n registerAutofocus(this.autofocus)\n }\n\n componentDidLoad() {\n setTimeout(() => {\n this.initSlotChangeObserver()\n this.typeAheadHandler = new TypeAheadHandler(\n this.listboxRef.querySelectorAll('ld-option-internal')\n )\n this.initialized = true\n })\n }\n\n componentDidUpdate() {\n if (this.expanded) {\n this.updatePopper()\n }\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.popperObserver) this.popperObserver.disconnect()\n /* istanbul ignore if */\n if (this.popper) this.popper.destroy()\n /* istanbul ignore if */\n if (this.slotChangeObserver) this.slotChangeObserver.disconnect()\n /* istanbul ignore if */\n if (this.listboxRef) this.listboxRef.remove()\n /* istanbul ignore if */\n if (this.typeAheadHandler) this.typeAheadHandler.clearTimeout()\n }\n\n render() {\n // Endable detached mode if any display mode is set.\n const detached = !!this.mode\n\n // Implicitly enable inline mode if ghost mode is enabled.\n const inline = this.mode === 'inline' || this.mode === 'ghost'\n\n // Disallow ghost in combination with multiple select mode.\n const ghost = !this.multiple && this.mode === 'ghost'\n\n const cl = [\n 'ld-select',\n this.disabled && 'ld-select--disabled',\n this.size && `ld-select--${this.size}`,\n this.invalid && 'ld-select--invalid',\n this.expanded && 'ld-select--expanded',\n detached && 'ld-select--detached',\n inline && 'ld-select--inline',\n ghost && 'ld-select--ghost',\n ]\n\n const triggerCl = [\n 'ld-select__btn-trigger',\n this.invalid && 'ld-select__btn-trigger--invalid',\n detached && 'ld-select__btn-trigger--detached',\n inline && 'ld-select__btn-trigger--inline',\n ghost && 'ld-select__btn-trigger--ghost',\n ]\n\n const triggerIconCl = [\n 'ld-select__icon',\n this.expanded && 'ld-select__icon--rotated',\n ]\n\n const triggerHtml = this.multiple\n ? this.placeholder\n : this.selected[0]?.html || this.placeholder\n\n const triggerText = this.multiple\n ? this.placeholder\n : this.selected[0]?.text || this.placeholder\n\n return (\n \n \n {this.renderHiddenInput && }\n
    \n \n
    \n (this.selectRef = el)}\n >\n (this.triggerRef = el)}\n >\n {this.multiple && this.selected.length ? (\n \n (this.selectionListRef = el)}\n style={{\n maxHeight:\n this.maxRows && this.maxRows > 0\n ? `${this.maxRows * 1.75}rem`\n : undefined,\n }}\n >\n {this.selected.map((selection, index) => {\n return (\n \n \n \n )\n })}\n \n \n ) : (\n \n \n \n )}\n\n {this.selected?.length && this.multiple ? (\n (this.btnClearRef = el)}\n part=\"btn-clear focusable\"\n >\n {/* custom icon cross */}\n \n Clear all\n \n \n \n \n ) : (\n ''\n )}\n\n \n {!this.hasCustomIcon && (\n /* custom icon arrow-down */\n \n \n \n )}\n \n \n (this.listboxRef = el)}\n role=\"listbox\"\n size={this.size}\n theme={this.theme}\n >\n (this.internalOptionsContainerRef = el)}\n innerHTML={sanitize(this.internalOptionsHTML, {\n ...(typeof this.sanitizeConfig === 'string'\n ? JSON.parse(this.sanitizeConfig)\n : this.sanitizeConfig),\n ADD_ATTR: ['prevent-deselection'],\n })}\n part=\"options-container\"\n >\n \n \n
    \n )\n }\n}\n",":host {\n /* layout */\n --ld-select-popper-min-width: 12.8125rem;\n --ld-select-popper-max-height: min(23.75rem, 75vh - 1.25rem);\n\n /* colors */\n --ld-select-popper-border-col: var(--ld-col-neutral-100);\n min-width: var(--ld-select-popper-min-width);\n}\n\n.ld-select-popper {\n min-width: 100%;\n\n &:not(.ld-select-popper--expanded) {\n display: none;\n }\n\n ::slotted(.ld-select__shadow) {\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: var(--ld-shadow-sticky);\n border-radius: var(--ld-br-m);\n pointer-events: none;\n z-index: -1;\n }\n}\n\n.ld-select-popper__scroll-container {\n max-height: var(--ld-select-popper-max-height);\n overflow-y: auto;\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n border-top: solid var(--ld-select-popper-border-col) var(--ld-sp-1);\n overscroll-behavior: contain;\n\n .ld-select-popper--detached:not(.ld-select-popper--filter) &,\n .ld-select-popper--pinned:not(.ld-select-popper--filter) & {\n border-top: 0;\n border-radius: var(--ld-br-m);\n }\n\n .ld-select-popper--all-filtered & {\n border-top: 0;\n }\n}\n\n.ld-select-popper__shadow {\n position: absolute;\n width: 100%;\n height: calc(100% + var(--ld-select-min-height-md));\n box-shadow: var(--ld-shadow-sticky);\n border-radius: var(--ld-br-m);\n pointer-events: none;\n z-index: -1;\n bottom: 0;\n\n .ld-select-popper--detached & {\n height: 100% !important;\n }\n}\n\n.ld-select-popper__filter-container {\n align-items: center;\n background-color: var(--ld-col-wht);\n border-top: solid var(--ld-col-neutral-100) var(--ld-sp-1);\n color: var(--ld-col-neutral-900);\n display: grid;\n font: var(--ld-typo-label-m);\n grid-template-columns: 1fr auto;\n\n .ld-select-popper--detached &,\n .ld-select-popper--pinned & {\n border-top: 0;\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n\n .ld-select-popper--all-filtered & {\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n }\n}\n\n.ld-select-popper__create-button {\n font: var(--ld-typo-label-s);\n line-height: var(--ld-select-trigger-line-height);\n margin-right: var(--ld-sp-8);\n\n &::part(button) {\n --ld-button-padding-x-sm: var(--ld-sp-6);\n --ld-button-padding-y-sm: var(--ld-sp-4);\n min-height: 0;\n min-width: 0;\n }\n}\n\n.ld-select-popper__filter-input {\n appearance: none;\n background-color: transparent;\n border: 0;\n box-sizing: border-box;\n color: inherit;\n font: inherit;\n height: 2.5rem;\n line-height: var(--ld-select-trigger-line-height);\n outline: none;\n padding: var(--ld-sp-8) var(--ld-sp-12);\n width: 100%;\n\n &::placeholder {\n color: var(--ld-col-neutral-600);\n }\n\n .ld-select-popper--detached &,\n .ld-select-popper--pinned & {\n border-top: 0;\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'ld-select-popper',\n styleUrl: 'ld-select-popper.shadow.css',\n shadow: true,\n})\nexport class LdSelectPopper {\n @Element() el: HTMLElement\n\n /** Indicates that all options are filtered (used in creatable mode) */\n @Prop() allOptionsFiltered?: boolean\n\n /** A watcher is applied to the CSS class in order to be able to react to tether changes. */\n @Prop({ reflect: true }) class?: string\n\n /**\n * Creatable mode can be enabled when the filter prop is set to true.\n * This mode allows the user to create new options using the filter input field.\n */\n @Prop() creatable?: boolean\n\n /** The \"create\" input label (creatable mode). */\n @Prop() createInputLabel!: string\n\n /** The \"create\" button label (creatable mode). */\n @Prop() createButtonLabel!: string\n\n /** Popper is visually detached from the select trigger element (there's a gap between the two). */\n @Prop() detached?: boolean\n\n /** Indicates if select element is expanded. */\n @Prop() expanded? = false\n\n /** Set this property to `true` in order to enable an input field for filtering options. */\n @Prop() filter?: boolean\n\n /** The filter input value matches an option (do not allow to create the option). */\n @Prop() filterMatchesOption?: boolean\n\n /** The filter input placeholder. */\n @Prop() filterPlaceholder!: string\n\n /** Attaches CSS class to the select popper element. */\n @Prop() popperClass?: string\n\n /** Size of the select trigger button (required for applying the correct shadow height). */\n @Prop() size?: 'sm' | 'lg'\n\n /** Since the select popper is located outside the select element, the theme needs to be applied as a prop. */\n @Prop() theme?: string\n\n @State() isPinned = false\n @State() shadowHeight = '100%'\n @State() filterInputValue = ''\n @State() canCreate = false\n\n /**\n * @internal\n * Emitted on filter change with the filter input value.\n */\n @Event() ldselectfilterchange: EventEmitter\n\n /**\n * @internal\n * Emitted on create button click in filter input field.\n */\n @Event() ldselectfiltercreate: EventEmitter\n\n private handleFilterInput = (ev) => {\n this.filterInputValue = ev.target.value\n this.ldselectfilterchange.emit(ev.target.value)\n }\n\n private handleCreate = (ev) => {\n ev.preventDefault()\n const value = this.filterInputValue\n this.filterInputValue = ''\n this.ldselectfiltercreate.emit(value)\n }\n\n @Watch('creatable')\n @Watch('filterMatchesOption')\n @Watch('filterInputValue')\n updateCanCreate() {\n this.canCreate = Boolean(\n this.creatable && !this.filterMatchesOption && this.filterInputValue\n )\n }\n\n @Watch('class')\n updatePinnedState() {\n this.isPinned = this.el.classList.contains('ld-tether-pinned')\n }\n\n @Watch('theme')\n updatePopperTheme(newValue: string, oldValue: string) {\n this.el.classList.remove(`ld-theme-${oldValue}`)\n if (newValue) this.el.classList.add(`ld-theme-${newValue}`)\n }\n\n @Watch('expanded')\n updateFilter(newExpanded: boolean) {\n if (!newExpanded) {\n this.resetFilter()\n }\n }\n\n /** Updates shadow height */\n @Method()\n async updateShadowHeight(height: string) {\n this.shadowHeight = height\n }\n\n /** Focuses the tab */\n @Method()\n async resetFilter() {\n this.filterInputValue = ''\n }\n\n componentWillLoad() {\n this.popperClass && this.el.classList.add(this.popperClass)\n }\n\n render() {\n return (\n \n \n {this.filter && (\n
    \n \n {this.canCreate && (\n \n \n \n \n \n \n \n )}\n
    \n )}\n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-24dedd5e.entry.js b/1704966176737/dist/build/p-24dedd5e.entry.js new file mode 100644 index 0000000000..7bdbe0d841 --- /dev/null +++ b/1704966176737/dist/build/p-24dedd5e.entry.js @@ -0,0 +1,2 @@ +import{r as l,c as t,h as o,H as i,g as e}from"./p-21a69c18.js";import{g as d}from"./p-1133c92e.js";import{c as a}from"./p-71026bf3.js";import{r as n}from"./p-8dc70a87.js";import{i as s}from"./p-b05f0e4e.js";const r=':host{display:contents}@keyframes ld-modal-in{0%{transform:translateY(2rem)}to{transform:translateY(0)}}@keyframes ld-modal-out{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes ld-modal-out-mobile{0%{transform:translateY(0)}to{transform:translateY(2rem)}}:host,dialog.ld-modal{--ld-modal-bg-col:var(--ld-col-wht);--ld-modal-fixed-padding-x:var(--ld-sp-16);--ld-modal-fixed-padding-y:var(--ld-sp-16);--ld-modal-padding-x:var(--ld-sp-16);--ld-modal-padding-y:var(--ld-sp-24);--ld-modal-fixed-bg-col:var(--ld-col-neutral-010);--ld-modal-transition-duration:var(--ld-transition-duration-instant);--ld-modal-max-inline-size:30rem;--ld-modal-max-block-size:70rem;--ld-modal-min-inline-size:18rem}@media (prefers-reduced-motion:no-preference){:host,dialog.ld-modal{--ld-modal-transition-duration:var(--ld-transition-duration-normal)}}:host dialog,dialog.ld-modal{animation:ld-modal-in var(--ld-modal-transition-duration) ease-out forwards;border:0;border-radius:var(--ld-br-l);box-shadow:var(--ld-shadow-active);color:var(--ld-col-neutral-900);color-scheme:var(--ld-modal-color-scheme,none);display:flex;flex-direction:column;inset:0;margin:auto;max-block-size:min(calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),var(--ld-modal-max-block-size));max-inline-size:min(calc(100% - var(--ld-sp-32)),var(--ld-modal-max-inline-size));min-inline-size:var(--ld-modal-min-inline-size);overflow:visible;padding:0;position:fixed;transition:opacity var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;z-index:2147483647}@media (width <= 32rem){:host dialog,dialog.ld-modal{margin-bottom:var(--ld-sp-40)}}:host dialog:not([open]),dialog.ld-modal:not([open]){animation:ld-modal-out var(--ld-modal-transition-duration) ease-in forwards;opacity:0;pointer-events:none;transition:opacity var(--ld-modal-transition-duration) linear,visibility 0s var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;visibility:hidden}@media (width <= 32rem){:host dialog:not([open]),dialog.ld-modal:not([open]){animation-name:ld-modal-out-mobile}}:host dialog:after,dialog.ld-modal:after{background-color:var(--ld-modal-bg-col);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}:host dialog:before,dialog.ld-modal:before{background-color:var(--ld-thm-primary-active);content:"";inset:0;opacity:.3;position:fixed;transform:scale(99);z-index:-2}:host(.ld-modal--blurry-backdrop) dialog::backdrop,dialog.ld-modal--blurry-backdrop::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ld-modal__x{-webkit-appearance:none;appearance:none;background-color:initial;border:var(--ld-sp-8) solid #0000;box-sizing:border-box;cursor:pointer;display:inline-flex;height:3rem;margin:auto calc(var(--ld-sp-16) * -1) auto auto;overflow:hidden;place-self:flex-start flex-end;position:relative;width:3rem}.ld-modal__x:after,.ld-modal__x:before{background-color:var(--ld-col-neutral-900);border-radius:1rem;content:"";display:block;height:1.25rem;left:50%;position:absolute;top:50%;width:.15rem}.ld-modal__x:before{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.ld-modal__x:after{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.ld-modal__content{flex-grow:1;overflow:hidden auto;overscroll-behavior:none;padding:var(--ld-modal-padding-y) var(--ld-modal-padding-x)}.ld-modal__footer,.ld-modal__header{align-items:center;background-color:var(--ld-modal-fixed-bg-col);display:grid;gap:var(--ld-modal-fixed-padding-x);grid-auto-flow:column;padding:0 var(--ld-modal-fixed-padding-x)}.ld-modal__header{border-radius:var(--ld-br-l) var(--ld-br-l) 0 0}.ld-modal__header>::slotted(:not(.ld-modal__x)),.ld-modal__header>:not(.ld-modal__x){padding:var(--ld-sp-12) 0}.ld-modal__footer{border-radius:0 0 var(--ld-br-l) var(--ld-br-l);justify-content:flex-end}.ld-modal__footer>*,.ld-modal__footer>::slotted(*){margin:var(--ld-modal-fixed-padding-y) 0}';const g=class{constructor(o){l(this,o);this.ldmodalopening=t(this,"ldmodalopening",7);this.ldmodalopened=t(this,"ldmodalopened",7);this.ldmodalclosing=t(this,"ldmodalclosing",7);this.ldmodalclosed=t(this,"ldmodalclosed",7);this.handleClose=()=>{this.open=false};this.handleCancel=l=>{if(!this.cancelable){l.preventDefault()}};this.handleClick=l=>{if(this.cancelable&&l.target.tagName==="DIALOG"){this.close()}};this.handleTransitionEnd=()=>{if(this.open){this.ldmodalopened.emit()}else{this.ldmodalclosed.emit()}};this.cancelable=true;this.open=undefined;this.blurryBackdrop=false}async showModal(){this.open=true}async close(){this.open=false}handleKeyDown(l){if(l.key==="Escape"&&this.cancelable){this.open=false}}onOpenChange(l){if(l){this.dialogRef.showModal();this.ldmodalopening.emit()}else{this.dialogRef.close();this.ldmodalclosing.emit()}}componentDidLoad(){this.dialogRef.addEventListener("cancel",this.handleCancel)}disconnectedCallback(){if(this.dialogRef){this.dialogRef.removeEventListener("cancel",this.handleCancel)}}render(){const l=d(["ld-modal",this.blurryBackdrop&&"ld-modal--blurry-backdrop"]);return o(i,{class:l},o("dialog",{onClick:this.handleClick,onClose:this.handleClose,onTransitionEnd:this.handleTransitionEnd,open:this.open,part:"dialog",ref:l=>this.dialogRef=l},o("header",{class:"ld-modal__header",part:"header"},o("slot",{name:"header"}),this.cancelable&&o("button",{class:"ld-modal__x","aria-label":"Dismiss",onClick:this.close.bind(this)})),o("div",{class:"ld-modal__content",part:"content"},o("slot",null)),o("footer",{class:"ld-modal__footer",part:"footer"},o("slot",{name:"footer"}))))}get el(){return e(this)}static get watchers(){return{open:["onOpenChange"]}}};g.style=r;const c='.ld-toggle,:host{--ld-toggle-height:2rem;--ld-toggle-width:3.375rem;--ld-toggle-inner-space:0.125rem;--ld-toggle-with-icons-width:4.5rem;--ld-toggle-lg-height:2.5rem;--ld-toggle-lg-width:4.1875rem;--ld-toggle-lg-inner-space:0.1875rem;--ld-toggle-lg-with-icons-width:6rem;--ld-toggle-border-radius:var(--ld-br-full);--ld-toggle-knob-border-radius:var(--ld-br-full);--ld-toggle-input-bg-col:var(--ld-col-neutral-600);--ld-toggle-icon-start-col:var(--ld-col-wht);--ld-toggle-icon-end-col:var(--ld-col-neutral-900);--ld-toggle-knob-bg-col:var(--ld-col-wht);--ld-toggle-checked-icon-start-col:var(--ld-col-neutral-900);--ld-toggle-checked-icon-end-col:var(--ld-col-wht);--ld-toggle-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-disabled-icon-col:var(--ld-col-neutral-200);--ld-toggle-disabled-knob-bg-col:var(--ld-col-wht);--ld-toggle-with-icons-input-bg-col:var(--ld-col-neutral-100);--ld-toggle-with-icons-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-checked-bg-col:var(--ld-thm-primary);--ld-toggle-invalid-input-bg-col:var(--ld-thm-error);--ld-toggle-invalid-knob-bg-col:var(--ld-thm-error);--ld-toggle-with-icons-knob-col:var(--ld-thm-primary);align-items:center;display:flex;height:var(--ld-toggle-height);min-width:auto!important;position:relative;width:var(--ld-toggle-width)}.ld-toggle input,:host input{-webkit-appearance:none;appearance:none;background-color:var(--ld-toggle-input-bg-col);border-radius:var(--ld-toggle-border-radius);height:100%;margin:0;position:absolute;transition:background-color var(--ld-transition-duration-normal) ease-in-out;width:100%;z-index:0}.ld-toggle input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),:host input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-toggle input:checked,:host input:checked{background-color:var(--ld-toggle-checked-bg-col)}.ld-toggle input:checked:disabled,.ld-toggle input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:checked:disabled,:host input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:checked~.ld-toggle__knob,:host input:checked~.ld-toggle__knob{transform:translateX(calc(var(--ld-toggle-width) - var(--ld-toggle-height)))}.ld-toggle input:checked~.ld-toggle__icon-start,:host input:checked~.ld-toggle__icon-start{color:var(--ld-toggle-checked-icon-start-col)}.ld-toggle input:checked~.ld-toggle__icon-end,:host input:checked~.ld-toggle__icon-end{color:var(--ld-toggle-checked-icon-end-col)}.ld-toggle input:disabled,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:disabled,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:disabled:checked~.ld-toggle__icon-end,.ld-toggle input:disabled:checked~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start,:host input:disabled:checked~.ld-toggle__icon-end,:host input:disabled:checked~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-end,.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start,:host input:disabled:not(:checked)~.ld-toggle__icon-end,:host input:disabled:not(:checked)~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle .ld-toggle__knob,:host .ld-toggle__knob{background-color:var(--ld-toggle-knob-bg-col);border-radius:var(--ld-toggle-knob-border-radius);display:block;height:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);margin:var(--ld-toggle-inner-space);pointer-events:none;transition:transform var(--ld-transition-duration-normal) ease-in-out;width:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);z-index:1}.ld-toggle input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid{background-color:var(--ld-toggle-invalid-input-bg-col)}.ld-toggle--lg,:host(.ld-toggle--lg){--ld-toggle-height:var(--ld-toggle-lg-height);--ld-toggle-width:var(--ld-toggle-lg-width);--ld-toggle-inner-space:var(--ld-toggle-lg-inner-space)}.ld-toggle--lg.ld-toggle--with-icons,:host(.ld-toggle--lg.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-lg-with-icons-width)}.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .75rem}.ld-toggle--with-icons,:host(.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-with-icons-width)}.ld-toggle--with-icons input:not(:disabled),:host(.ld-toggle--with-icons) input:not(:disabled){background-color:var(--ld-toggle-with-icons-input-bg-col)}.ld-toggle--with-icons input:invalid~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:invalid~.ld-toggle__knob{background-color:var(--ld-toggle-invalid-knob-bg-col)}.ld-toggle--with-icons input:disabled,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host(.ld-toggle--with-icons) input:disabled,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-with-icons-disabled-input-bg-col)}.ld-toggle--with-icons input:disabled~.ld-toggle__knob,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:disabled~.ld-toggle__knob,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob{background-color:var(--ld-toggle-disabled-knob-bg-col)}.ld-toggle--with-icons .ld-toggle__knob,:host(.ld-toggle--with-icons) .ld-toggle__knob{background-color:var(--ld-toggle-with-icons-knob-col)}.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .5rem}.ld-toggle__icon-end,.ld-toggle__icon-start{align-items:center;display:flex;pointer-events:none;position:absolute;transition:color var(--ld-transition-duration-normal) ease-in-out;z-index:1}.ld-toggle__icon-end:empty,.ld-toggle__icon-start:empty{display:none}.ld-toggle__icon-start{color:var(--ld-toggle-icon-start-col);left:0}.ld-toggle__icon-end{color:var(--ld-toggle-icon-end-col);right:0}';const h=class{constructor(o){l(this,o);this.ldchange=t(this,"ldchange",7);this.ldinput=t(this,"ldinput",7);this.handleChange=l=>{this.el.dispatchEvent(new InputEvent("change",l));this.ldchange.emit(this.checked)};this.handleClick=l=>{if(s(this.ariaDisabled)){l.preventDefault();return}this.checked=!this.checked;if(!l.isTrusted){this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true}));this.handleInput();this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.ldchange.emit(this.checked)}};this.handleInput=()=>{this.ldinput.emit(this.checked)};this.ariaDisabled=undefined;this.autofocus=undefined;this.checked=false;this.disabled=undefined;this.form=undefined;this.invalid=undefined;this.ldTabindex=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.size=undefined;this.value=undefined;this.clonedAttributes=undefined}async focusInner(){if(this.input!==undefined){this.input.focus()}}updateHiddenInput(){const l=this.el.closest("form");if(!this.hiddenInput&&this.name&&(l||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(!this.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}this.hiddenInput.name=this.name;this.hiddenInput.checked=this.checked;if(this.value){this.hiddenInput.value=this.value}else{this.hiddenInput.removeAttribute("value")}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(l){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="checkbox";this.hiddenInput.style.visibility="hidden";this.hiddenInput.style.position="absolute";this.hiddenInput.style.pointerEvents="none";this.el.appendChild(this.hiddenInput)}componentWillLoad(){this.attributesObserver=a.call(this,["size"]);this.hasIcons=!!this.el.querySelector('[slot="icon-start"]')||!!this.el.querySelector('[slot="icon-end"]');const l=this.el.closest("form");if(this.name&&(l||this.form)){this.createHiddenInput();this.hiddenInput.checked=this.checked;this.hiddenInput.name=this.name;if(this.form){this.hiddenInput.setAttribute("form",this.form)}if(this.value){this.hiddenInput.value=this.value}}n(this.autofocus)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){return o(i,{class:d(["ld-toggle",this.size==="lg"&&"ld-toggle--lg",this.hasIcons&&"ld-toggle--with-icons"]),onClick:this.handleClick},o("input",Object.assign({},this.clonedAttributes,{"aria-disabled":this.ariaDisabled,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,onInput:this.handleInput,part:"input focusable",ref:l=>this.input=l,required:this.required,tabIndex:this.ldTabindex,type:"checkbox",value:this.value})),o("span",{class:"ld-toggle__knob",part:"knob"}),this.hasIcons&&o("div",{class:"ld-toggle__icon-start",part:"icon-wrapper icon-wrapper-start"},o("slot",{name:"icon-start"})),this.hasIcons&&o("div",{class:"ld-toggle__icon-end",part:"icon-wrapper icon-wrapper-end"},o("slot",{name:"icon-end"})))}get el(){return e(this)}static get watchers(){return{checked:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"]}}};h.style=c;export{g as ld_modal,h as ld_toggle}; +//# sourceMappingURL=p-24dedd5e.entry.js.map \ No newline at end of file diff --git a/dist/build/p-8791e36a.entry.js.map b/1704966176737/dist/build/p-24dedd5e.entry.js.map similarity index 99% rename from dist/build/p-8791e36a.entry.js.map rename to 1704966176737/dist/build/p-24dedd5e.entry.js.map index cb281de630..fb45328ca9 100644 --- a/dist/build/p-8791e36a.entry.js.map +++ b/1704966176737/dist/build/p-24dedd5e.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldModalCss","LdModal","this","handleClose","open","handleCancel","ev","cancelable","preventDefault","handleClick","target","tagName","close","handleTransitionEnd","ldmodalopened","emit","ldmodalclosed","showModal","handleKeyDown","key","onOpenChange","dialogRef","ldmodalopening","ldmodalclosing","componentDidLoad","addEventListener","disconnectedCallback","removeEventListener","render","cl","getClassNames","blurryBackdrop","h","Host","class","onClick","onClose","onTransitionEnd","part","ref","el","name","bind","ldToggleCss","LdToggle","handleChange","event","dispatchEvent","InputEvent","ldchange","checked","isAriaDisabled","ariaDisabled","isTrusted","bubbles","composed","handleInput","ldinput","focusInner","input","undefined","focus","updateHiddenInput","outerForm","closest","hiddenInput","form","createHiddenInput","remove","value","removeAttribute","setAttribute","getAttribute","document","createElement","type","style","visibility","position","pointerEvents","appendChild","componentWillLoad","attributesObserver","cloneAttributes","call","hasIcons","querySelector","registerAutofocus","autofocus","disconnect","size","Object","assign","clonedAttributes","disabled","onChange","onInput","required","tabIndex","ldTabindex"],"sources":["../src/liquid/components/ld-modal/ld-modal.css?tag=ld-modal&encapsulation=shadow","../src/liquid/components/ld-modal/ld-modal.tsx","../src/liquid/components/ld-toggle/ld-toggle.css?tag=ld-toggle&encapsulation=shadow","../src/liquid/components/ld-toggle/ld-toggle.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n@keyframes ld-modal-in {\n from {\n transform: translateY(2rem);\n }\n\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes ld-modal-out {\n from {\n transform: scale(1);\n }\n\n to {\n transform: scale(0.9);\n }\n}\n\n@keyframes ld-modal-out-mobile {\n from {\n transform: translateY(0);\n }\n\n to {\n transform: translateY(2rem);\n }\n}\n\ndialog.ld-modal,\n:host {\n --ld-modal-bg-col: var(--ld-col-wht);\n --ld-modal-fixed-padding-x: var(--ld-sp-16);\n --ld-modal-fixed-padding-y: var(--ld-sp-16);\n --ld-modal-padding-x: var(--ld-sp-16);\n --ld-modal-padding-y: var(--ld-sp-24);\n --ld-modal-fixed-bg-col: var(--ld-col-neutral-010);\n --ld-modal-transition-duration: var(--ld-transition-duration-instant);\n --ld-modal-max-inline-size: 30rem;\n --ld-modal-max-block-size: 70rem;\n --ld-modal-min-inline-size: 18rem;\n\n @media (prefers-reduced-motion: no-preference) {\n --ld-modal-transition-duration: var(--ld-transition-duration-normal);\n }\n}\n\ndialog.ld-modal,\n:host dialog {\n /* overwrites */\n border: 0;\n color: var(--ld-col-neutral-900);\n color-scheme: var(--ld-modal-color-scheme, none);\n display: flex; /* allows for transitions */\n flex-direction: column;\n inset: 0; /* keeps the dialog positioned correctly during closing transition */\n margin: auto;\n overflow: visible; /* required due to scalehack */\n padding: 0;\n position: fixed; /* makes sure it stays fixed during closing transition */\n z-index: 2147483647; /* makes sure it is not overlapped during closing transition */\n\n animation: ld-modal-in var(--ld-modal-transition-duration) ease-out forwards;\n border-radius: var(--ld-br-l);\n box-shadow: var(--ld-shadow-active);\n\n /* dimensions */\n max-block-size: min(\n /* account for additional margin bottom on mobile */\n calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),\n var(--ld-modal-max-block-size)\n );\n max-inline-size: min(\n calc(100% - var(--ld-sp-32)),\n var(--ld-modal-max-inline-size)\n );\n min-inline-size: var(--ld-modal-min-inline-size);\n\n transition: opacity var(--ld-modal-transition-duration) linear,\n transform var(--ld-modal-transition-duration) ease;\n\n @media (width <= 32rem) {\n /*\n On mobile we place the dialog at the bottom of the screen\n so that it is easier for the user to interact with it. */\n margin-bottom: var(--ld-sp-40);\n }\n\n &:not([open]) {\n animation: ld-modal-out var(--ld-modal-transition-duration) ease-in forwards;\n opacity: 0;\n pointer-events: none;\n transition: opacity var(--ld-modal-transition-duration) linear,\n visibility 0s var(--ld-modal-transition-duration) linear,\n transform var(--ld-modal-transition-duration) ease;\n visibility: hidden;\n\n @media (width <= 32rem) {\n /*\n On mobile, since the dialog is placed at the bottom of the screen,\n we transition it out slightly differently than on wide view ports. */\n animation-name: ld-modal-out-mobile;\n }\n }\n\n &::after {\n background-color: var(--ld-modal-bg-col);\n border-radius: inherit;\n content: '';\n inset: 0;\n position: absolute;\n z-index: -1;\n }\n\n &::before {\n background-color: var(--ld-thm-primary-active);\n content: '';\n inset: 0;\n opacity: 0.3;\n position: fixed;\n transform: scale(99); /* scalehack required due to animation */\n z-index: -2;\n }\n}\n\ndialog.ld-modal--blurry-backdrop,\n:host(.ld-modal--blurry-backdrop) dialog {\n &::backdrop {\n backdrop-filter: blur(5px);\n }\n}\n\n/* custom icon cross */\n.ld-modal__x {\n place-self: flex-start flex-end;\n appearance: none;\n background-color: transparent;\n border: solid transparent var(--ld-sp-8);\n box-sizing: border-box;\n cursor: pointer;\n display: inline-flex;\n height: 3rem;\n margin: auto calc(var(--ld-sp-16) * -1) auto auto;\n overflow: hidden;\n position: relative;\n width: 3rem;\n\n &::before,\n &::after {\n border-radius: 1rem;\n background-color: var(--ld-col-neutral-900);\n content: '';\n display: block;\n height: 1.25rem;\n left: 50%;\n position: absolute;\n top: 50%;\n width: 0.15rem;\n }\n\n &::before {\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\n }\n\n &::after {\n transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n }\n}\n\n.ld-modal__content {\n flex-grow: 1;\n overflow: hidden auto;\n overscroll-behavior: none;\n padding: var(--ld-modal-padding-y) var(--ld-modal-padding-x);\n}\n\n.ld-modal__header,\n.ld-modal__footer {\n align-items: center;\n background-color: var(--ld-modal-fixed-bg-col);\n display: grid;\n grid-auto-flow: column;\n gap: var(--ld-modal-fixed-padding-x);\n padding: 0 var(--ld-modal-fixed-padding-x);\n}\n\n.ld-modal__header {\n border-radius: var(--ld-br-l) var(--ld-br-l) 0 0;\n\n > *:not(.ld-modal__x),\n > ::slotted(*:not(.ld-modal__x)) {\n padding: var(--ld-sp-12) 0;\n }\n}\n\n.ld-modal__footer {\n border-radius: 0 0 var(--ld-br-l) var(--ld-br-l);\n justify-content: flex-end;\n\n > *,\n > ::slotted(*) {\n margin: var(--ld-modal-fixed-padding-y) 0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part dialog - Actual `dialog` element\n * @part content - `div` element wrapping the default slot\n * @part footer - `footer` element\n * @part header - `header` element\n */\n@Component({\n tag: 'ld-modal',\n styleUrl: 'ld-modal.css',\n shadow: true,\n})\nexport class LdModal {\n @Element() el: HTMLElement\n private dialogRef: HTMLDialogElement\n\n /** The modal is cancelable by default. However, you can change this using this prop. */\n @Prop() cancelable? = true\n\n /** Indicates that the modal dialog is active and can be interacted with. */\n @Prop({ mutable: true, reflect: true }) open?: boolean\n\n /** Use a blurry backdrop. */\n @Prop() blurryBackdrop? = false\n\n /** Emitted when modal is opening (before transition). */\n @Event() ldmodalopening: EventEmitter\n\n /** Emitted when modal has opened (after transition). */\n @Event() ldmodalopened: EventEmitter\n\n /** Emitted when modal is closing (before transition). */\n @Event() ldmodalclosing: EventEmitter\n\n /** Emitted when modal has closed (after transition). */\n @Event() ldmodalclosed: EventEmitter\n\n /** Opens the modal dialog. */\n @Method()\n async showModal() {\n this.open = true\n }\n\n /** Closes the modal dialog. */\n @Method()\n async close() {\n this.open = false\n }\n\n @Listen('keydown', { passive: true, target: 'window' })\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Escape' && this.cancelable) {\n this.open = false\n }\n }\n\n @Watch('open')\n onOpenChange(open: boolean) {\n // Calling the showModal and close methods on the dialog element here\n // is super important, because these make the native focus trap and\n // the backdrop feature work.\n // TODO: Remove @ts-ignore comments as soon as TS types get updated.\n if (open) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.dialogRef.showModal()\n this.ldmodalopening.emit()\n } else {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.dialogRef.close()\n this.ldmodalclosing.emit()\n }\n }\n\n private handleClose = () => {\n // When the dialog is closed with the Esc key we need to\n // update the open prop explicitly.\n this.open = false\n }\n\n private handleCancel = (ev: Event) => {\n if (!this.cancelable) {\n ev.preventDefault()\n }\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (this.cancelable && (ev.target as HTMLElement).tagName === 'DIALOG') {\n this.close()\n }\n }\n\n private handleTransitionEnd = () => {\n if (this.open) {\n this.ldmodalopened.emit()\n } else {\n this.ldmodalclosed.emit()\n }\n }\n\n componentDidLoad() {\n this.dialogRef.addEventListener('cancel', this.handleCancel)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.dialogRef) {\n this.dialogRef.removeEventListener('cancel', this.handleCancel)\n }\n }\n\n render() {\n const cl = getClassNames([\n 'ld-modal',\n this.blurryBackdrop && 'ld-modal--blurry-backdrop',\n ])\n\n return (\n \n (this.dialogRef = el as HTMLDialogElement)}\n >\n
    \n \n {this.cancelable && (\n \n )}\n
    \n
    \n \n
    \n
    \n \n
    \n \n
    \n )\n }\n}\n",":host,\n.ld-toggle {\n /* layout */\n --ld-toggle-height: 2rem;\n --ld-toggle-width: 3.375rem;\n --ld-toggle-inner-space: 0.125rem;\n --ld-toggle-with-icons-width: 4.5rem;\n --ld-toggle-lg-height: 2.5rem;\n --ld-toggle-lg-width: 4.1875rem;\n --ld-toggle-lg-inner-space: 0.1875rem;\n --ld-toggle-lg-with-icons-width: 6rem;\n --ld-toggle-border-radius: var(--ld-br-full);\n --ld-toggle-knob-border-radius: var(--ld-br-full);\n\n /* colors */\n --ld-toggle-input-bg-col: var(--ld-col-neutral-600);\n --ld-toggle-icon-start-col: var(--ld-col-wht);\n --ld-toggle-icon-end-col: var(--ld-col-neutral-900);\n --ld-toggle-knob-bg-col: var(--ld-col-wht);\n --ld-toggle-checked-icon-start-col: var(--ld-col-neutral-900);\n --ld-toggle-checked-icon-end-col: var(--ld-col-wht);\n --ld-toggle-disabled-input-bg-col: var(--ld-col-neutral-050);\n --ld-toggle-disabled-icon-col: var(--ld-col-neutral-200);\n --ld-toggle-disabled-knob-bg-col: var(--ld-col-wht);\n --ld-toggle-with-icons-input-bg-col: var(--ld-col-neutral-100);\n --ld-toggle-with-icons-disabled-input-bg-col: var(--ld-col-neutral-050);\n\n /* themable colors */\n --ld-toggle-checked-bg-col: var(--ld-thm-primary);\n --ld-toggle-invalid-input-bg-col: var(--ld-thm-error);\n --ld-toggle-invalid-knob-bg-col: var(--ld-thm-error);\n --ld-toggle-with-icons-knob-col: var(--ld-thm-primary);\n\n align-items: center;\n display: flex;\n height: var(--ld-toggle-height);\n min-width: auto !important;\n position: relative;\n width: var(--ld-toggle-width);\n\n input {\n appearance: none;\n background-color: var(--ld-toggle-input-bg-col);\n border-radius: var(--ld-toggle-border-radius);\n height: 100%;\n margin: 0;\n position: absolute;\n /* animations triggered by user interactions on single component instances are probably not a performance issue */\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: background-color var(--ld-transition-duration-normal)\n ease-in-out;\n width: 100%;\n z-index: 0;\n\n &:not(\n :disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n cursor: pointer;\n }\n\n &:checked {\n background-color: var(--ld-toggle-checked-bg-col);\n\n &:disabled,\n &[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ) {\n background-color: var(--ld-toggle-disabled-input-bg-col);\n }\n\n ~ .ld-toggle__knob {\n transform: translateX(\n calc(var(--ld-toggle-width) - var(--ld-toggle-height))\n );\n }\n\n ~ .ld-toggle__icon-start {\n color: var(--ld-toggle-checked-icon-start-col);\n }\n\n ~ .ld-toggle__icon-end {\n color: var(--ld-toggle-checked-icon-end-col);\n }\n }\n\n &:disabled,\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n background-color: var(--ld-toggle-disabled-input-bg-col);\n\n &:checked ~ .ld-toggle__icon-start,\n &:checked ~ .ld-toggle__icon-end {\n color: var(--ld-toggle-disabled-icon-col);\n }\n\n &:not(:checked) ~ .ld-toggle__icon-start,\n &:not(:checked) ~ .ld-toggle__icon-end {\n color: var(--ld-toggle-disabled-icon-col);\n }\n }\n }\n\n .ld-toggle__knob {\n background-color: var(--ld-toggle-knob-bg-col);\n border-radius: var(--ld-toggle-knob-border-radius);\n display: block;\n height: calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);\n margin: var(--ld-toggle-inner-space);\n pointer-events: none;\n transition: transform var(--ld-transition-duration-normal) ease-in-out;\n width: calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);\n z-index: 1;\n }\n\n input:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ):invalid {\n background-color: var(--ld-toggle-invalid-input-bg-col);\n }\n}\n\n.ld-toggle--lg {\n &,\n :host(&) {\n --ld-toggle-height: var(--ld-toggle-lg-height);\n --ld-toggle-width: var(--ld-toggle-lg-width);\n --ld-toggle-inner-space: var(--ld-toggle-lg-inner-space);\n }\n\n &.ld-toggle--with-icons {\n &,\n :host(&) {\n --ld-toggle-width: var(--ld-toggle-lg-with-icons-width);\n\n .ld-toggle__icon-start,\n .ld-toggle__icon-end {\n margin: auto 0.75rem;\n }\n }\n }\n}\n\n:host(.ld-toggle--with-icons),\n.ld-toggle--with-icons {\n --ld-toggle-width: var(--ld-toggle-with-icons-width);\n\n input {\n &:not(:disabled) {\n background-color: var(--ld-toggle-with-icons-input-bg-col);\n }\n\n &:invalid ~ .ld-toggle__knob {\n background-color: var(--ld-toggle-invalid-knob-bg-col);\n }\n\n &:disabled,\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n background-color: var(--ld-toggle-with-icons-disabled-input-bg-col);\n\n ~ .ld-toggle__knob {\n background-color: var(--ld-toggle-disabled-knob-bg-col);\n }\n }\n }\n\n .ld-toggle__knob {\n background-color: var(--ld-toggle-with-icons-knob-col);\n }\n\n .ld-toggle__icon-start,\n .ld-toggle__icon-end {\n margin: auto 0.5rem;\n }\n}\n\n.ld-toggle__icon-start,\n.ld-toggle__icon-end {\n display: flex;\n align-items: center;\n pointer-events: none;\n position: absolute;\n /* animations triggered by user interactions on single component instances are probably not a performance issue */\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: color var(--ld-transition-duration-normal) ease-in-out;\n z-index: 1;\n\n &:empty {\n display: none;\n }\n}\n\n.ld-toggle__icon-start {\n color: var(--ld-toggle-icon-start-col);\n left: 0;\n}\n\n.ld-toggle__icon-end {\n color: var(--ld-toggle-icon-end-col);\n right: 0;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part input - Actual input element\n * @part knob - Toggle knob\n * @part icon-wrapper - Both wrappers of icons\n * @part icon-wrapper-start - Wrapper of the start icon\n * @part icon-wrapper-end - Wrapper of the end icon\n */\n@Component({\n tag: 'ld-toggle',\n styleUrl: 'ld-toggle.css',\n shadow: true,\n})\nexport class LdToggle implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLElement\n\n private attributesObserver: MutationObserver\n\n private input: HTMLInputElement\n private hiddenInput: HTMLInputElement\n private hasIcons: boolean\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Indicates whether the toggle is \"on\". */\n @Prop({ mutable: true }) checked? = false\n\n /** Disabled state of the checkbox. */\n @Prop() disabled?: boolean\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /** Set this property to `true` in order to mark the checkbox visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** Set this property to `true` in order to mark the checkbox as required. */\n @Prop() required?: boolean\n\n /** Size of the toggle. */\n @Prop() size?: 'sm' | 'lg'\n\n /** The input value. */\n @Prop() value?: string\n\n @State() clonedAttributes\n\n /** Emitted when the input value changed and the element loses focus. */\n @Event() ldchange: EventEmitter\n\n /** Emitted when the input value changed. */\n @Event() ldinput: EventEmitter\n\n /** Sets focus on the toggle. */\n @Method()\n async focusInner() {\n if (this.input !== undefined) {\n this.input.focus()\n }\n }\n\n @Watch('checked')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (!this.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n this.hiddenInput.name = this.name\n this.hiddenInput.checked = this.checked\n\n if (this.value) {\n this.hiddenInput.value = this.value\n } else {\n this.hiddenInput.removeAttribute('value')\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'checkbox'\n this.hiddenInput.style.visibility = 'hidden'\n this.hiddenInput.style.position = 'absolute'\n this.hiddenInput.style.pointerEvents = 'none'\n this.el.appendChild(this.hiddenInput)\n }\n\n private handleChange = (event: InputEvent) => {\n this.el.dispatchEvent(new InputEvent('change', event))\n this.ldchange.emit(this.checked)\n }\n\n private handleClick = (event: MouseEvent) => {\n if (isAriaDisabled(this.ariaDisabled)) {\n event.preventDefault()\n return\n }\n\n this.checked = !this.checked\n\n if (!event.isTrusted) {\n // This happens, when a click event is dispatched on the host element\n // from the outside i.e. on click on a parent ld-label element.\n this.el.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true })\n )\n this.handleInput()\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.ldchange.emit(this.checked)\n }\n }\n\n private handleInput = () => {\n this.ldinput.emit(this.checked)\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, ['size'])\n\n this.hasIcons =\n !!this.el.querySelector('[slot=\"icon-start\"]') ||\n !!this.el.querySelector('[slot=\"icon-end\"]')\n\n const outerForm = this.el.closest('form')\n\n if (this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n this.hiddenInput.checked = this.checked\n this.hiddenInput.name = this.name\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n }\n\n if (this.value) {\n this.hiddenInput.value = this.value\n }\n }\n\n registerAutofocus(this.autofocus)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n return (\n \n (this.input = ref)}\n required={this.required}\n tabIndex={this.ldTabindex}\n type=\"checkbox\"\n value={this.value}\n />\n \n {this.hasIcons && (\n \n \n \n )}\n {this.hasIcons && (\n
    \n \n
    \n )}\n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["ldModalCss","LdModal","this","handleClose","open","handleCancel","ev","cancelable","preventDefault","handleClick","target","tagName","close","handleTransitionEnd","ldmodalopened","emit","ldmodalclosed","showModal","handleKeyDown","key","onOpenChange","dialogRef","ldmodalopening","ldmodalclosing","componentDidLoad","addEventListener","disconnectedCallback","removeEventListener","render","cl","getClassNames","blurryBackdrop","h","Host","class","onClick","onClose","onTransitionEnd","part","ref","el","name","bind","ldToggleCss","LdToggle","handleChange","event","dispatchEvent","InputEvent","ldchange","checked","isAriaDisabled","ariaDisabled","isTrusted","bubbles","composed","handleInput","ldinput","focusInner","input","undefined","focus","updateHiddenInput","outerForm","closest","hiddenInput","form","createHiddenInput","remove","value","removeAttribute","setAttribute","getAttribute","document","createElement","type","style","visibility","position","pointerEvents","appendChild","componentWillLoad","attributesObserver","cloneAttributes","call","hasIcons","querySelector","registerAutofocus","autofocus","disconnect","size","Object","assign","clonedAttributes","disabled","onChange","onInput","required","tabIndex","ldTabindex"],"sources":["../src/liquid/components/ld-modal/ld-modal.css?tag=ld-modal&encapsulation=shadow","../src/liquid/components/ld-modal/ld-modal.tsx","../src/liquid/components/ld-toggle/ld-toggle.css?tag=ld-toggle&encapsulation=shadow","../src/liquid/components/ld-toggle/ld-toggle.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n@keyframes ld-modal-in {\n from {\n transform: translateY(2rem);\n }\n\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes ld-modal-out {\n from {\n transform: scale(1);\n }\n\n to {\n transform: scale(0.9);\n }\n}\n\n@keyframes ld-modal-out-mobile {\n from {\n transform: translateY(0);\n }\n\n to {\n transform: translateY(2rem);\n }\n}\n\ndialog.ld-modal,\n:host {\n --ld-modal-bg-col: var(--ld-col-wht);\n --ld-modal-fixed-padding-x: var(--ld-sp-16);\n --ld-modal-fixed-padding-y: var(--ld-sp-16);\n --ld-modal-padding-x: var(--ld-sp-16);\n --ld-modal-padding-y: var(--ld-sp-24);\n --ld-modal-fixed-bg-col: var(--ld-col-neutral-010);\n --ld-modal-transition-duration: var(--ld-transition-duration-instant);\n --ld-modal-max-inline-size: 30rem;\n --ld-modal-max-block-size: 70rem;\n --ld-modal-min-inline-size: 18rem;\n\n @media (prefers-reduced-motion: no-preference) {\n --ld-modal-transition-duration: var(--ld-transition-duration-normal);\n }\n}\n\ndialog.ld-modal,\n:host dialog {\n /* overwrites */\n border: 0;\n color: var(--ld-col-neutral-900);\n color-scheme: var(--ld-modal-color-scheme, none);\n display: flex; /* allows for transitions */\n flex-direction: column;\n inset: 0; /* keeps the dialog positioned correctly during closing transition */\n margin: auto;\n overflow: visible; /* required due to scalehack */\n padding: 0;\n position: fixed; /* makes sure it stays fixed during closing transition */\n z-index: 2147483647; /* makes sure it is not overlapped during closing transition */\n\n animation: ld-modal-in var(--ld-modal-transition-duration) ease-out forwards;\n border-radius: var(--ld-br-l);\n box-shadow: var(--ld-shadow-active);\n\n /* dimensions */\n max-block-size: min(\n /* account for additional margin bottom on mobile */\n calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),\n var(--ld-modal-max-block-size)\n );\n max-inline-size: min(\n calc(100% - var(--ld-sp-32)),\n var(--ld-modal-max-inline-size)\n );\n min-inline-size: var(--ld-modal-min-inline-size);\n\n transition: opacity var(--ld-modal-transition-duration) linear,\n transform var(--ld-modal-transition-duration) ease;\n\n @media (width <= 32rem) {\n /*\n On mobile we place the dialog at the bottom of the screen\n so that it is easier for the user to interact with it. */\n margin-bottom: var(--ld-sp-40);\n }\n\n &:not([open]) {\n animation: ld-modal-out var(--ld-modal-transition-duration) ease-in forwards;\n opacity: 0;\n pointer-events: none;\n transition: opacity var(--ld-modal-transition-duration) linear,\n visibility 0s var(--ld-modal-transition-duration) linear,\n transform var(--ld-modal-transition-duration) ease;\n visibility: hidden;\n\n @media (width <= 32rem) {\n /*\n On mobile, since the dialog is placed at the bottom of the screen,\n we transition it out slightly differently than on wide view ports. */\n animation-name: ld-modal-out-mobile;\n }\n }\n\n &::after {\n background-color: var(--ld-modal-bg-col);\n border-radius: inherit;\n content: '';\n inset: 0;\n position: absolute;\n z-index: -1;\n }\n\n &::before {\n background-color: var(--ld-thm-primary-active);\n content: '';\n inset: 0;\n opacity: 0.3;\n position: fixed;\n transform: scale(99); /* scalehack required due to animation */\n z-index: -2;\n }\n}\n\ndialog.ld-modal--blurry-backdrop,\n:host(.ld-modal--blurry-backdrop) dialog {\n &::backdrop {\n backdrop-filter: blur(5px);\n }\n}\n\n/* custom icon cross */\n.ld-modal__x {\n place-self: flex-start flex-end;\n appearance: none;\n background-color: transparent;\n border: solid transparent var(--ld-sp-8);\n box-sizing: border-box;\n cursor: pointer;\n display: inline-flex;\n height: 3rem;\n margin: auto calc(var(--ld-sp-16) * -1) auto auto;\n overflow: hidden;\n position: relative;\n width: 3rem;\n\n &::before,\n &::after {\n border-radius: 1rem;\n background-color: var(--ld-col-neutral-900);\n content: '';\n display: block;\n height: 1.25rem;\n left: 50%;\n position: absolute;\n top: 50%;\n width: 0.15rem;\n }\n\n &::before {\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\n }\n\n &::after {\n transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n }\n}\n\n.ld-modal__content {\n flex-grow: 1;\n overflow: hidden auto;\n overscroll-behavior: none;\n padding: var(--ld-modal-padding-y) var(--ld-modal-padding-x);\n}\n\n.ld-modal__header,\n.ld-modal__footer {\n align-items: center;\n background-color: var(--ld-modal-fixed-bg-col);\n display: grid;\n grid-auto-flow: column;\n gap: var(--ld-modal-fixed-padding-x);\n padding: 0 var(--ld-modal-fixed-padding-x);\n}\n\n.ld-modal__header {\n border-radius: var(--ld-br-l) var(--ld-br-l) 0 0;\n\n > *:not(.ld-modal__x),\n > ::slotted(*:not(.ld-modal__x)) {\n padding: var(--ld-sp-12) 0;\n }\n}\n\n.ld-modal__footer {\n border-radius: 0 0 var(--ld-br-l) var(--ld-br-l);\n justify-content: flex-end;\n\n > *,\n > ::slotted(*) {\n margin: var(--ld-modal-fixed-padding-y) 0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part dialog - Actual `dialog` element\n * @part content - `div` element wrapping the default slot\n * @part footer - `footer` element\n * @part header - `header` element\n */\n@Component({\n tag: 'ld-modal',\n styleUrl: 'ld-modal.css',\n shadow: true,\n})\nexport class LdModal {\n @Element() el: HTMLElement\n private dialogRef: HTMLDialogElement\n\n /** The modal is cancelable by default. However, you can change this using this prop. */\n @Prop() cancelable? = true\n\n /** Indicates that the modal dialog is active and can be interacted with. */\n @Prop({ mutable: true, reflect: true }) open?: boolean\n\n /** Use a blurry backdrop. */\n @Prop() blurryBackdrop? = false\n\n /** Emitted when modal is opening (before transition). */\n @Event() ldmodalopening: EventEmitter\n\n /** Emitted when modal has opened (after transition). */\n @Event() ldmodalopened: EventEmitter\n\n /** Emitted when modal is closing (before transition). */\n @Event() ldmodalclosing: EventEmitter\n\n /** Emitted when modal has closed (after transition). */\n @Event() ldmodalclosed: EventEmitter\n\n /** Opens the modal dialog. */\n @Method()\n async showModal() {\n this.open = true\n }\n\n /** Closes the modal dialog. */\n @Method()\n async close() {\n this.open = false\n }\n\n @Listen('keydown', { passive: true, target: 'window' })\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Escape' && this.cancelable) {\n this.open = false\n }\n }\n\n @Watch('open')\n onOpenChange(open: boolean) {\n // Calling the showModal and close methods on the dialog element here\n // is super important, because these make the native focus trap and\n // the backdrop feature work.\n // TODO: Remove @ts-ignore comments as soon as TS types get updated.\n if (open) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.dialogRef.showModal()\n this.ldmodalopening.emit()\n } else {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.dialogRef.close()\n this.ldmodalclosing.emit()\n }\n }\n\n private handleClose = () => {\n // When the dialog is closed with the Esc key we need to\n // update the open prop explicitly.\n this.open = false\n }\n\n private handleCancel = (ev: Event) => {\n if (!this.cancelable) {\n ev.preventDefault()\n }\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (this.cancelable && (ev.target as HTMLElement).tagName === 'DIALOG') {\n this.close()\n }\n }\n\n private handleTransitionEnd = () => {\n if (this.open) {\n this.ldmodalopened.emit()\n } else {\n this.ldmodalclosed.emit()\n }\n }\n\n componentDidLoad() {\n this.dialogRef.addEventListener('cancel', this.handleCancel)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.dialogRef) {\n this.dialogRef.removeEventListener('cancel', this.handleCancel)\n }\n }\n\n render() {\n const cl = getClassNames([\n 'ld-modal',\n this.blurryBackdrop && 'ld-modal--blurry-backdrop',\n ])\n\n return (\n \n (this.dialogRef = el as HTMLDialogElement)}\n >\n
    \n \n {this.cancelable && (\n \n )}\n
    \n
    \n \n
    \n
    \n \n
    \n \n
    \n )\n }\n}\n",":host,\n.ld-toggle {\n /* layout */\n --ld-toggle-height: 2rem;\n --ld-toggle-width: 3.375rem;\n --ld-toggle-inner-space: 0.125rem;\n --ld-toggle-with-icons-width: 4.5rem;\n --ld-toggle-lg-height: 2.5rem;\n --ld-toggle-lg-width: 4.1875rem;\n --ld-toggle-lg-inner-space: 0.1875rem;\n --ld-toggle-lg-with-icons-width: 6rem;\n --ld-toggle-border-radius: var(--ld-br-full);\n --ld-toggle-knob-border-radius: var(--ld-br-full);\n\n /* colors */\n --ld-toggle-input-bg-col: var(--ld-col-neutral-600);\n --ld-toggle-icon-start-col: var(--ld-col-wht);\n --ld-toggle-icon-end-col: var(--ld-col-neutral-900);\n --ld-toggle-knob-bg-col: var(--ld-col-wht);\n --ld-toggle-checked-icon-start-col: var(--ld-col-neutral-900);\n --ld-toggle-checked-icon-end-col: var(--ld-col-wht);\n --ld-toggle-disabled-input-bg-col: var(--ld-col-neutral-050);\n --ld-toggle-disabled-icon-col: var(--ld-col-neutral-200);\n --ld-toggle-disabled-knob-bg-col: var(--ld-col-wht);\n --ld-toggle-with-icons-input-bg-col: var(--ld-col-neutral-100);\n --ld-toggle-with-icons-disabled-input-bg-col: var(--ld-col-neutral-050);\n\n /* themable colors */\n --ld-toggle-checked-bg-col: var(--ld-thm-primary);\n --ld-toggle-invalid-input-bg-col: var(--ld-thm-error);\n --ld-toggle-invalid-knob-bg-col: var(--ld-thm-error);\n --ld-toggle-with-icons-knob-col: var(--ld-thm-primary);\n\n align-items: center;\n display: flex;\n height: var(--ld-toggle-height);\n min-width: auto !important;\n position: relative;\n width: var(--ld-toggle-width);\n\n input {\n appearance: none;\n background-color: var(--ld-toggle-input-bg-col);\n border-radius: var(--ld-toggle-border-radius);\n height: 100%;\n margin: 0;\n position: absolute;\n /* animations triggered by user interactions on single component instances are probably not a performance issue */\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: background-color var(--ld-transition-duration-normal)\n ease-in-out;\n width: 100%;\n z-index: 0;\n\n &:not(\n :disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n cursor: pointer;\n }\n\n &:checked {\n background-color: var(--ld-toggle-checked-bg-col);\n\n &:disabled,\n &[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ) {\n background-color: var(--ld-toggle-disabled-input-bg-col);\n }\n\n ~ .ld-toggle__knob {\n transform: translateX(\n calc(var(--ld-toggle-width) - var(--ld-toggle-height))\n );\n }\n\n ~ .ld-toggle__icon-start {\n color: var(--ld-toggle-checked-icon-start-col);\n }\n\n ~ .ld-toggle__icon-end {\n color: var(--ld-toggle-checked-icon-end-col);\n }\n }\n\n &:disabled,\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n background-color: var(--ld-toggle-disabled-input-bg-col);\n\n &:checked ~ .ld-toggle__icon-start,\n &:checked ~ .ld-toggle__icon-end {\n color: var(--ld-toggle-disabled-icon-col);\n }\n\n &:not(:checked) ~ .ld-toggle__icon-start,\n &:not(:checked) ~ .ld-toggle__icon-end {\n color: var(--ld-toggle-disabled-icon-col);\n }\n }\n }\n\n .ld-toggle__knob {\n background-color: var(--ld-toggle-knob-bg-col);\n border-radius: var(--ld-toggle-knob-border-radius);\n display: block;\n height: calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);\n margin: var(--ld-toggle-inner-space);\n pointer-events: none;\n transition: transform var(--ld-transition-duration-normal) ease-in-out;\n width: calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);\n z-index: 1;\n }\n\n input:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ):invalid {\n background-color: var(--ld-toggle-invalid-input-bg-col);\n }\n}\n\n.ld-toggle--lg {\n &,\n :host(&) {\n --ld-toggle-height: var(--ld-toggle-lg-height);\n --ld-toggle-width: var(--ld-toggle-lg-width);\n --ld-toggle-inner-space: var(--ld-toggle-lg-inner-space);\n }\n\n &.ld-toggle--with-icons {\n &,\n :host(&) {\n --ld-toggle-width: var(--ld-toggle-lg-with-icons-width);\n\n .ld-toggle__icon-start,\n .ld-toggle__icon-end {\n margin: auto 0.75rem;\n }\n }\n }\n}\n\n:host(.ld-toggle--with-icons),\n.ld-toggle--with-icons {\n --ld-toggle-width: var(--ld-toggle-with-icons-width);\n\n input {\n &:not(:disabled) {\n background-color: var(--ld-toggle-with-icons-input-bg-col);\n }\n\n &:invalid ~ .ld-toggle__knob {\n background-color: var(--ld-toggle-invalid-knob-bg-col);\n }\n\n &:disabled,\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n background-color: var(--ld-toggle-with-icons-disabled-input-bg-col);\n\n ~ .ld-toggle__knob {\n background-color: var(--ld-toggle-disabled-knob-bg-col);\n }\n }\n }\n\n .ld-toggle__knob {\n background-color: var(--ld-toggle-with-icons-knob-col);\n }\n\n .ld-toggle__icon-start,\n .ld-toggle__icon-end {\n margin: auto 0.5rem;\n }\n}\n\n.ld-toggle__icon-start,\n.ld-toggle__icon-end {\n display: flex;\n align-items: center;\n pointer-events: none;\n position: absolute;\n /* animations triggered by user interactions on single component instances are probably not a performance issue */\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: color var(--ld-transition-duration-normal) ease-in-out;\n z-index: 1;\n\n &:empty {\n display: none;\n }\n}\n\n.ld-toggle__icon-start {\n color: var(--ld-toggle-icon-start-col);\n left: 0;\n}\n\n.ld-toggle__icon-end {\n color: var(--ld-toggle-icon-end-col);\n right: 0;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part input - Actual input element\n * @part knob - Toggle knob\n * @part icon-wrapper - Both wrappers of icons\n * @part icon-wrapper-start - Wrapper of the start icon\n * @part icon-wrapper-end - Wrapper of the end icon\n */\n@Component({\n tag: 'ld-toggle',\n styleUrl: 'ld-toggle.css',\n shadow: true,\n})\nexport class LdToggle implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLElement\n\n private attributesObserver: MutationObserver\n\n private input: HTMLInputElement\n private hiddenInput: HTMLInputElement\n private hasIcons: boolean\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Indicates whether the toggle is \"on\". */\n @Prop({ mutable: true }) checked? = false\n\n /** Disabled state of the checkbox. */\n @Prop() disabled?: boolean\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /** Set this property to `true` in order to mark the checkbox visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** Set this property to `true` in order to mark the checkbox as required. */\n @Prop() required?: boolean\n\n /** Size of the toggle. */\n @Prop() size?: 'sm' | 'lg'\n\n /** The input value. */\n @Prop() value?: string\n\n @State() clonedAttributes\n\n /** Emitted when the input value changed and the element loses focus. */\n @Event() ldchange: EventEmitter\n\n /** Emitted when the input value changed. */\n @Event() ldinput: EventEmitter\n\n /** Sets focus on the toggle. */\n @Method()\n async focusInner() {\n if (this.input !== undefined) {\n this.input.focus()\n }\n }\n\n @Watch('checked')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (!this.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n this.hiddenInput.name = this.name\n this.hiddenInput.checked = this.checked\n\n if (this.value) {\n this.hiddenInput.value = this.value\n } else {\n this.hiddenInput.removeAttribute('value')\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'checkbox'\n this.hiddenInput.style.visibility = 'hidden'\n this.hiddenInput.style.position = 'absolute'\n this.hiddenInput.style.pointerEvents = 'none'\n this.el.appendChild(this.hiddenInput)\n }\n\n private handleChange = (event: InputEvent) => {\n this.el.dispatchEvent(new InputEvent('change', event))\n this.ldchange.emit(this.checked)\n }\n\n private handleClick = (event: MouseEvent) => {\n if (isAriaDisabled(this.ariaDisabled)) {\n event.preventDefault()\n return\n }\n\n this.checked = !this.checked\n\n if (!event.isTrusted) {\n // This happens, when a click event is dispatched on the host element\n // from the outside i.e. on click on a parent ld-label element.\n this.el.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true })\n )\n this.handleInput()\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.ldchange.emit(this.checked)\n }\n }\n\n private handleInput = () => {\n this.ldinput.emit(this.checked)\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, ['size'])\n\n this.hasIcons =\n !!this.el.querySelector('[slot=\"icon-start\"]') ||\n !!this.el.querySelector('[slot=\"icon-end\"]')\n\n const outerForm = this.el.closest('form')\n\n if (this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n this.hiddenInput.checked = this.checked\n this.hiddenInput.name = this.name\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n }\n\n if (this.value) {\n this.hiddenInput.value = this.value\n }\n }\n\n registerAutofocus(this.autofocus)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n return (\n \n (this.input = ref)}\n required={this.required}\n tabIndex={this.ldTabindex}\n type=\"checkbox\"\n value={this.value}\n />\n \n {this.hasIcons && (\n \n \n \n )}\n {this.hasIcons && (\n
    \n \n
    \n )}\n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-2dcf38f5.entry.js b/1704966176737/dist/build/p-2dcf38f5.entry.js new file mode 100644 index 0000000000..e165ffd18e --- /dev/null +++ b/1704966176737/dist/build/p-2dcf38f5.entry.js @@ -0,0 +1,2 @@ +import{r as a,c as i,h as d,g as e}from"./p-21a69c18.js";import{g as n}from"./p-1133c92e.js";import{c as l}from"./p-6e5841ef.js";const s='.ld-sidenav-back{--ld-sidenav-back-bg-inset:var(--ld-sp-6);--ld-sidenav-back-border-radius:var(--ld-br-l);--ld-sidenav-back-icon-size:var(--ld-sp-24);--ld-sidenav-back-col:var(--ld-col-neutral-800);--ld-sidenav-back-col-active:var(--ld-thm-primary-active);--ld-sidenav-back-col-hover:var(--ld-thm-primary);--ld-sidenav-back-col-focus:var(--ld-thm-primary);--ld-sidenav-back-indicator-col:#0000;--ld-sidenav-back-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-back-indicator-col-active:var(--ld-thm-primary);display:block;outline:none}@media (hover:hover){.ld-sidenav-back:where(:hover){--ld-sidenav-back-col:var(--ld-sidenav-back-col-hover);--ld-sidenav-back-indicator-col:var(--ld-col-neutral-300)}}.ld-sidenav-back:focus:focus-visible{--ld-sidenav-back-col:var(--ld-sidenav-back-col-focus);--ld-sidenav-back-indicator-col:var(--ld-sidenav-back-indicator-col-focus)}.ld-sidenav-back:active{--ld-sidenav-back-col:var(--ld-sidenav-back-col-active);--ld-sidenav-back-indicator-col:var(\n --ld-sidenav-back-indicator-col-active\n )}.ld-sidenav-back:active .ld-sidenav-back__bg{opacity:.3}.ld-sidenav-back--rounded{--ld-sidenav-back-border-radius:var(--ld-br-full)}.ld-sidenav-back ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y);margin-top:var(--ld-sidenav-padding-y)}.ld-sidenav-back.ld-sidenav-back--collapsed .ld-sidenav-back__bg{transform:translateX(calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)))}.ld-sidenav-back__btn-back{align-items:center;background-color:initial;border:0;box-sizing:border-box;color:var(--ld-sidenav-back,var(--ld-col-neutral-800));cursor:pointer;display:none;font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-sp-12);grid-template-columns:auto 1fr;line-height:1;margin:var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);outline:none;padding:0;position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ld-sidenav-back__bg{display:block;inset:calc(-1 * var(--ld-sidenav-back-bg-inset));opacity:.2;pointer-events:none;position:absolute;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-back__btn-back-label,.ld-sidenav-back__icon{position:relative;z-index:0}.ld-sidenav-back__bg-center,.ld-sidenav-back__bg-left,.ld-sidenav-back__bg-right{background-color:var(--ld-sidenav-back-indicator-col);bottom:0;pointer-events:all;position:absolute;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-back__bg-left,.ld-sidenav-back__bg-right{width:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6))}.ld-sidenav-back__bg-left{border-bottom-left-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));border-top-left-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));left:0}.ld-sidenav-back__bg-right{border-bottom-right-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));border-top-right-radius:calc(var(--ld-sidenav-back-border-radius) + var(--ld-sp-6));right:0}.ld-sidenav-back--collapsed .ld-sidenav-back__bg-right{transform:translateX(calc(-1 * var(--ld-sidenav-translate-x-delta) - 1px))}.ld-sidenav-back__bg-center{left:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));right:calc(.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));transform-origin:left}.ld-sidenav-back--collapsed .ld-sidenav-back__bg-center{transform:scaleX(0)}.ld-sidenav-back--is-back .ld-sidenav-back__btn-back{display:grid}.ld-sidenav-back--is-back .ld-sidenav-back__slot-container{display:none}.ld-sidenav-back__icon{align-items:center;aspect-ratio:1;display:flex;justify-content:center;position:relative;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-back--collapsed .ld-sidenav-back__icon{transform:translateX(var(--ld-sidenav-translate-x-delta))}.ld-sidenav-back__icon:before{background-color:var(--ld-thm-primary-active);border-radius:var(--ld-br-full);content:"";height:var(--ld-sidenav-back-icon-size);overflow:hidden;position:absolute;width:var(--ld-sidenav-back-icon-size);z-index:-1}.ld-sidenav-back__btn-back-label{color:var(--ld-sidenav-back-col);overflow:hidden;padding-right:var(--ld-sp-6);position:relative;text-overflow:ellipsis;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;white-space:nowrap}.ld-sidenav-back--collapsed .ld-sidenav-back__btn-back-label{opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta))}';const t=class{constructor(d){a(this,d);this.ldSidenavBack=i(this,"ldSidenavBack",7);this.onClick=()=>{this.ldSidenavBack.emit()};this.onKeyDown=a=>{if([" ","Enter"].includes(a.key)){a.preventDefault();this.ldSidenavBack.emit()}};this.backLabel="Back";this.parentLabel="";this.rounded=false;this.sidenavCollapsed=undefined;this.sidenavClosable=undefined}handleSidenavCollapsedChange(a){if(a.target!==this.sidenav)return;this.sidenavCollapsed=a.detail.collapsed}handleSidenavBreakpointChange(a){if(a.target!==this.sidenav)return;this.sidenavClosable=a.detail}async updateLabel(a){this.parentLabel=a||""}componentWillLoad(){this.sidenav=l("ld-sidenav",this.el);this.rounded=!!this.el.querySelector("ld-sidenav-navitem[rounded]")}render(){const a=n(["ld-sidenav-back",this.parentLabel&&"ld-sidenav-back--is-back",this.rounded&&"ld-sidenav-back--rounded",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-back--collapsed"]);return d("div",{tabIndex:this.parentLabel?0:undefined,role:this.parentLabel?"button":undefined,"aria-label":this.backLabel,class:a,onClick:this.onClick,onKeyDown:this.onKeyDown,part:"back focusable"},d("div",{class:"ld-sidenav-back__btn-back",part:"btn-back"},d("div",{class:"ld-sidenav-back__bg",part:"bg"},d("div",{class:"ld-sidenav-back__bg-left"}),d("div",{class:"ld-sidenav-back__bg-center"}),d("div",{class:"ld-sidenav-back__bg-right"})),d("div",{class:"ld-sidenav-back__icon",part:"icon-container"},d("svg",{part:"icon",width:"12",height:"12",fill:"none"},d("path",{d:"M4.333 1.832 1 5.999l3.333 4.166M1 6h10",stroke:"#F8F8FC","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),d("span",{class:"ld-sidenav-back__btn-back-label",part:"label"},this.parentLabel)),d("div",{class:"ld-sidenav-back__slot-container",part:"slot-container"},d("slot",null)))}get el(){return e(this)}};t.style=s;export{t as ld_sidenav_back}; +//# sourceMappingURL=p-2dcf38f5.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-f66c7c23.entry.js.map b/1704966176737/dist/build/p-2dcf38f5.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-f66c7c23.entry.js.map rename to 1704966176737/dist/build/p-2dcf38f5.entry.js.map index aef34bf4bc..8d16ebffcd 100644 --- a/1704894792450/dist/build/p-f66c7c23.entry.js.map +++ b/1704966176737/dist/build/p-2dcf38f5.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldSidenavBackShadowCss","LdSidenavBack","this","onClick","ldSidenavBack","emit","onKeyDown","ev","includes","key","preventDefault","handleSidenavCollapsedChange","target","sidenav","sidenavCollapsed","detail","collapsed","handleSidenavBreakpointChange","sidenavClosable","updateLabel","text","parentLabel","componentWillLoad","closest","el","rounded","querySelector","render","cl","getClassNames","h","tabIndex","undefined","role","backLabel","class","part","width","height","fill","d","stroke"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-back/ld-sidenav-back.shadow.css?tag=ld-sidenav-back&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-back/ld-sidenav-back.tsx"],"sourcesContent":[".ld-sidenav-back {\n /* layout */\n --ld-sidenav-back-bg-inset: var(--ld-sp-6);\n --ld-sidenav-back-border-radius: var(--ld-br-l);\n --ld-sidenav-back-icon-size: var(--ld-sp-24);\n\n /* colors */\n --ld-sidenav-back-col: var(--ld-col-neutral-800);\n --ld-sidenav-back-col-active: var(--ld-thm-primary-active);\n --ld-sidenav-back-col-hover: var(--ld-thm-primary);\n --ld-sidenav-back-col-focus: var(--ld-thm-primary);\n --ld-sidenav-back-indicator-col: transparent;\n --ld-sidenav-back-indicator-col-focus: var(--ld-thm-primary-focus);\n --ld-sidenav-back-indicator-col-active: var(--ld-thm-primary);\n\n outline: none;\n display: block;\n\n @media (hover: hover) {\n &:where(:hover) {\n --ld-sidenav-back-col: var(--ld-sidenav-back-col-hover);\n --ld-sidenav-back-indicator-col: var(--ld-col-neutral-300);\n }\n }\n\n &:focus:focus-visible {\n --ld-sidenav-back-col: var(--ld-sidenav-back-col-focus);\n --ld-sidenav-back-indicator-col: var(--ld-sidenav-back-indicator-col-focus);\n }\n\n &:active {\n --ld-sidenav-back-col: var(--ld-sidenav-back-col-active);\n --ld-sidenav-back-indicator-col: var(\n --ld-sidenav-back-indicator-col-active\n );\n\n .ld-sidenav-back__bg {\n opacity: 0.3;\n }\n }\n\n &--rounded {\n --ld-sidenav-back-border-radius: var(--ld-br-full);\n }\n\n ::slotted(ld-sidenav-navitem) {\n margin-top: var(--ld-sidenav-padding-y);\n margin-bottom: var(--ld-sidenav-padding-y);\n }\n\n &.ld-sidenav-back--collapsed {\n .ld-sidenav-back__bg {\n transform: translateX(\n calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed))\n );\n }\n }\n}\n\n.ld-sidenav-back__btn-back {\n display: none;\n background-color: transparent;\n position: relative;\n font: var(--ld-typo-body-s);\n border: 0;\n cursor: pointer;\n user-select: none;\n touch-action: manipulation;\n color: var(--ld-sidenav-back, var(--ld-col-neutral-800));\n grid-template-columns: auto 1fr;\n gap: var(--ld-sp-12);\n align-items: center;\n font-weight: 700;\n line-height: 1;\n box-sizing: border-box;\n padding: 0;\n text-align: left;\n outline: none;\n margin: var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);\n -webkit-touch-callout: none;\n}\n\n.ld-sidenav-back__bg {\n position: absolute;\n inset: calc(-1 * var(--ld-sidenav-back-bg-inset));\n display: block;\n opacity: 0.2;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n pointer-events: none;\n}\n\n/*\nUsing z-index -1 on .ld-sidenav-back__bg results\nin .ld-sidenav-back__bg not being clickable.\nThat's why we set z-index 0 on the following elements.\n*/\n.ld-sidenav-back__icon,\n.ld-sidenav-back__btn-back-label {\n position: relative;\n z-index: 0;\n}\n\n.ld-sidenav-back__bg-left,\n.ld-sidenav-back__bg-right,\n.ld-sidenav-back__bg-center {\n background-color: var(--ld-sidenav-back-indicator-col);\n position: absolute;\n top: 0;\n bottom: 0;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n pointer-events: all;\n}\n\n.ld-sidenav-back__bg-left,\n.ld-sidenav-back__bg-right {\n width: calc(0.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));\n}\n\n.ld-sidenav-back__bg-left {\n left: 0;\n border-bottom-left-radius: calc(\n var(--ld-sidenav-back-border-radius) + var(--ld-sp-6)\n );\n border-top-left-radius: calc(\n var(--ld-sidenav-back-border-radius) + var(--ld-sp-6)\n );\n}\n\n.ld-sidenav-back__bg-right {\n right: 0;\n border-bottom-right-radius: calc(\n var(--ld-sidenav-back-border-radius) + var(--ld-sp-6)\n );\n border-top-right-radius: calc(\n var(--ld-sidenav-back-border-radius) + var(--ld-sp-6)\n );\n\n .ld-sidenav-back--collapsed & {\n transform: translateX(calc(-1 * var(--ld-sidenav-translate-x-delta) - 1px));\n }\n}\n\n.ld-sidenav-back__bg-center {\n left: calc(0.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));\n right: calc(0.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));\n transform-origin: left;\n\n .ld-sidenav-back--collapsed & {\n transform: scaleX(0);\n }\n}\n\n.ld-sidenav-back--is-back {\n .ld-sidenav-back__btn-back {\n display: grid;\n }\n .ld-sidenav-back__slot-container {\n display: none;\n }\n}\n\n.ld-sidenav-back__icon {\n width: var(--ld-sidenav-navitem-icon-size);\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n\n .ld-sidenav-back--collapsed & {\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n }\n\n &::before {\n content: '';\n background-color: var(--ld-thm-primary-active);\n border-radius: var(--ld-br-full);\n height: var(--ld-sidenav-back-icon-size);\n overflow: hidden;\n position: absolute;\n width: var(--ld-sidenav-back-icon-size);\n z-index: -1;\n }\n}\n\n.ld-sidenav-back__btn-back-label {\n text-overflow: ellipsis;\n overflow: hidden;\n color: var(--ld-sidenav-back-col);\n white-space: nowrap;\n padding-right: var(--ld-sp-6);\n position: relative;\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n\n .ld-sidenav-back--collapsed & {\n opacity: 0;\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Listen,\n Method,\n Prop,\n State,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { closest } from '../../../utils/closest'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-back',\n styleUrl: 'ld-sidenav-back.shadow.css',\n shadow: true,\n})\nexport class LdSidenavBack {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n\n /** Emitted on click. */\n @Event() ldSidenavBack: EventEmitter\n\n /** Used as aria-label for the back button */\n @Prop() backLabel? = 'Back'\n\n @State() parentLabel = ''\n @State() rounded = false\n @State() sidenavCollapsed: boolean\n @State() sidenavClosable: boolean\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n }\n\n /**\n * @internal\n * Updates the label of the back button.\n */\n @Method()\n async updateLabel(text?: string) {\n this.parentLabel = text || ''\n }\n\n private onClick = () => {\n this.ldSidenavBack.emit()\n }\n\n private onKeyDown = (ev) => {\n if ([' ', 'Enter'].includes(ev.key)) {\n ev.preventDefault()\n this.ldSidenavBack.emit()\n }\n }\n\n componentWillLoad() {\n this.sidenav = closest('ld-sidenav', this.el)\n this.rounded = !!this.el.querySelector('ld-sidenav-navitem[rounded]')\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-back',\n this.parentLabel && 'ld-sidenav-back--is-back',\n this.rounded && 'ld-sidenav-back--rounded',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-back--collapsed',\n ])\n\n return (\n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n \n \n \n
    \n \n {this.parentLabel}\n \n
    \n
    \n \n
    \n \n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAyB,8qJ,MCuBlBC,EAAa,M,sEAyChBC,KAAAC,QAAU,KAChBD,KAAKE,cAAcC,MAAM,EAGnBH,KAAAI,UAAaC,IACnB,GAAI,CAAC,IAAK,SAASC,SAASD,EAAGE,KAAM,CACnCF,EAAGG,iBACHR,KAAKE,cAAcC,M,kBAxCF,O,iBAEE,G,aACJ,M,+DAKnB,4BAAAM,CACEJ,GAKA,GAAIA,EAAGK,SAAWV,KAAKW,QAAS,OAChCX,KAAKY,iBAAmBP,EAAGQ,OAAOC,S,CAIpC,6BAAAC,CAA8BV,GAC5B,GAAIA,EAAGK,SAAWV,KAAKW,QAAS,OAChCX,KAAKgB,gBAAkBX,EAAGQ,M,CAQ5B,iBAAMI,CAAYC,GAChBlB,KAAKmB,YAAcD,GAAQ,E,CAc7B,iBAAAE,GACEpB,KAAKW,QAAUU,EAAQ,aAAcrB,KAAKsB,IAC1CtB,KAAKuB,UAAYvB,KAAKsB,GAAGE,cAAc,8B,CAGzC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,kBACA3B,KAAKmB,aAAe,2BACpBnB,KAAKuB,SAAW,2BAChBvB,KAAKY,mBACFZ,KAAKgB,iBACN,+BAGJ,OACEY,EAAA,OACEC,SAAU7B,KAAKmB,YAAc,EAAIW,UACjCC,KAAM/B,KAAKmB,YAAc,SAAWW,UAAS,aACjC9B,KAAKgC,UACjBC,MAAOP,EACPzB,QAASD,KAAKC,QACdG,UAAWJ,KAAKI,UAChB8B,KAAK,kBAELN,EAAA,OAAKK,MAAM,4BAA4BC,KAAK,YAC1CN,EAAA,OAAKK,MAAM,sBAAsBC,KAAK,MACpCN,EAAA,OAAKK,MAAM,6BACXL,EAAA,OAAKK,MAAM,+BACXL,EAAA,OAAKK,MAAM,+BAEbL,EAAA,OAAKK,MAAM,wBAAwBC,KAAK,kBACtCN,EAAA,OAAKM,KAAK,OAAOC,MAAM,KAAKC,OAAO,KAAKC,KAAK,QAC3CT,EAAA,QACEU,EAAE,0CACFC,OAAO,UAAS,eACH,IAAG,iBACD,QAAO,kBACN,YAItBX,EAAA,QAAMK,MAAM,kCAAkCC,KAAK,SAChDlC,KAAKmB,cAGVS,EAAA,OAAKK,MAAM,kCAAkCC,KAAK,kBAChDN,EAAA,c"} \ No newline at end of file +{"version":3,"names":["ldSidenavBackShadowCss","LdSidenavBack","this","onClick","ldSidenavBack","emit","onKeyDown","ev","includes","key","preventDefault","handleSidenavCollapsedChange","target","sidenav","sidenavCollapsed","detail","collapsed","handleSidenavBreakpointChange","sidenavClosable","updateLabel","text","parentLabel","componentWillLoad","closest","el","rounded","querySelector","render","cl","getClassNames","h","tabIndex","undefined","role","backLabel","class","part","width","height","fill","d","stroke"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-back/ld-sidenav-back.shadow.css?tag=ld-sidenav-back&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-back/ld-sidenav-back.tsx"],"sourcesContent":[".ld-sidenav-back {\n /* layout */\n --ld-sidenav-back-bg-inset: var(--ld-sp-6);\n --ld-sidenav-back-border-radius: var(--ld-br-l);\n --ld-sidenav-back-icon-size: var(--ld-sp-24);\n\n /* colors */\n --ld-sidenav-back-col: var(--ld-col-neutral-800);\n --ld-sidenav-back-col-active: var(--ld-thm-primary-active);\n --ld-sidenav-back-col-hover: var(--ld-thm-primary);\n --ld-sidenav-back-col-focus: var(--ld-thm-primary);\n --ld-sidenav-back-indicator-col: transparent;\n --ld-sidenav-back-indicator-col-focus: var(--ld-thm-primary-focus);\n --ld-sidenav-back-indicator-col-active: var(--ld-thm-primary);\n\n outline: none;\n display: block;\n\n @media (hover: hover) {\n &:where(:hover) {\n --ld-sidenav-back-col: var(--ld-sidenav-back-col-hover);\n --ld-sidenav-back-indicator-col: var(--ld-col-neutral-300);\n }\n }\n\n &:focus:focus-visible {\n --ld-sidenav-back-col: var(--ld-sidenav-back-col-focus);\n --ld-sidenav-back-indicator-col: var(--ld-sidenav-back-indicator-col-focus);\n }\n\n &:active {\n --ld-sidenav-back-col: var(--ld-sidenav-back-col-active);\n --ld-sidenav-back-indicator-col: var(\n --ld-sidenav-back-indicator-col-active\n );\n\n .ld-sidenav-back__bg {\n opacity: 0.3;\n }\n }\n\n &--rounded {\n --ld-sidenav-back-border-radius: var(--ld-br-full);\n }\n\n ::slotted(ld-sidenav-navitem) {\n margin-top: var(--ld-sidenav-padding-y);\n margin-bottom: var(--ld-sidenav-padding-y);\n }\n\n &.ld-sidenav-back--collapsed {\n .ld-sidenav-back__bg {\n transform: translateX(\n calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed))\n );\n }\n }\n}\n\n.ld-sidenav-back__btn-back {\n display: none;\n background-color: transparent;\n position: relative;\n font: var(--ld-typo-body-s);\n border: 0;\n cursor: pointer;\n user-select: none;\n touch-action: manipulation;\n color: var(--ld-sidenav-back, var(--ld-col-neutral-800));\n grid-template-columns: auto 1fr;\n gap: var(--ld-sp-12);\n align-items: center;\n font-weight: 700;\n line-height: 1;\n box-sizing: border-box;\n padding: 0;\n text-align: left;\n outline: none;\n margin: var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);\n -webkit-touch-callout: none;\n}\n\n.ld-sidenav-back__bg {\n position: absolute;\n inset: calc(-1 * var(--ld-sidenav-back-bg-inset));\n display: block;\n opacity: 0.2;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n pointer-events: none;\n}\n\n/*\nUsing z-index -1 on .ld-sidenav-back__bg results\nin .ld-sidenav-back__bg not being clickable.\nThat's why we set z-index 0 on the following elements.\n*/\n.ld-sidenav-back__icon,\n.ld-sidenav-back__btn-back-label {\n position: relative;\n z-index: 0;\n}\n\n.ld-sidenav-back__bg-left,\n.ld-sidenav-back__bg-right,\n.ld-sidenav-back__bg-center {\n background-color: var(--ld-sidenav-back-indicator-col);\n position: absolute;\n top: 0;\n bottom: 0;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n pointer-events: all;\n}\n\n.ld-sidenav-back__bg-left,\n.ld-sidenav-back__bg-right {\n width: calc(0.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));\n}\n\n.ld-sidenav-back__bg-left {\n left: 0;\n border-bottom-left-radius: calc(\n var(--ld-sidenav-back-border-radius) + var(--ld-sp-6)\n );\n border-top-left-radius: calc(\n var(--ld-sidenav-back-border-radius) + var(--ld-sp-6)\n );\n}\n\n.ld-sidenav-back__bg-right {\n right: 0;\n border-bottom-right-radius: calc(\n var(--ld-sidenav-back-border-radius) + var(--ld-sp-6)\n );\n border-top-right-radius: calc(\n var(--ld-sidenav-back-border-radius) + var(--ld-sp-6)\n );\n\n .ld-sidenav-back--collapsed & {\n transform: translateX(calc(-1 * var(--ld-sidenav-translate-x-delta) - 1px));\n }\n}\n\n.ld-sidenav-back__bg-center {\n left: calc(0.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));\n right: calc(0.5 * var(--ld-sidenav-navitem-icon-size) + var(--ld-sp-6));\n transform-origin: left;\n\n .ld-sidenav-back--collapsed & {\n transform: scaleX(0);\n }\n}\n\n.ld-sidenav-back--is-back {\n .ld-sidenav-back__btn-back {\n display: grid;\n }\n .ld-sidenav-back__slot-container {\n display: none;\n }\n}\n\n.ld-sidenav-back__icon {\n width: var(--ld-sidenav-navitem-icon-size);\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n\n .ld-sidenav-back--collapsed & {\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n }\n\n &::before {\n content: '';\n background-color: var(--ld-thm-primary-active);\n border-radius: var(--ld-br-full);\n height: var(--ld-sidenav-back-icon-size);\n overflow: hidden;\n position: absolute;\n width: var(--ld-sidenav-back-icon-size);\n z-index: -1;\n }\n}\n\n.ld-sidenav-back__btn-back-label {\n text-overflow: ellipsis;\n overflow: hidden;\n color: var(--ld-sidenav-back-col);\n white-space: nowrap;\n padding-right: var(--ld-sp-6);\n position: relative;\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n\n .ld-sidenav-back--collapsed & {\n opacity: 0;\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Listen,\n Method,\n Prop,\n State,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { closest } from '../../../utils/closest'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-back',\n styleUrl: 'ld-sidenav-back.shadow.css',\n shadow: true,\n})\nexport class LdSidenavBack {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n\n /** Emitted on click. */\n @Event() ldSidenavBack: EventEmitter\n\n /** Used as aria-label for the back button */\n @Prop() backLabel? = 'Back'\n\n @State() parentLabel = ''\n @State() rounded = false\n @State() sidenavCollapsed: boolean\n @State() sidenavClosable: boolean\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n }\n\n /**\n * @internal\n * Updates the label of the back button.\n */\n @Method()\n async updateLabel(text?: string) {\n this.parentLabel = text || ''\n }\n\n private onClick = () => {\n this.ldSidenavBack.emit()\n }\n\n private onKeyDown = (ev) => {\n if ([' ', 'Enter'].includes(ev.key)) {\n ev.preventDefault()\n this.ldSidenavBack.emit()\n }\n }\n\n componentWillLoad() {\n this.sidenav = closest('ld-sidenav', this.el)\n this.rounded = !!this.el.querySelector('ld-sidenav-navitem[rounded]')\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-back',\n this.parentLabel && 'ld-sidenav-back--is-back',\n this.rounded && 'ld-sidenav-back--rounded',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-back--collapsed',\n ])\n\n return (\n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n \n \n \n
    \n \n {this.parentLabel}\n \n
    \n
    \n \n
    \n \n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAyB,6hJ,MCuBlBC,EAAa,M,sEAyChBC,KAAAC,QAAU,KAChBD,KAAKE,cAAcC,MAAM,EAGnBH,KAAAI,UAAaC,IACnB,GAAI,CAAC,IAAK,SAASC,SAASD,EAAGE,KAAM,CACnCF,EAAGG,iBACHR,KAAKE,cAAcC,M,kBAxCF,O,iBAEE,G,aACJ,M,+DAKnB,4BAAAM,CACEJ,GAKA,GAAIA,EAAGK,SAAWV,KAAKW,QAAS,OAChCX,KAAKY,iBAAmBP,EAAGQ,OAAOC,S,CAIpC,6BAAAC,CAA8BV,GAC5B,GAAIA,EAAGK,SAAWV,KAAKW,QAAS,OAChCX,KAAKgB,gBAAkBX,EAAGQ,M,CAQ5B,iBAAMI,CAAYC,GAChBlB,KAAKmB,YAAcD,GAAQ,E,CAc7B,iBAAAE,GACEpB,KAAKW,QAAUU,EAAQ,aAAcrB,KAAKsB,IAC1CtB,KAAKuB,UAAYvB,KAAKsB,GAAGE,cAAc,8B,CAGzC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,kBACA3B,KAAKmB,aAAe,2BACpBnB,KAAKuB,SAAW,2BAChBvB,KAAKY,mBACFZ,KAAKgB,iBACN,+BAGJ,OACEY,EAAA,OACEC,SAAU7B,KAAKmB,YAAc,EAAIW,UACjCC,KAAM/B,KAAKmB,YAAc,SAAWW,UAAS,aACjC9B,KAAKgC,UACjBC,MAAOP,EACPzB,QAASD,KAAKC,QACdG,UAAWJ,KAAKI,UAChB8B,KAAK,kBAELN,EAAA,OAAKK,MAAM,4BAA4BC,KAAK,YAC1CN,EAAA,OAAKK,MAAM,sBAAsBC,KAAK,MACpCN,EAAA,OAAKK,MAAM,6BACXL,EAAA,OAAKK,MAAM,+BACXL,EAAA,OAAKK,MAAM,+BAEbL,EAAA,OAAKK,MAAM,wBAAwBC,KAAK,kBACtCN,EAAA,OAAKM,KAAK,OAAOC,MAAM,KAAKC,OAAO,KAAKC,KAAK,QAC3CT,EAAA,QACEU,EAAE,0CACFC,OAAO,UAAS,eACH,IAAG,iBACD,QAAO,kBACN,YAItBX,EAAA,QAAMK,MAAM,kCAAkCC,KAAK,SAChDlC,KAAKmB,cAGVS,EAAA,OAAKK,MAAM,kCAAkCC,KAAK,kBAChDN,EAAA,c"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-2f695d4a.js b/1704966176737/dist/build/p-2f695d4a.js similarity index 100% rename from 1704894792450/dist/build/p-2f695d4a.js rename to 1704966176737/dist/build/p-2f695d4a.js diff --git a/1704894792450/dist/build/p-2f695d4a.js.map b/1704966176737/dist/build/p-2f695d4a.js.map similarity index 100% rename from 1704894792450/dist/build/p-2f695d4a.js.map rename to 1704966176737/dist/build/p-2f695d4a.js.map diff --git a/dist/build/p-ed3ca999.entry.js b/1704966176737/dist/build/p-2f76f5f2.entry.js similarity index 72% rename from dist/build/p-ed3ca999.entry.js rename to 1704966176737/dist/build/p-2f76f5f2.entry.js index 62a259ed94..b277b19b1e 100644 --- a/dist/build/p-ed3ca999.entry.js +++ b/1704966176737/dist/build/p-2f76f5f2.entry.js @@ -1,2 +1,2 @@ -import{r as t,c as e,h as i,H as o,g as l}from"./p-21a69c18.js";import{g as s}from"./p-1133c92e.js";import{r as c}from"./p-8dc70a87.js";import{i as d}from"./p-b05f0e4e.js";import{c as r}from"./p-71026bf3.js";const n=".docs-pick-theme{--docs-pick-theme-icon-size:1.25rem}.docs-pick-theme__fieldset{border:0}.docs-pick-theme ld-icon{height:var(--docs-pick-theme-icon-size);width:var(--docs-pick-theme-icon-size)}.docs-pick-theme__select::part(trigger-text-wrapper){display:none}.docs-pick-theme__select::part(btn-trigger){padding:var(--ld-sp-6)}.docs-pick-theme__select,.docs-pick-theme__select::part(btn-trigger),.docs-pick-theme__select::part(select){height:var(--ld-sp-32);width:var(--ld-sp-32)}.docs-pick-theme__popper{min-width:14rem}.docs-pick-theme__option-pattern{bottom:0;height:100%;position:absolute;right:0;top:0}.docs-pick-theme__option::part(option){font-weight:700;overflow:hidden}.docs-pick-theme__option.ld-theme-ocean::part(check){color:var(--ld-thm-ocean-primary)}.docs-pick-theme__option.ld-theme-ocean::part(option){color:var(--ld-thm-ocean-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-ocean::part(option):hover{background-color:var(--ld-col-rb-010);color:var(--ld-thm-ocean-primary-hover)}}.docs-pick-theme__option.ld-theme-ocean::part(option):focus:focus-visible{background-color:var(--ld-col-rb-010);color:var(--ld-col-rb-800)}.docs-pick-theme__option.ld-theme-ocean::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-ocean-primary-focus)}.docs-pick-theme__option.ld-theme-ocean .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-ocean-primary)}.docs-pick-theme__option.ld-theme-ocean .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-ocean-secondary)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-ocean-primary-hover)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-ocean-secondary-hover)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--hover-within::part(check){color:var(--ld-thm-ocean-primary-hover)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-ocean-primary-focus)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-ocean-secondary-focus)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rb-800)}.docs-pick-theme__option.ld-theme-bubblegum::part(check){color:var(--ld-thm-bubblegum-primary)}.docs-pick-theme__option.ld-theme-bubblegum::part(option){color:var(--ld-thm-bubblegum-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-bubblegum::part(option):hover{background-color:var(--ld-col-rp-010);color:var(--ld-thm-bubblegum-primary-hover)}}.docs-pick-theme__option.ld-theme-bubblegum::part(option):focus:focus-visible{background-color:var(--ld-col-rp-010);color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-bubblegum::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-bubblegum-primary-focus)}.docs-pick-theme__option.ld-theme-bubblegum .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-bubblegum-primary)}.docs-pick-theme__option.ld-theme-bubblegum .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-bubblegum-secondary)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-bubblegum-primary-hover)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-bubblegum-secondary-hover)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--hover-within::part(check){color:var(--ld-thm-bubblegum-primary-hover)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-bubblegum-primary-focus)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-bubblegum-primary-focus)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-shake::part(check){color:var(--ld-thm-shake-primary)}.docs-pick-theme__option.ld-theme-shake::part(option){color:var(--ld-thm-shake-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-shake::part(option):hover{background-color:var(--ld-col-rp-010);color:var(--ld-thm-shake-primary-hover)}}.docs-pick-theme__option.ld-theme-shake::part(option):focus:focus-visible{background-color:var(--ld-col-rp-010);color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-shake::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-shake-primary-focus)}.docs-pick-theme__option.ld-theme-shake .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-shake-primary)}.docs-pick-theme__option.ld-theme-shake .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-shake-secondary)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-shake-primary-hover)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-shake-secondary-hover)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--hover-within::part(check){color:var(--ld-thm-shake-primary-hover)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-shake-primary-focus)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-shake-secondary-focus)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-solvent::part(check){color:var(--ld-thm-solvent-primary)}.docs-pick-theme__option.ld-theme-solvent::part(option){color:var(--ld-thm-solvent-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-solvent::part(option):hover{background-color:var(--ld-col-rp-010);color:var(--ld-thm-solvent-primary-hover)}}.docs-pick-theme__option.ld-theme-solvent::part(option):focus:focus-visible{background-color:var(--ld-col-rp-010);color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-solvent::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-solvent-primary-focus)}.docs-pick-theme__option.ld-theme-solvent .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-solvent-primary)}.docs-pick-theme__option.ld-theme-solvent .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-solvent-secondary)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-solvent-primary-hover)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-solvent-secondary-hover)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--hover-within::part(check){color:var(--ld-thm-solvent-primary-hover)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-solvent-primary-focus)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-solvent-primary-focus)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-tea::part(check){color:var(--ld-thm-tea-primary)}.docs-pick-theme__option.ld-theme-tea::part(option){color:var(--ld-thm-tea-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-tea::part(option):hover{background-color:var(--ld-col-rg-010);color:var(--ld-thm-tea-primary-hover)}}.docs-pick-theme__option.ld-theme-tea::part(option):focus:focus-visible{background-color:var(--ld-col-rg-010);color:var(--ld-col-rg-900)}.docs-pick-theme__option.ld-theme-tea::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-tea-primary-focus)}.docs-pick-theme__option.ld-theme-tea .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-tea-primary)}.docs-pick-theme__option.ld-theme-tea .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-tea-secondary)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-tea-primary-hover)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-tea-secondary-hover)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--hover-within::part(check){color:var(--ld-thm-tea-primary-hover)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-tea-primary-focus)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-tea-secondary-focus)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rg-900)}";const h=class{constructor(i){t(this,i);this.pickTheme=e(this,"pickTheme",7);this.themes=["ocean","bubblegum","shake","solvent","tea"];this.currentTheme="ocean"}handleChange(t){this.pickTheme.emit(t.detail[0]);this.currentTheme=t.detail[0]}render(){return i(o,{class:`docs-pick-theme ld-theme-${this.currentTheme.toLowerCase()}`},i("form",null,i("fieldset",{class:"docs-pick-theme__fieldset"},i("ld-sr-only",null,i("legend",null,"Pick a theme")),i("ld-select",{class:"docs-pick-theme__select",onLdchange:this.handleChange.bind(this),preventDeselection:true,mode:"ghost",tetherOptions:JSON.stringify({attachment:"top right",targetAttachment:"bottom right",offset:"-2px -8px"}),popperClass:"docs-pick-theme__popper"},this.themes.map((t=>i("ld-option",{value:t.toLowerCase(),class:`docs-pick-theme__option ld-theme-${t.toLowerCase()}`,selected:t===this.currentTheme},t.charAt(0).toUpperCase()+t.slice(1).toLowerCase(),i("svg",{role:"presentation",class:"docs-pick-theme__option-pattern","fill-rule":"evenodd","stroke-linejoin":"round","stroke-miterlimit":"2","clip-rule":"evenodd",viewBox:"0 0 88 41"},i("path",{class:"docs-pick-theme__option-pattern-primary",d:"M88 41V0H72.894L50.257 15.408c-6.465 4.408-5.884 5.492-6.428 8.6-.262 1.493-.256 9.29-.173 16.992H88z"}),i("path",{class:"docs-pick-theme__option-pattern-accent",d:"M9.372 14.479c.445-.889.369-1.265 2.712-2.031 2.339-.753 12.084-3.895 12.088-3.908 1.067-.574 2.663-.369 3.547.461l10.055 9.513c.879.844 1.581 2.515 1.549 3.737l-.236 10.345c-.033 1.221-1.048 2.314-2.255 2.42l-19.07 1.741c-1.208.106-2.918-.5-3.78-1.354l-7.428-7.431c-.863-.854-.714-1.793-.207-3.302 0 0 2.581-9.302 3.025-10.191z"}))))),i("ld-icon",{slot:"icon"},i("svg",{class:"docs-pick-theme__icon",fill:"none",viewBox:"0 0 32 32"},i("path",{fill:"currentColor",stroke:"currentColor",d:"M9 20l-.7-.7a1 1 0 00-.3.7h1zm3.5 3.5v1a1 1 0 00.7-.3l-.7-.7zm9-9l.7.7a1 1 0 000-1.4l-.7.7zM18 11l.7-.7a1 1 0 00-1.4 0l.7.7zM8 20v2.5h2V20H8zm2 4.5h2.5v-2H10v2zm3.2-.3l9-9-1.4-1.4-9 9 1.4 1.4zm9-10.4l-3.5-3.5-1.4 1.4 3.5 3.5 1.4-1.4zm-4.9-3.5l-9 9 1.4 1.4 9-9-1.4-1.4zM8 22.5c0 1.1.9 2 2 2v-2H8z"}),i("path",{fill:"currentColor",stroke:"currentColor",d:"M17.58 10.33L19.92 8a2 2 0 012.83 0l1.79 1.79a2 2 0 010 2.83l-2.35 2.34-4.61-4.62zM9 23v-4l4 4H9z"}),i("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M23 16l-6.5-6.5"})))))))}};h.style=n;const a=".docs-toggle-code svg{height:100%;width:100%}";const p=class{constructor(i){t(this,i);this.toggleCode=e(this,"toggleCode",7);this.isOn=undefined}handleClick(t){t.preventDefault();this.toggleCode.emit(!this.isOn)}render(){return i("ld-button",{role:"switch","aria-checked":this.isOn?"true":"false",class:"docs-toggle-code",mode:this.isOn?undefined:"ghost",size:"sm"},i("ld-sr-only",null,"Toggle code"),i("ld-icon",{size:"sm"},i("svg",{fill:"none",viewBox:"0 0 22 22"},i("path",{stroke:"currentcolor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m8 18 6-13m3 10 4-4-4-4M5 7l-4 4 4 4"}))))}};p.style=a;const m=".ld-switch,:host{--ld-switch-item-icon-size:1.25rem;--ld-switch-item-icon-size-sm:1rem;--ld-switch-item-icon-size-lg:1.5rem;--ld-switch-item-icon-margin-x:-0.25rem;--ld-switch-item-icon-margin-x-sm:-0.125rem;--ld-switch-item-icon-margin-x-lg:-0.5rem;--ld-switch-item-justify-content:center;--ld-switch-item-padding-x:0.875rem;--ld-switch-item-padding-y:0.625rem;--ld-switch-item-padding-x-sm:0.625rem;--ld-switch-item-padding-y-sm:0.4375rem;--ld-switch-item-padding-x-lg:1.3125rem;--ld-switch-item-padding-y-lg:0.85rem;--ld-switch-item-gap:0.875rem;--ld-switch-item-gap-sm:0.625rem;--ld-switch-item-gap-lg:1.1875rem;--ld-switch-font:var(--ld-typo-body-m);--ld-switch-font-sm:var(--ld-typo-body-s);--ld-switch-font-lg:var(--ld-typo-body-l);--ld-switch-bg-col:var(--ld-thm-primary-alpha-low);--ld-switch-bg-col-hover:var(--ld-thm-primary-hover);--ld-switch-bg-col-active:var(--ld-thm-primary-active);--ld-switch-bg-col-focus:var(--ld-thm-primary-focus);--ld-switch-item-col:var(--ld-thm-primary-hover);--ld-switch-item-label-bg-col:var(--ld-col-wht);--ld-switch-selected-col:var(--ld-col-wht);--ld-switch-selected-bg-col:var(--ld-thm-primary)}.ld-switch legend,:host legend{clip:rect(0,0,0,0);border-width:0;height:var(--ld-sp-1);padding:0;position:absolute;width:var(--ld-sp-1)}:host{display:inline-flex}.ld-switch,:host fieldset{border:0;border-radius:var(--ld-br-m);display:inline-grid;grid-auto-columns:minmax(min-content,1fr);grid-auto-flow:column;margin:0;min-width:auto;overflow:hidden;padding:0;position:relative}.ld-switch--fit-content,:host(.ld-switch--fit-content) fieldset{--ld-switch-item-justify-content:flex-start;grid-auto-columns:minmax(0,auto)}:host fieldset{height:100%;width:100%}.ld-switch--sm,:host(.ld-switch--sm){--ld-switch-font:var(--ld-switch-font-sm);--ld-switch-item-gap:var(--ld-switch-item-gap-sm);--ld-switch-item-icon-margin-x:var(--ld-switch-item-icon-margin-x-sm);--ld-switch-item-icon-size:var(--ld-switch-item-icon-size-sm);--ld-switch-item-padding-x:var(--ld-switch-item-padding-x-sm);--ld-switch-item-padding-y:var(--ld-switch-item-padding-y-sm)}.ld-switch--lg,:host(.ld-switch--lg){--ld-switch-font:var(--ld-switch-font-lg);--ld-switch-item-gap:var(--ld-switch-item-gap-lg);--ld-switch-item-icon-margin-x:var(--ld-switch-item-icon-margin-x-lg);--ld-switch-item-icon-size:var(--ld-switch-item-icon-size-lg);--ld-switch-item-padding-x:var(--ld-switch-item-padding-x-lg);--ld-switch-item-padding-y:var(--ld-switch-item-padding-y-lg)}.ld-switch--brand-color,:host(.ld-switch--brand-color){--ld-switch-item-col:var(--ld-col-wht);--ld-switch-item-bg-col:var(--ld-col-wht-alpha-low);--ld-switch-item-label-bg-col:var(--ld-thm-primary);--ld-switch-item-bg-col-hover:var(--ld-col-wht-alpha-high);--ld-switch-item-bg-col-active:var(--ld-col-wht-alpha-medium);--ld-switch-item-bg-col-focus:var(--ld-col-wht-alpha-high);--ld-switch-item-bg-col-selected:var(--ld-col-wht);--ld-switch-item-col-selected:var(--ld-thm-primary);--ld-switch-item-col-active:var(--ld-switch-item-col-selected)}";const v=class{constructor(i){t(this,i);this.ldswitchchange=e(this,"ldswitchchange",7);this.handleItemFocus=()=>{this.hasFocus=true};this.handleFocus=()=>{this.focusInner()};this.handleFocusout=()=>{this.hasFocus=false};this.size=undefined;this.brandColor=undefined;this.legend=undefined;this.autofocus=undefined;this.disabled=undefined;this.fitContent=false;this.form=undefined;this.ariaDisabled=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.ldTabindex=undefined;this.hasFocus=false}handleLdSwitchItemChange(t){t.stopImmediatePropagation();const e=t.target;this.ldswitchchange.emit(e.value)}async focusInner(){const t=Array.from(this.el.querySelectorAll("ld-switch-item")).filter((t=>!t.disabled));const e=t.find((t=>t.checked));if(e){e.focusInner()}else{t[0].focusInner()}}updateSwitchItemProps(){const t=this.el.querySelectorAll("ld-switch-item");t.forEach((t=>{if(d(this.ariaDisabled)){t.ariaDisabled=this.ariaDisabled}if(this.disabled){t.disabled=this.disabled}t.form=this.form;t.ldTabindex=this.ldTabindex;t.name=this.name;t.readonly=this.readonly;t.required=this.required}))}componentWillLoad(){this.updateSwitchItemProps();c(this.autofocus)}render(){return i(o,{class:s(["ld-switch",this.brandColor&&`ld-switch--brand-color`,this.fitContent&&`ld-switch--fit-content`,this.size&&`ld-switch--${this.size}`]),onLdswitchitemfocus:this.handleItemFocus,onFocus:this.handleFocus,onFocusout:this.handleFocusout,tabIndex:this.disabled||d(this.ariaDisabled)?this.ldTabindex:this.hasFocus?-1:this.ldTabindex||0},i("fieldset",{part:"fieldset"},this.legend&&i("legend",{part:"legend"},this.legend),i("slot",null)))}get el(){return l(this)}static get watchers(){return{ariaDisabled:["updateSwitchItemProps"],disabled:["updateSwitchItemProps"],form:["updateSwitchItemProps"],ldTabindex:["updateSwitchItemProps"],name:["updateSwitchItemProps"],readonly:["updateSwitchItemProps"],required:["updateSwitchItemProps"]}}};v.style=m;const u='.ld-switch-item,:host{display:inline-flex;position:relative}.ld-switch-item:first-of-type,:host:first-of-type{border-bottom-left-radius:var(--ld-br-m);border-top-left-radius:var(--ld-br-m)}.ld-switch-item:last-of-type,:host:last-of-type{border-bottom-right-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-switch-item input,:host input{clip:rect(0,0,0,0);border-width:0;height:var(--ld-sp-1);overflow:hidden;padding:0;position:absolute;width:var(--ld-sp-1)}.ld-switch-item input:checked~.ld-switch-item__content,:host input:checked~.ld-switch-item__content{background-color:var(\n --ld-switch-item-bg-col-selected,var(--ld-thm-primary)\n );color:var(--ld-switch-item-col-selected,var(--ld-col-wht))}.ld-switch-item input:where(:disabled)~.ld-switch-item__content,.ld-switch-item input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-switch-item__content,:host input:where(:disabled)~.ld-switch-item__content,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-switch-item__content{opacity:.2}.ld-switch-item input:where(:not(:disabled)):focus:focus-visible~.ld-switch-item__content,:host input:where(:not(:disabled)):focus:focus-visible~.ld-switch-item__content{background-color:var(\n --ld-switch-item-bg-col-focus,var(--ld-thm-primary-focus)\n );color:var(--ld-switch-item-col-active,var(--ld-col-wht));outline:auto;outline:var(--ld-switch-item-outline,auto);outline:5px auto -webkit-focus-ring-color;outline:var(\n --ld-switch-item-outline,auto 5px -webkit-focus-ring-color\n );outline-offset:-2px}.ld-switch-item input:where(:not(:disabled)):focus:not:focus-visible~.ld-switch-item__content,:host input:where(:not(:disabled)):focus:not:focus-visible~.ld-switch-item__content{outline:none}.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content{cursor:pointer}@media (hover:hover){.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content:hover,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content:hover{background-color:var(\n --ld-switch-item-bg-col-hover,var(--ld-thm-primary-hover)\n );color:var(--ld-switch-item-col-active,var(--ld-col-wht))}}.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly])):active:focus-visible~.ld-switch-item__content,.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly])):active~.ld-switch-item__content,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly])):active:focus-visible~.ld-switch-item__content,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly])):active~.ld-switch-item__content{background-color:var(\n --ld-switch-item-bg-col-active,var(--ld-thm-primary-active)\n );color:var(--ld-switch-item-col-active,var(--ld-col-wht))}.ld-switch-item__content{align-items:center;background-color:var(\n --ld-switch-item-bg-col,var(--ld-thm-primary-alpha-low)\n );border-radius:inherit;color:var(--ld-switch-item-col,var(--ld-thm-primary));display:inline-grid;font:var(--ld-switch-font);font-weight:700;gap:var(--ld-switch-item-gap);grid-auto-flow:column;height:100%;justify-content:var(--ld-switch-item-justify-content);line-height:1.25;overflow:hidden;padding:var(--ld-switch-item-padding-y) var(--ld-switch-item-padding-x);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.ld-switch-item__content ::slotted(.ld-icon),.ld-switch-item__content ::slotted(ld-icon),.ld-switch-item__content>.ld-icon,.ld-switch-item__content>ld-icon{margin:auto var(--ld-switch-item-icon-margin-x)}.ld-switch-item__label{overflow:hidden;padding:auto var(--ld-switch-item-padding-x);text-align:center;text-overflow:ellipsis}:host .ld-switch-item__label{display:none}:host(.ld-switch-item--has-label) .ld-switch-item__label{display:block}.ld-switch-item,:host label{align-items:center;background-clip:padding-box;background-color:var(--ld-switch-item-label-bg-col);border:0;display:inline-flex;height:100%;margin:0}:host label{border-radius:inherit;width:100%}';const _=class{constructor(i){t(this,i);this.ldswitchitemchange=e(this,"ldswitchitemchange",7);this.ldswitchitemfocus=e(this,"ldswitchitemfocus",7);this.handleKeyDown=t=>{switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault();this.focusAndSelect("prev");return;case"ArrowDown":case"ArrowRight":t.preventDefault();this.focusAndSelect("next")}};this.handleClick=t=>{if(this.checked||this.disabled||d(this.ariaDisabled)||this.readonly){t.preventDefault();return}Array.from(this.el.parentElement.querySelectorAll("ld-switch-item")).forEach((t=>{t.checked=false}));this.checked=true;this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.ldswitchitemchange.emit(this.el.value)};this.handleFocus=()=>{this.ldswitchitemfocus.emit()};this.ariaDisabled=undefined;this.checked=false;this.disabled=undefined;this.form=undefined;this.ldTabindex=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.value=undefined;this.clonedAttributes=undefined;this.hasLabel=undefined}async focusInner(){this.input.focus()}updateHiddenInput(){const t=this.el.closest("form");if(!this.hiddenInput&&this.name&&(t||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(!this.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}this.hiddenInput.name=this.name;this.hiddenInput.checked=this.checked;if(this.value){this.hiddenInput.value=this.value}else{this.hiddenInput.removeAttribute("value")}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(t){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="radio";this.hiddenInput.style.visibility="hidden";this.hiddenInput.style.position="absolute";this.hiddenInput.style.pointerEvents="none";this.el.appendChild(this.hiddenInput)}focusAndSelect(t){const e=t==="next"?this.el.nextElementSibling:this.el.previousElementSibling;if(e){e.focusInner();e.click()}}componentWillLoad(){this.hasLabel=Array.from(this.el.childNodes).some((t=>{var e;return t.tagName!=="LD-ICON"&&!((e=t.classList)===null||e===void 0?void 0:e.contains("ld-icon"))&&t.textContent.trim()}));this.attributesObserver=r.call(this)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const t=s(["ld-switch-item",this.hasLabel&&"ld-switch-item--has-label"]);return i(o,{onClick:this.handleClick,class:t},i("label",{part:"label-element"},i("input",Object.assign({type:"radio"},this.clonedAttributes,{part:"input focusable",onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,ref:t=>this.input=t,required:this.required,disabled:this.disabled,checked:this.checked,tabIndex:this.checked?this.ldTabindex:-1})),i("span",{part:"content",class:"ld-switch-item__content"},i("slot",{name:"icon-start"}),i("span",{part:"label",class:"ld-switch-item__label"},i("slot",null)),i("slot",{name:"icon-end"}))))}get el(){return l(this)}static get watchers(){return{checked:["updateHiddenInput"],form:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"]}}};_.style=u;export{h as docs_pick_theme,p as docs_toggle_code,v as ld_switch,_ as ld_switch_item}; -//# sourceMappingURL=p-ed3ca999.entry.js.map \ No newline at end of file +import{r as t,c as e,h as i,H as o,g as l}from"./p-21a69c18.js";import{g as s}from"./p-1133c92e.js";import{r as c}from"./p-8dc70a87.js";import{i as d}from"./p-b05f0e4e.js";import{c as r}from"./p-71026bf3.js";const n=".docs-pick-theme{--docs-pick-theme-icon-size:1.25rem}.docs-pick-theme__fieldset{border:0}.docs-pick-theme ld-icon{height:var(--docs-pick-theme-icon-size);width:var(--docs-pick-theme-icon-size)}.docs-pick-theme__select::part(trigger-text-wrapper){display:none}.docs-pick-theme__select::part(btn-trigger){padding:var(--ld-sp-6)}.docs-pick-theme__select,.docs-pick-theme__select::part(btn-trigger),.docs-pick-theme__select::part(select){height:var(--ld-sp-32);width:var(--ld-sp-32)}.docs-pick-theme__popper{min-width:14rem}.docs-pick-theme__option-pattern{bottom:0;height:100%;position:absolute;right:0;top:0}.docs-pick-theme__option::part(option){font-weight:700;overflow:hidden}.docs-pick-theme__option.ld-theme-ocean::part(check){color:var(--ld-thm-ocean-primary)}.docs-pick-theme__option.ld-theme-ocean::part(option){color:var(--ld-thm-ocean-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-ocean::part(option):hover{background-color:var(--ld-col-rb-010);color:var(--ld-thm-ocean-primary-hover)}}.docs-pick-theme__option.ld-theme-ocean::part(option):focus:focus-visible{background-color:var(--ld-col-rb-010);color:var(--ld-col-rb-800)}.docs-pick-theme__option.ld-theme-ocean::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-ocean-primary-focus)}.docs-pick-theme__option.ld-theme-ocean .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-ocean-primary)}.docs-pick-theme__option.ld-theme-ocean .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-ocean-secondary)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-ocean-primary-hover)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-ocean-secondary-hover)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--hover-within::part(check){color:var(--ld-thm-ocean-primary-hover)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-ocean-primary-focus)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-ocean-secondary-focus)}.docs-pick-theme__option.ld-theme-ocean.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rb-800)}.docs-pick-theme__option.ld-theme-bubblegum::part(check){color:var(--ld-thm-bubblegum-primary)}.docs-pick-theme__option.ld-theme-bubblegum::part(option){color:var(--ld-thm-bubblegum-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-bubblegum::part(option):hover{background-color:var(--ld-col-rp-010);color:var(--ld-thm-bubblegum-primary-hover)}}.docs-pick-theme__option.ld-theme-bubblegum::part(option):focus:focus-visible{background-color:var(--ld-col-rp-010);color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-bubblegum::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-bubblegum-primary-focus)}.docs-pick-theme__option.ld-theme-bubblegum .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-bubblegum-primary)}.docs-pick-theme__option.ld-theme-bubblegum .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-bubblegum-secondary)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-bubblegum-primary-hover)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-bubblegum-secondary-hover)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--hover-within::part(check){color:var(--ld-thm-bubblegum-primary-hover)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-bubblegum-primary-focus)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-bubblegum-primary-focus)}.docs-pick-theme__option.ld-theme-bubblegum.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-shake::part(check){color:var(--ld-thm-shake-primary)}.docs-pick-theme__option.ld-theme-shake::part(option){color:var(--ld-thm-shake-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-shake::part(option):hover{background-color:var(--ld-col-rp-010);color:var(--ld-thm-shake-primary-hover)}}.docs-pick-theme__option.ld-theme-shake::part(option):focus:focus-visible{background-color:var(--ld-col-rp-010);color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-shake::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-shake-primary-focus)}.docs-pick-theme__option.ld-theme-shake .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-shake-primary)}.docs-pick-theme__option.ld-theme-shake .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-shake-secondary)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-shake-primary-hover)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-shake-secondary-hover)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--hover-within::part(check){color:var(--ld-thm-shake-primary-hover)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-shake-primary-focus)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-shake-secondary-focus)}.docs-pick-theme__option.ld-theme-shake.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-solvent::part(check){color:var(--ld-thm-solvent-primary)}.docs-pick-theme__option.ld-theme-solvent::part(option){color:var(--ld-thm-solvent-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-solvent::part(option):hover{background-color:var(--ld-col-rp-010);color:var(--ld-thm-solvent-primary-hover)}}.docs-pick-theme__option.ld-theme-solvent::part(option):focus:focus-visible{background-color:var(--ld-col-rp-010);color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-solvent::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-solvent-primary-focus)}.docs-pick-theme__option.ld-theme-solvent .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-solvent-primary)}.docs-pick-theme__option.ld-theme-solvent .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-solvent-secondary)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-solvent-primary-hover)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-solvent-secondary-hover)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--hover-within::part(check){color:var(--ld-thm-solvent-primary-hover)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-solvent-primary-focus)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-solvent-primary-focus)}.docs-pick-theme__option.ld-theme-solvent.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rp-900)}.docs-pick-theme__option.ld-theme-tea::part(check){color:var(--ld-thm-tea-primary)}.docs-pick-theme__option.ld-theme-tea::part(option){color:var(--ld-thm-tea-primary)}@media (hover:hover){.docs-pick-theme__option.ld-theme-tea::part(option):hover{background-color:var(--ld-col-rg-010);color:var(--ld-thm-tea-primary-hover)}}.docs-pick-theme__option.ld-theme-tea::part(option):focus:focus-visible{background-color:var(--ld-col-rg-010);color:var(--ld-col-rg-900)}.docs-pick-theme__option.ld-theme-tea::part(option):focus:focus-visible:before{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-thm-tea-primary-focus)}.docs-pick-theme__option.ld-theme-tea .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-tea-primary)}.docs-pick-theme__option.ld-theme-tea .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-tea-secondary)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--hover-within .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-tea-primary-hover)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--hover-within .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-tea-secondary-hover)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--hover-within::part(check){color:var(--ld-thm-tea-primary-hover)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-primary{fill:var(--ld-thm-tea-primary-focus)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--focus-within:focus-visible .docs-pick-theme__option-pattern-accent{fill:var(--ld-thm-tea-secondary-focus)}.docs-pick-theme__option.ld-theme-tea.ld-option-internal--focus-within:focus-visible::part(check){color:var(--ld-col-rg-900)}";const h=class{constructor(i){t(this,i);this.pickTheme=e(this,"pickTheme",7);this.themes=["ocean","bubblegum","shake","solvent","tea"];this.currentTheme="ocean"}handleChange(t){this.pickTheme.emit(t.detail[0]);this.currentTheme=t.detail[0]}render(){return i(o,{class:`docs-pick-theme ld-theme-${this.currentTheme.toLowerCase()}`},i("form",null,i("fieldset",{class:"docs-pick-theme__fieldset"},i("ld-sr-only",null,i("legend",null,"Pick a theme")),i("ld-select",{class:"docs-pick-theme__select",onLdchange:this.handleChange.bind(this),preventDeselection:true,mode:"ghost",tetherOptions:JSON.stringify({attachment:"top right",targetAttachment:"bottom right",offset:"-2px -8px"}),popperClass:"docs-pick-theme__popper"},this.themes.map((t=>i("ld-option",{value:t.toLowerCase(),class:`docs-pick-theme__option ld-theme-${t.toLowerCase()}`,selected:t===this.currentTheme},t.charAt(0).toUpperCase()+t.slice(1).toLowerCase(),i("svg",{role:"presentation",class:"docs-pick-theme__option-pattern","fill-rule":"evenodd","stroke-linejoin":"round","stroke-miterlimit":"2","clip-rule":"evenodd",viewBox:"0 0 88 41"},i("path",{class:"docs-pick-theme__option-pattern-primary",d:"M88 41V0H72.894L50.257 15.408c-6.465 4.408-5.884 5.492-6.428 8.6-.262 1.493-.256 9.29-.173 16.992H88z"}),i("path",{class:"docs-pick-theme__option-pattern-accent",d:"M9.372 14.479c.445-.889.369-1.265 2.712-2.031 2.339-.753 12.084-3.895 12.088-3.908 1.067-.574 2.663-.369 3.547.461l10.055 9.513c.879.844 1.581 2.515 1.549 3.737l-.236 10.345c-.033 1.221-1.048 2.314-2.255 2.42l-19.07 1.741c-1.208.106-2.918-.5-3.78-1.354l-7.428-7.431c-.863-.854-.714-1.793-.207-3.302 0 0 2.581-9.302 3.025-10.191z"}))))),i("ld-icon",{slot:"icon"},i("svg",{class:"docs-pick-theme__icon",fill:"none",viewBox:"0 0 32 32"},i("path",{fill:"currentColor",stroke:"currentColor",d:"M9 20l-.7-.7a1 1 0 00-.3.7h1zm3.5 3.5v1a1 1 0 00.7-.3l-.7-.7zm9-9l.7.7a1 1 0 000-1.4l-.7.7zM18 11l.7-.7a1 1 0 00-1.4 0l.7.7zM8 20v2.5h2V20H8zm2 4.5h2.5v-2H10v2zm3.2-.3l9-9-1.4-1.4-9 9 1.4 1.4zm9-10.4l-3.5-3.5-1.4 1.4 3.5 3.5 1.4-1.4zm-4.9-3.5l-9 9 1.4 1.4 9-9-1.4-1.4zM8 22.5c0 1.1.9 2 2 2v-2H8z"}),i("path",{fill:"currentColor",stroke:"currentColor",d:"M17.58 10.33L19.92 8a2 2 0 012.83 0l1.79 1.79a2 2 0 010 2.83l-2.35 2.34-4.61-4.62zM9 23v-4l4 4H9z"}),i("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M23 16l-6.5-6.5"})))))))}};h.style=n;const a=".docs-toggle-code svg{height:100%;width:100%}";const p=class{constructor(i){t(this,i);this.toggleCode=e(this,"toggleCode",7);this.isOn=undefined}handleClick(t){t.preventDefault();this.toggleCode.emit(!this.isOn)}render(){return i("ld-button",{role:"switch","aria-checked":this.isOn?"true":"false",class:"docs-toggle-code",mode:this.isOn?undefined:"ghost",size:"sm"},i("ld-sr-only",null,"Toggle code"),i("ld-icon",{size:"sm"},i("svg",{fill:"none",viewBox:"0 0 22 22"},i("path",{stroke:"currentcolor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m8 18 6-13m3 10 4-4-4-4M5 7l-4 4 4 4"}))))}};p.style=a;const m=".ld-switch,:host{--ld-switch-item-icon-size:1.25rem;--ld-switch-item-icon-size-sm:1rem;--ld-switch-item-icon-size-lg:1.5rem;--ld-switch-item-icon-margin-x:-0.25rem;--ld-switch-item-icon-margin-x-sm:-0.125rem;--ld-switch-item-icon-margin-x-lg:-0.5rem;--ld-switch-item-justify-content:center;--ld-switch-item-padding-x:0.875rem;--ld-switch-item-padding-y:0.625rem;--ld-switch-item-padding-x-sm:0.625rem;--ld-switch-item-padding-y-sm:0.4375rem;--ld-switch-item-padding-x-lg:1.3125rem;--ld-switch-item-padding-y-lg:0.85rem;--ld-switch-item-gap:0.875rem;--ld-switch-item-gap-sm:0.625rem;--ld-switch-item-gap-lg:1.1875rem;--ld-switch-font:var(--ld-typo-body-m);--ld-switch-font-sm:var(--ld-typo-body-s);--ld-switch-font-lg:var(--ld-typo-body-l);--ld-switch-bg-col:var(--ld-thm-primary-alpha-low);--ld-switch-bg-col-hover:var(--ld-thm-primary-hover);--ld-switch-bg-col-active:var(--ld-thm-primary-active);--ld-switch-bg-col-focus:var(--ld-thm-primary-focus);--ld-switch-item-col:var(--ld-thm-primary-hover);--ld-switch-item-label-bg-col:var(--ld-col-wht);--ld-switch-selected-col:var(--ld-col-wht);--ld-switch-selected-bg-col:var(--ld-thm-primary)}.ld-switch legend,:host legend{height:var(--ld-sp-1);padding:0;position:absolute;width:var(--ld-sp-1);clip:rect(0,0,0,0);border-width:0}:host{display:inline-flex}.ld-switch,:host fieldset{border:0;border-radius:var(--ld-br-m);display:inline-grid;grid-auto-columns:minmax(min-content,1fr);grid-auto-flow:column;margin:0;min-width:auto;overflow:hidden;padding:0;position:relative}.ld-switch--fit-content,:host(.ld-switch--fit-content) fieldset{--ld-switch-item-justify-content:flex-start;grid-auto-columns:minmax(0,auto)}:host fieldset{height:100%;width:100%}.ld-switch--sm,:host(.ld-switch--sm){--ld-switch-font:var(--ld-switch-font-sm);--ld-switch-item-gap:var(--ld-switch-item-gap-sm);--ld-switch-item-icon-margin-x:var(--ld-switch-item-icon-margin-x-sm);--ld-switch-item-icon-size:var(--ld-switch-item-icon-size-sm);--ld-switch-item-padding-x:var(--ld-switch-item-padding-x-sm);--ld-switch-item-padding-y:var(--ld-switch-item-padding-y-sm)}.ld-switch--lg,:host(.ld-switch--lg){--ld-switch-font:var(--ld-switch-font-lg);--ld-switch-item-gap:var(--ld-switch-item-gap-lg);--ld-switch-item-icon-margin-x:var(--ld-switch-item-icon-margin-x-lg);--ld-switch-item-icon-size:var(--ld-switch-item-icon-size-lg);--ld-switch-item-padding-x:var(--ld-switch-item-padding-x-lg);--ld-switch-item-padding-y:var(--ld-switch-item-padding-y-lg)}.ld-switch--brand-color,:host(.ld-switch--brand-color){--ld-switch-item-col:var(--ld-col-wht);--ld-switch-item-bg-col:var(--ld-col-wht-alpha-low);--ld-switch-item-label-bg-col:var(--ld-thm-primary);--ld-switch-item-bg-col-hover:var(--ld-col-wht-alpha-high);--ld-switch-item-bg-col-active:var(--ld-col-wht-alpha-medium);--ld-switch-item-bg-col-focus:var(--ld-col-wht-alpha-high);--ld-switch-item-bg-col-selected:var(--ld-col-wht);--ld-switch-item-col-selected:var(--ld-thm-primary);--ld-switch-item-col-active:var(--ld-switch-item-col-selected)}";const v=class{constructor(i){t(this,i);this.ldswitchchange=e(this,"ldswitchchange",7);this.handleItemFocus=()=>{this.hasFocus=true};this.handleFocus=()=>{this.focusInner()};this.handleFocusout=()=>{this.hasFocus=false};this.size=undefined;this.brandColor=undefined;this.legend=undefined;this.autofocus=undefined;this.disabled=undefined;this.fitContent=false;this.form=undefined;this.ariaDisabled=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.ldTabindex=undefined;this.hasFocus=false}handleLdSwitchItemChange(t){t.stopImmediatePropagation();const e=t.target;this.ldswitchchange.emit(e.value)}async focusInner(){const t=Array.from(this.el.querySelectorAll("ld-switch-item")).filter((t=>!t.disabled));const e=t.find((t=>t.checked));if(e){e.focusInner()}else{t[0].focusInner()}}updateSwitchItemProps(){const t=this.el.querySelectorAll("ld-switch-item");t.forEach((t=>{if(d(this.ariaDisabled)){t.ariaDisabled=this.ariaDisabled}if(this.disabled){t.disabled=this.disabled}t.form=this.form;t.ldTabindex=this.ldTabindex;t.name=this.name;t.readonly=this.readonly;t.required=this.required}))}componentWillLoad(){this.updateSwitchItemProps();c(this.autofocus)}render(){return i(o,{class:s(["ld-switch",this.brandColor&&`ld-switch--brand-color`,this.fitContent&&`ld-switch--fit-content`,this.size&&`ld-switch--${this.size}`]),onLdswitchitemfocus:this.handleItemFocus,onFocus:this.handleFocus,onFocusout:this.handleFocusout,tabIndex:this.disabled||d(this.ariaDisabled)?this.ldTabindex:this.hasFocus?-1:this.ldTabindex||0},i("fieldset",{part:"fieldset"},this.legend&&i("legend",{part:"legend"},this.legend),i("slot",null)))}get el(){return l(this)}static get watchers(){return{ariaDisabled:["updateSwitchItemProps"],disabled:["updateSwitchItemProps"],form:["updateSwitchItemProps"],ldTabindex:["updateSwitchItemProps"],name:["updateSwitchItemProps"],readonly:["updateSwitchItemProps"],required:["updateSwitchItemProps"]}}};v.style=m;const u='.ld-switch-item,:host{display:inline-flex;position:relative}.ld-switch-item:first-of-type,:host:first-of-type{border-bottom-left-radius:var(--ld-br-m);border-top-left-radius:var(--ld-br-m)}.ld-switch-item:last-of-type,:host:last-of-type{border-bottom-right-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-switch-item input,:host input{height:var(--ld-sp-1);overflow:hidden;padding:0;position:absolute;width:var(--ld-sp-1);clip:rect(0,0,0,0);border-width:0}.ld-switch-item input:checked~.ld-switch-item__content,:host input:checked~.ld-switch-item__content{background-color:var(\n --ld-switch-item-bg-col-selected,var(--ld-thm-primary)\n );color:var(--ld-switch-item-col-selected,var(--ld-col-wht))}.ld-switch-item input:where(:disabled)~.ld-switch-item__content,.ld-switch-item input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-switch-item__content,:host input:where(:disabled)~.ld-switch-item__content,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-switch-item__content{opacity:.2}.ld-switch-item input:where(:not(:disabled)):focus:focus-visible~.ld-switch-item__content,:host input:where(:not(:disabled)):focus:focus-visible~.ld-switch-item__content{background-color:var(\n --ld-switch-item-bg-col-focus,var(--ld-thm-primary-focus)\n );color:var(--ld-switch-item-col-active,var(--ld-col-wht));outline:var(--ld-switch-item-outline,auto);outline:var(\n --ld-switch-item-outline,auto 5px -webkit-focus-ring-color\n );outline-offset:-2px}.ld-switch-item input:where(:not(:disabled)):focus:not:focus-visible~.ld-switch-item__content,:host input:where(:not(:disabled)):focus:not:focus-visible~.ld-switch-item__content{outline:none}.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content{cursor:pointer}@media (hover:hover){.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content:hover,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly]))~.ld-switch-item__content:hover{background-color:var(\n --ld-switch-item-bg-col-hover,var(--ld-thm-primary-hover)\n );color:var(--ld-switch-item-col-active,var(--ld-col-wht))}}.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly])):active:focus-visible~.ld-switch-item__content,.ld-switch-item input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly])):active~.ld-switch-item__content,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly])):active:focus-visible~.ld-switch-item__content,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not([readonly])):active~.ld-switch-item__content{background-color:var(\n --ld-switch-item-bg-col-active,var(--ld-thm-primary-active)\n );color:var(--ld-switch-item-col-active,var(--ld-col-wht))}.ld-switch-item__content{align-items:center;background-color:var(\n --ld-switch-item-bg-col,var(--ld-thm-primary-alpha-low)\n );border-radius:inherit;color:var(--ld-switch-item-col,var(--ld-thm-primary));display:inline-grid;font:var(--ld-switch-font);font-weight:700;gap:var(--ld-switch-item-gap);grid-auto-flow:column;height:100%;justify-content:var(--ld-switch-item-justify-content);line-height:1.25;overflow:hidden;padding:var(--ld-switch-item-padding-y) var(--ld-switch-item-padding-x);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.ld-switch-item__content ::slotted(.ld-icon),.ld-switch-item__content ::slotted(ld-icon),.ld-switch-item__content>.ld-icon,.ld-switch-item__content>ld-icon{margin:auto var(--ld-switch-item-icon-margin-x)}.ld-switch-item__label{overflow:hidden;padding:auto var(--ld-switch-item-padding-x);text-align:center;text-overflow:ellipsis}:host .ld-switch-item__label{display:none}:host(.ld-switch-item--has-label) .ld-switch-item__label{display:block}.ld-switch-item,:host label{align-items:center;background-clip:padding-box;background-color:var(--ld-switch-item-label-bg-col);border:0;display:inline-flex;height:100%;margin:0}:host label{border-radius:inherit;width:100%}';const _=class{constructor(i){t(this,i);this.ldswitchitemchange=e(this,"ldswitchitemchange",7);this.ldswitchitemfocus=e(this,"ldswitchitemfocus",7);this.handleKeyDown=t=>{switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault();this.focusAndSelect("prev");return;case"ArrowDown":case"ArrowRight":t.preventDefault();this.focusAndSelect("next")}};this.handleClick=t=>{if(this.checked||this.disabled||d(this.ariaDisabled)||this.readonly){t.preventDefault();return}Array.from(this.el.parentElement.querySelectorAll("ld-switch-item")).forEach((t=>{t.checked=false}));this.checked=true;this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.ldswitchitemchange.emit(this.el.value)};this.handleFocus=()=>{this.ldswitchitemfocus.emit()};this.ariaDisabled=undefined;this.checked=false;this.disabled=undefined;this.form=undefined;this.ldTabindex=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.value=undefined;this.clonedAttributes=undefined;this.hasLabel=undefined}async focusInner(){this.input.focus()}updateHiddenInput(){const t=this.el.closest("form");if(!this.hiddenInput&&this.name&&(t||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(!this.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}this.hiddenInput.name=this.name;this.hiddenInput.checked=this.checked;if(this.value){this.hiddenInput.value=this.value}else{this.hiddenInput.removeAttribute("value")}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(t){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="radio";this.hiddenInput.style.visibility="hidden";this.hiddenInput.style.position="absolute";this.hiddenInput.style.pointerEvents="none";this.el.appendChild(this.hiddenInput)}focusAndSelect(t){const e=t==="next"?this.el.nextElementSibling:this.el.previousElementSibling;if(e){e.focusInner();e.click()}}componentWillLoad(){this.hasLabel=Array.from(this.el.childNodes).some((t=>{var e;return t.tagName!=="LD-ICON"&&!((e=t.classList)===null||e===void 0?void 0:e.contains("ld-icon"))&&t.textContent.trim()}));this.attributesObserver=r.call(this)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const t=s(["ld-switch-item",this.hasLabel&&"ld-switch-item--has-label"]);return i(o,{onClick:this.handleClick,class:t},i("label",{part:"label-element"},i("input",Object.assign({type:"radio"},this.clonedAttributes,{part:"input focusable",onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,ref:t=>this.input=t,required:this.required,disabled:this.disabled,checked:this.checked,tabIndex:this.checked?this.ldTabindex:-1})),i("span",{part:"content",class:"ld-switch-item__content"},i("slot",{name:"icon-start"}),i("span",{part:"label",class:"ld-switch-item__label"},i("slot",null)),i("slot",{name:"icon-end"}))))}get el(){return l(this)}static get watchers(){return{checked:["updateHiddenInput"],form:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"]}}};_.style=u;export{h as docs_pick_theme,p as docs_toggle_code,v as ld_switch,_ as ld_switch_item}; +//# sourceMappingURL=p-2f76f5f2.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-ed3ca999.entry.js.map b/1704966176737/dist/build/p-2f76f5f2.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-ed3ca999.entry.js.map rename to 1704966176737/dist/build/p-2f76f5f2.entry.js.map index 7b959433aa..6309dcf1ee 100644 --- a/1704894792450/dist/build/p-ed3ca999.entry.js.map +++ b/1704966176737/dist/build/p-2f76f5f2.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["docsPickThemeCss","DocsPickTheme","this","themes","handleChange","ev","pickTheme","emit","detail","currentTheme","render","h","Host","class","toLowerCase","onLdchange","bind","preventDeselection","mode","tetherOptions","JSON","stringify","attachment","targetAttachment","offset","popperClass","map","theme","value","selected","charAt","toUpperCase","slice","role","viewBox","d","slot","fill","stroke","docsToggleCodeCss","DocsToggleCode","handleClick","preventDefault","toggleCode","isOn","undefined","size","ldSwitchCss","LdSwitch","handleItemFocus","hasFocus","handleFocus","focusInner","handleFocusout","handleLdSwitchItemChange","stopImmediatePropagation","currentLdSwitchItem","target","ldswitchchange","ldSwitchItems","Array","from","el","querySelectorAll","filter","ldSwitchItem","disabled","checkedItem","find","checked","updateSwitchItemProps","forEach","isAriaDisabled","ariaDisabled","form","ldTabindex","name","readonly","required","componentWillLoad","registerAutofocus","autofocus","getClassNames","brandColor","fitContent","onLdswitchitemfocus","onFocus","onFocusout","tabIndex","part","legend","ldSwitchItemCss","LdSwitchItem","handleKeyDown","key","focusAndSelect","parentElement","dispatchEvent","InputEvent","bubbles","ldswitchitemchange","ldswitchitemfocus","input","focus","updateHiddenInput","outerForm","closest","hiddenInput","createHiddenInput","remove","removeAttribute","setAttribute","getAttribute","document","createElement","type","style","visibility","position","pointerEvents","appendChild","dir","sibling","nextElementSibling","previousElementSibling","click","hasLabel","childNodes","some","tagName","_a","classList","contains","textContent","trim","attributesObserver","cloneAttributes","call","disconnectedCallback","disconnect","cl","onClick","Object","assign","clonedAttributes","onKeyDown","ref"],"sources":["../src/docs/components/docs-pick-theme/docs-pick-theme.css?tag=docs-pick-theme","../src/docs/components/docs-pick-theme/docs-pick-theme.tsx","../src/docs/components/docs-toggle-code/docs-toggle-code.css?tag=docs-toggle-code","../src/docs/components/docs-toggle-code/docs-toggle-code.tsx","../src/liquid/components/ld-switch/ld-switch.css?tag=ld-switch&encapsulation=shadow","../src/liquid/components/ld-switch/ld-switch.tsx","../src/liquid/components/ld-switch/ld-switch-item/ld-switch-item.css?tag=ld-switch-item&encapsulation=shadow","../src/liquid/components/ld-switch/ld-switch-item/ld-switch-item.tsx"],"sourcesContent":[".docs-pick-theme {\n --docs-pick-theme-icon-size: 1.25rem;\n}\n\n.docs-pick-theme__fieldset {\n border: 0;\n}\n\n.docs-pick-theme ld-icon {\n width: var(--docs-pick-theme-icon-size);\n height: var(--docs-pick-theme-icon-size);\n}\n\n.docs-pick-theme__select {\n &::part(trigger-text-wrapper) {\n display: none;\n }\n\n &::part(btn-trigger) {\n padding: var(--ld-sp-6);\n }\n}\n\n.docs-pick-theme__select,\n.docs-pick-theme__select::part(select),\n.docs-pick-theme__select::part(btn-trigger) {\n height: var(--ld-sp-32);\n width: var(--ld-sp-32);\n}\n\n.docs-pick-theme__popper {\n min-width: 14rem;\n}\n\n.docs-pick-theme__option-pattern {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n height: 100%;\n}\n\n.docs-pick-theme__option {\n &::part(option) {\n font-weight: 700;\n overflow: hidden;\n }\n\n &.ld-theme-ocean {\n &::part(check) {\n color: var(--ld-thm-ocean-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-ocean-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-ocean-primary-hover);\n background-color: var(--ld-col-rb-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rb-800);\n background-color: var(--ld-col-rb-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1)\n var(--ld-thm-ocean-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-ocean-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-ocean-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-ocean-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-ocean-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-ocean-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-ocean-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-ocean-secondary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rb-800);\n }\n }\n }\n\n &.ld-theme-bubblegum {\n &::part(check) {\n color: var(--ld-thm-bubblegum-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-bubblegum-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-bubblegum-primary-hover);\n background-color: var(--ld-col-rp-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rp-900);\n background-color: var(--ld-col-rp-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1)\n var(--ld-thm-bubblegum-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-bubblegum-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-bubblegum-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-bubblegum-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-bubblegum-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-bubblegum-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-bubblegum-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-bubblegum-primary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rp-900);\n }\n }\n }\n\n &.ld-theme-shake {\n &::part(check) {\n color: var(--ld-thm-shake-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-shake-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-shake-primary-hover);\n background-color: var(--ld-col-rp-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rp-900);\n background-color: var(--ld-col-rp-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1)\n var(--ld-thm-shake-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-shake-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-shake-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-shake-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-shake-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-shake-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-shake-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-shake-secondary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rp-900);\n }\n }\n }\n\n &.ld-theme-solvent {\n &::part(check) {\n color: var(--ld-thm-solvent-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-solvent-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-solvent-primary-hover);\n background-color: var(--ld-col-rp-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rp-900);\n background-color: var(--ld-col-rp-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1)\n var(--ld-thm-solvent-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-solvent-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-solvent-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-solvent-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-solvent-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-solvent-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-solvent-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-solvent-primary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rp-900);\n }\n }\n }\n\n &.ld-theme-tea {\n &::part(check) {\n color: var(--ld-thm-tea-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-tea-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-tea-primary-hover);\n background-color: var(--ld-col-rg-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rg-900);\n background-color: var(--ld-col-rg-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-thm-tea-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-tea-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-tea-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-tea-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-tea-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-tea-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-tea-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-tea-secondary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rg-900);\n }\n }\n }\n}\n","import { Component, h, Host, Event, EventEmitter, State } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-pick-theme',\n styleUrl: 'docs-pick-theme.css',\n shadow: false,\n})\nexport class DocsPickTheme {\n @State() currentTheme = 'ocean'\n\n /** Theme pick change event. */\n @Event() pickTheme: EventEmitter\n\n private handleChange(ev) {\n this.pickTheme.emit(ev.detail[0])\n this.currentTheme = ev.detail[0]\n }\n\n private themes = ['ocean', 'bubblegum', 'shake', 'solvent', 'tea']\n\n render() {\n return (\n \n
    \n
    \n \n Pick a theme\n \n\n \n {this.themes.map((theme) => (\n \n {theme.charAt(0).toUpperCase() + theme.slice(1).toLowerCase()}\n\n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n \n
    \n
    \n \n )\n }\n}\n",".docs-toggle-code {\n svg {\n width: 100%;\n height: 100%;\n }\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-toggle-code',\n styleUrl: 'docs-toggle-code.css',\n shadow: false,\n})\nexport class DocsToggleCode {\n /** Is code toggled to be visible */\n @Prop() isOn: boolean\n\n /** Theme select change event. */\n @Event() toggleCode: EventEmitter\n\n @Listen('click', { capture: true })\n handleClick(ev) {\n ev.preventDefault()\n this.toggleCode.emit(!this.isOn)\n }\n\n render() {\n return (\n \n Toggle code\n \n \n \n \n \n \n )\n }\n}\n",":host,\n.ld-switch {\n /* layout */\n --ld-switch-item-icon-size: 1.25rem;\n --ld-switch-item-icon-size-sm: 1rem;\n --ld-switch-item-icon-size-lg: 1.5rem;\n --ld-switch-item-icon-margin-x: -0.25rem;\n --ld-switch-item-icon-margin-x-sm: -0.125rem;\n --ld-switch-item-icon-margin-x-lg: -0.5rem;\n --ld-switch-item-justify-content: center;\n --ld-switch-item-padding-x: 0.875rem;\n --ld-switch-item-padding-y: 0.625rem;\n --ld-switch-item-padding-x-sm: 0.625rem;\n --ld-switch-item-padding-y-sm: 0.4375rem;\n --ld-switch-item-padding-x-lg: 1.3125rem;\n --ld-switch-item-padding-y-lg: 0.85rem;\n --ld-switch-item-gap: 0.875rem;\n --ld-switch-item-gap-sm: 0.625rem;\n --ld-switch-item-gap-lg: 1.1875rem;\n --ld-switch-font: var(--ld-typo-body-m);\n --ld-switch-font-sm: var(--ld-typo-body-s);\n --ld-switch-font-lg: var(--ld-typo-body-l);\n\n /* colors */\n --ld-switch-bg-col: var(--ld-thm-primary-alpha-low);\n --ld-switch-bg-col-hover: var(--ld-thm-primary-hover);\n --ld-switch-bg-col-active: var(--ld-thm-primary-active);\n --ld-switch-bg-col-focus: var(--ld-thm-primary-focus);\n --ld-switch-item-col: var(--ld-thm-primary-hover);\n --ld-switch-item-label-bg-col: var(--ld-col-wht);\n --ld-switch-selected-col: var(--ld-col-wht);\n --ld-switch-selected-bg-col: var(--ld-thm-primary);\n\n legend {\n position: absolute;\n width: var(--ld-sp-1);\n height: var(--ld-sp-1);\n padding: 0;\n clip: rect(0, 0, 0, 0);\n border-width: 0;\n }\n}\n\n:host {\n display: inline-flex;\n}\n\n.ld-switch,\n:host fieldset {\n border: 0;\n border-radius: var(--ld-br-m);\n display: inline-grid;\n grid-auto-columns: minmax(min-content, 1fr);\n grid-auto-flow: column;\n margin: 0;\n min-width: auto;\n overflow: hidden;\n padding: 0;\n position: relative;\n}\n\n.ld-switch--fit-content,\n:host(.ld-switch--fit-content) fieldset {\n --ld-switch-item-justify-content: flex-start;\n grid-auto-columns: minmax(0, auto);\n}\n\n:host fieldset {\n width: 100%;\n height: 100%;\n}\n\n:host(.ld-switch--sm),\n.ld-switch--sm {\n --ld-switch-font: var(--ld-switch-font-sm);\n --ld-switch-item-gap: var(--ld-switch-item-gap-sm);\n --ld-switch-item-icon-margin-x: var(--ld-switch-item-icon-margin-x-sm);\n --ld-switch-item-icon-size: var(--ld-switch-item-icon-size-sm);\n --ld-switch-item-padding-x: var(--ld-switch-item-padding-x-sm);\n --ld-switch-item-padding-y: var(--ld-switch-item-padding-y-sm);\n}\n\n:host(.ld-switch--lg),\n.ld-switch--lg {\n --ld-switch-font: var(--ld-switch-font-lg);\n --ld-switch-item-gap: var(--ld-switch-item-gap-lg);\n --ld-switch-item-icon-margin-x: var(--ld-switch-item-icon-margin-x-lg);\n --ld-switch-item-icon-size: var(--ld-switch-item-icon-size-lg);\n --ld-switch-item-padding-x: var(--ld-switch-item-padding-x-lg);\n --ld-switch-item-padding-y: var(--ld-switch-item-padding-y-lg);\n}\n\n:host(.ld-switch--brand-color),\n.ld-switch--brand-color {\n --ld-switch-item-col: var(--ld-col-wht);\n --ld-switch-item-bg-col: var(--ld-col-wht-alpha-low);\n --ld-switch-item-label-bg-col: var(--ld-thm-primary);\n\n --ld-switch-item-bg-col-hover: var(--ld-col-wht-alpha-high);\n --ld-switch-item-bg-col-active: var(--ld-col-wht-alpha-medium);\n --ld-switch-item-bg-col-focus: var(--ld-col-wht-alpha-high);\n --ld-switch-item-bg-col-selected: var(--ld-col-wht);\n\n --ld-switch-item-col-selected: var(--ld-thm-primary);\n --ld-switch-item-col-active: var(--ld-switch-item-col-selected);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part fieldset - Container wrapping the legent element and the slot\n * @part legend - The legend element\n */\n\n@Component({\n tag: 'ld-switch',\n styleUrl: 'ld-switch.css',\n shadow: true,\n})\nexport class LdSwitch implements InnerFocusable {\n @Element() el: HTMLElement\n\n /** Size of the switch. */\n @Prop() size?: 'sm' | 'md' | 'lg'\n\n /** Defines switch custom color */\n @Prop() brandColor?: boolean\n\n /** Defines a description of the contents of the switch component. */\n @Prop() legend?: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Disabled state of the switch. */\n @Prop() disabled?: boolean\n\n /** Make each switch item take up as little space as its content requires. */\n @Prop() fitContent? = false\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** Set this property to `true` in order to mark the switch as required. */\n @Prop() required?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n @State() hasFocus = false\n\n /** Emitted with the value of the selected switch item. */\n @Event() ldswitchchange: EventEmitter\n\n @Listen('ldswitchitemchange')\n handleLdSwitchItemChange(ev: CustomEvent) {\n ev.stopImmediatePropagation()\n const currentLdSwitchItem = ev.target as HTMLLdSwitchItemElement\n this.ldswitchchange.emit(currentLdSwitchItem.value)\n }\n\n /** Sets focus on the radio button. */\n @Method()\n async focusInner() {\n const ldSwitchItems = Array.from(\n this.el.querySelectorAll('ld-switch-item')\n ).filter((ldSwitchItem) => !ldSwitchItem.disabled)\n\n const checkedItem = ldSwitchItems.find(\n (ldSwitchItem) => ldSwitchItem.checked\n )\n if (checkedItem) {\n checkedItem.focusInner()\n } else {\n ldSwitchItems[0].focusInner()\n }\n }\n\n private handleItemFocus = () => {\n this.hasFocus = true\n }\n\n private handleFocus = () => {\n this.focusInner()\n }\n\n private handleFocusout = () => {\n this.hasFocus = false\n }\n\n @Watch('ariaDisabled')\n @Watch('disabled')\n @Watch('form')\n @Watch('ldTabindex')\n @Watch('name')\n @Watch('readonly')\n @Watch('required')\n updateSwitchItemProps() {\n const ldSwitchItems = this.el.querySelectorAll('ld-switch-item')\n ldSwitchItems.forEach((ldSwitchItem) => {\n if (isAriaDisabled(this.ariaDisabled)) {\n ldSwitchItem.ariaDisabled = this.ariaDisabled\n }\n if (this.disabled) {\n ldSwitchItem.disabled = this.disabled\n }\n ldSwitchItem.form = this.form\n ldSwitchItem.ldTabindex = this.ldTabindex\n ldSwitchItem.name = this.name\n ldSwitchItem.readonly = this.readonly\n ldSwitchItem.required = this.required\n })\n }\n\n componentWillLoad() {\n this.updateSwitchItemProps()\n\n registerAutofocus(this.autofocus)\n }\n\n render() {\n return (\n \n
    \n {this.legend && {this.legend}}\n \n
    \n \n )\n }\n}\n",":host,\n.ld-switch-item {\n position: relative;\n display: inline-flex;\n\n &:first-of-type {\n border-bottom-left-radius: var(--ld-br-m);\n border-top-left-radius: var(--ld-br-m);\n }\n\n &:last-of-type {\n border-bottom-right-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n\n input {\n position: absolute;\n width: var(--ld-sp-1);\n height: var(--ld-sp-1);\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border-width: 0;\n\n &:checked {\n ~ .ld-switch-item__content {\n background-color: var(\n --ld-switch-item-bg-col-selected,\n var(--ld-thm-primary)\n );\n color: var(--ld-switch-item-col-selected, var(--ld-col-wht));\n }\n }\n\n &:where(:disabled),\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n ~ .ld-switch-item__content {\n opacity: 0.2;\n }\n }\n\n &:where(:not(:disabled)):focus {\n &:focus-visible {\n ~ .ld-switch-item__content {\n background-color: var(\n --ld-switch-item-bg-col-focus,\n var(--ld-thm-primary-focus)\n );\n color: var(--ld-switch-item-col-active, var(--ld-col-wht));\n outline: var(--ld-switch-item-outline, auto);\n /* stylelint-disable-next-line declaration-block-no-duplicate-properties */\n outline: var(\n --ld-switch-item-outline,\n auto 5px -webkit-focus-ring-color\n );\n outline-offset: -2px;\n }\n }\n &:not:focus-visible {\n ~ .ld-switch-item__content {\n outline: none;\n }\n }\n }\n\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n [readonly]\n )\n ) {\n ~ .ld-switch-item__content {\n cursor: pointer;\n\n @media (hover: hover) {\n &:hover {\n background-color: var(\n --ld-switch-item-bg-col-hover,\n var(--ld-thm-primary-hover)\n );\n color: var(--ld-switch-item-col-active, var(--ld-col-wht));\n }\n }\n }\n\n &:active,\n &:active:focus-visible {\n ~ .ld-switch-item__content {\n background-color: var(\n --ld-switch-item-bg-col-active,\n var(--ld-thm-primary-active)\n );\n color: var(--ld-switch-item-col-active, var(--ld-col-wht));\n }\n }\n }\n }\n}\n\n.ld-switch-item__content {\n align-items: center;\n background-color: var(\n --ld-switch-item-bg-col,\n var(--ld-thm-primary-alpha-low)\n );\n border-radius: inherit;\n color: var(--ld-switch-item-col, var(--ld-thm-primary));\n display: inline-grid;\n font: var(--ld-switch-font);\n font-weight: 700;\n gap: var(--ld-switch-item-gap);\n grid-auto-flow: column;\n height: 100%;\n justify-content: var(--ld-switch-item-justify-content);\n line-height: 1.25;\n overflow: hidden;\n padding: var(--ld-switch-item-padding-y) var(--ld-switch-item-padding-x);\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n margin: auto var(--ld-switch-item-icon-margin-x);\n }\n}\n\n.ld-switch-item__label {\n overflow: hidden;\n padding: auto var(--ld-switch-item-padding-x);\n text-align: center;\n text-overflow: ellipsis;\n\n :host & {\n display: none;\n }\n\n :host(.ld-switch-item--has-label) & {\n display: block;\n }\n}\n\n.ld-switch-item,\n:host label {\n align-items: center;\n border: 0;\n background-clip: padding-box;\n background-color: var(--ld-switch-item-label-bg-col);\n display: inline-flex;\n height: 100%;\n margin: 0;\n}\n\n:host label {\n border-radius: inherit;\n width: 100%;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Method,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { cloneAttributes } from '../../../utils/cloneAttributes'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { isAriaDisabled } from '../../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part label-element - wrapping label element\n * @part input - the form input element\n * @part content - content container element\n * @part label - text label container containing the main slot\n */\n@Component({\n tag: 'ld-switch-item',\n styleUrl: 'ld-switch-item.css',\n shadow: true,\n})\nexport class LdSwitchItem implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLLdSwitchItemElement\n\n private attributesObserver: MutationObserver\n\n private input: HTMLInputElement\n private hiddenInput: HTMLInputElement\n\n /** Alternative disabled state that keeps element focusable */\n @Prop({ reflect: true }) ariaDisabled: string\n\n /** Indicates whether the switch item is selected. */\n @Prop({ mutable: true }) checked? = false\n\n /** Disabled state of the switch item. */\n @Prop() disabled?: boolean\n\n /**\n * @internal\n * Associates the control with a form element.\n */\n @Prop() form?: string\n\n /**\n * @internal\n * Tab index of the input.\n */\n @Prop() ldTabindex?: number\n\n /**\n * @internal\n * A string specifying a name for the input control. This name is submitted\n * along with the control's value when the form data is submitted.\n */\n @Prop() name?: string\n\n /**\n * @internal\n * The value is not editable.\n */\n @Prop({ reflect: true }) readonly?: boolean\n\n /**\n * @internal\n * Set by the outer switch component marking input element as required.\n */\n @Prop() required?: boolean\n\n /** The input value. */\n @Prop() value?: string\n\n @State() clonedAttributes\n @State() hasLabel: boolean\n\n /**\n * @internal\n * Emitted when the input value changed and the element loses focus.\n */\n @Event() ldswitchitemchange: EventEmitter\n\n /**\n * @internal\n * Emitted when the input receives focus.\n */\n @Event() ldswitchitemfocus: EventEmitter\n\n /** Sets focus on the switch item. */\n @Method()\n async focusInner() {\n this.input.focus()\n }\n\n @Watch('checked')\n @Watch('form')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (!this.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n this.hiddenInput.name = this.name\n this.hiddenInput.checked = this.checked\n\n if (this.value) {\n this.hiddenInput.value = this.value\n } else {\n this.hiddenInput.removeAttribute('value')\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'radio'\n this.hiddenInput.style.visibility = 'hidden'\n this.hiddenInput.style.position = 'absolute'\n this.hiddenInput.style.pointerEvents = 'none'\n this.el.appendChild(this.hiddenInput)\n }\n\n private handleKeyDown = (ev: KeyboardEvent) => {\n switch (ev.key) {\n case 'ArrowUp':\n case 'ArrowLeft':\n ev.preventDefault()\n this.focusAndSelect('prev')\n return\n case 'ArrowDown':\n case 'ArrowRight':\n ev.preventDefault()\n this.focusAndSelect('next')\n }\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (\n this.checked ||\n this.disabled ||\n isAriaDisabled(this.ariaDisabled) ||\n this.readonly\n ) {\n ev.preventDefault()\n return\n }\n\n // Uncheck siblings.\n Array.from(\n this.el.parentElement.querySelectorAll('ld-switch-item')\n ).forEach((ldSwitchItem) => {\n ldSwitchItem.checked = false\n })\n\n this.checked = true\n\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.ldswitchitemchange.emit(this.el.value)\n }\n\n private handleFocus = () => {\n this.ldswitchitemfocus.emit()\n }\n\n private focusAndSelect(dir: 'next' | 'prev') {\n const sibling = (\n dir === 'next'\n ? this.el.nextElementSibling\n : this.el.previousElementSibling\n ) as HTMLLdSwitchItemElement\n if (sibling) {\n sibling.focusInner()\n sibling.click()\n }\n }\n\n componentWillLoad() {\n this.hasLabel = Array.from(this.el.childNodes).some(\n (el: HTMLElement) =>\n el.tagName !== 'LD-ICON' &&\n !el.classList?.contains('ld-icon') &&\n el.textContent.trim()\n )\n\n this.attributesObserver = cloneAttributes.call(this)\n }\n\n disconnectedCallback() {\n // istanbul ignore if\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = getClassNames([\n 'ld-switch-item',\n this.hasLabel && 'ld-switch-item--has-label',\n ])\n\n return (\n \n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["docsPickThemeCss","DocsPickTheme","this","themes","handleChange","ev","pickTheme","emit","detail","currentTheme","render","h","Host","class","toLowerCase","onLdchange","bind","preventDeselection","mode","tetherOptions","JSON","stringify","attachment","targetAttachment","offset","popperClass","map","theme","value","selected","charAt","toUpperCase","slice","role","viewBox","d","slot","fill","stroke","docsToggleCodeCss","DocsToggleCode","handleClick","preventDefault","toggleCode","isOn","undefined","size","ldSwitchCss","LdSwitch","handleItemFocus","hasFocus","handleFocus","focusInner","handleFocusout","handleLdSwitchItemChange","stopImmediatePropagation","currentLdSwitchItem","target","ldswitchchange","ldSwitchItems","Array","from","el","querySelectorAll","filter","ldSwitchItem","disabled","checkedItem","find","checked","updateSwitchItemProps","forEach","isAriaDisabled","ariaDisabled","form","ldTabindex","name","readonly","required","componentWillLoad","registerAutofocus","autofocus","getClassNames","brandColor","fitContent","onLdswitchitemfocus","onFocus","onFocusout","tabIndex","part","legend","ldSwitchItemCss","LdSwitchItem","handleKeyDown","key","focusAndSelect","parentElement","dispatchEvent","InputEvent","bubbles","ldswitchitemchange","ldswitchitemfocus","input","focus","updateHiddenInput","outerForm","closest","hiddenInput","createHiddenInput","remove","removeAttribute","setAttribute","getAttribute","document","createElement","type","style","visibility","position","pointerEvents","appendChild","dir","sibling","nextElementSibling","previousElementSibling","click","hasLabel","childNodes","some","tagName","_a","classList","contains","textContent","trim","attributesObserver","cloneAttributes","call","disconnectedCallback","disconnect","cl","onClick","Object","assign","clonedAttributes","onKeyDown","ref"],"sources":["../src/docs/components/docs-pick-theme/docs-pick-theme.css?tag=docs-pick-theme","../src/docs/components/docs-pick-theme/docs-pick-theme.tsx","../src/docs/components/docs-toggle-code/docs-toggle-code.css?tag=docs-toggle-code","../src/docs/components/docs-toggle-code/docs-toggle-code.tsx","../src/liquid/components/ld-switch/ld-switch.css?tag=ld-switch&encapsulation=shadow","../src/liquid/components/ld-switch/ld-switch.tsx","../src/liquid/components/ld-switch/ld-switch-item/ld-switch-item.css?tag=ld-switch-item&encapsulation=shadow","../src/liquid/components/ld-switch/ld-switch-item/ld-switch-item.tsx"],"sourcesContent":[".docs-pick-theme {\n --docs-pick-theme-icon-size: 1.25rem;\n}\n\n.docs-pick-theme__fieldset {\n border: 0;\n}\n\n.docs-pick-theme ld-icon {\n width: var(--docs-pick-theme-icon-size);\n height: var(--docs-pick-theme-icon-size);\n}\n\n.docs-pick-theme__select {\n &::part(trigger-text-wrapper) {\n display: none;\n }\n\n &::part(btn-trigger) {\n padding: var(--ld-sp-6);\n }\n}\n\n.docs-pick-theme__select,\n.docs-pick-theme__select::part(select),\n.docs-pick-theme__select::part(btn-trigger) {\n height: var(--ld-sp-32);\n width: var(--ld-sp-32);\n}\n\n.docs-pick-theme__popper {\n min-width: 14rem;\n}\n\n.docs-pick-theme__option-pattern {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n height: 100%;\n}\n\n.docs-pick-theme__option {\n &::part(option) {\n font-weight: 700;\n overflow: hidden;\n }\n\n &.ld-theme-ocean {\n &::part(check) {\n color: var(--ld-thm-ocean-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-ocean-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-ocean-primary-hover);\n background-color: var(--ld-col-rb-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rb-800);\n background-color: var(--ld-col-rb-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1)\n var(--ld-thm-ocean-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-ocean-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-ocean-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-ocean-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-ocean-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-ocean-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-ocean-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-ocean-secondary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rb-800);\n }\n }\n }\n\n &.ld-theme-bubblegum {\n &::part(check) {\n color: var(--ld-thm-bubblegum-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-bubblegum-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-bubblegum-primary-hover);\n background-color: var(--ld-col-rp-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rp-900);\n background-color: var(--ld-col-rp-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1)\n var(--ld-thm-bubblegum-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-bubblegum-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-bubblegum-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-bubblegum-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-bubblegum-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-bubblegum-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-bubblegum-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-bubblegum-primary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rp-900);\n }\n }\n }\n\n &.ld-theme-shake {\n &::part(check) {\n color: var(--ld-thm-shake-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-shake-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-shake-primary-hover);\n background-color: var(--ld-col-rp-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rp-900);\n background-color: var(--ld-col-rp-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1)\n var(--ld-thm-shake-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-shake-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-shake-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-shake-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-shake-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-shake-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-shake-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-shake-secondary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rp-900);\n }\n }\n }\n\n &.ld-theme-solvent {\n &::part(check) {\n color: var(--ld-thm-solvent-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-solvent-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-solvent-primary-hover);\n background-color: var(--ld-col-rp-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rp-900);\n background-color: var(--ld-col-rp-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1)\n var(--ld-thm-solvent-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-solvent-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-solvent-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-solvent-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-solvent-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-solvent-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-solvent-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-solvent-primary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rp-900);\n }\n }\n }\n\n &.ld-theme-tea {\n &::part(check) {\n color: var(--ld-thm-tea-primary);\n }\n\n &::part(option) {\n color: var(--ld-thm-tea-primary);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-tea-primary-hover);\n background-color: var(--ld-col-rg-010);\n }\n }\n &:focus:focus-visible {\n color: var(--ld-col-rg-900);\n background-color: var(--ld-col-rg-010);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-thm-tea-primary-focus);\n }\n }\n }\n\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-tea-primary);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-tea-secondary);\n }\n\n &.ld-option-internal--hover-within {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-tea-primary-hover);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-tea-secondary-hover);\n }\n &::part(check) {\n color: var(--ld-thm-tea-primary-hover);\n }\n }\n\n &.ld-option-internal--focus-within:focus-visible {\n .docs-pick-theme__option-pattern-primary {\n fill: var(--ld-thm-tea-primary-focus);\n }\n .docs-pick-theme__option-pattern-accent {\n fill: var(--ld-thm-tea-secondary-focus);\n }\n &::part(check) {\n color: var(--ld-col-rg-900);\n }\n }\n }\n}\n","import { Component, h, Host, Event, EventEmitter, State } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-pick-theme',\n styleUrl: 'docs-pick-theme.css',\n shadow: false,\n})\nexport class DocsPickTheme {\n @State() currentTheme = 'ocean'\n\n /** Theme pick change event. */\n @Event() pickTheme: EventEmitter\n\n private handleChange(ev) {\n this.pickTheme.emit(ev.detail[0])\n this.currentTheme = ev.detail[0]\n }\n\n private themes = ['ocean', 'bubblegum', 'shake', 'solvent', 'tea']\n\n render() {\n return (\n \n
    \n
    \n \n Pick a theme\n \n\n \n {this.themes.map((theme) => (\n \n {theme.charAt(0).toUpperCase() + theme.slice(1).toLowerCase()}\n\n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n \n
    \n
    \n \n )\n }\n}\n",".docs-toggle-code {\n svg {\n width: 100%;\n height: 100%;\n }\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-toggle-code',\n styleUrl: 'docs-toggle-code.css',\n shadow: false,\n})\nexport class DocsToggleCode {\n /** Is code toggled to be visible */\n @Prop() isOn: boolean\n\n /** Theme select change event. */\n @Event() toggleCode: EventEmitter\n\n @Listen('click', { capture: true })\n handleClick(ev) {\n ev.preventDefault()\n this.toggleCode.emit(!this.isOn)\n }\n\n render() {\n return (\n \n Toggle code\n \n \n \n \n \n \n )\n }\n}\n",":host,\n.ld-switch {\n /* layout */\n --ld-switch-item-icon-size: 1.25rem;\n --ld-switch-item-icon-size-sm: 1rem;\n --ld-switch-item-icon-size-lg: 1.5rem;\n --ld-switch-item-icon-margin-x: -0.25rem;\n --ld-switch-item-icon-margin-x-sm: -0.125rem;\n --ld-switch-item-icon-margin-x-lg: -0.5rem;\n --ld-switch-item-justify-content: center;\n --ld-switch-item-padding-x: 0.875rem;\n --ld-switch-item-padding-y: 0.625rem;\n --ld-switch-item-padding-x-sm: 0.625rem;\n --ld-switch-item-padding-y-sm: 0.4375rem;\n --ld-switch-item-padding-x-lg: 1.3125rem;\n --ld-switch-item-padding-y-lg: 0.85rem;\n --ld-switch-item-gap: 0.875rem;\n --ld-switch-item-gap-sm: 0.625rem;\n --ld-switch-item-gap-lg: 1.1875rem;\n --ld-switch-font: var(--ld-typo-body-m);\n --ld-switch-font-sm: var(--ld-typo-body-s);\n --ld-switch-font-lg: var(--ld-typo-body-l);\n\n /* colors */\n --ld-switch-bg-col: var(--ld-thm-primary-alpha-low);\n --ld-switch-bg-col-hover: var(--ld-thm-primary-hover);\n --ld-switch-bg-col-active: var(--ld-thm-primary-active);\n --ld-switch-bg-col-focus: var(--ld-thm-primary-focus);\n --ld-switch-item-col: var(--ld-thm-primary-hover);\n --ld-switch-item-label-bg-col: var(--ld-col-wht);\n --ld-switch-selected-col: var(--ld-col-wht);\n --ld-switch-selected-bg-col: var(--ld-thm-primary);\n\n legend {\n position: absolute;\n width: var(--ld-sp-1);\n height: var(--ld-sp-1);\n padding: 0;\n clip: rect(0, 0, 0, 0);\n border-width: 0;\n }\n}\n\n:host {\n display: inline-flex;\n}\n\n.ld-switch,\n:host fieldset {\n border: 0;\n border-radius: var(--ld-br-m);\n display: inline-grid;\n grid-auto-columns: minmax(min-content, 1fr);\n grid-auto-flow: column;\n margin: 0;\n min-width: auto;\n overflow: hidden;\n padding: 0;\n position: relative;\n}\n\n.ld-switch--fit-content,\n:host(.ld-switch--fit-content) fieldset {\n --ld-switch-item-justify-content: flex-start;\n grid-auto-columns: minmax(0, auto);\n}\n\n:host fieldset {\n width: 100%;\n height: 100%;\n}\n\n:host(.ld-switch--sm),\n.ld-switch--sm {\n --ld-switch-font: var(--ld-switch-font-sm);\n --ld-switch-item-gap: var(--ld-switch-item-gap-sm);\n --ld-switch-item-icon-margin-x: var(--ld-switch-item-icon-margin-x-sm);\n --ld-switch-item-icon-size: var(--ld-switch-item-icon-size-sm);\n --ld-switch-item-padding-x: var(--ld-switch-item-padding-x-sm);\n --ld-switch-item-padding-y: var(--ld-switch-item-padding-y-sm);\n}\n\n:host(.ld-switch--lg),\n.ld-switch--lg {\n --ld-switch-font: var(--ld-switch-font-lg);\n --ld-switch-item-gap: var(--ld-switch-item-gap-lg);\n --ld-switch-item-icon-margin-x: var(--ld-switch-item-icon-margin-x-lg);\n --ld-switch-item-icon-size: var(--ld-switch-item-icon-size-lg);\n --ld-switch-item-padding-x: var(--ld-switch-item-padding-x-lg);\n --ld-switch-item-padding-y: var(--ld-switch-item-padding-y-lg);\n}\n\n:host(.ld-switch--brand-color),\n.ld-switch--brand-color {\n --ld-switch-item-col: var(--ld-col-wht);\n --ld-switch-item-bg-col: var(--ld-col-wht-alpha-low);\n --ld-switch-item-label-bg-col: var(--ld-thm-primary);\n\n --ld-switch-item-bg-col-hover: var(--ld-col-wht-alpha-high);\n --ld-switch-item-bg-col-active: var(--ld-col-wht-alpha-medium);\n --ld-switch-item-bg-col-focus: var(--ld-col-wht-alpha-high);\n --ld-switch-item-bg-col-selected: var(--ld-col-wht);\n\n --ld-switch-item-col-selected: var(--ld-thm-primary);\n --ld-switch-item-col-active: var(--ld-switch-item-col-selected);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part fieldset - Container wrapping the legent element and the slot\n * @part legend - The legend element\n */\n\n@Component({\n tag: 'ld-switch',\n styleUrl: 'ld-switch.css',\n shadow: true,\n})\nexport class LdSwitch implements InnerFocusable {\n @Element() el: HTMLElement\n\n /** Size of the switch. */\n @Prop() size?: 'sm' | 'md' | 'lg'\n\n /** Defines switch custom color */\n @Prop() brandColor?: boolean\n\n /** Defines a description of the contents of the switch component. */\n @Prop() legend?: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Disabled state of the switch. */\n @Prop() disabled?: boolean\n\n /** Make each switch item take up as little space as its content requires. */\n @Prop() fitContent? = false\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** Set this property to `true` in order to mark the switch as required. */\n @Prop() required?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n @State() hasFocus = false\n\n /** Emitted with the value of the selected switch item. */\n @Event() ldswitchchange: EventEmitter\n\n @Listen('ldswitchitemchange')\n handleLdSwitchItemChange(ev: CustomEvent) {\n ev.stopImmediatePropagation()\n const currentLdSwitchItem = ev.target as HTMLLdSwitchItemElement\n this.ldswitchchange.emit(currentLdSwitchItem.value)\n }\n\n /** Sets focus on the radio button. */\n @Method()\n async focusInner() {\n const ldSwitchItems = Array.from(\n this.el.querySelectorAll('ld-switch-item')\n ).filter((ldSwitchItem) => !ldSwitchItem.disabled)\n\n const checkedItem = ldSwitchItems.find(\n (ldSwitchItem) => ldSwitchItem.checked\n )\n if (checkedItem) {\n checkedItem.focusInner()\n } else {\n ldSwitchItems[0].focusInner()\n }\n }\n\n private handleItemFocus = () => {\n this.hasFocus = true\n }\n\n private handleFocus = () => {\n this.focusInner()\n }\n\n private handleFocusout = () => {\n this.hasFocus = false\n }\n\n @Watch('ariaDisabled')\n @Watch('disabled')\n @Watch('form')\n @Watch('ldTabindex')\n @Watch('name')\n @Watch('readonly')\n @Watch('required')\n updateSwitchItemProps() {\n const ldSwitchItems = this.el.querySelectorAll('ld-switch-item')\n ldSwitchItems.forEach((ldSwitchItem) => {\n if (isAriaDisabled(this.ariaDisabled)) {\n ldSwitchItem.ariaDisabled = this.ariaDisabled\n }\n if (this.disabled) {\n ldSwitchItem.disabled = this.disabled\n }\n ldSwitchItem.form = this.form\n ldSwitchItem.ldTabindex = this.ldTabindex\n ldSwitchItem.name = this.name\n ldSwitchItem.readonly = this.readonly\n ldSwitchItem.required = this.required\n })\n }\n\n componentWillLoad() {\n this.updateSwitchItemProps()\n\n registerAutofocus(this.autofocus)\n }\n\n render() {\n return (\n \n
    \n {this.legend && {this.legend}}\n \n
    \n \n )\n }\n}\n",":host,\n.ld-switch-item {\n position: relative;\n display: inline-flex;\n\n &:first-of-type {\n border-bottom-left-radius: var(--ld-br-m);\n border-top-left-radius: var(--ld-br-m);\n }\n\n &:last-of-type {\n border-bottom-right-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n\n input {\n position: absolute;\n width: var(--ld-sp-1);\n height: var(--ld-sp-1);\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border-width: 0;\n\n &:checked {\n ~ .ld-switch-item__content {\n background-color: var(\n --ld-switch-item-bg-col-selected,\n var(--ld-thm-primary)\n );\n color: var(--ld-switch-item-col-selected, var(--ld-col-wht));\n }\n }\n\n &:where(:disabled),\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n ~ .ld-switch-item__content {\n opacity: 0.2;\n }\n }\n\n &:where(:not(:disabled)):focus {\n &:focus-visible {\n ~ .ld-switch-item__content {\n background-color: var(\n --ld-switch-item-bg-col-focus,\n var(--ld-thm-primary-focus)\n );\n color: var(--ld-switch-item-col-active, var(--ld-col-wht));\n outline: var(--ld-switch-item-outline, auto);\n /* stylelint-disable-next-line declaration-block-no-duplicate-properties */\n outline: var(\n --ld-switch-item-outline,\n auto 5px -webkit-focus-ring-color\n );\n outline-offset: -2px;\n }\n }\n &:not:focus-visible {\n ~ .ld-switch-item__content {\n outline: none;\n }\n }\n }\n\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n [readonly]\n )\n ) {\n ~ .ld-switch-item__content {\n cursor: pointer;\n\n @media (hover: hover) {\n &:hover {\n background-color: var(\n --ld-switch-item-bg-col-hover,\n var(--ld-thm-primary-hover)\n );\n color: var(--ld-switch-item-col-active, var(--ld-col-wht));\n }\n }\n }\n\n &:active,\n &:active:focus-visible {\n ~ .ld-switch-item__content {\n background-color: var(\n --ld-switch-item-bg-col-active,\n var(--ld-thm-primary-active)\n );\n color: var(--ld-switch-item-col-active, var(--ld-col-wht));\n }\n }\n }\n }\n}\n\n.ld-switch-item__content {\n align-items: center;\n background-color: var(\n --ld-switch-item-bg-col,\n var(--ld-thm-primary-alpha-low)\n );\n border-radius: inherit;\n color: var(--ld-switch-item-col, var(--ld-thm-primary));\n display: inline-grid;\n font: var(--ld-switch-font);\n font-weight: 700;\n gap: var(--ld-switch-item-gap);\n grid-auto-flow: column;\n height: 100%;\n justify-content: var(--ld-switch-item-justify-content);\n line-height: 1.25;\n overflow: hidden;\n padding: var(--ld-switch-item-padding-y) var(--ld-switch-item-padding-x);\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n margin: auto var(--ld-switch-item-icon-margin-x);\n }\n}\n\n.ld-switch-item__label {\n overflow: hidden;\n padding: auto var(--ld-switch-item-padding-x);\n text-align: center;\n text-overflow: ellipsis;\n\n :host & {\n display: none;\n }\n\n :host(.ld-switch-item--has-label) & {\n display: block;\n }\n}\n\n.ld-switch-item,\n:host label {\n align-items: center;\n border: 0;\n background-clip: padding-box;\n background-color: var(--ld-switch-item-label-bg-col);\n display: inline-flex;\n height: 100%;\n margin: 0;\n}\n\n:host label {\n border-radius: inherit;\n width: 100%;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Method,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { cloneAttributes } from '../../../utils/cloneAttributes'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { isAriaDisabled } from '../../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part label-element - wrapping label element\n * @part input - the form input element\n * @part content - content container element\n * @part label - text label container containing the main slot\n */\n@Component({\n tag: 'ld-switch-item',\n styleUrl: 'ld-switch-item.css',\n shadow: true,\n})\nexport class LdSwitchItem implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLLdSwitchItemElement\n\n private attributesObserver: MutationObserver\n\n private input: HTMLInputElement\n private hiddenInput: HTMLInputElement\n\n /** Alternative disabled state that keeps element focusable */\n @Prop({ reflect: true }) ariaDisabled: string\n\n /** Indicates whether the switch item is selected. */\n @Prop({ mutable: true }) checked? = false\n\n /** Disabled state of the switch item. */\n @Prop() disabled?: boolean\n\n /**\n * @internal\n * Associates the control with a form element.\n */\n @Prop() form?: string\n\n /**\n * @internal\n * Tab index of the input.\n */\n @Prop() ldTabindex?: number\n\n /**\n * @internal\n * A string specifying a name for the input control. This name is submitted\n * along with the control's value when the form data is submitted.\n */\n @Prop() name?: string\n\n /**\n * @internal\n * The value is not editable.\n */\n @Prop({ reflect: true }) readonly?: boolean\n\n /**\n * @internal\n * Set by the outer switch component marking input element as required.\n */\n @Prop() required?: boolean\n\n /** The input value. */\n @Prop() value?: string\n\n @State() clonedAttributes\n @State() hasLabel: boolean\n\n /**\n * @internal\n * Emitted when the input value changed and the element loses focus.\n */\n @Event() ldswitchitemchange: EventEmitter\n\n /**\n * @internal\n * Emitted when the input receives focus.\n */\n @Event() ldswitchitemfocus: EventEmitter\n\n /** Sets focus on the switch item. */\n @Method()\n async focusInner() {\n this.input.focus()\n }\n\n @Watch('checked')\n @Watch('form')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (!this.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n this.hiddenInput.name = this.name\n this.hiddenInput.checked = this.checked\n\n if (this.value) {\n this.hiddenInput.value = this.value\n } else {\n this.hiddenInput.removeAttribute('value')\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'radio'\n this.hiddenInput.style.visibility = 'hidden'\n this.hiddenInput.style.position = 'absolute'\n this.hiddenInput.style.pointerEvents = 'none'\n this.el.appendChild(this.hiddenInput)\n }\n\n private handleKeyDown = (ev: KeyboardEvent) => {\n switch (ev.key) {\n case 'ArrowUp':\n case 'ArrowLeft':\n ev.preventDefault()\n this.focusAndSelect('prev')\n return\n case 'ArrowDown':\n case 'ArrowRight':\n ev.preventDefault()\n this.focusAndSelect('next')\n }\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (\n this.checked ||\n this.disabled ||\n isAriaDisabled(this.ariaDisabled) ||\n this.readonly\n ) {\n ev.preventDefault()\n return\n }\n\n // Uncheck siblings.\n Array.from(\n this.el.parentElement.querySelectorAll('ld-switch-item')\n ).forEach((ldSwitchItem) => {\n ldSwitchItem.checked = false\n })\n\n this.checked = true\n\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.ldswitchitemchange.emit(this.el.value)\n }\n\n private handleFocus = () => {\n this.ldswitchitemfocus.emit()\n }\n\n private focusAndSelect(dir: 'next' | 'prev') {\n const sibling = (\n dir === 'next'\n ? this.el.nextElementSibling\n : this.el.previousElementSibling\n ) as HTMLLdSwitchItemElement\n if (sibling) {\n sibling.focusInner()\n sibling.click()\n }\n }\n\n componentWillLoad() {\n this.hasLabel = Array.from(this.el.childNodes).some(\n (el: HTMLElement) =>\n el.tagName !== 'LD-ICON' &&\n !el.classList?.contains('ld-icon') &&\n el.textContent.trim()\n )\n\n this.attributesObserver = cloneAttributes.call(this)\n }\n\n disconnectedCallback() {\n // istanbul ignore if\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = getClassNames([\n 'ld-switch-item',\n this.hasLabel && 'ld-switch-item--has-label',\n ])\n\n return (\n \n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-34dc80c9.entry.js b/1704966176737/dist/build/p-34dc80c9.entry.js similarity index 100% rename from 1704894792450/dist/build/p-34dc80c9.entry.js rename to 1704966176737/dist/build/p-34dc80c9.entry.js diff --git a/1704894792450/dist/build/p-34dc80c9.entry.js.map b/1704966176737/dist/build/p-34dc80c9.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-34dc80c9.entry.js.map rename to 1704966176737/dist/build/p-34dc80c9.entry.js.map diff --git a/1704894792450/dist/build/p-36bbded8.entry.js b/1704966176737/dist/build/p-36bbded8.entry.js similarity index 100% rename from 1704894792450/dist/build/p-36bbded8.entry.js rename to 1704966176737/dist/build/p-36bbded8.entry.js diff --git a/1704894792450/dist/build/p-36bbded8.entry.js.map b/1704966176737/dist/build/p-36bbded8.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-36bbded8.entry.js.map rename to 1704966176737/dist/build/p-36bbded8.entry.js.map diff --git a/1704966176737/dist/build/p-385d2a88.entry.js b/1704966176737/dist/build/p-385d2a88.entry.js new file mode 100644 index 0000000000..c16073ada8 --- /dev/null +++ b/1704966176737/dist/build/p-385d2a88.entry.js @@ -0,0 +1,2 @@ +import{r as e,h as a,H as d,g as r}from"./p-21a69c18.js";import{g as t}from"./p-1133c92e.js";const l=".ld-header,:host(.ld-header){--ld-header-height:3.125rem;--ld-header-max-width:90rem;--ld-header-col:var(--ld-col-wht);--ld-header-bg-col:var(--ld-thm-primary);--ld-header-box-shadow:var(--ld-shadow-stacked);background-color:var(--ld-header-bg-col);box-shadow:var(--ld-header-box-shadow);color:var(--ld-header-col);display:flex;justify-content:center;overflow-x:auto;transition:transform var(--ld-transition-duration-quick) ease-in-out;width:100%}.ld-header.ld-header--sticky,:host(.ld-header.ld-header--sticky){position:sticky;top:0;z-index:1}.ld-header.ld-header--hidden,:host(.ld-header.ld-header--hidden){transform:translateY(-100%)}.ld-header__container{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--ld-sp-16);height:var(--ld-header-height);max-width:var(--ld-header-max-width);padding-left:var(--ld-sp-16);padding-right:var(--ld-sp-16)}.ld-header__container>.ld-button--ghost,.ld-header__container>[mode=ghost],::slotted(.ld-button--ghost),::slotted([mode=ghost]){margin:0 calc(var(--ld-sp-4) * -1)}.ld-header__logo-wrapper{color:inherit;display:flex}.ld-header__logo-wrapper ::slotted(*){margin:0}.ld-header__logo{--ld-icon-size-md:2.4rem;color:var(--ld-thm-warning);display:block;margin:-.2rem}.ld-header_site-name{white-space:nowrap}.ld-header__grow{flex-grow:1}:host(.ld-header) .ld-header__grow{margin-right:calc(var(--ld-sp-16) * -1)}";const s=class{constructor(a){e(this,a);this.updateScrollDirection=()=>{var e;const a=(e=window.pageYOffset)!==null&&e!==void 0?e:document.documentElement.scrollTop;if(window.innerHeight+a>=document.body.offsetHeight){this.hidden=false}else if(a>this.lastOffset&&a>this.currentHeight){this.hidden=true}else{this.hidden=false}this.lastOffset=a<0?0:a};this.hidden=false;this.hideOnScroll=false;this.logoTitle=undefined;this.logoUrl=undefined;this.sticky=false;this.siteName=undefined}connectedCallback(){if(this.hideOnScroll){this.lastOffset=window.pageYOffset||document.documentElement.scrollTop;window.addEventListener("scroll",this.updateScrollDirection,{passive:true})}else{this.disconnectedCallback()}}disconnectedCallback(){window.removeEventListener("scroll",this.updateScrollDirection)}componentDidLoad(){this.currentHeight=this.el.getBoundingClientRect().height;this.el.querySelectorAll("ld-header > ld-button").forEach((e=>{e.size="sm";e.brandColor=true}));this.el.querySelectorAll("ld-header > .ld-button").forEach((e=>{e.classList.add("ld-button--brand-color");e.classList.add("ld-button--sm");e.classList.remove("ld-button--lg")}))}render(){const e=t(["ld-header",this.hidden&&"ld-header--hidden",this.sticky&&"ld-header--sticky"]);return a(d,{class:e,role:"banner"},a("header",{class:"ld-header__container",part:"container"},a("slot",{name:"start"}),this.logoUrl?a("a",{"aria-label":this.logoTitle,class:"ld-header__logo-wrapper",href:this.logoUrl,part:"logo-wrapper"},a("slot",{name:"logo"},a("ld-icon",{"aria-label":this.logoTitle?undefined:"Merck KGaA, Darmstadt, Germany",class:"ld-header__logo",name:"initial-m",part:"logo"}))):a("div",{"aria-label":this.logoTitle,class:"ld-header__logo-wrapper",part:"logo-wrapper"},a("slot",{name:"logo"},a("ld-icon",{"aria-label":this.logoTitle?undefined:"Merck KGaA, Darmstadt, Germany",class:"ld-header__logo",name:"initial-m",part:"logo"}))),this.siteName&&a("ld-typo",{class:"ld-header_site-name",part:"site-name",tag:"div",variant:"h5"},this.siteName),a("slot",null),a("div",{class:"ld-header__grow",part:"spacer"}),a("slot",{name:"end"})))}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{hideOnScroll:["connectedCallback"]}}};s.style=l;export{s as ld_header}; +//# sourceMappingURL=p-385d2a88.entry.js.map \ No newline at end of file diff --git a/dist/build/p-073ab0b5.entry.js.map b/1704966176737/dist/build/p-385d2a88.entry.js.map similarity index 99% rename from dist/build/p-073ab0b5.entry.js.map rename to 1704966176737/dist/build/p-385d2a88.entry.js.map index cc0d20db84..b9d25882fc 100644 --- a/dist/build/p-073ab0b5.entry.js.map +++ b/1704966176737/dist/build/p-385d2a88.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldHeaderCss","LdHeader","this","updateScrollDirection","offset","_a","window","pageYOffset","document","documentElement","scrollTop","innerHeight","body","offsetHeight","hidden","lastOffset","currentHeight","connectedCallback","hideOnScroll","addEventListener","passive","disconnectedCallback","removeEventListener","componentDidLoad","el","getBoundingClientRect","height","querySelectorAll","forEach","ldButton","size","brandColor","cssButton","classList","add","remove","render","cl","getClassNames","sticky","h","Host","class","role","part","name","logoUrl","logoTitle","href","undefined","siteName","tag","variant"],"sources":["../src/liquid/components/ld-header/ld-header.css?tag=ld-header&encapsulation=shadow","../src/liquid/components/ld-header/ld-header.tsx"],"sourcesContent":[".ld-header {\n &,\n :host(&) {\n /* layout */\n --ld-header-height: 3.125rem;\n --ld-header-max-width: 90rem;\n\n /* colors */\n --ld-header-col: var(--ld-col-wht);\n --ld-header-bg-col: var(--ld-thm-primary);\n\n /* misc */\n --ld-header-box-shadow: var(--ld-shadow-stacked);\n\n background-color: var(--ld-header-bg-col);\n box-shadow: var(--ld-header-box-shadow);\n color: var(--ld-header-col);\n display: flex;\n justify-content: center;\n width: 100%;\n transition: transform var(--ld-transition-duration-quick) ease-in-out;\n overflow-x: auto;\n }\n\n :host(&.ld-header--sticky),\n &.ld-header--sticky {\n position: sticky;\n top: 0;\n z-index: 1;\n }\n\n :host(&.ld-header--hidden),\n &.ld-header--hidden {\n transform: translateY(-100%);\n }\n}\n\n.ld-header__container {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n gap: var(--ld-sp-16);\n height: var(--ld-header-height);\n max-width: var(--ld-header-max-width);\n padding-left: var(--ld-sp-16);\n padding-right: var(--ld-sp-16);\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n[mode='ghost'],\n.ld-button--ghost {\n ::slotted(&),\n .ld-header__container > & {\n margin: 0 calc(var(--ld-sp-4) * -1);\n }\n}\n\n.ld-header__logo-wrapper {\n color: inherit;\n display: flex;\n\n ::slotted(*) {\n margin: 0;\n }\n}\n\n.ld-header__logo {\n --ld-icon-size-md: 2.4rem;\n color: var(--ld-thm-warning);\n display: block;\n margin: -0.2rem;\n}\n\n.ld-header_site-name {\n white-space: nowrap;\n}\n\n.ld-header__grow {\n flex-grow: 1;\n}\n\n:host(.ld-header) {\n .ld-header__grow {\n margin-right: calc(var(--ld-sp-16) * -1);\n }\n}\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @slot end - Items on the right side of the header.\n * @slot logo - Custom logo.\n * @slot start - Items on the left side of the header.\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part container - Actual header element that limits the width of the header content\n * @part logo - The default logo\n * @part logo-wrapper - The element wrapping the logo slot (div or anchor, if linked)\n * @part site-name - `ld-typo` element containing the site name\n * @part spacer - Element adding the space between the default slot and the end slot\n */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-header',\n styleUrl: 'ld-header.css',\n shadow: true,\n})\nexport class LdHeader {\n @Element() el: HTMLElement\n private lastOffset?: number\n private currentHeight?: number\n\n /** Hides header. */\n @Prop({ mutable: true }) hidden = false\n\n /** Hide the header when the user scrolls down and show it again, when the user scrolls up. */\n @Prop() hideOnScroll? = false\n\n /** Title attribute of the logo link. */\n @Prop() logoTitle?: string\n\n /** URL that the logo links to. */\n @Prop() logoUrl?: string\n\n /** Make the header sticky. */\n @Prop() sticky? = false\n\n /** Name shown on the right side of the logo. */\n @Prop() siteName?: string\n\n private updateScrollDirection = () => {\n const offset = window.pageYOffset ?? document.documentElement.scrollTop\n\n if (window.innerHeight + offset >= document.body.offsetHeight) {\n this.hidden = false\n } else if (offset > this.lastOffset && offset > this.currentHeight) {\n this.hidden = true\n } else {\n this.hidden = false\n }\n\n // For mobile or negative scrolling\n this.lastOffset = offset < 0 ? 0 : offset\n }\n\n @Watch('hideOnScroll')\n connectedCallback() {\n if (this.hideOnScroll) {\n this.lastOffset = window.pageYOffset || document.documentElement.scrollTop\n window.addEventListener('scroll', this.updateScrollDirection, {\n passive: true,\n })\n } else {\n this.disconnectedCallback()\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('scroll', this.updateScrollDirection)\n }\n\n componentDidLoad() {\n this.currentHeight = this.el.getBoundingClientRect().height\n\n this.el\n .querySelectorAll('ld-header > ld-button')\n .forEach((ldButton) => {\n ldButton.size = 'sm'\n ldButton.brandColor = true\n })\n\n this.el\n .querySelectorAll('ld-header > .ld-button')\n .forEach((cssButton) => {\n cssButton.classList.add('ld-button--brand-color')\n cssButton.classList.add('ld-button--sm')\n cssButton.classList.remove('ld-button--lg')\n })\n }\n\n render() {\n const cl = getClassNames([\n 'ld-header',\n this.hidden && 'ld-header--hidden',\n this.sticky && 'ld-header--sticky',\n ])\n\n return (\n \n
    \n \n {this.logoUrl ? (\n \n \n \n \n \n ) : (\n \n \n \n \n \n )}\n {this.siteName && (\n \n {this.siteName}\n \n )}\n \n
    \n \n
    \n
    \n )\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,o9C,MCqBPC,EAAQ,M,yBAuBXC,KAAAC,sBAAwB,K,MAC9B,MAAMC,GAASC,EAAAC,OAAOC,eAAW,MAAAF,SAAA,EAAAA,EAAIG,SAASC,gBAAgBC,UAE9D,GAAIJ,OAAOK,YAAcP,GAAUI,SAASI,KAAKC,aAAc,CAC7DX,KAAKY,OAAS,K,MACT,GAAIV,EAASF,KAAKa,YAAcX,EAASF,KAAKc,cAAe,CAClEd,KAAKY,OAAS,I,KACT,CACLZ,KAAKY,OAAS,K,CAIhBZ,KAAKa,WAAaX,EAAS,EAAI,EAAIA,CAAM,E,YA7BT,M,kBAGV,M,4DASN,M,wBAqBlB,iBAAAa,GACE,GAAIf,KAAKgB,aAAc,CACrBhB,KAAKa,WAAaT,OAAOC,aAAeC,SAASC,gBAAgBC,UACjEJ,OAAOa,iBAAiB,SAAUjB,KAAKC,sBAAuB,CAC5DiB,QAAS,M,KAEN,CACLlB,KAAKmB,sB,EAIT,oBAAAA,GACEf,OAAOgB,oBAAoB,SAAUpB,KAAKC,sB,CAG5C,gBAAAoB,GACErB,KAAKc,cAAgBd,KAAKsB,GAAGC,wBAAwBC,OAErDxB,KAAKsB,GACFG,iBAAsC,yBACtCC,SAASC,IACRA,EAASC,KAAO,KAChBD,EAASE,WAAa,IAAI,IAG9B7B,KAAKsB,GACFG,iBAA8B,0BAC9BC,SAASI,IACRA,EAAUC,UAAUC,IAAI,0BACxBF,EAAUC,UAAUC,IAAI,iBACxBF,EAAUC,UAAUE,OAAO,gBAAgB,G,CAIjD,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,YACApC,KAAKY,QAAU,oBACfZ,KAAKqC,QAAU,sBAGjB,OACEC,EAACC,EAAI,CAACC,MAAOL,EAAIM,KAAK,UACpBH,EAAA,UAAQE,MAAM,uBAAuBE,KAAK,aACxCJ,EAAA,QAAMK,KAAK,UACV3C,KAAK4C,QACJN,EAAA,kBACctC,KAAK6C,UACjBL,MAAM,0BACNM,KAAM9C,KAAK4C,QACXF,KAAK,gBAELJ,EAAA,QAAMK,KAAK,QACTL,EAAA,wBAEItC,KAAK6C,UACDE,UACA,iCAENP,MAAM,kBACNG,KAAK,YACLD,KAAK,WAKXJ,EAAA,oBACctC,KAAK6C,UACjBL,MAAM,0BACNE,KAAK,gBAELJ,EAAA,QAAMK,KAAK,QACTL,EAAA,wBAEItC,KAAK6C,UACDE,UACA,iCAENP,MAAM,kBACNG,KAAK,YACLD,KAAK,WAKZ1C,KAAKgD,UACJV,EAAA,WACEE,MAAM,sBACNE,KAAK,YACLO,IAAI,MACJC,QAAQ,MAEPlD,KAAKgD,UAGVV,EAAA,aACAA,EAAA,OAAKE,MAAM,kBAAkBE,KAAK,WAClCJ,EAAA,QAAMK,KAAK,S"} \ No newline at end of file +{"version":3,"names":["ldHeaderCss","LdHeader","this","updateScrollDirection","offset","_a","window","pageYOffset","document","documentElement","scrollTop","innerHeight","body","offsetHeight","hidden","lastOffset","currentHeight","connectedCallback","hideOnScroll","addEventListener","passive","disconnectedCallback","removeEventListener","componentDidLoad","el","getBoundingClientRect","height","querySelectorAll","forEach","ldButton","size","brandColor","cssButton","classList","add","remove","render","cl","getClassNames","sticky","h","Host","class","role","part","name","logoUrl","logoTitle","href","undefined","siteName","tag","variant"],"sources":["../src/liquid/components/ld-header/ld-header.css?tag=ld-header&encapsulation=shadow","../src/liquid/components/ld-header/ld-header.tsx"],"sourcesContent":[".ld-header {\n &,\n :host(&) {\n /* layout */\n --ld-header-height: 3.125rem;\n --ld-header-max-width: 90rem;\n\n /* colors */\n --ld-header-col: var(--ld-col-wht);\n --ld-header-bg-col: var(--ld-thm-primary);\n\n /* misc */\n --ld-header-box-shadow: var(--ld-shadow-stacked);\n\n background-color: var(--ld-header-bg-col);\n box-shadow: var(--ld-header-box-shadow);\n color: var(--ld-header-col);\n display: flex;\n justify-content: center;\n width: 100%;\n transition: transform var(--ld-transition-duration-quick) ease-in-out;\n overflow-x: auto;\n }\n\n :host(&.ld-header--sticky),\n &.ld-header--sticky {\n position: sticky;\n top: 0;\n z-index: 1;\n }\n\n :host(&.ld-header--hidden),\n &.ld-header--hidden {\n transform: translateY(-100%);\n }\n}\n\n.ld-header__container {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n gap: var(--ld-sp-16);\n height: var(--ld-header-height);\n max-width: var(--ld-header-max-width);\n padding-left: var(--ld-sp-16);\n padding-right: var(--ld-sp-16);\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n[mode='ghost'],\n.ld-button--ghost {\n ::slotted(&),\n .ld-header__container > & {\n margin: 0 calc(var(--ld-sp-4) * -1);\n }\n}\n\n.ld-header__logo-wrapper {\n color: inherit;\n display: flex;\n\n ::slotted(*) {\n margin: 0;\n }\n}\n\n.ld-header__logo {\n --ld-icon-size-md: 2.4rem;\n color: var(--ld-thm-warning);\n display: block;\n margin: -0.2rem;\n}\n\n.ld-header_site-name {\n white-space: nowrap;\n}\n\n.ld-header__grow {\n flex-grow: 1;\n}\n\n:host(.ld-header) {\n .ld-header__grow {\n margin-right: calc(var(--ld-sp-16) * -1);\n }\n}\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @slot end - Items on the right side of the header.\n * @slot logo - Custom logo.\n * @slot start - Items on the left side of the header.\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part container - Actual header element that limits the width of the header content\n * @part logo - The default logo\n * @part logo-wrapper - The element wrapping the logo slot (div or anchor, if linked)\n * @part site-name - `ld-typo` element containing the site name\n * @part spacer - Element adding the space between the default slot and the end slot\n */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-header',\n styleUrl: 'ld-header.css',\n shadow: true,\n})\nexport class LdHeader {\n @Element() el: HTMLElement\n private lastOffset?: number\n private currentHeight?: number\n\n /** Hides header. */\n @Prop({ mutable: true }) hidden = false\n\n /** Hide the header when the user scrolls down and show it again, when the user scrolls up. */\n @Prop() hideOnScroll? = false\n\n /** Title attribute of the logo link. */\n @Prop() logoTitle?: string\n\n /** URL that the logo links to. */\n @Prop() logoUrl?: string\n\n /** Make the header sticky. */\n @Prop() sticky? = false\n\n /** Name shown on the right side of the logo. */\n @Prop() siteName?: string\n\n private updateScrollDirection = () => {\n const offset = window.pageYOffset ?? document.documentElement.scrollTop\n\n if (window.innerHeight + offset >= document.body.offsetHeight) {\n this.hidden = false\n } else if (offset > this.lastOffset && offset > this.currentHeight) {\n this.hidden = true\n } else {\n this.hidden = false\n }\n\n // For mobile or negative scrolling\n this.lastOffset = offset < 0 ? 0 : offset\n }\n\n @Watch('hideOnScroll')\n connectedCallback() {\n if (this.hideOnScroll) {\n this.lastOffset = window.pageYOffset || document.documentElement.scrollTop\n window.addEventListener('scroll', this.updateScrollDirection, {\n passive: true,\n })\n } else {\n this.disconnectedCallback()\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('scroll', this.updateScrollDirection)\n }\n\n componentDidLoad() {\n this.currentHeight = this.el.getBoundingClientRect().height\n\n this.el\n .querySelectorAll('ld-header > ld-button')\n .forEach((ldButton) => {\n ldButton.size = 'sm'\n ldButton.brandColor = true\n })\n\n this.el\n .querySelectorAll('ld-header > .ld-button')\n .forEach((cssButton) => {\n cssButton.classList.add('ld-button--brand-color')\n cssButton.classList.add('ld-button--sm')\n cssButton.classList.remove('ld-button--lg')\n })\n }\n\n render() {\n const cl = getClassNames([\n 'ld-header',\n this.hidden && 'ld-header--hidden',\n this.sticky && 'ld-header--sticky',\n ])\n\n return (\n \n
    \n \n {this.logoUrl ? (\n \n \n \n \n \n ) : (\n \n \n \n \n \n )}\n {this.siteName && (\n \n {this.siteName}\n \n )}\n \n
    \n \n
    \n
    \n )\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,i3C,MCqBPC,EAAQ,M,yBAuBXC,KAAAC,sBAAwB,K,MAC9B,MAAMC,GAASC,EAAAC,OAAOC,eAAW,MAAAF,SAAA,EAAAA,EAAIG,SAASC,gBAAgBC,UAE9D,GAAIJ,OAAOK,YAAcP,GAAUI,SAASI,KAAKC,aAAc,CAC7DX,KAAKY,OAAS,K,MACT,GAAIV,EAASF,KAAKa,YAAcX,EAASF,KAAKc,cAAe,CAClEd,KAAKY,OAAS,I,KACT,CACLZ,KAAKY,OAAS,K,CAIhBZ,KAAKa,WAAaX,EAAS,EAAI,EAAIA,CAAM,E,YA7BT,M,kBAGV,M,4DASN,M,wBAqBlB,iBAAAa,GACE,GAAIf,KAAKgB,aAAc,CACrBhB,KAAKa,WAAaT,OAAOC,aAAeC,SAASC,gBAAgBC,UACjEJ,OAAOa,iBAAiB,SAAUjB,KAAKC,sBAAuB,CAC5DiB,QAAS,M,KAEN,CACLlB,KAAKmB,sB,EAIT,oBAAAA,GACEf,OAAOgB,oBAAoB,SAAUpB,KAAKC,sB,CAG5C,gBAAAoB,GACErB,KAAKc,cAAgBd,KAAKsB,GAAGC,wBAAwBC,OAErDxB,KAAKsB,GACFG,iBAAsC,yBACtCC,SAASC,IACRA,EAASC,KAAO,KAChBD,EAASE,WAAa,IAAI,IAG9B7B,KAAKsB,GACFG,iBAA8B,0BAC9BC,SAASI,IACRA,EAAUC,UAAUC,IAAI,0BACxBF,EAAUC,UAAUC,IAAI,iBACxBF,EAAUC,UAAUE,OAAO,gBAAgB,G,CAIjD,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,YACApC,KAAKY,QAAU,oBACfZ,KAAKqC,QAAU,sBAGjB,OACEC,EAACC,EAAI,CAACC,MAAOL,EAAIM,KAAK,UACpBH,EAAA,UAAQE,MAAM,uBAAuBE,KAAK,aACxCJ,EAAA,QAAMK,KAAK,UACV3C,KAAK4C,QACJN,EAAA,kBACctC,KAAK6C,UACjBL,MAAM,0BACNM,KAAM9C,KAAK4C,QACXF,KAAK,gBAELJ,EAAA,QAAMK,KAAK,QACTL,EAAA,wBAEItC,KAAK6C,UACDE,UACA,iCAENP,MAAM,kBACNG,KAAK,YACLD,KAAK,WAKXJ,EAAA,oBACctC,KAAK6C,UACjBL,MAAM,0BACNE,KAAK,gBAELJ,EAAA,QAAMK,KAAK,QACTL,EAAA,wBAEItC,KAAK6C,UACDE,UACA,iCAENP,MAAM,kBACNG,KAAK,YACLD,KAAK,WAKZ1C,KAAKgD,UACJV,EAAA,WACEE,MAAM,sBACNE,KAAK,YACLO,IAAI,MACJC,QAAQ,MAEPlD,KAAKgD,UAGVV,EAAA,aACAA,EAAA,OAAKE,MAAM,kBAAkBE,KAAK,WAClCJ,EAAA,QAAMK,KAAK,S"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-3a42d32d.entry.js b/1704966176737/dist/build/p-3a42d32d.entry.js similarity index 100% rename from 1704894792450/dist/build/p-3a42d32d.entry.js rename to 1704966176737/dist/build/p-3a42d32d.entry.js diff --git a/1704894792450/dist/build/p-3a42d32d.entry.js.map b/1704966176737/dist/build/p-3a42d32d.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-3a42d32d.entry.js.map rename to 1704966176737/dist/build/p-3a42d32d.entry.js.map diff --git a/1704894792450/dist/build/p-3aadade1.entry.js b/1704966176737/dist/build/p-3aadade1.entry.js similarity index 100% rename from 1704894792450/dist/build/p-3aadade1.entry.js rename to 1704966176737/dist/build/p-3aadade1.entry.js diff --git a/1704894792450/dist/build/p-3aadade1.entry.js.map b/1704966176737/dist/build/p-3aadade1.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-3aadade1.entry.js.map rename to 1704966176737/dist/build/p-3aadade1.entry.js.map diff --git a/1704966176737/dist/build/p-3b79636e.entry.js b/1704966176737/dist/build/p-3b79636e.entry.js new file mode 100644 index 0000000000..c654aabd06 --- /dev/null +++ b/1704966176737/dist/build/p-3b79636e.entry.js @@ -0,0 +1,2 @@ +import{r as e,c as r,h as o,H as t,g as l}from"./p-21a69c18.js";import{g as a}from"./p-1133c92e.js";const i=':host{--ld-optgroup-padding-inline-start-sm:0.625rem;--ld-optgroup-padding-inline-start-lg:0.875rem;--ld-optgroup-option-padding-inline-start:1rem;--ld-optgroup-bg-col:var(--ld-col-neutral-010);--ld-optgroup-border-col:var(--ld-col-neutral-100);--ld-optgroup-disabled-text-col:var(--ld-col-neutral-100);--ld-optgroup-text-col:var(--ld-col-neutral-900);--ld-optgroup-thm-col:var(--ld-thm-primary);--ld-optgroup-thm-col-hover:var(--ld-thm-primary-hover);--ld-optgroup-thm-col-focus:var(--ld-thm-primary-focus);--ld-optgroup-thm-col-active:var(--ld-thm-primary-active);--ld-optgroup-thm-bg-col-hover:var(--ld-thm-primary-highlight);--ld-optgroup-thm-bg-col-focus:var(--ld-thm-primary-highlight);--ld-optgroup-thm-bg-col-active:var(--ld-thm-primary-highlight)}:host(:not(:last-child)) .ld-optgroup-internal__slot-container{border-bottom:solid var(--ld-optgroup-border-col) var(--ld-sp-1)}.ld-optgroup-internal{background-color:var(--ld-optgroup-bg-col);border:0;box-sizing:border-box;color:var(--ld-optgroup-text-col);display:flex;font:var(--ld-typo-label-m);min-height:2.5rem;outline:none;padding-block:var(--ld-sp-8);padding-inline:var(--ld-sp-12);position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none}.ld-optgroup-internal:after{box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100);content:"";inset-block:calc(-1 * var(--ld-sp-1)) 0;inset-inline:calc(-1 * var(--ld-sp-1));pointer-events:none;position:absolute}.ld-optgroup-internal--sm{padding-inline-start:var(--ld-optgroup-padding-inline-start-sm)}.ld-optgroup-internal--lg{padding-inline-start:var(--ld-optgroup-padding-inline-start-lg)}.ld-optgroup-internal--filtered{display:none}.ld-optgroup-internal *,.ld-optgroup-internal :after,.ld-optgroup-internal :before{box-sizing:inherit}[data-popper-placement*=bottom] .ld-optgroup-internal:last-of-type{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}[data-popper-placement*=top] .ld-optgroup-internal:first-of-type{border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-optgroup-internal:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-optgroup-internal[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-optgroup-disabled-text-col)}.ld-optgroup-internal:where(:focus):before,.ld-optgroup-internal:where(:focus:focus-visible):before{border-radius:var(--ld-br-m);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-optgroup-thm-col);content:"";inset:0;pointer-events:none;position:absolute}.ld-optgroup-internal:where(:focus:not(:focus-visible)):before{content:none}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-optgroup-thm-bg-col-focus)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus) :where(.ld-optgroup-internal__check),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-focus)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)){background-color:var(--ld-optgroup-bg-col)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col)}@media (hover:hover){.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-optgroup-thm-bg-col-hover)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-hover)}}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-optgroup-thm-bg-col-active)}.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) :where(.ld-optgroup-internal__check),.ld-optgroup-internal:where(:not(.ld-optgroup-internal--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) :where(.ld-optgroup-internal__check){color:var(--ld-optgroup-thm-col-active)}.ld-optgroup-internal__checkbox-wrapper{display:inline-flex;flex-shrink:0}.ld-optgroup-internal__check,.ld-optgroup-internal__checkbox{align-self:center;flex-shrink:0;transform:translateX(calc(-1 * var(--ld-sp-2)))}.ld-optgroup-internal__check{margin-right:var(--ld-sp-4)}.ld-optgroup-internal__checkbox{margin-left:var(--ld-sp-2);margin-right:var(--ld-sp-6)}.ld-optgroup-internal__label{overflow:hidden;text-overflow:ellipsis}';const n=class{constructor(o){e(this,o);this.ldoptgroupselect=r(this,"ldoptgroupselect",7);this.handleClick=()=>{if(this.disabled)return;if(this.mode!=="checkbox")return;const e=Array.from(this.el.children);const r=this.selected===false||this.selected==="indeterminate";e.filter((e=>e.selected!==r)).forEach((e=>{e.selected=r}))};this.disabled=undefined;this.filtered=false;this.label=undefined;this.ldTabindex=-1;this.mode=undefined;this.size=undefined;this.selected=false}async focusInner(){this.optgroupRef.focus()}handleOptionSelect(){if(this.mode!=="checkbox")return;const e=Array.from(this.el.children);const r=e.length;const o=e.filter((e=>e.selected)).length;if(o===0){this.selected=false;return}if(r===o){this.selected=true;return}this.selected="indeterminate"}handleKeyDown(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();e.stopImmediatePropagation();this.handleClick()}}handleSelectedChange(){this.ldoptgroupselect.emit(this.selected)}componentWillLoad(){this.handleOptionSelect()}render(){return o(t,{class:a([this.disabled&&"ld-optgroup-internal--disabled"])},o("div",{class:a(["ld-optgroup-internal",this.size&&`ld-optgroup-internal--${this.size}`,this.filtered&&"ld-optgroup-internal--filtered",this.selected===true&&"ld-optgroup-internal--selected",this.selected==="indeterminate"&&"ld-optgroup-internal--indeterminate"]),role:"option",ref:e=>this.optgroupRef=e,"aria-disabled":this.disabled?"true":undefined,onClick:this.handleClick,tabIndex:this.ldTabindex,part:"option focusable"},this.mode==="checkbox"&&o("div",{class:"ld-optgroup-internal__checkbox-wrapper",role:"presentation",part:"checkbox-wrapper"},o("ld-checkbox",{class:"ld-optgroup-internal__checkbox",checked:this.selected===true,indeterminate:this.selected==="indeterminate",disabled:this.disabled,part:"checkbox"})),o("span",{class:"ld-optgroup-internal__label",part:"label"},this.label)),o("div",{class:"ld-optgroup-internal__slot-container",part:"slot-container"},o("slot",null)))}get el(){return l(this)}static get watchers(){return{selected:["handleSelectedChange"]}}};n.style=i;export{n as ld_optgroup_internal}; +//# sourceMappingURL=p-3b79636e.entry.js.map \ No newline at end of file diff --git a/dist/build/p-0ffd75f4.entry.js.map b/1704966176737/dist/build/p-3b79636e.entry.js.map similarity index 99% rename from dist/build/p-0ffd75f4.entry.js.map rename to 1704966176737/dist/build/p-3b79636e.entry.js.map index ead072b38a..724db40a60 100644 --- a/dist/build/p-0ffd75f4.entry.js.map +++ b/1704966176737/dist/build/p-3b79636e.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldOptgroupInternalShadowCss","LdOptgroupInternal","this","handleClick","disabled","mode","options","Array","from","el","children","newSelectedState","selected","filter","o","forEach","focusInner","optgroupRef","focus","handleOptionSelect","totalOptions","length","totalSelected","handleKeyDown","ev","key","preventDefault","stopImmediatePropagation","handleSelectedChange","ldoptgroupselect","emit","componentWillLoad","render","h","Host","class","getClassNames","size","filtered","role","ref","undefined","onClick","tabIndex","ldTabindex","part","checked","indeterminate","label"],"sources":["../src/liquid/components/ld-select/ld-optgroup-internal/ld-optgroup-internal.shadow.css?tag=ld-optgroup-internal&encapsulation=shadow","../src/liquid/components/ld-select/ld-optgroup-internal/ld-optgroup-internal.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-optgroup-padding-inline-start-sm: 0.625rem;\n --ld-optgroup-padding-inline-start-lg: 0.875rem;\n --ld-optgroup-option-padding-inline-start: 1rem;\n\n /* colors */\n --ld-optgroup-bg-col: var(--ld-col-neutral-010);\n --ld-optgroup-border-col: var(--ld-col-neutral-100);\n --ld-optgroup-disabled-text-col: var(--ld-col-neutral-100);\n --ld-optgroup-text-col: var(--ld-col-neutral-900);\n\n /* themable colors */\n --ld-optgroup-thm-col: var(--ld-thm-primary);\n --ld-optgroup-thm-col-hover: var(--ld-thm-primary-hover);\n --ld-optgroup-thm-col-focus: var(--ld-thm-primary-focus);\n --ld-optgroup-thm-col-active: var(--ld-thm-primary-active);\n --ld-optgroup-thm-bg-col-hover: var(--ld-thm-primary-highlight);\n --ld-optgroup-thm-bg-col-focus: var(--ld-thm-primary-highlight);\n --ld-optgroup-thm-bg-col-active: var(--ld-thm-primary-highlight);\n\n &(:not(:last-child)) {\n .ld-optgroup-internal__slot-container {\n border-bottom: solid var(--ld-optgroup-border-col) var(--ld-sp-1);\n }\n }\n}\n\n.ld-optgroup-internal {\n background-color: var(--ld-optgroup-bg-col);\n border: 0;\n box-sizing: border-box;\n color: var(--ld-optgroup-text-col);\n display: flex;\n font: var(--ld-typo-label-m);\n min-height: 2.5rem;\n outline: none;\n padding-block: var(--ld-sp-8);\n padding-inline: var(--ld-sp-12);\n position: relative;\n touch-action: manipulation;\n user-select: none;\n white-space: nowrap;\n -webkit-touch-callout: none;\n\n &::after {\n content: '';\n inset-block: calc(-1 * var(--ld-sp-1)) 0;\n inset-inline: calc(-1 * var(--ld-sp-1));\n position: absolute;\n pointer-events: none;\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100);\n }\n\n &--sm {\n padding-inline-start: var(--ld-optgroup-padding-inline-start-sm);\n }\n\n &--lg {\n padding-inline-start: var(--ld-optgroup-padding-inline-start-lg);\n }\n\n &--filtered {\n display: none;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n [data-popper-placement*='bottom'] & {\n &:last-of-type {\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n }\n }\n [data-popper-placement*='top'] & {\n &:first-of-type {\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n }\n\n &:not(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n cursor: pointer;\n }\n\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n color: var(--ld-optgroup-disabled-text-col);\n }\n\n &:where(:focus),\n &:where(:focus:focus-visible) {\n /* Pseudo element for focus outline */\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--ld-br-m);\n pointer-events: none;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-optgroup-thm-col);\n }\n }\n\n &:where(:focus:not(:focus-visible)) {\n &::before {\n content: none;\n }\n }\n\n &:where(\n :not(\n .ld-optgroup-internal--disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col);\n }\n\n &:where(:focus),\n &:where(:focus:focus-visible) {\n background-color: var(--ld-optgroup-thm-bg-col-focus);\n\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col-focus);\n }\n }\n\n &:where(:focus:not(:focus-visible)) {\n background-color: var(--ld-optgroup-bg-col);\n\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col);\n }\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n background-color: var(--ld-optgroup-thm-bg-col-hover);\n\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col-hover);\n }\n }\n }\n\n &:where(:active),\n &:where(:active:focus-visible) {\n background-color: var(--ld-optgroup-thm-bg-col-active);\n\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col-active);\n }\n }\n }\n}\n\n.ld-optgroup-internal__checkbox-wrapper {\n display: inline-flex;\n flex-shrink: 0;\n}\n\n.ld-optgroup-internal__check,\n.ld-optgroup-internal__checkbox {\n align-self: center;\n flex-shrink: 0;\n transform: translateX(calc(-1 * var(--ld-sp-2)));\n}\n\n.ld-optgroup-internal__check {\n margin-right: var(--ld-sp-4);\n}\n\n.ld-optgroup-internal__checkbox {\n margin-left: var(--ld-sp-2);\n margin-right: var(--ld-sp-6);\n}\n\n.ld-optgroup-internal__label {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'ld-optgroup-internal',\n styleUrl: 'ld-optgroup-internal.shadow.css',\n shadow: true,\n})\nexport class LdOptgroupInternal implements InnerFocusable {\n @Element() el: HTMLElement\n\n private optgroupRef: HTMLElement\n\n /** Disables the whole option group. */\n @Prop() disabled?: boolean\n\n /** Set to true on filtering via select input. */\n @Prop() filtered? = false\n\n /** The name of the group of options. */\n @Prop() label!: string\n\n /** Tab index of the option. */\n @Prop() ldTabindex? = -1\n\n /** Display mode. */\n @Prop() mode?: 'checkbox' | undefined\n\n /** Size of the option. */\n @Prop() size?: 'sm' | 'lg'\n\n @State() selected?: boolean | 'indeterminate' = false\n\n /**\n * @internal\n * Emitted on either selection or de-selection of the option.\n */\n @Event() ldoptgroupselect: EventEmitter\n\n /** Sets focus internally. */\n @Method()\n async focusInner() {\n this.optgroupRef.focus()\n }\n\n @Listen('ldoptionselect')\n handleOptionSelect() {\n if (this.mode !== 'checkbox') return\n\n const options = Array.from(\n this.el.children\n ) as HTMLLdOptionInternalElement[]\n const totalOptions = options.length\n const totalSelected = options.filter((o) => o.selected).length\n\n if (totalSelected === 0) {\n this.selected = false\n return\n }\n\n if (totalOptions === totalSelected) {\n this.selected = true\n return\n }\n\n this.selected = 'indeterminate'\n }\n\n @Listen('keydown', { passive: false })\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === ' ' || ev.key === 'Enter') {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n this.handleClick()\n }\n }\n\n private handleClick = () => {\n if (this.disabled) return\n if (this.mode !== 'checkbox') return\n\n const options = Array.from(\n this.el.children\n ) as HTMLLdOptionInternalElement[]\n const newSelectedState =\n this.selected === false || this.selected === 'indeterminate'\n options\n .filter((o) => o.selected !== newSelectedState)\n .forEach((o) => {\n o.selected = newSelectedState\n })\n }\n\n @Watch('selected')\n handleSelectedChange() {\n this.ldoptgroupselect.emit(this.selected)\n }\n\n componentWillLoad() {\n this.handleOptionSelect()\n }\n\n render() {\n return (\n \n (this.optgroupRef = el as HTMLElement)}\n aria-disabled={this.disabled ? 'true' : undefined}\n onClick={this.handleClick}\n tabIndex={this.ldTabindex}\n part=\"option focusable\"\n >\n {this.mode === 'checkbox' && (\n \n \n \n )}\n\n \n {this.label}\n \n \n\n
    \n \n
    \n \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAA8B,i2L,MCqBvBC,EAAkB,M,4EAqErBC,KAAAC,YAAc,KACpB,GAAID,KAAKE,SAAU,OACnB,GAAIF,KAAKG,OAAS,WAAY,OAE9B,MAAMC,EAAUC,MAAMC,KACpBN,KAAKO,GAAGC,UAEV,MAAMC,EACJT,KAAKU,WAAa,OAASV,KAAKU,WAAa,gBAC/CN,EACGO,QAAQC,GAAMA,EAAEF,WAAaD,IAC7BI,SAASD,IACRA,EAAEF,SAAWD,CAAgB,GAC7B,E,sCAzEc,M,sCAMG,E,sDAQyB,K,CAUhD,gBAAMK,GACJd,KAAKe,YAAYC,O,CAInB,kBAAAC,GACE,GAAIjB,KAAKG,OAAS,WAAY,OAE9B,MAAMC,EAAUC,MAAMC,KACpBN,KAAKO,GAAGC,UAEV,MAAMU,EAAed,EAAQe,OAC7B,MAAMC,EAAgBhB,EAAQO,QAAQC,GAAMA,EAAEF,WAAUS,OAExD,GAAIC,IAAkB,EAAG,CACvBpB,KAAKU,SAAW,MAChB,M,CAGF,GAAIQ,IAAiBE,EAAe,CAClCpB,KAAKU,SAAW,KAChB,M,CAGFV,KAAKU,SAAW,e,CAIlB,aAAAW,CAAcC,GACZ,GAAIA,EAAGC,MAAQ,KAAOD,EAAGC,MAAQ,QAAS,CACxCD,EAAGE,iBACHF,EAAGG,2BACHzB,KAAKC,a,EAqBT,oBAAAyB,GACE1B,KAAK2B,iBAAiBC,KAAK5B,KAAKU,S,CAGlC,iBAAAmB,GACE7B,KAAKiB,oB,CAGP,MAAAa,GACE,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CACnBlC,KAAKE,UAAY,oCAGnB6B,EAAA,OACEE,MAAOC,EAAc,CACnB,uBACAlC,KAAKmC,MAAQ,yBAAyBnC,KAAKmC,OAC3CnC,KAAKoC,UAAY,iCACjBpC,KAAKU,WAAa,MAAQ,iCAC1BV,KAAKU,WAAa,iBAChB,wCAEJ2B,KAAK,SACLC,IAAM/B,GAAQP,KAAKe,YAAcR,EAAkB,gBACpCP,KAAKE,SAAW,OAASqC,UACxCC,QAASxC,KAAKC,YACdwC,SAAUzC,KAAK0C,WACfC,KAAK,oBAEJ3C,KAAKG,OAAS,YACb4B,EAAA,OACEE,MAAM,yCACNI,KAAK,eACLM,KAAK,oBAELZ,EAAA,eACEE,MAAM,iCACNW,QAAS5C,KAAKU,WAAa,KAC3BmC,cAAe7C,KAAKU,WAAa,gBACjCR,SAAUF,KAAKE,SACfyC,KAAK,cAKXZ,EAAA,QAAME,MAAM,8BAA8BU,KAAK,SAC5C3C,KAAK8C,QAIVf,EAAA,OAAKE,MAAM,uCAAuCU,KAAK,kBACrDZ,EAAA,c"} \ No newline at end of file +{"version":3,"names":["ldOptgroupInternalShadowCss","LdOptgroupInternal","this","handleClick","disabled","mode","options","Array","from","el","children","newSelectedState","selected","filter","o","forEach","focusInner","optgroupRef","focus","handleOptionSelect","totalOptions","length","totalSelected","handleKeyDown","ev","key","preventDefault","stopImmediatePropagation","handleSelectedChange","ldoptgroupselect","emit","componentWillLoad","render","h","Host","class","getClassNames","size","filtered","role","ref","undefined","onClick","tabIndex","ldTabindex","part","checked","indeterminate","label"],"sources":["../src/liquid/components/ld-select/ld-optgroup-internal/ld-optgroup-internal.shadow.css?tag=ld-optgroup-internal&encapsulation=shadow","../src/liquid/components/ld-select/ld-optgroup-internal/ld-optgroup-internal.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-optgroup-padding-inline-start-sm: 0.625rem;\n --ld-optgroup-padding-inline-start-lg: 0.875rem;\n --ld-optgroup-option-padding-inline-start: 1rem;\n\n /* colors */\n --ld-optgroup-bg-col: var(--ld-col-neutral-010);\n --ld-optgroup-border-col: var(--ld-col-neutral-100);\n --ld-optgroup-disabled-text-col: var(--ld-col-neutral-100);\n --ld-optgroup-text-col: var(--ld-col-neutral-900);\n\n /* themable colors */\n --ld-optgroup-thm-col: var(--ld-thm-primary);\n --ld-optgroup-thm-col-hover: var(--ld-thm-primary-hover);\n --ld-optgroup-thm-col-focus: var(--ld-thm-primary-focus);\n --ld-optgroup-thm-col-active: var(--ld-thm-primary-active);\n --ld-optgroup-thm-bg-col-hover: var(--ld-thm-primary-highlight);\n --ld-optgroup-thm-bg-col-focus: var(--ld-thm-primary-highlight);\n --ld-optgroup-thm-bg-col-active: var(--ld-thm-primary-highlight);\n\n &(:not(:last-child)) {\n .ld-optgroup-internal__slot-container {\n border-bottom: solid var(--ld-optgroup-border-col) var(--ld-sp-1);\n }\n }\n}\n\n.ld-optgroup-internal {\n background-color: var(--ld-optgroup-bg-col);\n border: 0;\n box-sizing: border-box;\n color: var(--ld-optgroup-text-col);\n display: flex;\n font: var(--ld-typo-label-m);\n min-height: 2.5rem;\n outline: none;\n padding-block: var(--ld-sp-8);\n padding-inline: var(--ld-sp-12);\n position: relative;\n touch-action: manipulation;\n user-select: none;\n white-space: nowrap;\n -webkit-touch-callout: none;\n\n &::after {\n content: '';\n inset-block: calc(-1 * var(--ld-sp-1)) 0;\n inset-inline: calc(-1 * var(--ld-sp-1));\n position: absolute;\n pointer-events: none;\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100);\n }\n\n &--sm {\n padding-inline-start: var(--ld-optgroup-padding-inline-start-sm);\n }\n\n &--lg {\n padding-inline-start: var(--ld-optgroup-padding-inline-start-lg);\n }\n\n &--filtered {\n display: none;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n [data-popper-placement*='bottom'] & {\n &:last-of-type {\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n }\n }\n [data-popper-placement*='top'] & {\n &:first-of-type {\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n }\n\n &:not(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n cursor: pointer;\n }\n\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n color: var(--ld-optgroup-disabled-text-col);\n }\n\n &:where(:focus),\n &:where(:focus:focus-visible) {\n /* Pseudo element for focus outline */\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--ld-br-m);\n pointer-events: none;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-optgroup-thm-col);\n }\n }\n\n &:where(:focus:not(:focus-visible)) {\n &::before {\n content: none;\n }\n }\n\n &:where(\n :not(\n .ld-optgroup-internal--disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col);\n }\n\n &:where(:focus),\n &:where(:focus:focus-visible) {\n background-color: var(--ld-optgroup-thm-bg-col-focus);\n\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col-focus);\n }\n }\n\n &:where(:focus:not(:focus-visible)) {\n background-color: var(--ld-optgroup-bg-col);\n\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col);\n }\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n background-color: var(--ld-optgroup-thm-bg-col-hover);\n\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col-hover);\n }\n }\n }\n\n &:where(:active),\n &:where(:active:focus-visible) {\n background-color: var(--ld-optgroup-thm-bg-col-active);\n\n :where(.ld-optgroup-internal__check) {\n color: var(--ld-optgroup-thm-col-active);\n }\n }\n }\n}\n\n.ld-optgroup-internal__checkbox-wrapper {\n display: inline-flex;\n flex-shrink: 0;\n}\n\n.ld-optgroup-internal__check,\n.ld-optgroup-internal__checkbox {\n align-self: center;\n flex-shrink: 0;\n transform: translateX(calc(-1 * var(--ld-sp-2)));\n}\n\n.ld-optgroup-internal__check {\n margin-right: var(--ld-sp-4);\n}\n\n.ld-optgroup-internal__checkbox {\n margin-left: var(--ld-sp-2);\n margin-right: var(--ld-sp-6);\n}\n\n.ld-optgroup-internal__label {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'ld-optgroup-internal',\n styleUrl: 'ld-optgroup-internal.shadow.css',\n shadow: true,\n})\nexport class LdOptgroupInternal implements InnerFocusable {\n @Element() el: HTMLElement\n\n private optgroupRef: HTMLElement\n\n /** Disables the whole option group. */\n @Prop() disabled?: boolean\n\n /** Set to true on filtering via select input. */\n @Prop() filtered? = false\n\n /** The name of the group of options. */\n @Prop() label!: string\n\n /** Tab index of the option. */\n @Prop() ldTabindex? = -1\n\n /** Display mode. */\n @Prop() mode?: 'checkbox' | undefined\n\n /** Size of the option. */\n @Prop() size?: 'sm' | 'lg'\n\n @State() selected?: boolean | 'indeterminate' = false\n\n /**\n * @internal\n * Emitted on either selection or de-selection of the option.\n */\n @Event() ldoptgroupselect: EventEmitter\n\n /** Sets focus internally. */\n @Method()\n async focusInner() {\n this.optgroupRef.focus()\n }\n\n @Listen('ldoptionselect')\n handleOptionSelect() {\n if (this.mode !== 'checkbox') return\n\n const options = Array.from(\n this.el.children\n ) as HTMLLdOptionInternalElement[]\n const totalOptions = options.length\n const totalSelected = options.filter((o) => o.selected).length\n\n if (totalSelected === 0) {\n this.selected = false\n return\n }\n\n if (totalOptions === totalSelected) {\n this.selected = true\n return\n }\n\n this.selected = 'indeterminate'\n }\n\n @Listen('keydown', { passive: false })\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === ' ' || ev.key === 'Enter') {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n this.handleClick()\n }\n }\n\n private handleClick = () => {\n if (this.disabled) return\n if (this.mode !== 'checkbox') return\n\n const options = Array.from(\n this.el.children\n ) as HTMLLdOptionInternalElement[]\n const newSelectedState =\n this.selected === false || this.selected === 'indeterminate'\n options\n .filter((o) => o.selected !== newSelectedState)\n .forEach((o) => {\n o.selected = newSelectedState\n })\n }\n\n @Watch('selected')\n handleSelectedChange() {\n this.ldoptgroupselect.emit(this.selected)\n }\n\n componentWillLoad() {\n this.handleOptionSelect()\n }\n\n render() {\n return (\n \n (this.optgroupRef = el as HTMLElement)}\n aria-disabled={this.disabled ? 'true' : undefined}\n onClick={this.handleClick}\n tabIndex={this.ldTabindex}\n part=\"option focusable\"\n >\n {this.mode === 'checkbox' && (\n \n \n \n )}\n\n \n {this.label}\n \n \n\n
    \n \n
    \n \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAA8B,y1L,MCqBvBC,EAAkB,M,4EAqErBC,KAAAC,YAAc,KACpB,GAAID,KAAKE,SAAU,OACnB,GAAIF,KAAKG,OAAS,WAAY,OAE9B,MAAMC,EAAUC,MAAMC,KACpBN,KAAKO,GAAGC,UAEV,MAAMC,EACJT,KAAKU,WAAa,OAASV,KAAKU,WAAa,gBAC/CN,EACGO,QAAQC,GAAMA,EAAEF,WAAaD,IAC7BI,SAASD,IACRA,EAAEF,SAAWD,CAAgB,GAC7B,E,sCAzEc,M,sCAMG,E,sDAQyB,K,CAUhD,gBAAMK,GACJd,KAAKe,YAAYC,O,CAInB,kBAAAC,GACE,GAAIjB,KAAKG,OAAS,WAAY,OAE9B,MAAMC,EAAUC,MAAMC,KACpBN,KAAKO,GAAGC,UAEV,MAAMU,EAAed,EAAQe,OAC7B,MAAMC,EAAgBhB,EAAQO,QAAQC,GAAMA,EAAEF,WAAUS,OAExD,GAAIC,IAAkB,EAAG,CACvBpB,KAAKU,SAAW,MAChB,M,CAGF,GAAIQ,IAAiBE,EAAe,CAClCpB,KAAKU,SAAW,KAChB,M,CAGFV,KAAKU,SAAW,e,CAIlB,aAAAW,CAAcC,GACZ,GAAIA,EAAGC,MAAQ,KAAOD,EAAGC,MAAQ,QAAS,CACxCD,EAAGE,iBACHF,EAAGG,2BACHzB,KAAKC,a,EAqBT,oBAAAyB,GACE1B,KAAK2B,iBAAiBC,KAAK5B,KAAKU,S,CAGlC,iBAAAmB,GACE7B,KAAKiB,oB,CAGP,MAAAa,GACE,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CACnBlC,KAAKE,UAAY,oCAGnB6B,EAAA,OACEE,MAAOC,EAAc,CACnB,uBACAlC,KAAKmC,MAAQ,yBAAyBnC,KAAKmC,OAC3CnC,KAAKoC,UAAY,iCACjBpC,KAAKU,WAAa,MAAQ,iCAC1BV,KAAKU,WAAa,iBAChB,wCAEJ2B,KAAK,SACLC,IAAM/B,GAAQP,KAAKe,YAAcR,EAAkB,gBACpCP,KAAKE,SAAW,OAASqC,UACxCC,QAASxC,KAAKC,YACdwC,SAAUzC,KAAK0C,WACfC,KAAK,oBAEJ3C,KAAKG,OAAS,YACb4B,EAAA,OACEE,MAAM,yCACNI,KAAK,eACLM,KAAK,oBAELZ,EAAA,eACEE,MAAM,iCACNW,QAAS5C,KAAKU,WAAa,KAC3BmC,cAAe7C,KAAKU,WAAa,gBACjCR,SAAUF,KAAKE,SACfyC,KAAK,cAKXZ,EAAA,QAAME,MAAM,8BAA8BU,KAAK,SAC5C3C,KAAK8C,QAIVf,EAAA,OAAKE,MAAM,uCAAuCU,KAAK,kBACrDZ,EAAA,c"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-40a74ea6.entry.js b/1704966176737/dist/build/p-40a74ea6.entry.js similarity index 100% rename from 1704894792450/dist/build/p-40a74ea6.entry.js rename to 1704966176737/dist/build/p-40a74ea6.entry.js diff --git a/1704894792450/dist/build/p-40a74ea6.entry.js.map b/1704966176737/dist/build/p-40a74ea6.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-40a74ea6.entry.js.map rename to 1704966176737/dist/build/p-40a74ea6.entry.js.map diff --git a/1704966176737/dist/build/p-42bd57e0.entry.js b/1704966176737/dist/build/p-42bd57e0.entry.js new file mode 100644 index 0000000000..430264c4ad --- /dev/null +++ b/1704966176737/dist/build/p-42bd57e0.entry.js @@ -0,0 +1,2 @@ +import{r as l,h as a,H as e,g as r}from"./p-21a69c18.js";import{g as s}from"./p-1133c92e.js";import{f as c}from"./p-db30d2eb.js";const t=".ld-bg-cells,:host{--ld-bg-cells-bg-col:var(--ld-thm-secondary);--ld-bg-cells-layer-col:var(--ld-thm-primary);--ld-bg-cells-layer-translation-x:-80%;--ld-bg-cells-layer-translation-y:-6%;--ld-bg-cells-layer-size:260%;--ld-bg-cells-layer-rotation:0deg;--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-secondary-layer-translation-x:0%;--ld-bg-cells-secondary-layer-translation-y:0%;--ld-bg-cells-secondary-layer-size:150%;--ld-bg-cells-secondary-layer-rotation:0deg;--ld-bg-cells-base-size-factor:0.39;--ld-bg-cells-layer-size-clamped:clamp(50%,var(--ld-bg-cells-layer-size),800%);--ld-bg-cells-layer-size-normalized:calc(var(--ld-bg-cells-layer-size-clamped) * var(--ld-bg-cells-base-size-factor));--ld-bg-cells-secondary-layer-size-clamped:clamp(50%,var(--ld-bg-cells-secondary-layer-size),800%);--ld-bg-cells-secondary-layer-size-normalized:calc(var(--ld-bg-cells-secondary-layer-size-clamped) * var(--ld-bg-cells-base-size-factor));--ld-bg-cells-layer-animation-translate:0.3%;--ld-bg-cells-layer-animation-scale:4%;--ld-bg-cells-layer-animation-rotate:6deg;--ld-bg-cells-layer-animation-speed:1;--ld-bg-cells-layer-animation-dur:calc(126s / var(--ld-bg-cells-layer-animation-speed));--ld-bg-cells-secondary-layer-animation-dur:calc(84s / var(--ld-bg-cells-layer-animation-speed));background:var(--ld-bg-cells-bg-col);display:block;height:100%;overflow:hidden;position:relative;width:100%}.ld-bg-cells__layer,.ld-bg-cells__secondary-layer{inset:0;left:50%;min-height:1000%;min-width:1000%;position:absolute;top:50%}.ld-bg-cells__layer{color:var(--ld-bg-cells-layer-col);transform:translate(calc((var(--ld-bg-cells-layer-translation-x) / 10) - 50%),calc((var(--ld-bg-cells-layer-translation-y) / 10) - 50%)) scale(var(--ld-bg-cells-layer-size-normalized)) rotate(var(--ld-bg-cells-layer-rotation))}.ld-bg-cells__layer--animated{animation:layer-animate var(--ld-bg-cells-layer-animation-dur) ease-in-out infinite}@media (prefers-reduced-motion:reduce){.ld-bg-cells__layer--animated{animation:none}}.ld-bg-cells__secondary-layer{color:var(--ld-bg-cells-secondary-layer-col);transform:translate(calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - 50%),calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - 50%)) scale(var(--ld-bg-cells-secondary-layer-size-normalized)) rotate(var(--ld-bg-cells-secondary-layer-rotation))}.ld-bg-cells__secondary-layer--animated{animation:secondary-layer-animate var(--ld-bg-cells-secondary-layer-animation-dur) ease-in-out infinite reverse}@media (prefers-reduced-motion:reduce){.ld-bg-cells__secondary-layer--animated{animation:none}}.ld-bg-cells--three-layers,:host(.ld-bg-cells--three-layers){--ld-bg-cells-layer-col:var(--ld-thm-primary);--ld-bg-cells-secondary-layer-col:var(--ld-col-vy);--ld-bg-cells-layer-size:390%;--ld-bg-cells-layer-translation-x:-50%;--ld-bg-cells-layer-rotation:-30deg;--ld-bg-cells-secondary-layer-size:580%;--ld-bg-cells-secondary-layer-translation-x:-20%;--ld-bg-cells-secondary-layer-translation-y:-100%}.ld-bg-cells--bioreliance,:host(.ld-bg-cells--bioreliance){--ld-bg-cells-base-size-factor:0.46;--ld-bg-cells-bg-col:var(--ld-col-vg);--ld-bg-cells-layer-col:var(--ld-col-rp);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-89%;--ld-bg-cells-layer-translation-y:48%;--ld-bg-cells-layer-size:297%}.ld-bg-cells--f,:host(.ld-bg-cells--f){--ld-bg-cells-base-size-factor:0.49;--ld-bg-cells-layer-translation-x:-79%;--ld-bg-cells-layer-translation-y:24%;--ld-bg-cells-layer-size:240%}.ld-bg-cells--mdo,:host(.ld-bg-cells--mdo){--ld-bg-cells-base-size-factor:0.2;--ld-bg-cells-bg-col:var(--ld-col-rb);--ld-bg-cells-layer-col:var(--ld-col-sy);--ld-bg-cells-secondary-layer-col:var(--ld-col-sb);--ld-bg-cells-layer-translation-x:-107%;--ld-bg-cells-layer-translation-y:-32%;--ld-bg-cells-layer-size:147%;--ld-bg-cells-layer-rotation:145deg;--ld-bg-cells-secondary-layer-translation-x:133%;--ld-bg-cells-secondary-layer-translation-y:46%;--ld-bg-cells-secondary-layer-size:150%;--ld-bg-cells-secondary-layer-rotation:145deg}.ld-bg-cells--millipore,:host(.ld-bg-cells--millipore){--ld-bg-cells-base-size-factor:0.43;--ld-bg-cells-bg-col:var(--ld-col-rb);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-80%;--ld-bg-cells-layer-translation-y:43%;--ld-bg-cells-layer-size:230%}.ld-bg-cells--milliq,:host(.ld-bg-cells--milliq){--ld-bg-cells-base-size-factor:0.23;--ld-bg-cells-bg-col:var(--ld-col-vc);--ld-bg-cells-layer-col:var(--ld-col-rp);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-70%;--ld-bg-cells-layer-translation-y:100%;--ld-bg-cells-layer-size:420%}.ld-bg-cells--o,:host(.ld-bg-cells--o){--ld-bg-cells-base-size-factor:0.33;--ld-bg-cells-layer-translation-x:-75%;--ld-bg-cells-layer-translation-y:-21%;--ld-bg-cells-layer-size:190%}.ld-bg-cells--supelco,:host(.ld-bg-cells--supelco){--ld-bg-cells-base-size-factor:0.66;--ld-bg-cells-bg-col:var(--ld-col-rg);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-59%;--ld-bg-cells-layer-translation-y:43%;--ld-bg-cells-layer-size:190%}.ld-bg-cells--safc,:host(.ld-bg-cells--safc){--ld-bg-cells-base-size-factor:0.34;--ld-bg-cells-bg-col:var(--ld-col-vm);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-122%;--ld-bg-cells-layer-translation-y:5%;--ld-bg-cells-layer-size:362%}.ld-bg-cells--sigma-aldrich,:host(.ld-bg-cells--sigma-aldrich){--ld-bg-cells-base-size-factor:0.53;--ld-bg-cells-bg-col:var(--ld-col-rr);--ld-bg-cells-layer-col:var(--ld-col-vy);--ld-bg-cells-secondary-layer-col:#0000;--ld-bg-cells-layer-translation-x:-124%;--ld-bg-cells-layer-translation-y:-2%;--ld-bg-cells-layer-size:460%}.ld-bg-cells--t,:host(.ld-bg-cells--t){--ld-bg-cells-base-size-factor:0.47;--ld-bg-cells-layer-translation-x:-108%;--ld-bg-cells-layer-translation-y:72%;--ld-bg-cells-layer-size:312%}.ld-bg-cells--tile,:host(.ld-bg-cells--tile){--ld-bg-cells-base-size-factor:0.31;--ld-bg-cells-layer-translation-x:-93%;--ld-bg-cells-layer-translation-y:-1%;--ld-bg-cells-layer-size:340%}@keyframes layer-animate{0%,to{transform:translate(calc((var(--ld-bg-cells-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))),calc((var(--ld-bg-cells-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))) scale(calc(var(--ld-bg-cells-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-layer-rotation)))}25%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate)))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2)))) scale(calc(var(--ld-bg-cells-layer-size-normalized) + var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-layer-rotation) - var(--ld-bg-cells-layer-animation-rotate)))}50%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-layer-rotation)))}75%{transform:translate(calc(((var(--ld-bg-cells-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-layer-size-normalized) - var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-layer-rotation) + var(--ld-bg-cells-layer-animation-rotate)))}}@keyframes secondary-layer-animate{0%,to{transform:translate(calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))),calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)))}25%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate)))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2)))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized) + var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation) - var(--ld-bg-cells-layer-animation-rotate)))}50%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% + var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)))}75%{transform:translate(calc(((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate) / 2))),calc(((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - (50% - var(--ld-bg-cells-layer-animation-translate))))) scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized) - var(--ld-bg-cells-layer-animation-scale))) rotate(calc(var(--ld-bg-cells-secondary-layer-rotation) + var(--ld-bg-cells-layer-animation-rotate)))}}";const n=class{constructor(a){l(this,a);this.type="hexagon";this.threeLayers=false;this.animated=false}async loadPatternPathData(){if(!this.type){return}const l=await c(this.type);this.el.shadowRoot.querySelectorAll("svg").forEach((a=>{var e;const r=document.createElement("div");r.innerHTML=l;Array.from(((e=r.children[0])===null||e===void 0?void 0:e.children)||[]).forEach((l=>{if(l.tagName!=="script"){a.appendChild(l)}}))}))}componentWillLoad(){this.loadPatternPathData()}render(){let l=this.type;if(l==="qa-x2f-qc")l="supelco";if(l==="functional")l="f";if(l==="technical")l="t";if(l==="plastic")l="tile";if(l==="synthetic")l="hexagon";if(l==="organic")l="o";return a(e,{class:s(["ld-bg-cells",`ld-bg-cells--${l}`,this.threeLayers&&"ld-bg-cells--three-layers"])},a("svg",{class:s(["ld-bg-cells__secondary-layer",this.animated&&"ld-bg-cells__secondary-layer--animated"]),viewBox:"0 0 8000 8000",fill:"none",xmlns:"http://www.w3.org/2000/svg",part:"secondary-layer"}),a("svg",{class:s(["ld-bg-cells__layer",this.animated&&"ld-bg-cells__layer--animated"]),viewBox:"0 0 8000 8000",fill:"none",xmlns:"http://www.w3.org/2000/svg",part:"layer"}))}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{type:["loadPatternPathData"]}}};n.style=t;export{n as ld_bg_cells}; +//# sourceMappingURL=p-42bd57e0.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-f2d23c8b.entry.js.map b/1704966176737/dist/build/p-42bd57e0.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-f2d23c8b.entry.js.map rename to 1704966176737/dist/build/p-42bd57e0.entry.js.map index a60204c7b7..1e820e3174 100644 --- a/1704894792450/dist/build/p-f2d23c8b.entry.js.map +++ b/1704966176737/dist/build/p-42bd57e0.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldBgCellsCss","LdBgCells","loadPatternPathData","this","type","patternString","fetchPattern","el","shadowRoot","querySelectorAll","forEach","layer","div","document","createElement","innerHTML","Array","from","_a","children","child","tagName","appendChild","componentWillLoad","render","cellType","h","Host","class","getClassNames","threeLayers","animated","viewBox","fill","xmlns","part"],"sources":["../src/liquid/components/ld-bg-cells/ld-bg-cells.css?tag=ld-bg-cells&encapsulation=shadow","../src/liquid/components/ld-bg-cells/ld-bg-cells.tsx"],"sourcesContent":[":host,\n.ld-bg-cells {\n --ld-bg-cells-bg-col: var(--ld-thm-secondary);\n --ld-bg-cells-layer-col: var(--ld-thm-primary);\n --ld-bg-cells-layer-translation-x: -80%;\n --ld-bg-cells-layer-translation-y: -6%;\n --ld-bg-cells-layer-size: 260%;\n --ld-bg-cells-layer-rotation: 0deg;\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-secondary-layer-translation-x: 0%;\n --ld-bg-cells-secondary-layer-translation-y: 0%;\n --ld-bg-cells-secondary-layer-size: 150%;\n --ld-bg-cells-secondary-layer-rotation: 0deg;\n\n --ld-bg-cells-base-size-factor: 0.39;\n\n --ld-bg-cells-layer-size-clamped: clamp(\n 50%,\n var(--ld-bg-cells-layer-size),\n 800%\n );\n --ld-bg-cells-layer-size-normalized: calc(\n var(--ld-bg-cells-layer-size-clamped) * var(--ld-bg-cells-base-size-factor)\n );\n --ld-bg-cells-secondary-layer-size-clamped: clamp(\n 50%,\n var(--ld-bg-cells-secondary-layer-size),\n 800%\n );\n --ld-bg-cells-secondary-layer-size-normalized: calc(\n var(--ld-bg-cells-secondary-layer-size-clamped) *\n var(--ld-bg-cells-base-size-factor)\n );\n\n --ld-bg-cells-layer-animation-translate: 0.3%;\n --ld-bg-cells-layer-animation-scale: 4%;\n --ld-bg-cells-layer-animation-rotate: 6deg;\n --ld-bg-cells-layer-animation-speed: 1;\n\n --ld-bg-cells-layer-animation-dur: calc(\n 126s / var(--ld-bg-cells-layer-animation-speed)\n );\n --ld-bg-cells-secondary-layer-animation-dur: calc(\n 84s / var(--ld-bg-cells-layer-animation-speed)\n );\n\n background: var(--ld-bg-cells-bg-col);\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n/* We are scaling the layer up to 1000% to smoothen calculations for the transformation.\n Original size leads to rounding errors and therefore jumping of the pattern. */\n.ld-bg-cells__layer,\n.ld-bg-cells__secondary-layer {\n inset: 0;\n position: absolute;\n min-width: 1000%;\n min-height: 1000%;\n top: 50%;\n left: 50%;\n}\n\n.ld-bg-cells__layer {\n color: var(--ld-bg-cells-layer-col);\n transform: translate(\n calc((var(--ld-bg-cells-layer-translation-x) / 10) - 50%),\n calc((var(--ld-bg-cells-layer-translation-y) / 10) - 50%)\n )\n scale(var(--ld-bg-cells-layer-size-normalized))\n rotate(var(--ld-bg-cells-layer-rotation));\n\n &--animated {\n animation: layer-animate var(--ld-bg-cells-layer-animation-dur) ease-in-out\n infinite;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n.ld-bg-cells__secondary-layer {\n color: var(--ld-bg-cells-secondary-layer-col);\n transform: translate(\n calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - 50%),\n calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - 50%)\n )\n scale(var(--ld-bg-cells-secondary-layer-size-normalized))\n rotate(var(--ld-bg-cells-secondary-layer-rotation));\n\n &--animated {\n animation: secondary-layer-animate\n var(--ld-bg-cells-secondary-layer-animation-dur) ease-in-out infinite\n reverse;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n.ld-bg-cells {\n :host(&--three-layers),\n &--three-layers {\n --ld-bg-cells-layer-col: var(--ld-thm-primary);\n --ld-bg-cells-secondary-layer-col: var(--ld-col-vy);\n --ld-bg-cells-layer-size: 390%;\n --ld-bg-cells-layer-translation-x: -50%;\n --ld-bg-cells-layer-rotation: -30deg;\n --ld-bg-cells-secondary-layer-size: 580%;\n --ld-bg-cells-secondary-layer-translation-x: -20%;\n --ld-bg-cells-secondary-layer-translation-y: -100%;\n }\n\n :host(&--bioreliance),\n &--bioreliance {\n --ld-bg-cells-base-size-factor: 0.46;\n --ld-bg-cells-bg-col: var(--ld-col-vg);\n --ld-bg-cells-layer-col: var(--ld-col-rp);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -89%;\n --ld-bg-cells-layer-translation-y: 48%;\n --ld-bg-cells-layer-size: 297%;\n }\n\n :host(&--f),\n &--f {\n --ld-bg-cells-base-size-factor: 0.49;\n --ld-bg-cells-layer-translation-x: -79%;\n --ld-bg-cells-layer-translation-y: 24%;\n --ld-bg-cells-layer-size: 240%;\n }\n\n :host(&--mdo),\n &--mdo {\n --ld-bg-cells-base-size-factor: 0.2;\n --ld-bg-cells-bg-col: var(--ld-col-rb);\n --ld-bg-cells-layer-col: var(--ld-col-sy);\n --ld-bg-cells-secondary-layer-col: var(--ld-col-sb);\n --ld-bg-cells-layer-translation-x: -107%;\n --ld-bg-cells-layer-translation-y: -32%;\n --ld-bg-cells-layer-size: 147%;\n --ld-bg-cells-layer-rotation: 145deg;\n --ld-bg-cells-secondary-layer-translation-x: 133%;\n --ld-bg-cells-secondary-layer-translation-y: 46%;\n --ld-bg-cells-secondary-layer-size: 150%;\n --ld-bg-cells-secondary-layer-rotation: 145deg;\n }\n\n :host(&--millipore),\n &--millipore {\n --ld-bg-cells-base-size-factor: 0.43;\n --ld-bg-cells-bg-col: var(--ld-col-rb);\n --ld-bg-cells-layer-col: var(--ld-col-vy);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -80%;\n --ld-bg-cells-layer-translation-y: 43%;\n --ld-bg-cells-layer-size: 230%;\n }\n\n :host(&--milliq),\n &--milliq {\n --ld-bg-cells-base-size-factor: 0.23;\n --ld-bg-cells-bg-col: var(--ld-col-vc);\n --ld-bg-cells-layer-col: var(--ld-col-rp);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -70%;\n --ld-bg-cells-layer-translation-y: 100%;\n --ld-bg-cells-layer-size: 420%;\n }\n\n :host(&--o),\n &--o {\n --ld-bg-cells-base-size-factor: 0.33;\n --ld-bg-cells-layer-translation-x: -75%;\n --ld-bg-cells-layer-translation-y: -21%;\n --ld-bg-cells-layer-size: 190%;\n }\n\n :host(&--supelco),\n &--supelco {\n --ld-bg-cells-base-size-factor: 0.66;\n --ld-bg-cells-bg-col: var(--ld-col-rg);\n --ld-bg-cells-layer-col: var(--ld-col-vy);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -59%;\n --ld-bg-cells-layer-translation-y: 43%;\n --ld-bg-cells-layer-size: 190%;\n }\n\n :host(&--safc),\n &--safc {\n --ld-bg-cells-base-size-factor: 0.34;\n --ld-bg-cells-bg-col: var(--ld-col-vm);\n --ld-bg-cells-layer-col: var(--ld-col-vy);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -122%;\n --ld-bg-cells-layer-translation-y: 5%;\n --ld-bg-cells-layer-size: 362%;\n }\n\n :host(&--sigma-aldrich),\n &--sigma-aldrich {\n --ld-bg-cells-base-size-factor: 0.53;\n --ld-bg-cells-bg-col: var(--ld-col-rr);\n --ld-bg-cells-layer-col: var(--ld-col-vy);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -124%;\n --ld-bg-cells-layer-translation-y: -2%;\n --ld-bg-cells-layer-size: 460%;\n }\n\n :host(&--t),\n &--t {\n --ld-bg-cells-base-size-factor: 0.47;\n --ld-bg-cells-layer-translation-x: -108%;\n --ld-bg-cells-layer-translation-y: 72%;\n --ld-bg-cells-layer-size: 312%;\n }\n\n :host(&--tile),\n &--tile {\n --ld-bg-cells-base-size-factor: 0.31;\n --ld-bg-cells-layer-translation-x: -93%;\n --ld-bg-cells-layer-translation-y: -1%;\n --ld-bg-cells-layer-size: 340%;\n }\n}\n\n@keyframes layer-animate {\n 0%,\n 100% {\n transform: translate(\n calc(\n (var(--ld-bg-cells-layer-translation-x) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate))\n ),\n calc(\n (var(--ld-bg-cells-layer-translation-y) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n )\n scale(calc(var(--ld-bg-cells-layer-size-normalized)))\n rotate(calc(var(--ld-bg-cells-layer-rotation)));\n }\n 25% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-layer-translation-x) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate))\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-layer-translation-y) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n )\n )\n scale(\n calc(\n var(--ld-bg-cells-layer-size-normalized) +\n var(--ld-bg-cells-layer-animation-scale)\n )\n )\n rotate(\n calc(\n var(--ld-bg-cells-layer-rotation) -\n var(--ld-bg-cells-layer-animation-rotate)\n )\n );\n }\n 50% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-layer-translation-x) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-layer-translation-y) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate))\n )\n )\n )\n scale(calc(var(--ld-bg-cells-layer-size-normalized)))\n rotate(calc(var(--ld-bg-cells-layer-rotation)));\n }\n 75% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-layer-translation-x) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-layer-translation-y) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate))\n )\n )\n )\n scale(\n calc(\n var(--ld-bg-cells-layer-size-normalized) -\n var(--ld-bg-cells-layer-animation-scale)\n )\n )\n rotate(\n calc(\n var(--ld-bg-cells-layer-rotation) +\n var(--ld-bg-cells-layer-animation-rotate)\n )\n );\n }\n}\n\n@keyframes secondary-layer-animate {\n 0%,\n 100% {\n transform: translate(\n calc(\n (var(--ld-bg-cells-secondary-layer-translation-x) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate))\n ),\n calc(\n (var(--ld-bg-cells-secondary-layer-translation-y) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n )\n scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized)))\n rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)));\n }\n 25% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-x) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate))\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-y) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n )\n )\n scale(\n calc(\n var(--ld-bg-cells-secondary-layer-size-normalized) +\n var(--ld-bg-cells-layer-animation-scale)\n )\n )\n rotate(\n calc(\n var(--ld-bg-cells-secondary-layer-rotation) -\n var(--ld-bg-cells-layer-animation-rotate)\n )\n );\n }\n 50% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-x) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-y) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate))\n )\n )\n )\n scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized)))\n rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)));\n }\n 75% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-x) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-y) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate))\n )\n )\n )\n scale(\n calc(\n var(--ld-bg-cells-secondary-layer-size-normalized) -\n var(--ld-bg-cells-layer-animation-scale)\n )\n )\n rotate(\n calc(\n var(--ld-bg-cells-secondary-layer-rotation) +\n var(--ld-bg-cells-layer-animation-rotate)\n )\n );\n }\n}\n","import { Build, Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { fetchPattern } from '../../utils/fetchAsset'\n\nexport type CellType =\n | 'bioreliance'\n | 'f' // Functional\n | 'functional'\n | 'hexagon' // Synthetic\n | 'mdo'\n | 'millipore'\n | 'milliq'\n | 'o' // Organic\n | 'organic'\n | 'plastic'\n | 'qa-x2f-qc' // Supelco\n | 'safc'\n | 'sigma-aldrich'\n | 'supelco'\n | 'synthetic'\n | 't' // Technical\n | 'technical'\n | 'tile' // Plastic\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part layer - the primary cell layer\n * @part secondary-layer - the secondary cell layer\n */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-bg-cells',\n styleUrl: 'ld-bg-cells.css',\n shadow: true,\n})\nexport class LdBgCells {\n @Element() el: HTMLElement\n\n /** Cells pattern */\n @Prop() type?: CellType = 'hexagon'\n\n /** Use 3 color layers */\n @Prop() threeLayers? = false\n\n /** Animate the pattern */\n @Prop() animated? = false\n\n @Watch('type')\n private async loadPatternPathData(): Promise {\n if ((!Build.isBrowser && !Build.isTesting) || !this.type) {\n return\n }\n\n const patternString = await fetchPattern(this.type)\n this.el.shadowRoot.querySelectorAll('svg').forEach((layer) => {\n const div = document.createElement('div')\n div.innerHTML = patternString\n Array.from(div.children[0]?.children || []).forEach((child) => {\n if (child.tagName !== 'script') {\n layer.appendChild(child)\n }\n })\n })\n }\n\n componentWillLoad() {\n this.loadPatternPathData()\n }\n\n render() {\n // Handle aliases (for backward compatibility).\n let cellType = this.type\n\n if (cellType === 'qa-x2f-qc') cellType = 'supelco'\n if (cellType === 'functional') cellType = 'f'\n if (cellType === 'technical') cellType = 't'\n if (cellType === 'plastic') cellType = 'tile'\n if (cellType === 'synthetic') cellType = 'hexagon'\n if (cellType === 'organic') cellType = 'o'\n\n return (\n \n \n \n \n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAe,k3S,MCoCRC,EAAS,M,mCAIM,U,iBAGH,M,cAGH,K,CAGZ,yBAAMC,GACZ,IAA+CC,KAAKC,KAAM,CACxD,M,CAGF,MAAMC,QAAsBC,EAAaH,KAAKC,MAC9CD,KAAKI,GAAGC,WAAWC,iBAAiB,OAAOC,SAASC,I,MAClD,MAAMC,EAAMC,SAASC,cAAc,OACnCF,EAAIG,UAAYV,EAChBW,MAAMC,OAAKC,EAAAN,EAAIO,SAAS,MAAE,MAAAD,SAAA,SAAAA,EAAEC,WAAY,IAAIT,SAASU,IACnD,GAAIA,EAAMC,UAAY,SAAU,CAC9BV,EAAMW,YAAYF,E,IAEpB,G,CAIN,iBAAAG,GACEpB,KAAKD,qB,CAGP,MAAAsB,GAEE,IAAIC,EAAWtB,KAAKC,KAEpB,GAAIqB,IAAa,YAAaA,EAAW,UACzC,GAAIA,IAAa,aAAcA,EAAW,IAC1C,GAAIA,IAAa,YAAaA,EAAW,IACzC,GAAIA,IAAa,UAAWA,EAAW,OACvC,GAAIA,IAAa,YAAaA,EAAW,UACzC,GAAIA,IAAa,UAAWA,EAAW,IAEvC,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CACnB,cACA,gBAAgBJ,IAChBtB,KAAK2B,aAAe,+BAGtBJ,EAAA,OACEE,MAAOC,EAAc,CACnB,+BACA1B,KAAK4B,UAAY,2CAEnBC,QAAQ,gBACRC,KAAK,OACLC,MAAM,6BACNC,KAAK,oBAEPT,EAAA,OACEE,MAAOC,EAAc,CACnB,qBACA1B,KAAK4B,UAAY,iCAEnBC,QAAQ,gBACRC,KAAK,OACLC,MAAM,6BACNC,KAAK,U"} \ No newline at end of file +{"version":3,"names":["ldBgCellsCss","LdBgCells","loadPatternPathData","this","type","patternString","fetchPattern","el","shadowRoot","querySelectorAll","forEach","layer","div","document","createElement","innerHTML","Array","from","_a","children","child","tagName","appendChild","componentWillLoad","render","cellType","h","Host","class","getClassNames","threeLayers","animated","viewBox","fill","xmlns","part"],"sources":["../src/liquid/components/ld-bg-cells/ld-bg-cells.css?tag=ld-bg-cells&encapsulation=shadow","../src/liquid/components/ld-bg-cells/ld-bg-cells.tsx"],"sourcesContent":[":host,\n.ld-bg-cells {\n --ld-bg-cells-bg-col: var(--ld-thm-secondary);\n --ld-bg-cells-layer-col: var(--ld-thm-primary);\n --ld-bg-cells-layer-translation-x: -80%;\n --ld-bg-cells-layer-translation-y: -6%;\n --ld-bg-cells-layer-size: 260%;\n --ld-bg-cells-layer-rotation: 0deg;\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-secondary-layer-translation-x: 0%;\n --ld-bg-cells-secondary-layer-translation-y: 0%;\n --ld-bg-cells-secondary-layer-size: 150%;\n --ld-bg-cells-secondary-layer-rotation: 0deg;\n\n --ld-bg-cells-base-size-factor: 0.39;\n\n --ld-bg-cells-layer-size-clamped: clamp(\n 50%,\n var(--ld-bg-cells-layer-size),\n 800%\n );\n --ld-bg-cells-layer-size-normalized: calc(\n var(--ld-bg-cells-layer-size-clamped) * var(--ld-bg-cells-base-size-factor)\n );\n --ld-bg-cells-secondary-layer-size-clamped: clamp(\n 50%,\n var(--ld-bg-cells-secondary-layer-size),\n 800%\n );\n --ld-bg-cells-secondary-layer-size-normalized: calc(\n var(--ld-bg-cells-secondary-layer-size-clamped) *\n var(--ld-bg-cells-base-size-factor)\n );\n\n --ld-bg-cells-layer-animation-translate: 0.3%;\n --ld-bg-cells-layer-animation-scale: 4%;\n --ld-bg-cells-layer-animation-rotate: 6deg;\n --ld-bg-cells-layer-animation-speed: 1;\n\n --ld-bg-cells-layer-animation-dur: calc(\n 126s / var(--ld-bg-cells-layer-animation-speed)\n );\n --ld-bg-cells-secondary-layer-animation-dur: calc(\n 84s / var(--ld-bg-cells-layer-animation-speed)\n );\n\n background: var(--ld-bg-cells-bg-col);\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n/* We are scaling the layer up to 1000% to smoothen calculations for the transformation.\n Original size leads to rounding errors and therefore jumping of the pattern. */\n.ld-bg-cells__layer,\n.ld-bg-cells__secondary-layer {\n inset: 0;\n position: absolute;\n min-width: 1000%;\n min-height: 1000%;\n top: 50%;\n left: 50%;\n}\n\n.ld-bg-cells__layer {\n color: var(--ld-bg-cells-layer-col);\n transform: translate(\n calc((var(--ld-bg-cells-layer-translation-x) / 10) - 50%),\n calc((var(--ld-bg-cells-layer-translation-y) / 10) - 50%)\n )\n scale(var(--ld-bg-cells-layer-size-normalized))\n rotate(var(--ld-bg-cells-layer-rotation));\n\n &--animated {\n animation: layer-animate var(--ld-bg-cells-layer-animation-dur) ease-in-out\n infinite;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n.ld-bg-cells__secondary-layer {\n color: var(--ld-bg-cells-secondary-layer-col);\n transform: translate(\n calc((var(--ld-bg-cells-secondary-layer-translation-x) / 10) - 50%),\n calc((var(--ld-bg-cells-secondary-layer-translation-y) / 10) - 50%)\n )\n scale(var(--ld-bg-cells-secondary-layer-size-normalized))\n rotate(var(--ld-bg-cells-secondary-layer-rotation));\n\n &--animated {\n animation: secondary-layer-animate\n var(--ld-bg-cells-secondary-layer-animation-dur) ease-in-out infinite\n reverse;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n.ld-bg-cells {\n :host(&--three-layers),\n &--three-layers {\n --ld-bg-cells-layer-col: var(--ld-thm-primary);\n --ld-bg-cells-secondary-layer-col: var(--ld-col-vy);\n --ld-bg-cells-layer-size: 390%;\n --ld-bg-cells-layer-translation-x: -50%;\n --ld-bg-cells-layer-rotation: -30deg;\n --ld-bg-cells-secondary-layer-size: 580%;\n --ld-bg-cells-secondary-layer-translation-x: -20%;\n --ld-bg-cells-secondary-layer-translation-y: -100%;\n }\n\n :host(&--bioreliance),\n &--bioreliance {\n --ld-bg-cells-base-size-factor: 0.46;\n --ld-bg-cells-bg-col: var(--ld-col-vg);\n --ld-bg-cells-layer-col: var(--ld-col-rp);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -89%;\n --ld-bg-cells-layer-translation-y: 48%;\n --ld-bg-cells-layer-size: 297%;\n }\n\n :host(&--f),\n &--f {\n --ld-bg-cells-base-size-factor: 0.49;\n --ld-bg-cells-layer-translation-x: -79%;\n --ld-bg-cells-layer-translation-y: 24%;\n --ld-bg-cells-layer-size: 240%;\n }\n\n :host(&--mdo),\n &--mdo {\n --ld-bg-cells-base-size-factor: 0.2;\n --ld-bg-cells-bg-col: var(--ld-col-rb);\n --ld-bg-cells-layer-col: var(--ld-col-sy);\n --ld-bg-cells-secondary-layer-col: var(--ld-col-sb);\n --ld-bg-cells-layer-translation-x: -107%;\n --ld-bg-cells-layer-translation-y: -32%;\n --ld-bg-cells-layer-size: 147%;\n --ld-bg-cells-layer-rotation: 145deg;\n --ld-bg-cells-secondary-layer-translation-x: 133%;\n --ld-bg-cells-secondary-layer-translation-y: 46%;\n --ld-bg-cells-secondary-layer-size: 150%;\n --ld-bg-cells-secondary-layer-rotation: 145deg;\n }\n\n :host(&--millipore),\n &--millipore {\n --ld-bg-cells-base-size-factor: 0.43;\n --ld-bg-cells-bg-col: var(--ld-col-rb);\n --ld-bg-cells-layer-col: var(--ld-col-vy);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -80%;\n --ld-bg-cells-layer-translation-y: 43%;\n --ld-bg-cells-layer-size: 230%;\n }\n\n :host(&--milliq),\n &--milliq {\n --ld-bg-cells-base-size-factor: 0.23;\n --ld-bg-cells-bg-col: var(--ld-col-vc);\n --ld-bg-cells-layer-col: var(--ld-col-rp);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -70%;\n --ld-bg-cells-layer-translation-y: 100%;\n --ld-bg-cells-layer-size: 420%;\n }\n\n :host(&--o),\n &--o {\n --ld-bg-cells-base-size-factor: 0.33;\n --ld-bg-cells-layer-translation-x: -75%;\n --ld-bg-cells-layer-translation-y: -21%;\n --ld-bg-cells-layer-size: 190%;\n }\n\n :host(&--supelco),\n &--supelco {\n --ld-bg-cells-base-size-factor: 0.66;\n --ld-bg-cells-bg-col: var(--ld-col-rg);\n --ld-bg-cells-layer-col: var(--ld-col-vy);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -59%;\n --ld-bg-cells-layer-translation-y: 43%;\n --ld-bg-cells-layer-size: 190%;\n }\n\n :host(&--safc),\n &--safc {\n --ld-bg-cells-base-size-factor: 0.34;\n --ld-bg-cells-bg-col: var(--ld-col-vm);\n --ld-bg-cells-layer-col: var(--ld-col-vy);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -122%;\n --ld-bg-cells-layer-translation-y: 5%;\n --ld-bg-cells-layer-size: 362%;\n }\n\n :host(&--sigma-aldrich),\n &--sigma-aldrich {\n --ld-bg-cells-base-size-factor: 0.53;\n --ld-bg-cells-bg-col: var(--ld-col-rr);\n --ld-bg-cells-layer-col: var(--ld-col-vy);\n --ld-bg-cells-secondary-layer-col: transparent;\n --ld-bg-cells-layer-translation-x: -124%;\n --ld-bg-cells-layer-translation-y: -2%;\n --ld-bg-cells-layer-size: 460%;\n }\n\n :host(&--t),\n &--t {\n --ld-bg-cells-base-size-factor: 0.47;\n --ld-bg-cells-layer-translation-x: -108%;\n --ld-bg-cells-layer-translation-y: 72%;\n --ld-bg-cells-layer-size: 312%;\n }\n\n :host(&--tile),\n &--tile {\n --ld-bg-cells-base-size-factor: 0.31;\n --ld-bg-cells-layer-translation-x: -93%;\n --ld-bg-cells-layer-translation-y: -1%;\n --ld-bg-cells-layer-size: 340%;\n }\n}\n\n@keyframes layer-animate {\n 0%,\n 100% {\n transform: translate(\n calc(\n (var(--ld-bg-cells-layer-translation-x) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate))\n ),\n calc(\n (var(--ld-bg-cells-layer-translation-y) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n )\n scale(calc(var(--ld-bg-cells-layer-size-normalized)))\n rotate(calc(var(--ld-bg-cells-layer-rotation)));\n }\n 25% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-layer-translation-x) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate))\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-layer-translation-y) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n )\n )\n scale(\n calc(\n var(--ld-bg-cells-layer-size-normalized) +\n var(--ld-bg-cells-layer-animation-scale)\n )\n )\n rotate(\n calc(\n var(--ld-bg-cells-layer-rotation) -\n var(--ld-bg-cells-layer-animation-rotate)\n )\n );\n }\n 50% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-layer-translation-x) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-layer-translation-y) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate))\n )\n )\n )\n scale(calc(var(--ld-bg-cells-layer-size-normalized)))\n rotate(calc(var(--ld-bg-cells-layer-rotation)));\n }\n 75% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-layer-translation-x) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-layer-translation-y) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate))\n )\n )\n )\n scale(\n calc(\n var(--ld-bg-cells-layer-size-normalized) -\n var(--ld-bg-cells-layer-animation-scale)\n )\n )\n rotate(\n calc(\n var(--ld-bg-cells-layer-rotation) +\n var(--ld-bg-cells-layer-animation-rotate)\n )\n );\n }\n}\n\n@keyframes secondary-layer-animate {\n 0%,\n 100% {\n transform: translate(\n calc(\n (var(--ld-bg-cells-secondary-layer-translation-x) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate))\n ),\n calc(\n (var(--ld-bg-cells-secondary-layer-translation-y) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n )\n scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized)))\n rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)));\n }\n 25% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-x) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate))\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-y) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n )\n )\n scale(\n calc(\n var(--ld-bg-cells-secondary-layer-size-normalized) +\n var(--ld-bg-cells-layer-animation-scale)\n )\n )\n rotate(\n calc(\n var(--ld-bg-cells-secondary-layer-rotation) -\n var(--ld-bg-cells-layer-animation-rotate)\n )\n );\n }\n 50% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-x) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-y) / 10) -\n (50% + var(--ld-bg-cells-layer-animation-translate))\n )\n )\n )\n scale(calc(var(--ld-bg-cells-secondary-layer-size-normalized)))\n rotate(calc(var(--ld-bg-cells-secondary-layer-rotation)));\n }\n 75% {\n transform: translate(\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-x) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate) / 2)\n )\n ),\n calc(\n (\n (var(--ld-bg-cells-secondary-layer-translation-y) / 10) -\n (50% - var(--ld-bg-cells-layer-animation-translate))\n )\n )\n )\n scale(\n calc(\n var(--ld-bg-cells-secondary-layer-size-normalized) -\n var(--ld-bg-cells-layer-animation-scale)\n )\n )\n rotate(\n calc(\n var(--ld-bg-cells-secondary-layer-rotation) +\n var(--ld-bg-cells-layer-animation-rotate)\n )\n );\n }\n}\n","import { Build, Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { fetchPattern } from '../../utils/fetchAsset'\n\nexport type CellType =\n | 'bioreliance'\n | 'f' // Functional\n | 'functional'\n | 'hexagon' // Synthetic\n | 'mdo'\n | 'millipore'\n | 'milliq'\n | 'o' // Organic\n | 'organic'\n | 'plastic'\n | 'qa-x2f-qc' // Supelco\n | 'safc'\n | 'sigma-aldrich'\n | 'supelco'\n | 'synthetic'\n | 't' // Technical\n | 'technical'\n | 'tile' // Plastic\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part layer - the primary cell layer\n * @part secondary-layer - the secondary cell layer\n */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-bg-cells',\n styleUrl: 'ld-bg-cells.css',\n shadow: true,\n})\nexport class LdBgCells {\n @Element() el: HTMLElement\n\n /** Cells pattern */\n @Prop() type?: CellType = 'hexagon'\n\n /** Use 3 color layers */\n @Prop() threeLayers? = false\n\n /** Animate the pattern */\n @Prop() animated? = false\n\n @Watch('type')\n private async loadPatternPathData(): Promise {\n if ((!Build.isBrowser && !Build.isTesting) || !this.type) {\n return\n }\n\n const patternString = await fetchPattern(this.type)\n this.el.shadowRoot.querySelectorAll('svg').forEach((layer) => {\n const div = document.createElement('div')\n div.innerHTML = patternString\n Array.from(div.children[0]?.children || []).forEach((child) => {\n if (child.tagName !== 'script') {\n layer.appendChild(child)\n }\n })\n })\n }\n\n componentWillLoad() {\n this.loadPatternPathData()\n }\n\n render() {\n // Handle aliases (for backward compatibility).\n let cellType = this.type\n\n if (cellType === 'qa-x2f-qc') cellType = 'supelco'\n if (cellType === 'functional') cellType = 'f'\n if (cellType === 'technical') cellType = 't'\n if (cellType === 'plastic') cellType = 'tile'\n if (cellType === 'synthetic') cellType = 'hexagon'\n if (cellType === 'organic') cellType = 'o'\n\n return (\n \n \n \n \n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAe,mzS,MCoCRC,EAAS,M,mCAIM,U,iBAGH,M,cAGH,K,CAGZ,yBAAMC,GACZ,IAA+CC,KAAKC,KAAM,CACxD,M,CAGF,MAAMC,QAAsBC,EAAaH,KAAKC,MAC9CD,KAAKI,GAAGC,WAAWC,iBAAiB,OAAOC,SAASC,I,MAClD,MAAMC,EAAMC,SAASC,cAAc,OACnCF,EAAIG,UAAYV,EAChBW,MAAMC,OAAKC,EAAAN,EAAIO,SAAS,MAAE,MAAAD,SAAA,SAAAA,EAAEC,WAAY,IAAIT,SAASU,IACnD,GAAIA,EAAMC,UAAY,SAAU,CAC9BV,EAAMW,YAAYF,E,IAEpB,G,CAIN,iBAAAG,GACEpB,KAAKD,qB,CAGP,MAAAsB,GAEE,IAAIC,EAAWtB,KAAKC,KAEpB,GAAIqB,IAAa,YAAaA,EAAW,UACzC,GAAIA,IAAa,aAAcA,EAAW,IAC1C,GAAIA,IAAa,YAAaA,EAAW,IACzC,GAAIA,IAAa,UAAWA,EAAW,OACvC,GAAIA,IAAa,YAAaA,EAAW,UACzC,GAAIA,IAAa,UAAWA,EAAW,IAEvC,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CACnB,cACA,gBAAgBJ,IAChBtB,KAAK2B,aAAe,+BAGtBJ,EAAA,OACEE,MAAOC,EAAc,CACnB,+BACA1B,KAAK4B,UAAY,2CAEnBC,QAAQ,gBACRC,KAAK,OACLC,MAAM,6BACNC,KAAK,oBAEPT,EAAA,OACEE,MAAOC,EAAc,CACnB,qBACA1B,KAAK4B,UAAY,iCAEnBC,QAAQ,gBACRC,KAAK,OACLC,MAAM,6BACNC,KAAK,U"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-430fe27d.entry.js b/1704966176737/dist/build/p-430fe27d.entry.js similarity index 100% rename from 1704894792450/dist/build/p-430fe27d.entry.js rename to 1704966176737/dist/build/p-430fe27d.entry.js diff --git a/1704894792450/dist/build/p-430fe27d.entry.js.map b/1704966176737/dist/build/p-430fe27d.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-430fe27d.entry.js.map rename to 1704966176737/dist/build/p-430fe27d.entry.js.map diff --git a/1704894792450/dist/build/p-43a7d779.entry.js b/1704966176737/dist/build/p-43a7d779.entry.js similarity index 100% rename from 1704894792450/dist/build/p-43a7d779.entry.js rename to 1704966176737/dist/build/p-43a7d779.entry.js diff --git a/1704894792450/dist/build/p-43a7d779.entry.js.map b/1704966176737/dist/build/p-43a7d779.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-43a7d779.entry.js.map rename to 1704966176737/dist/build/p-43a7d779.entry.js.map diff --git a/1704894792450/dist/build/p-47f9082b.entry.js b/1704966176737/dist/build/p-47f9082b.entry.js similarity index 100% rename from 1704894792450/dist/build/p-47f9082b.entry.js rename to 1704966176737/dist/build/p-47f9082b.entry.js diff --git a/1704894792450/dist/build/p-47f9082b.entry.js.map b/1704966176737/dist/build/p-47f9082b.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-47f9082b.entry.js.map rename to 1704966176737/dist/build/p-47f9082b.entry.js.map diff --git a/1704894792450/dist/build/p-0a8191fa.entry.js b/1704966176737/dist/build/p-488f0189.entry.js similarity index 67% rename from 1704894792450/dist/build/p-0a8191fa.entry.js rename to 1704966176737/dist/build/p-488f0189.entry.js index 4bbe457b44..cc5f83f061 100644 --- a/1704894792450/dist/build/p-0a8191fa.entry.js +++ b/1704966176737/dist/build/p-488f0189.entry.js @@ -1,2 +1,2 @@ -import{r as l,h as o,H as t}from"./p-21a69c18.js";import{g as a}from"./p-1133c92e.js";const d=':host,svg.ld-loading{--ld-loading-col-base:var(--ld-thm-warning);--ld-loading-col-primary:var(--ld-thm-primary);--ld-loading-col-secondary:var(--ld-thm-secondary);--ld-loading-play-state:running;--ld-loading-size:var(--ld-sp-24);--ld-loading-stretch-dur:4s}:host.ld-loading--neutral,:host:host(.ld-loading--neutral),svg.ld-loading.ld-loading--neutral,svg.ld-loading:host(.ld-loading--neutral){--ld-loading-col-base:var(--ld-col-neutral-100);--ld-loading-col-primary:var(--ld-col-neutral-700);--ld-loading-col-secondary:var(--ld-col-neutral-400)}:host.ld-loading--paused,:host:host(.ld-loading--paused),svg.ld-loading.ld-loading--paused,svg.ld-loading:host(.ld-loading--paused){--ld-loading-play-state:paused}:host,svg.ld-loading{fill:none;border-radius:100%;display:inline-flex;flex-shrink:0;height:var(--ld-loading-size);-webkit-mask-image:url(\'data:image/svg+xml;utf8,\');mask-image:url(\'data:image/svg+xml;utf8,\');overflow:hidden;width:var(--ld-loading-size)}:host circle,svg.ld-loading circle{stroke:var(--ld-loading-col-base);stroke-width:40;stroke-dashoffset:330;stroke-linecap:round;transform-origin:center}:host g circle,svg.ld-loading g circle{stroke-dasharray:570;animation:ld-loading-stretch var(--ld-loading-stretch-dur) ease infinite var(--ld-loading-play-state)}:host g circle:last-of-type,svg.ld-loading g circle:last-of-type{--ld-stroke-dashoffset-from:420;--ld-stroke-dashoffset-to:540}:host g circle:nth-last-of-type(2),svg.ld-loading g circle:nth-last-of-type(2){--ld-stroke-dashoffset-from:300;--ld-stroke-dashoffset-to:490;stroke:var(--ld-loading-col-secondary);stroke-width:39;animation-delay:calc(.2 * var(--ld-loading-stretch-dur))}:host g circle:nth-last-of-type(3),svg.ld-loading g circle:nth-last-of-type(3){--ld-stroke-dashoffset-from:330;--ld-stroke-dashoffset-to:450;stroke:var(--ld-loading-col-primary);stroke-width:39;animation-delay:calc(.4 * var(--ld-loading-stretch-dur))}@keyframes ld-loading-stretch{0%{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}50%{stroke-dashoffset:var(--ld-stroke-dashoffset-to)}to{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}}';const s=class{constructor(o){l(this,o);this.label="Loading";this.neutral=undefined;this.paused=undefined}render(){const l=a(["ld-loading",this.neutral&&"ld-loading--neutral",this.paused&&"ld-loading--paused"]);return o(t,{class:l},o("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet"},o("title",null,this.label),o("circle",{cx:"50",cy:"50",r:"50"}),o("g",null,o("circle",{cx:"50",cy:"50",r:"50"}),o("circle",{cx:"50",cy:"50",r:"50"}),o("circle",{cx:"50",cy:"50",r:"50"}),!this.paused&&o("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",from:"0 50 50",to:"360 50 50",dur:"0.9s",repeatCount:"indefinite"}))))}};s.style=d;export{s as ld_loading}; -//# sourceMappingURL=p-0a8191fa.entry.js.map \ No newline at end of file +import{r as l,h as o,H as t}from"./p-21a69c18.js";import{g as a}from"./p-1133c92e.js";const d=':host,svg.ld-loading{--ld-loading-col-base:var(--ld-thm-warning);--ld-loading-col-primary:var(--ld-thm-primary);--ld-loading-col-secondary:var(--ld-thm-secondary);--ld-loading-play-state:running;--ld-loading-size:var(--ld-sp-24);--ld-loading-stretch-dur:4s}:host.ld-loading--neutral,:host:host(.ld-loading--neutral),svg.ld-loading.ld-loading--neutral,svg.ld-loading:host(.ld-loading--neutral){--ld-loading-col-base:var(--ld-col-neutral-100);--ld-loading-col-primary:var(--ld-col-neutral-700);--ld-loading-col-secondary:var(--ld-col-neutral-400)}:host.ld-loading--paused,:host:host(.ld-loading--paused),svg.ld-loading.ld-loading--paused,svg.ld-loading:host(.ld-loading--paused){--ld-loading-play-state:paused}:host,svg.ld-loading{display:inline-flex;flex-shrink:0;height:var(--ld-loading-size);width:var(--ld-loading-size);fill:none;border-radius:100%;-webkit-mask-image:url(\'data:image/svg+xml;utf8,\');mask-image:url(\'data:image/svg+xml;utf8,\');overflow:hidden}:host circle,svg.ld-loading circle{transform-origin:center;stroke:var(--ld-loading-col-base);stroke-width:40;stroke-dashoffset:330;stroke-linecap:round}:host g circle,svg.ld-loading g circle{stroke-dasharray:570;animation:ld-loading-stretch var(--ld-loading-stretch-dur) ease infinite var(--ld-loading-play-state)}:host g circle:last-of-type,svg.ld-loading g circle:last-of-type{--ld-stroke-dashoffset-from:420;--ld-stroke-dashoffset-to:540}:host g circle:nth-last-of-type(2),svg.ld-loading g circle:nth-last-of-type(2){--ld-stroke-dashoffset-from:300;--ld-stroke-dashoffset-to:490;stroke:var(--ld-loading-col-secondary);animation-delay:calc(.2 * var(--ld-loading-stretch-dur));stroke-width:39}:host g circle:nth-last-of-type(3),svg.ld-loading g circle:nth-last-of-type(3){--ld-stroke-dashoffset-from:330;--ld-stroke-dashoffset-to:450;stroke:var(--ld-loading-col-primary);animation-delay:calc(.4 * var(--ld-loading-stretch-dur));stroke-width:39}@keyframes ld-loading-stretch{0%{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}50%{stroke-dashoffset:var(--ld-stroke-dashoffset-to)}to{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}}';const s=class{constructor(o){l(this,o);this.label="Loading";this.neutral=undefined;this.paused=undefined}render(){const l=a(["ld-loading",this.neutral&&"ld-loading--neutral",this.paused&&"ld-loading--paused"]);return o(t,{class:l},o("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet"},o("title",null,this.label),o("circle",{cx:"50",cy:"50",r:"50"}),o("g",null,o("circle",{cx:"50",cy:"50",r:"50"}),o("circle",{cx:"50",cy:"50",r:"50"}),o("circle",{cx:"50",cy:"50",r:"50"}),!this.paused&&o("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",from:"0 50 50",to:"360 50 50",dur:"0.9s",repeatCount:"indefinite"}))))}};s.style=d;export{s as ld_loading}; +//# sourceMappingURL=p-488f0189.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-0a8191fa.entry.js.map b/1704966176737/dist/build/p-488f0189.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-0a8191fa.entry.js.map rename to 1704966176737/dist/build/p-488f0189.entry.js.map diff --git a/1704966176737/dist/build/p-48d582a3.entry.js b/1704966176737/dist/build/p-48d582a3.entry.js new file mode 100644 index 0000000000..73c6d257f3 --- /dev/null +++ b/1704966176737/dist/build/p-48d582a3.entry.js @@ -0,0 +1,2 @@ +import{r as o,h as t,H as e,g as r}from"./p-21a69c18.js";const c='.docs-toc__content:before{background-color:var(--ld-col-neutral-050)}@media (prefers-color-scheme:dark){.docs-toc__content:before{background-color:var(--ld-col-neutral-400)}}.docs-ui-dark .docs-toc__content:before{background-color:var(--ld-col-neutral-400)}.docs-ui-light .docs-toc__content:before{background-color:var(--ld-col-neutral-050)}.docs-toc{--docs-toc-heading-height:2rem}.docs-toc__content{overflow:hidden;padding:var(--ld-sp-8) var(--ld-sp-24) var(--ld-sp-24) 0}.docs-toc__content:before{border-radius:var(--ld-br-full);bottom:1.25rem;content:"";display:block;left:0;position:absolute;top:calc(1.25rem + var(--docs-toc-heading-height));transform:translateY(-.4rem);width:.1875rem}.docs-toc__nav{margin-right:-3rem;max-height:calc(100vh - var(--docs-toc-top) - 4rem);overflow:visible scroll;padding-right:3rem;position:relative}.docs-toc__nav ol{list-style:none;padding-left:var(--ld-sp-24)}.docs-toc__nav li{margin-top:var(--ld-sp-12)}.docs-toc__nav a{font:var(--ld-typo-label-s);-webkit-text-decoration:none;text-decoration:none}.docs-toc__nav a:before{border-radius:var(--ld-br-full);content:"";display:block;height:2.2rem;left:0;position:absolute;transform:translateY(-.4rem);width:.1875rem}.docs-toc__nav a.docs-toc__link--is-active,.docs-toc__nav a.docs-toc__link--is-target{color:var(--ld-thm-secondary)}.docs-toc__nav a.docs-toc__link--is-active:before{background-color:var(--ld-thm-secondary);z-index:1}.docs-toc__nav a[href="#methods"]+ol a{word-break:break-all}[href="#graph"],[href="#graph"]+ol,[href="#overview"],[href="#overview"]+ol,[href="#shadow-parts"],[href="#shadow-parts"]+ol{display:none}.docs-toc__heading{display:block;font:var(--ld-typo-cap-m);font-weight:400;height:var(--docs-toc-heading-height);text-transform:uppercase}';const s=class{constructor(t){o(this,t);this.headings=undefined}createObserver(o){const t={rootMargin:"-60px 0px -70% 0px",threshold:1};const e=t=>this.handleObserver(t,o);return new IntersectionObserver(e,t)}handleObserver(o,t){for(let e=o.length;e--;){const r=o[e];const{target:c,isIntersecting:s,intersectionRatio:a}=r;if(s&&a>=1){const o=c.getAttribute("id");this.updateLinks(o,t);return}}}updateLinks(o,t){if(["overview","shadow-parts","graph"].includes(o)||!t.find((t=>t.href.split("#")[1]===o))){return}const e=document.getElementById(o);if(e&&e.tagName==="H1"){t.map((o=>{o.classList.remove("docs-toc__link--is-active")}));t[0].classList.add("docs-toc__link--is-active");return}t.map((t=>{const e=t.getAttribute("href");t.classList.remove("docs-toc__link--is-active");if(e===`#${o}`){t.classList.add("docs-toc__link--is-active")}}))}handleClick(o){var t;if(o.target.tagName!=="A")return;o.preventDefault();(t=this.el.querySelector(".docs-toc__link--is-active"))===null||t===void 0?void 0:t.classList.remove("docs-toc__link--is-active");o.target.classList.add("docs-toc__link--is-active");const e=o.target.getAttribute("href").replace("#","");const r=this.headings.find((o=>o.getAttribute("id")===e));r.setAttribute("tabindex","-1");r.focus();window.scroll({top:r.offsetTop-80})}componentDidLoad(){setTimeout((()=>{this.headings=Array.from(document.querySelectorAll("#main > h1, #main > h2, #main > h3"));const o=Array.from(this.el.querySelectorAll("a"));const t=this.createObserver(o);this.headings.map((o=>t.observe(o)))}))}render(){return t(e,{class:"docs-toc"},t("aside",{class:"docs-toc__content"},t("h2",{class:"docs-toc__heading","aria-label":"Content"},"Content"),t("slot",null)))}get el(){return r(this)}};s.style=c;export{s as docs_toc}; +//# sourceMappingURL=p-48d582a3.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-5d7cb542.entry.js.map b/1704966176737/dist/build/p-48d582a3.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-5d7cb542.entry.js.map rename to 1704966176737/dist/build/p-48d582a3.entry.js.map index 15d06d9a47..e34e08f6bd 100644 --- a/1704894792450/dist/build/p-5d7cb542.entry.js.map +++ b/1704966176737/dist/build/p-48d582a3.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["docsTocCss","DocsToc","createObserver","links","options","rootMargin","threshold","callback","entries","this","handleObserver","IntersectionObserver","i","length","entry","target","isIntersecting","intersectionRatio","visibleId","getAttribute","updateLinks","includes","find","link","href","split","heading","document","getElementById","tagName","map","classList","remove","add","handleClick","ev","preventDefault","_a","el","querySelector","id","replace","headings","setAttribute","focus","window","scroll","top","offsetTop","componentDidLoad","setTimeout","Array","from","querySelectorAll","observer","observe","render","h","Host","class"],"sources":["../src/docs/components/docs-toc/docs-toc.css?tag=docs-toc","../src/docs/components/docs-toc/docs-toc.tsx"],"sourcesContent":["@define-mixin docs-toc-ui-light {\n .docs-toc__content::before {\n background-color: var(--ld-col-neutral-050);\n }\n}\n@define-mixin docs-toc-ui-dark {\n .docs-toc__content::before {\n background-color: var(--ld-col-neutral-400);\n }\n}\n\n@mixin docs-toc-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-toc-ui-dark;\n}\n.docs-ui-dark {\n @mixin docs-toc-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-toc-ui-light;\n}\n\n.docs-toc {\n --docs-toc-heading-height: 2rem;\n}\n\n.docs-toc__content {\n overflow: hidden;\n padding: var(--ld-sp-8) var(--ld-sp-24) var(--ld-sp-24) 0;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: calc(1.25rem + var(--docs-toc-heading-height));\n bottom: 1.25rem;\n width: 0.1875rem;\n display: block;\n transform: translateY(-0.4rem);\n border-radius: var(--ld-br-full);\n }\n}\n\n.docs-toc__nav {\n max-height: calc(100vh - var(--docs-toc-top) - 4rem);\n overflow: visible scroll;\n position: relative;\n padding-right: 3rem;\n margin-right: -3rem;\n\n ol {\n list-style: none;\n padding-left: var(--ld-sp-24);\n }\n\n li {\n margin-top: var(--ld-sp-12);\n }\n\n a {\n font: var(--ld-typo-label-s);\n text-decoration: none;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n height: 2.2rem;\n width: 0.1875rem;\n display: block;\n transform: translateY(-0.4rem);\n border-radius: var(--ld-br-full);\n }\n\n &.docs-toc__link--is-active,\n &.docs-toc__link--is-target {\n color: var(--ld-thm-secondary);\n }\n\n &.docs-toc__link--is-active {\n &::before {\n background-color: var(--ld-thm-secondary);\n z-index: 1;\n }\n }\n\n &[href='#methods'] + ol a {\n word-break: break-all;\n }\n }\n}\n\n[href='#overview'],\n[href='#graph'],\n[href='#shadow-parts'] {\n display: none;\n\n & + ol {\n display: none;\n }\n}\n\n.docs-toc__heading {\n display: block;\n font: var(--ld-typo-cap-m);\n font-weight: 400;\n height: var(--docs-toc-heading-height);\n text-transform: uppercase;\n}\n","import { Component, h, Host, Element, Listen, State } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-toc',\n styleUrl: 'docs-toc.css',\n shadow: false,\n})\nexport class DocsToc {\n @Element() el: HTMLElement\n @State() headings: HTMLElement[]\n\n private createObserver(links) {\n const options = {\n rootMargin: '-60px 0px -70% 0px',\n threshold: 1,\n }\n const callback = (entries) => this.handleObserver(entries, links)\n return new IntersectionObserver(callback, options)\n }\n\n private handleObserver(entries, links) {\n for (let i = entries.length; i--; ) {\n const entry = entries[i]\n const { target, isIntersecting, intersectionRatio } = entry\n if (isIntersecting && intersectionRatio >= 1) {\n const visibleId = target.getAttribute('id')\n this.updateLinks(visibleId, links)\n return\n }\n }\n }\n\n private updateLinks(visibleId, links) {\n if (\n ['overview', 'shadow-parts', 'graph'].includes(visibleId) ||\n !links.find((link) => link.href.split('#')[1] === visibleId)\n ) {\n return\n }\n\n const heading = document.getElementById(visibleId)\n if (heading && (heading as HTMLElement).tagName === 'H1') {\n links.map((link) => {\n link.classList.remove('docs-toc__link--is-active')\n })\n links[0].classList.add('docs-toc__link--is-active')\n return\n }\n\n links.map((link) => {\n const href = link.getAttribute('href')\n link.classList.remove('docs-toc__link--is-active')\n if (href === `#${visibleId}`) {\n link.classList.add('docs-toc__link--is-active')\n }\n })\n }\n\n @Listen('click', { capture: true })\n handleClick(ev) {\n if ((ev.target as HTMLElement).tagName !== 'A') return\n\n ev.preventDefault()\n this.el\n .querySelector('.docs-toc__link--is-active')\n ?.classList.remove('docs-toc__link--is-active')\n ev.target.classList.add('docs-toc__link--is-active')\n const id = ev.target.getAttribute('href').replace('#', '')\n const heading = this.headings.find(\n (heading) => heading.getAttribute('id') === id\n )\n heading.setAttribute('tabindex', '-1')\n heading.focus()\n\n window.scroll({\n top: heading.offsetTop - 80,\n })\n }\n\n componentDidLoad() {\n // Generating a list of heading links\n setTimeout(() => {\n this.headings = Array.from(\n document.querySelectorAll('#main > h1, #main > h2, #main > h3')\n )\n\n // Adding an Intersection Observer\n const links = Array.from(this.el.querySelectorAll('a'))\n const observer = this.createObserver(links)\n this.headings.map((heading) => observer.observe(heading))\n })\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,uwD,MCQNC,EAAO,M,iDAIV,cAAAC,CAAeC,GACrB,MAAMC,EAAU,CACdC,WAAY,qBACZC,UAAW,GAEb,MAAMC,EAAYC,GAAYC,KAAKC,eAAeF,EAASL,GAC3D,OAAO,IAAIQ,qBAAqBJ,EAAUH,E,CAGpC,cAAAM,CAAeF,EAASL,GAC9B,IAAK,IAAIS,EAAIJ,EAAQK,OAAQD,KAAO,CAClC,MAAME,EAAQN,EAAQI,GACtB,MAAMG,OAAEA,EAAMC,eAAEA,EAAcC,kBAAEA,GAAsBH,EACtD,GAAIE,GAAkBC,GAAqB,EAAG,CAC5C,MAAMC,EAAYH,EAAOI,aAAa,MACtCV,KAAKW,YAAYF,EAAWf,GAC5B,M,GAKE,WAAAiB,CAAYF,EAAWf,GAC7B,GACE,CAAC,WAAY,eAAgB,SAASkB,SAASH,KAC9Cf,EAAMmB,MAAMC,GAASA,EAAKC,KAAKC,MAAM,KAAK,KAAOP,IAClD,CACA,M,CAGF,MAAMQ,EAAUC,SAASC,eAAeV,GACxC,GAAIQ,GAAYA,EAAwBG,UAAY,KAAM,CACxD1B,EAAM2B,KAAKP,IACTA,EAAKQ,UAAUC,OAAO,4BAA4B,IAEpD7B,EAAM,GAAG4B,UAAUE,IAAI,6BACvB,M,CAGF9B,EAAM2B,KAAKP,IACT,MAAMC,EAAOD,EAAKJ,aAAa,QAC/BI,EAAKQ,UAAUC,OAAO,6BACtB,GAAIR,IAAS,IAAIN,IAAa,CAC5BK,EAAKQ,UAAUE,IAAI,4B,KAMzB,WAAAC,CAAYC,G,MACV,GAAKA,EAAGpB,OAAuBc,UAAY,IAAK,OAEhDM,EAAGC,kBACHC,EAAA5B,KAAK6B,GACFC,cAAc,iCAA6B,MAAAF,SAAA,SAAAA,EAC1CN,UAAUC,OAAO,6BACrBG,EAAGpB,OAAOgB,UAAUE,IAAI,6BACxB,MAAMO,EAAKL,EAAGpB,OAAOI,aAAa,QAAQsB,QAAQ,IAAK,IACvD,MAAMf,EAAUjB,KAAKiC,SAASpB,MAC3BI,GAAYA,EAAQP,aAAa,QAAUqB,IAE9Cd,EAAQiB,aAAa,WAAY,MACjCjB,EAAQkB,QAERC,OAAOC,OAAO,CACZC,IAAKrB,EAAQsB,UAAY,I,CAI7B,gBAAAC,GAEEC,YAAW,KACTzC,KAAKiC,SAAWS,MAAMC,KACpBzB,SAAS0B,iBAAiB,uCAI5B,MAAMlD,EAAQgD,MAAMC,KAAK3C,KAAK6B,GAAGe,iBAAiB,MAClD,MAAMC,EAAW7C,KAAKP,eAAeC,GACrCM,KAAKiC,SAASZ,KAAKJ,GAAY4B,EAASC,QAAQ7B,IAAS,G,CAI7D,MAAA8B,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,YACVF,EAAA,SAAOE,MAAM,qBACXF,EAAA,MAAIE,MAAM,oBAAmB,aAAY,WAAS,WAGlDF,EAAA,c"} \ No newline at end of file +{"version":3,"names":["docsTocCss","DocsToc","createObserver","links","options","rootMargin","threshold","callback","entries","this","handleObserver","IntersectionObserver","i","length","entry","target","isIntersecting","intersectionRatio","visibleId","getAttribute","updateLinks","includes","find","link","href","split","heading","document","getElementById","tagName","map","classList","remove","add","handleClick","ev","preventDefault","_a","el","querySelector","id","replace","headings","setAttribute","focus","window","scroll","top","offsetTop","componentDidLoad","setTimeout","Array","from","querySelectorAll","observer","observe","render","h","Host","class"],"sources":["../src/docs/components/docs-toc/docs-toc.css?tag=docs-toc","../src/docs/components/docs-toc/docs-toc.tsx"],"sourcesContent":["@define-mixin docs-toc-ui-light {\n .docs-toc__content::before {\n background-color: var(--ld-col-neutral-050);\n }\n}\n@define-mixin docs-toc-ui-dark {\n .docs-toc__content::before {\n background-color: var(--ld-col-neutral-400);\n }\n}\n\n@mixin docs-toc-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-toc-ui-dark;\n}\n.docs-ui-dark {\n @mixin docs-toc-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-toc-ui-light;\n}\n\n.docs-toc {\n --docs-toc-heading-height: 2rem;\n}\n\n.docs-toc__content {\n overflow: hidden;\n padding: var(--ld-sp-8) var(--ld-sp-24) var(--ld-sp-24) 0;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: calc(1.25rem + var(--docs-toc-heading-height));\n bottom: 1.25rem;\n width: 0.1875rem;\n display: block;\n transform: translateY(-0.4rem);\n border-radius: var(--ld-br-full);\n }\n}\n\n.docs-toc__nav {\n max-height: calc(100vh - var(--docs-toc-top) - 4rem);\n overflow: visible scroll;\n position: relative;\n padding-right: 3rem;\n margin-right: -3rem;\n\n ol {\n list-style: none;\n padding-left: var(--ld-sp-24);\n }\n\n li {\n margin-top: var(--ld-sp-12);\n }\n\n a {\n font: var(--ld-typo-label-s);\n text-decoration: none;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n height: 2.2rem;\n width: 0.1875rem;\n display: block;\n transform: translateY(-0.4rem);\n border-radius: var(--ld-br-full);\n }\n\n &.docs-toc__link--is-active,\n &.docs-toc__link--is-target {\n color: var(--ld-thm-secondary);\n }\n\n &.docs-toc__link--is-active {\n &::before {\n background-color: var(--ld-thm-secondary);\n z-index: 1;\n }\n }\n\n &[href='#methods'] + ol a {\n word-break: break-all;\n }\n }\n}\n\n[href='#overview'],\n[href='#graph'],\n[href='#shadow-parts'] {\n display: none;\n\n & + ol {\n display: none;\n }\n}\n\n.docs-toc__heading {\n display: block;\n font: var(--ld-typo-cap-m);\n font-weight: 400;\n height: var(--docs-toc-heading-height);\n text-transform: uppercase;\n}\n","import { Component, h, Host, Element, Listen, State } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-toc',\n styleUrl: 'docs-toc.css',\n shadow: false,\n})\nexport class DocsToc {\n @Element() el: HTMLElement\n @State() headings: HTMLElement[]\n\n private createObserver(links) {\n const options = {\n rootMargin: '-60px 0px -70% 0px',\n threshold: 1,\n }\n const callback = (entries) => this.handleObserver(entries, links)\n return new IntersectionObserver(callback, options)\n }\n\n private handleObserver(entries, links) {\n for (let i = entries.length; i--; ) {\n const entry = entries[i]\n const { target, isIntersecting, intersectionRatio } = entry\n if (isIntersecting && intersectionRatio >= 1) {\n const visibleId = target.getAttribute('id')\n this.updateLinks(visibleId, links)\n return\n }\n }\n }\n\n private updateLinks(visibleId, links) {\n if (\n ['overview', 'shadow-parts', 'graph'].includes(visibleId) ||\n !links.find((link) => link.href.split('#')[1] === visibleId)\n ) {\n return\n }\n\n const heading = document.getElementById(visibleId)\n if (heading && (heading as HTMLElement).tagName === 'H1') {\n links.map((link) => {\n link.classList.remove('docs-toc__link--is-active')\n })\n links[0].classList.add('docs-toc__link--is-active')\n return\n }\n\n links.map((link) => {\n const href = link.getAttribute('href')\n link.classList.remove('docs-toc__link--is-active')\n if (href === `#${visibleId}`) {\n link.classList.add('docs-toc__link--is-active')\n }\n })\n }\n\n @Listen('click', { capture: true })\n handleClick(ev) {\n if ((ev.target as HTMLElement).tagName !== 'A') return\n\n ev.preventDefault()\n this.el\n .querySelector('.docs-toc__link--is-active')\n ?.classList.remove('docs-toc__link--is-active')\n ev.target.classList.add('docs-toc__link--is-active')\n const id = ev.target.getAttribute('href').replace('#', '')\n const heading = this.headings.find(\n (heading) => heading.getAttribute('id') === id\n )\n heading.setAttribute('tabindex', '-1')\n heading.focus()\n\n window.scroll({\n top: heading.offsetTop - 80,\n })\n }\n\n componentDidLoad() {\n // Generating a list of heading links\n setTimeout(() => {\n this.headings = Array.from(\n document.querySelectorAll('#main > h1, #main > h2, #main > h3')\n )\n\n // Adding an Intersection Observer\n const links = Array.from(this.el.querySelectorAll('a'))\n const observer = this.createObserver(links)\n this.headings.map((heading) => observer.observe(heading))\n })\n }\n\n render() {\n return (\n \n \n \n )\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,kuD,MCQNC,EAAO,M,iDAIV,cAAAC,CAAeC,GACrB,MAAMC,EAAU,CACdC,WAAY,qBACZC,UAAW,GAEb,MAAMC,EAAYC,GAAYC,KAAKC,eAAeF,EAASL,GAC3D,OAAO,IAAIQ,qBAAqBJ,EAAUH,E,CAGpC,cAAAM,CAAeF,EAASL,GAC9B,IAAK,IAAIS,EAAIJ,EAAQK,OAAQD,KAAO,CAClC,MAAME,EAAQN,EAAQI,GACtB,MAAMG,OAAEA,EAAMC,eAAEA,EAAcC,kBAAEA,GAAsBH,EACtD,GAAIE,GAAkBC,GAAqB,EAAG,CAC5C,MAAMC,EAAYH,EAAOI,aAAa,MACtCV,KAAKW,YAAYF,EAAWf,GAC5B,M,GAKE,WAAAiB,CAAYF,EAAWf,GAC7B,GACE,CAAC,WAAY,eAAgB,SAASkB,SAASH,KAC9Cf,EAAMmB,MAAMC,GAASA,EAAKC,KAAKC,MAAM,KAAK,KAAOP,IAClD,CACA,M,CAGF,MAAMQ,EAAUC,SAASC,eAAeV,GACxC,GAAIQ,GAAYA,EAAwBG,UAAY,KAAM,CACxD1B,EAAM2B,KAAKP,IACTA,EAAKQ,UAAUC,OAAO,4BAA4B,IAEpD7B,EAAM,GAAG4B,UAAUE,IAAI,6BACvB,M,CAGF9B,EAAM2B,KAAKP,IACT,MAAMC,EAAOD,EAAKJ,aAAa,QAC/BI,EAAKQ,UAAUC,OAAO,6BACtB,GAAIR,IAAS,IAAIN,IAAa,CAC5BK,EAAKQ,UAAUE,IAAI,4B,KAMzB,WAAAC,CAAYC,G,MACV,GAAKA,EAAGpB,OAAuBc,UAAY,IAAK,OAEhDM,EAAGC,kBACHC,EAAA5B,KAAK6B,GACFC,cAAc,iCAA6B,MAAAF,SAAA,SAAAA,EAC1CN,UAAUC,OAAO,6BACrBG,EAAGpB,OAAOgB,UAAUE,IAAI,6BACxB,MAAMO,EAAKL,EAAGpB,OAAOI,aAAa,QAAQsB,QAAQ,IAAK,IACvD,MAAMf,EAAUjB,KAAKiC,SAASpB,MAC3BI,GAAYA,EAAQP,aAAa,QAAUqB,IAE9Cd,EAAQiB,aAAa,WAAY,MACjCjB,EAAQkB,QAERC,OAAOC,OAAO,CACZC,IAAKrB,EAAQsB,UAAY,I,CAI7B,gBAAAC,GAEEC,YAAW,KACTzC,KAAKiC,SAAWS,MAAMC,KACpBzB,SAAS0B,iBAAiB,uCAI5B,MAAMlD,EAAQgD,MAAMC,KAAK3C,KAAK6B,GAAGe,iBAAiB,MAClD,MAAMC,EAAW7C,KAAKP,eAAeC,GACrCM,KAAKiC,SAASZ,KAAKJ,GAAY4B,EAASC,QAAQ7B,IAAS,G,CAI7D,MAAA8B,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,YACVF,EAAA,SAAOE,MAAM,qBACXF,EAAA,MAAIE,MAAM,oBAAmB,aAAY,WAAS,WAGlDF,EAAA,c"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-49b9f144.js b/1704966176737/dist/build/p-49b9f144.js similarity index 100% rename from 1704894792450/dist/build/p-49b9f144.js rename to 1704966176737/dist/build/p-49b9f144.js diff --git a/1704894792450/dist/build/p-49b9f144.js.map b/1704966176737/dist/build/p-49b9f144.js.map similarity index 100% rename from 1704894792450/dist/build/p-49b9f144.js.map rename to 1704966176737/dist/build/p-49b9f144.js.map diff --git a/1704966176737/dist/build/p-4a9a72a7.entry.js b/1704966176737/dist/build/p-4a9a72a7.entry.js new file mode 100644 index 0000000000..e8dc8f5b6f --- /dev/null +++ b/1704966176737/dist/build/p-4a9a72a7.entry.js @@ -0,0 +1,2 @@ +import{r as t,c as i,h as d,H as n,g as e}from"./p-21a69c18.js";import{c as l}from"./p-71026bf3.js";import{g as o}from"./p-1133c92e.js";import{r as a}from"./p-8dc70a87.js";import{i as s}from"./p-b05f0e4e.js";const r=':host>input [type=file]{pointer-events:none}.ld-input,:host{--ld-input-padding-x-sm:0.5rem;--ld-input-padding-x-md:0.625rem;--ld-input-padding-x-lg:0.875rem;--ld-input-padding-top-sm:0.25rem;--ld-input-padding-top-md:0.625rem;--ld-input-padding-top-lg:0.625rem;--ld-input-padding-bottom-sm:0.25rem;--ld-input-padding-bottom-md:0.6875rem;--ld-input-padding-bottom-lg:0.6875rem;--ld-input-min-height-sm:2rem;--ld-input-min-height-md:2.5rem;--ld-input-min-height-lg:3.125rem;--ld-input-max-height-sm:2rem;--ld-input-max-height-md:2.5rem;--ld-input-max-height-lg:3.125rem;--ld-input-time-min-width-sm:5.125rem;--ld-input-time-min-width-md:6.25rem;--ld-input-time-min-width-lg:7.5rem;--ld-input-bg-col-disabled:var(--ld-col-neutral-010);--ld-input-bg-col-invalid-focus:var(--ld-col-wht);--ld-input-bg-col-invalid:var(--ld-thm-error-disabled);--ld-input-bg-col:var(--ld-col-wht);--ld-input-border-col-disabled:var(--ld-col-neutral-100);--ld-input-border-col-hover:var(--ld-col-neutral-300);--ld-input-border-col:var(--ld-col-neutral-100);--ld-input-icon-col-focus:var(--ld-thm-primary-focus);--ld-input-icon-col-invalid-focus:var(--ld-thm-error-focus);--ld-input-icon-col:var(--ld-thm-primary);--ld-input-placeholder-opacity:0.6;--ld-input-text-col-disabled:var(--ld-col-neutral-300);--ld-input-text-col-invalid-focus:var(--ld-col-neutral-900);--ld-input-text-col-invalid:var(--ld-thm-error);--ld-input-text-col:var(--ld-col-neutral-900);--ld-input-dark-bg-col-focus:var(--ld-col-wht);--ld-input-dark-bg-col:var(--ld-col-neutral-010);align-items:center;background-color:var(--ld-input-bg-col);border-radius:var(--ld-br-m);color:var(--ld-input-text-col);cursor:text;display:inline-flex;line-height:1;max-width:100%;min-height:var(--ld-input-min-height-md);position:relative}.ld-input:before,:host:before{border-radius:var(--ld-br-m);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col);content:"";display:block;inset:0;pointer-events:none;position:absolute}.ld-input :where(input),:host :where(input){margin:0}.ld-input ::slotted(*),.ld-input>:where(:not(input):not(textarea)),:host ::slotted(*),:host>:where(:not(input):not(textarea)){-webkit-user-select:none;user-select:none}.ld-input ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-md)}.ld-input ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-md)}.ld-input>input,:host>input{align-self:stretch;color:var(--ld-input-text-col);max-height:var(--ld-input-max-height-md);-webkit-text-fill-color:var(--ld-input-text-col)}.ld-input>input[type=file],:host>input[type=file]{opacity:0}.ld-input>input[type=file]::-webkit-file-upload-button,:host>input[type=file]::-webkit-file-upload-button{display:none}.ld-input>input[type=number],:host>input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ld-input>input[type=number]::-webkit-inner-spin-button,.ld-input>input[type=number]::-webkit-outer-spin-button,:host>input[type=number]::-webkit-inner-spin-button,:host>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ld-input>input[type=search]::-webkit-search-cancel-button,.ld-input>input[type=search]::-webkit-search-decoration,.ld-input>input[type=search]::-webkit-search-results-button,.ld-input>input[type=search]::-webkit-search-results-decoration,:host>input[type=search]::-webkit-search-cancel-button,:host>input[type=search]::-webkit-search-decoration,:host>input[type=search]::-webkit-search-results-button,:host>input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.ld-input>input::-webkit-calendar-picker-indicator,:host>input::-webkit-calendar-picker-indicator{background:var(--ld-input-icon-col);cursor:pointer;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;outline:none}.ld-input>input::-webkit-calendar-picker-indicator:focus:focus-visible,:host>input::-webkit-calendar-picker-indicator:focus:focus-visible{background:var(--ld-input-icon-col-focus)}.ld-input>input[type=date]::-webkit-calendar-picker-indicator,.ld-input>input[type=datetime-local]::-webkit-calendar-picker-indicator,:host>input[type=date]::-webkit-calendar-picker-indicator,:host>input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-image:url(\'data:image/svg+xml;utf8,\');mask-image:url(\'data:image/svg+xml;utf8,\');transform:translateY(4%)}.ld-input>input[type=time],:host>input[type=time]{min-width:var(--ld-input-time-min-width-md)}.ld-input>input[type=time]::-webkit-calendar-picker-indicator,:host>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-image:url(\'data:image/svg+xml;utf8,\');mask-image:url(\'data:image/svg+xml;utf8,\')}.ld-input>input,.ld-input>textarea,:host>input,:host>textarea{-webkit-appearance:none;appearance:none;background-color:#fff0;border:0;border-radius:var(--ld-br-m);box-sizing:border-box;font:var(--ld-typo-body-m);line-height:1;outline:none;padding:var(--ld-input-padding-top-md) var(--ld-input-padding-x-md) var(--ld-input-padding-bottom-md);width:100%}.ld-input>input::placeholder,.ld-input>textarea::placeholder,:host>input::placeholder,:host>textarea::placeholder{opacity:var(--ld-input-placeholder-opacity)}.ld-input>textarea,:host>textarea{flex-grow:1;height:100%;max-height:inherit;min-height:inherit}.ld-input ::slotted(.ld-button),.ld-input ::slotted(ld-button),.ld-input>.ld-button,.ld-input>ld-button,:host ::slotted(.ld-button),:host ::slotted(ld-button),:host>.ld-button,:host>ld-button{--ld-button-ghost-bg-color-active:#0000;--ld-button-ghost-bg-color-focus:#0000;--ld-button-ghost-bg-color-hover:#0000;flex-shrink:0;z-index:0}.ld-input ::slotted(.ld-button[slot=start]),.ld-input ::slotted(ld-button[slot=start]),.ld-input>.ld-button:where(:not([slot=end])):first-child,.ld-input>ld-button:where(:not([slot=end])):first-child,:host ::slotted(.ld-button[slot=start]),:host ::slotted(ld-button[slot=start]),:host>.ld-button:where(:not([slot=end])):first-child,:host>ld-button:where(:not([slot=end])):first-child{--ld-button-border-top-right-radius:0;--ld-button-border-bottom-right-radius:0}.ld-input ::slotted(.ld-button[slot=end]),.ld-input ::slotted(ld-button[slot=end]),.ld-input>.ld-button:where(:not([slot=start])):last-child,.ld-input>ld-button:where(:not([slot=start])):last-child,:host ::slotted(.ld-button[slot=end]),:host ::slotted(ld-button[slot=end]),:host>.ld-button:where(:not([slot=start])):last-child,:host>ld-button:where(:not([slot=start])):last-child{--ld-button-border-top-left-radius:0;--ld-button-border-bottom-left-radius:0}.ld-input ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host ::slotted(ld-button[mode=ghost]:where([slot=start])),:host>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-md))}.ld-input ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host ::slotted(ld-button[mode=ghost]:where([slot=end])),:host>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-md))}.ld-input ::slotted(.ld-icon),.ld-input ::slotted(ld-icon),.ld-input>.ld-icon,.ld-input>ld-icon,:host ::slotted(.ld-icon),:host ::slotted(ld-icon),:host>.ld-icon,:host>ld-icon{color:var(--ld-input-icon-col);cursor:text;display:inline-flex}.ld-input--resize-both>textarea,:host(.ld-input--resize-both)>textarea{resize:both}.ld-input--resize-horizontal>textarea,:host(.ld-input--resize-horizontal)>textarea{resize:horizontal}.ld-input--resize-vertical>textarea,:host(.ld-input--resize-vertical)>textarea{resize:vertical}.ld-input--resize-none>textarea,:host(.ld-input--resize-none)>textarea{resize:none}.ld-input--sm,:host(.ld-input--sm){min-height:var(--ld-input-min-height-sm)}.ld-input--sm ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input--sm>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host(.ld-input--sm) ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host(.ld-input--sm)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-sm)}.ld-input--sm ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input--sm>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host(.ld-input--sm) ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host(.ld-input--sm)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-sm)}.ld-input--sm>input,:host(.ld-input--sm)>input{max-height:var(--ld-input-max-height-sm)}.ld-input--sm>input[type=date]::-webkit-calendar-picker-indicator,.ld-input--sm>input[type=datetime-local]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=date]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-size:65%;mask-size:65%}.ld-input--sm>input[type=time],:host(.ld-input--sm)>input[type=time]{min-width:var(--ld-input-time-min-width-sm)}.ld-input--sm>input[type=time]::-webkit-calendar-picker-indicator,:host(.ld-input--sm)>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-size:85%;mask-size:85%}.ld-input--sm>input,.ld-input--sm>textarea,:host(.ld-input--sm)>input,:host(.ld-input--sm)>textarea{font:var(--ld-typo-body-s);padding:var(--ld-input-padding-top-sm) var(--ld-input-padding-x-sm) var(--ld-input-padding-bottom-sm)}.ld-input--sm ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input--sm ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input--sm>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input--sm>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host(.ld-input--sm) ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host(.ld-input--sm) ::slotted(ld-button[mode=ghost]:where([slot=start])),:host(.ld-input--sm)>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host(.ld-input--sm)>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-sm))}.ld-input--sm ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input--sm ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input--sm>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input--sm>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host(.ld-input--sm) ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host(.ld-input--sm) ::slotted(ld-button[mode=ghost]:where([slot=end])),:host(.ld-input--sm)>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host(.ld-input--sm)>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-sm))}.ld-input--lg,:host(.ld-input--lg){min-height:var(--ld-input-min-height-lg)}.ld-input--lg ::slotted(:not(ld-button):not(.ld-button)[slot=start]),.ld-input--lg>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child),:host(.ld-input--lg) ::slotted(:not(ld-button):not(.ld-button)[slot=start]),:host(.ld-input--lg)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=end]):first-child){margin-left:var(--ld-input-padding-x-lg)}.ld-input--lg ::slotted(:not(ld-button):not(.ld-button)[slot=end]),.ld-input--lg>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child),:host(.ld-input--lg) ::slotted(:not(ld-button):not(.ld-button)[slot=end]),:host(.ld-input--lg)>:where(:not(input):not(textarea):not(ld-button):not(.ld-button):not([slot=start]):last-child){margin-right:var(--ld-input-padding-x-lg)}.ld-input--lg>input,:host(.ld-input--lg)>input{max-height:var(--ld-input-max-height-lg)}.ld-input--lg>input[type=date]::-webkit-calendar-picker-indicator,:host(.ld-input--lg)>input[type=date]::-webkit-calendar-picker-indicator{-webkit-mask-size:90%;mask-size:90%}.ld-input--lg>input[type=time],:host(.ld-input--lg)>input[type=time]{min-width:var(--ld-input-time-min-width-lg)}.ld-input--lg>input[type=time]::-webkit-calendar-picker-indicator,:host(.ld-input--lg)>input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-size:114%;mask-size:114%}.ld-input--lg>input,.ld-input--lg>textarea,:host(.ld-input--lg)>input,:host(.ld-input--lg)>textarea{font:var(--ld-typo-body-l);padding:var(--ld-input-padding-top-lg) var(--ld-input-padding-x-lg) var(--ld-input-padding-bottom-lg) var(--ld-input-padding-x-lg)}.ld-input--lg ::slotted(.ld-button.ld-button--ghost:where([slot=start])),.ld-input--lg ::slotted(ld-button[mode=ghost]:where([slot=start])),.ld-input--lg>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,.ld-input--lg>ld-button[mode=ghost]:where(:not([slot=end])):first-child,:host(.ld-input--lg) ::slotted(.ld-button.ld-button--ghost:where([slot=start])),:host(.ld-input--lg) ::slotted(ld-button[mode=ghost]:where([slot=start])),:host(.ld-input--lg)>.ld-button.ld-button--ghost:where(:not([slot=end])):first-child,:host(.ld-input--lg)>ld-button[mode=ghost]:where(:not([slot=end])):first-child{margin-right:calc(-1 * var(--ld-input-padding-x-lg))}.ld-input--lg ::slotted(.ld-button.ld-button--ghost:where([slot=end])),.ld-input--lg ::slotted(ld-button[mode=ghost]:where([slot=end])),.ld-input--lg>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,.ld-input--lg>ld-button[mode=ghost]:where(:not([slot=start])):last-child,:host(.ld-input--lg) ::slotted(.ld-button.ld-button--ghost:where([slot=end])),:host(.ld-input--lg) ::slotted(ld-button[mode=ghost]:where([slot=end])),:host(.ld-input--lg)>.ld-button.ld-button--ghost:where(:not([slot=start])):last-child,:host(.ld-input--lg)>ld-button[mode=ghost]:where(:not([slot=start])):last-child{margin-left:calc(-1 * var(--ld-input-padding-x-lg))}.ld-input--dark,:host(.ld-input--dark){background-color:var(--ld-input-dark-bg-col)}@media (hover:hover){.ld-input:not(.ld-input--invalid):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-input--disabled):hover:not(:focus-within):before,:host(:not(.ld-input--invalid):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(.ld-input--disabled):hover:not(:focus-within)):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-hover)}}.ld-input:not(.ld-input--invalid):focus-within:before,:host(:not(.ld-input--invalid):focus-within):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-thm-primary)}.ld-input--dark:not(.ld-input--invalid):focus-within,:host(.ld-input--dark:not(.ld-input--invalid):focus-within){background-color:var(--ld-input-dark-bg-col-focus)}.ld-input--invalid:focus-within,:host(.ld-input--invalid:focus-within){background-color:var(--ld-input-bg-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:not(:focus)),:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):where(:not(:focus))){background-color:var(--ld-input-bg-col-invalid);color:var(--ld-input-text-col-invalid);-webkit-text-fill-color:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):before,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input,.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>textarea,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>textarea{color:var(--ld-input-text-col-invalid);-webkit-text-fill-color:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input::-webkit-calendar-picker-indicator,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input::-webkit-calendar-picker-indicator{background:var(--ld-input-text-col-invalid)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))>input::-webkit-calendar-picker-indicator:focus:focus-visible,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))>input::-webkit-calendar-picker-indicator:focus:focus-visible{background:var(--ld-input-icon-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within){background-color:var(--ld-input-bg-col-invalid-focus)}.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within>input,.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within>textarea,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within)>input,:host(.ld-input--invalid:not(.ld-input--disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus-within)>textarea{color:var(--ld-input-text-col-invalid-focus);-webkit-text-fill-color:var(--ld-input-text-col-invalid-focus)}.ld-input.ld-input--disabled,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host(.ld-input--disabled),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){background-color:var(--ld-input-bg-col-disabled);color:var(--ld-input-text-col-disabled)}.ld-input.ld-input--disabled:before,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):before,:host(.ld-input--disabled):before,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-disabled)}.ld-input.ld-input--disabled input,.ld-input.ld-input--disabled textarea,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) input,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) textarea,:host(.ld-input--disabled) input,:host(.ld-input--disabled) textarea,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) input,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) textarea{caret-color:#0000;color:var(--ld-input-text-col-disabled);-webkit-text-fill-color:var(--ld-input-text-col-disabled)}.ld-input.ld-input--disabled input::-webkit-calendar-picker-indicator,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) input::-webkit-calendar-picker-indicator,:host(.ld-input--disabled) input::-webkit-calendar-picker-indicator,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) input::-webkit-calendar-picker-indicator{background:var(--ld-input-text-col-disabled);pointer-events:none}.ld-input.ld-input--disabled .ld-icon,.ld-input.ld-input--disabled ::slotted(.ld-icon),.ld-input.ld-input--disabled ::slotted(ld-icon),.ld-input.ld-input--disabled ld-icon,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) .ld-icon,.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ::slotted(.ld-icon),.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ::slotted(ld-icon),.ld-input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) ld-icon,:host(.ld-input--disabled) .ld-icon,:host(.ld-input--disabled) ::slotted(.ld-icon),:host(.ld-input--disabled) ::slotted(ld-icon),:host(.ld-input--disabled) ld-icon,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) .ld-icon,:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ::slotted(.ld-icon),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ::slotted(ld-icon),:host([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))) ld-icon{color:currentColor}.ld-input__placeholder{align-items:center;display:flex;height:100%;left:var(--ld-input-padding-x-md);margin-right:0;opacity:var(--ld-input-placeholder-opacity);overflow:hidden;pointer-events:none;position:absolute;right:var(--ld-input-padding-x-md);text-overflow:ellipsis;white-space:nowrap}.ld-select__slot-container{display:none}';var u=undefined&&undefined.__rest||function(t,i){var d={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&i.indexOf(n)<0)d[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var e=0,n=Object.getOwnPropertySymbols(t);et.type==="file";this.handleChange=t=>{this.el.dispatchEvent(new InputEvent("change",t));this.ldchange.emit(this.value)};this.handleInput=()=>{this.value=this.input.value;this.ldinput.emit(this.value)};this.handleClick=t=>{const i="composedPath"in t?t.composedPath()[0]:t["target"];if(this.el.disabled||s(this.el.ariaDisabled)){t.preventDefault();return}if(i.closest("ld-button"))return;if(this.el.shadowRoot.activeElement!==this.input){this.input.focus()}if(i===this.el){this.input.dispatchEvent(new MouseEvent("click",{bubbles:false}))}};this.handleKeyDown=t=>{var i;const d=this.el.closest("form");const n=this.form?(i=document.querySelector(`#${this.form}`))!==null&&i!==void 0?i:d:d;if(s(this.el.ariaDisabled)&&!["ArrowLeft","ArrowRight","Tab"].includes(t.key)){t.preventDefault()}else if(!this.multiline&&t.key==="Enter"&&n){n.requestSubmit()}};this.accept=undefined;this.ariaDisabled=undefined;this.autocomplete=undefined;this.autofocus=undefined;this.capture=undefined;this.cols=undefined;this.dirname=undefined;this.disabled=undefined;this.form=undefined;this.invalid=undefined;this.ldTabindex=undefined;this.list=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.multiline=undefined;this.multiple=undefined;this.name=undefined;this.pattern=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.resize="both";this.rows=undefined;this.size=undefined;this.step=undefined;this.tone=undefined;this.type=undefined;this.value=undefined;this.clonedAttributes=undefined}async focusInner(){if(this.input!==undefined){this.input.focus()}}updateHiddenInput(){const t=this.el.closest("form");if(!this.hiddenInput&&this.name&&(t||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(this.dirname){this.hiddenInput.dirName=this.dirname}if(this.name){this.hiddenInput.name=this.name}else if(this.hiddenInput.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(t){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined;return}}if(this.isInputTypeFile(this.input)){const t=this.input.cloneNode();t.style.display="none";this.hiddenInput.replaceWith(t);this.hiddenInput=t}else{if(this.value){this.hiddenInput.value=this.value}else if(this.hiddenInput.value){this.hiddenInput.removeAttribute("value")}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="hidden";this.el.appendChild(this.hiddenInput)}updateIconAndButtonSize(){this.el.querySelectorAll("ld-button").forEach((t=>{if(this.size!==undefined){t.setAttribute("size",this.size)}else{t.removeAttribute("size")}}));this.el.querySelectorAll(".ld-button").forEach((t=>{if(this.size==="sm"){t.classList.remove("ld-button--lg");t.classList.add("ld-button--sm")}else if(this.size==="lg"){t.classList.remove("ld-button--sm");t.classList.add("ld-button--lg")}else{t.classList.remove("ld-button--sm","ld-button--lg")}}));this.el.querySelectorAll("ld-icon").forEach((t=>{if(this.size!==undefined){t.setAttribute("size",this.size)}else{t.removeAttribute("size")}}));this.el.querySelectorAll(".ld-icon").forEach((t=>{if(this.size==="sm"){t.classList.remove("ld-icon--lg");t.classList.add("ld-icon--sm")}else if(this.size==="lg"){t.classList.remove("ld-icon--sm");t.classList.add("ld-icon--lg")}else{t.classList.remove("ld-icon--sm","ld-icon--lg")}}))}componentWillLoad(){Object.defineProperty(this.el,"files",{get:()=>{if(this.isInputTypeFile(this.input)){return this.input.files}return undefined}});this.attributesObserver=l.call(this,["multiline","autocomplete","value"]);const t=this.el.closest("form");if(t&&!this.autocomplete){this.autocomplete=t.getAttribute("autocomplete")}if(this.name&&(t||this.form)){this.createHiddenInput();this.hiddenInput.name=this.name;if(this.dirname){this.hiddenInput.dirName=this.dirname}if(this.form){this.hiddenInput.setAttribute("form",this.form)}if(this.value){this.hiddenInput.value=this.value}}this.updateIconAndButtonSize();a(this.autofocus)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){var t,i;const e=o(["ld-input",this.disabled&&`ld-input--disabled`,this.size&&`ld-input--${this.size}`,this.tone&&`ld-input--${this.tone}`,this.invalid&&"ld-input--invalid",this.multiline&&this.resize&&`ld-input--resize-${this.resize}`]);if(this.multiline){const i=this.clonedAttributes,{type:l}=i,o=u(i,["type"]);return d(n,{class:e,onClick:this.handleClick},d("textarea",Object.assign({},o,{"aria-disabled":this.disabled||s(this.ariaDisabled)?"true":undefined,disabled:this.disabled,readonly:this.readonly,onChange:this.handleChange,onInput:this.handleInput,part:"input focusable",ref:t=>this.input=t,tabIndex:this.ldTabindex,value:this.value})),l==="file"&&d("span",{class:"ld-input__placeholder",part:"placeholder"},((t=this.input)===null||t===void 0?void 0:t.value)||this.placeholder))}return d(n,{class:e,onClick:this.handleClick},d("slot",{name:"start"}),d("input",Object.assign({},this.clonedAttributes,{"aria-disabled":this.disabled||s(this.ariaDisabled)?"true":undefined,autocomplete:this.autocomplete,disabled:this.disabled,onChange:this.handleChange,onInput:this.handleInput,onKeyDown:this.handleKeyDown,part:"input focusable",placeholder:this.placeholder,readonly:this.readonly,ref:t=>this.input=t,tabIndex:this.ldTabindex,type:this.type,value:this.value||undefined})),this.type==="file"&&d("span",{class:"ld-input__placeholder",part:"placeholder"},((i=this.input)===null||i===void 0?void 0:i.value)||this.placeholder),d("slot",{name:"end"}))}get el(){return e(this)}static get watchers(){return{dirname:["updateHiddenInput"],form:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"],size:["updateIconAndButtonSize"]}}};h.style=r;export{h as ld_input}; +//# sourceMappingURL=p-4a9a72a7.entry.js.map \ No newline at end of file diff --git a/dist/build/p-b1fb6a28.entry.js.map b/1704966176737/dist/build/p-4a9a72a7.entry.js.map similarity index 99% rename from dist/build/p-b1fb6a28.entry.js.map rename to 1704966176737/dist/build/p-4a9a72a7.entry.js.map index 45aae5356b..53113a7eb9 100644 --- a/dist/build/p-b1fb6a28.entry.js.map +++ b/1704966176737/dist/build/p-4a9a72a7.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldInputCss","LdInput","this","isInputTypeFile","input","type","handleChange","ev","el","dispatchEvent","InputEvent","ldchange","emit","value","handleInput","ldinput","handleClick","target","composedPath","disabled","isAriaDisabled","ariaDisabled","preventDefault","closest","shadowRoot","activeElement","focus","MouseEvent","bubbles","handleKeyDown","outerForm","formToSubmit","form","_a","document","querySelector","includes","key","multiline","requestSubmit","focusInner","undefined","updateHiddenInput","hiddenInput","name","createHiddenInput","dirname","dirName","remove","setAttribute","getAttribute","removeAttribute","clonedInput","cloneNode","style","display","replaceWith","createElement","appendChild","updateIconAndButtonSize","querySelectorAll","forEach","button","size","classList","add","icon","componentWillLoad","Object","defineProperty","get","files","attributesObserver","cloneAttributes","call","autocomplete","registerAutofocus","autofocus","disconnectedCallback","disconnect","render","cl","getClassNames","tone","invalid","resize","_c","clonedAttributes","clonedAttributesWithoutType","__rest","h","Host","class","onClick","assign","readonly","onChange","onInput","part","ref","tabIndex","ldTabindex","placeholder","onKeyDown","_b"],"sources":["../src/liquid/components/ld-input/ld-input.css?tag=ld-input&encapsulation=shadow","../src/liquid/components/ld-input/ld-input.tsx"],"sourcesContent":[":host > input [type='file'] {\n pointer-events: none; /* important for Safari */\n}\n\n:host,\n.ld-input {\n --ld-input-padding-x-sm: 0.5rem;\n --ld-input-padding-x-md: 0.625rem;\n --ld-input-padding-x-lg: 0.875rem;\n --ld-input-padding-top-sm: 0.25rem;\n --ld-input-padding-top-md: 0.625rem;\n --ld-input-padding-top-lg: 0.625rem;\n --ld-input-padding-bottom-sm: 0.25rem;\n --ld-input-padding-bottom-md: 0.6875rem;\n --ld-input-padding-bottom-lg: 0.6875rem;\n --ld-input-min-height-sm: 2rem;\n --ld-input-min-height-md: 2.5rem;\n --ld-input-min-height-lg: 3.125rem;\n --ld-input-max-height-sm: 2rem;\n --ld-input-max-height-md: 2.5rem;\n --ld-input-max-height-lg: 3.125rem;\n --ld-input-time-min-width-sm: 5.125rem;\n --ld-input-time-min-width-md: 6.25rem;\n --ld-input-time-min-width-lg: 7.5rem;\n\n /* colors */\n --ld-input-bg-col-disabled: var(--ld-col-neutral-010);\n --ld-input-bg-col-invalid-focus: var(--ld-col-wht);\n --ld-input-bg-col-invalid: var(--ld-thm-error-disabled);\n --ld-input-bg-col: var(--ld-col-wht);\n --ld-input-border-col-disabled: var(--ld-col-neutral-100);\n --ld-input-border-col-hover: var(--ld-col-neutral-300);\n --ld-input-border-col: var(--ld-col-neutral-100);\n --ld-input-icon-col-focus: var(--ld-thm-primary-focus);\n --ld-input-icon-col-invalid-focus: var(--ld-thm-error-focus);\n --ld-input-icon-col: var(--ld-thm-primary);\n --ld-input-placeholder-opacity: 0.6;\n --ld-input-text-col-disabled: var(--ld-col-neutral-300);\n --ld-input-text-col-invalid-focus: var(--ld-col-neutral-900);\n --ld-input-text-col-invalid: var(--ld-thm-error);\n --ld-input-text-col: var(--ld-col-neutral-900);\n\n /* mode colors */\n --ld-input-dark-bg-col-focus: var(--ld-col-wht);\n --ld-input-dark-bg-col: var(--ld-col-neutral-010);\n\n cursor: text;\n position: relative;\n display: inline-flex;\n align-items: center;\n background-color: var(--ld-input-bg-col);\n color: var(--ld-input-text-col);\n max-width: 100%;\n border-radius: var(--ld-br-m);\n line-height: 1;\n min-height: var(--ld-input-min-height-md);\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--ld-br-m);\n display: block;\n pointer-events: none;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col);\n }\n\n :where(input) {\n margin: 0; /* margin reset for Safari */\n }\n\n ::slotted(*),\n > :where(:not(input, textarea)) {\n user-select: none;\n }\n\n ::slotted(:not(ld-button, .ld-button)[slot='start']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='end']):first-child\n ) {\n margin-left: var(--ld-input-padding-x-md);\n }\n\n ::slotted(:not(ld-button, .ld-button)[slot='end']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='start']):last-child\n ) {\n margin-right: var(--ld-input-padding-x-md);\n }\n\n > input {\n color: var(--ld-input-text-col);\n align-self: stretch;\n max-height: var(--ld-input-max-height-md);\n -webkit-text-fill-color: var(--ld-input-text-col);\n\n &[type='file'] {\n opacity: 0;\n\n &::-webkit-file-upload-button {\n display: none;\n }\n }\n\n &[type='number'] {\n appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n &[type='search'] {\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n }\n\n &::-webkit-calendar-picker-indicator {\n cursor: pointer;\n background: var(--ld-input-icon-col);\n mask-repeat: no-repeat;\n mask-position: center;\n outline: none;\n\n &:focus:focus-visible {\n background: var(--ld-input-icon-col-focus);\n }\n }\n /* custom icon calendar-picker */\n &[type='datetime-local']::-webkit-calendar-picker-indicator,\n &[type='date']::-webkit-calendar-picker-indicator {\n mask-image: url('data:image/svg+xml;utf8,');\n transform: translateY(4%);\n }\n /* custom icon calendar-picker */\n &[type='time'] {\n min-width: var(--ld-input-time-min-width-md);\n\n &::-webkit-calendar-picker-indicator {\n mask-image: url('data:image/svg+xml;utf8,');\n }\n }\n }\n\n > input,\n > textarea {\n padding: var(--ld-input-padding-top-md) var(--ld-input-padding-x-md)\n var(--ld-input-padding-bottom-md);\n font: var(--ld-typo-body-m);\n line-height: 1;\n background-color: rgba(255, 255, 255, 0);\n width: 100%;\n border: 0;\n border-radius: var(--ld-br-m);\n outline: none;\n appearance: none;\n box-sizing: border-box;\n\n &::placeholder {\n opacity: var(--ld-input-placeholder-opacity);\n }\n }\n\n > textarea {\n height: 100%;\n max-height: inherit;\n min-height: inherit;\n flex-grow: 1;\n }\n\n ::slotted(ld-button),\n ::slotted(.ld-button),\n > ld-button,\n > .ld-button {\n --ld-button-ghost-bg-color-active: transparent;\n --ld-button-ghost-bg-color-focus: transparent;\n --ld-button-ghost-bg-color-hover: transparent;\n flex-shrink: 0;\n z-index: 0;\n }\n\n ::slotted(ld-button[slot='start']),\n ::slotted(.ld-button[slot='start']),\n > ld-button:where(:not([slot='end'])):first-child,\n > .ld-button:where(:not([slot='end'])):first-child {\n --ld-button-border-top-right-radius: 0;\n --ld-button-border-bottom-right-radius: 0;\n }\n\n ::slotted(ld-button[slot='end']),\n ::slotted(.ld-button[slot='end']),\n > ld-button:where(:not([slot='start'])):last-child,\n > .ld-button:where(:not([slot='start'])):last-child {\n --ld-button-border-top-left-radius: 0;\n --ld-button-border-bottom-left-radius: 0;\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='start'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='start'])),\n > ld-button[mode='ghost']:where(:not([slot='end'])):first-child,\n > .ld-button.ld-button--ghost:where(:not([slot='end'])):first-child {\n margin-right: calc(-1 * var(--ld-input-padding-x-md));\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='end'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='end'])),\n > ld-button[mode='ghost']:where(:not([slot='start'])):last-child,\n > .ld-button.ld-button--ghost:where(:not([slot='start'])):last-child {\n margin-left: calc(-1 * var(--ld-input-padding-x-md));\n }\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n color: var(--ld-input-icon-col);\n cursor: text;\n display: inline-flex;\n }\n}\n\n:host(.ld-input--resize-both),\n.ld-input--resize-both {\n > textarea {\n resize: both; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n }\n}\n:host(.ld-input--resize-horizontal),\n.ld-input--resize-horizontal {\n > textarea {\n resize: horizontal; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n }\n}\n:host(.ld-input--resize-vertical),\n.ld-input--resize-vertical {\n > textarea {\n resize: vertical; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n }\n}\n:host(.ld-input--resize-none),\n.ld-input--resize-none {\n > textarea {\n resize: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n }\n}\n\n:host(.ld-input--sm),\n.ld-input--sm {\n min-height: var(--ld-input-min-height-sm);\n\n ::slotted(:not(ld-button, .ld-button)[slot='start']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='end']):first-child\n ) {\n margin-left: var(--ld-input-padding-x-sm);\n }\n\n ::slotted(:not(ld-button, .ld-button)[slot='end']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='start']):last-child\n ) {\n margin-right: var(--ld-input-padding-x-sm);\n }\n\n > input {\n max-height: var(--ld-input-max-height-sm);\n\n &[type='datetime-local']::-webkit-calendar-picker-indicator,\n &[type='date']::-webkit-calendar-picker-indicator {\n mask-size: 65%;\n }\n &[type='time'] {\n min-width: var(--ld-input-time-min-width-sm);\n\n &::-webkit-calendar-picker-indicator {\n mask-size: 85%;\n }\n }\n }\n\n > input,\n > textarea {\n padding: var(--ld-input-padding-top-sm) var(--ld-input-padding-x-sm)\n var(--ld-input-padding-bottom-sm);\n font: var(--ld-typo-body-s);\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='start'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='start'])),\n > ld-button[mode='ghost']:where(:not([slot='end'])):first-child,\n > .ld-button.ld-button--ghost:where(:not([slot='end'])):first-child {\n margin-right: calc(-1 * var(--ld-input-padding-x-sm));\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='end'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='end'])),\n > ld-button[mode='ghost']:where(:not([slot='start'])):last-child,\n > .ld-button.ld-button--ghost:where(:not([slot='start'])):last-child {\n margin-left: calc(-1 * var(--ld-input-padding-x-sm));\n }\n}\n\n:host(.ld-input--lg),\n.ld-input--lg {\n min-height: var(--ld-input-min-height-lg);\n\n ::slotted(:not(ld-button, .ld-button)[slot='start']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='end']):first-child\n ) {\n margin-left: var(--ld-input-padding-x-lg);\n }\n\n ::slotted(:not(ld-button, .ld-button)[slot='end']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='start']):last-child\n ) {\n margin-right: var(--ld-input-padding-x-lg);\n }\n\n > input {\n max-height: var(--ld-input-max-height-lg);\n\n &[type='date']::-webkit-calendar-picker-indicator {\n mask-size: 90%;\n }\n &[type='time'] {\n min-width: var(--ld-input-time-min-width-lg);\n\n &::-webkit-calendar-picker-indicator {\n mask-size: 114%;\n }\n }\n }\n\n > input,\n > textarea {\n padding: var(--ld-input-padding-top-lg) var(--ld-input-padding-x-lg)\n var(--ld-input-padding-bottom-lg) var(--ld-input-padding-x-lg);\n font: var(--ld-typo-body-l);\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='start'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='start'])),\n > ld-button[mode='ghost']:where(:not([slot='end'])):first-child,\n > .ld-button.ld-button--ghost:where(:not([slot='end'])):first-child {\n margin-right: calc(-1 * var(--ld-input-padding-x-lg));\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='end'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='end'])),\n > ld-button[mode='ghost']:where(:not([slot='start'])):last-child,\n > .ld-button.ld-button--ghost:where(:not([slot='start'])):last-child {\n margin-left: calc(-1 * var(--ld-input-padding-x-lg));\n }\n}\n\n:host(.ld-input--dark),\n.ld-input--dark {\n background-color: var(--ld-input-dark-bg-col);\n}\n\n@media (hover: hover) {\n :host(\n :not(\n .ld-input--invalid,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n .ld-input--disabled\n ):hover:not(:focus-within)\n ),\n .ld-input:not(\n .ld-input--invalid,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])),\n .ld-input--disabled\n ):hover:not(:focus-within) {\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-hover);\n }\n }\n}\n\n:host(:not(.ld-input--invalid):focus-within),\n.ld-input:not(.ld-input--invalid):focus-within {\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-thm-primary);\n }\n}\n\n:host(.ld-input--dark:not(.ld-input--invalid):focus-within),\n.ld-input--dark:not(.ld-input--invalid):focus-within {\n background-color: var(--ld-input-dark-bg-col-focus);\n}\n\n:host(.ld-input--invalid:focus-within),\n.ld-input--invalid:focus-within {\n background-color: var(--ld-input-bg-col-invalid-focus);\n}\n\n:host(\n .ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ):where(:not(:focus))\n ),\n.ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ):where(:not(:focus)) {\n background-color: var(--ld-input-bg-col-invalid);\n color: var(--ld-input-text-col-invalid);\n -webkit-text-fill-color: var(--ld-input-text-col-invalid);\n}\n\n:host(\n .ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n )\n ),\n.ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-input-text-col-invalid);\n }\n\n > input,\n > textarea {\n color: var(--ld-input-text-col-invalid);\n -webkit-text-fill-color: var(--ld-input-text-col-invalid);\n }\n\n > input::-webkit-calendar-picker-indicator {\n background: var(--ld-input-text-col-invalid);\n\n &:focus:focus-visible {\n background: var(--ld-input-icon-col-invalid-focus);\n }\n }\n}\n\n:host(\n .ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ):focus-within\n ),\n.ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ):focus-within {\n background-color: var(--ld-input-bg-col-invalid-focus);\n\n > input,\n > textarea {\n color: var(--ld-input-text-col-invalid-focus);\n -webkit-text-fill-color: var(--ld-input-text-col-invalid-focus);\n }\n}\n\n:host(.ld-input--disabled),\n:host([aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))),\n.ld-input.ld-input--disabled,\n.ld-input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ) {\n color: var(--ld-input-text-col-disabled);\n background-color: var(--ld-input-bg-col-disabled);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-disabled);\n }\n\n input,\n textarea {\n color: var(--ld-input-text-col-disabled);\n caret-color: transparent;\n -webkit-text-fill-color: var(--ld-input-text-col-disabled);\n }\n\n input::-webkit-calendar-picker-indicator {\n background: var(--ld-input-text-col-disabled);\n pointer-events: none;\n }\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n ld-icon,\n .ld-icon {\n color: currentColor;\n }\n}\n\n.ld-input__placeholder {\n position: absolute;\n display: flex;\n height: 100%;\n align-items: center;\n pointer-events: none;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n right: var(--ld-input-padding-x-md);\n left: var(--ld-input-padding-x-md);\n margin-right: 0;\n opacity: var(--ld-input-placeholder-opacity);\n}\n\n.ld-select__slot-container {\n display: none;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * The `ld-input` component. You can use it in conjunction with the `ld-label`\n * and the `ld-input-message` component. See examples in the docs for a better\n * understanding on how they can be used together.\n *\n * @slot start - The purpose of this slot is to add icons or buttons\n * to the input, __justifying the item to the end of the component__.\n * Styling for `ld-icon` and `ld-button` is provided within the `ld-input` component.\n * If you choose to place something different into the slot, you will probably\n * need to adjust some styles on the slotted item in order to make it fit right.\n * @slot end - The purpose of this slot is to add icons or buttons\n * to the input, __justifying the item to the start of the component__.\n * Styling for `ld-icon` and `ld-button` is provided within the `ld-input` component.\n * If you choose to place something different into the slot, you will probably\n * need to adjust some styles on the slotted item in order to make it fit right.\n * @virtualProp { FileList | undefined } files - Selected files for ld-input with type file (readonly).\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part input - Actual input/textarea element\n * @part placeholder - Placeholder rendered for input type \"file\"\n */\n@Component({\n tag: 'ld-input',\n styleUrl: 'ld-input.css',\n shadow: true,\n})\nexport class LdInput implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLInputElement | HTMLTextAreaElement\n\n private attributesObserver: MutationObserver\n\n private hiddenInput?: HTMLInputElement\n private input: HTMLInputElement | HTMLTextAreaElement\n\n /** Hint for expected file type in file upload controls. */\n @Prop() accept?: string\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Hint for form autofill feature. */\n @Prop({ mutable: true, reflect: true }) autocomplete?: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Media capture input method in file upload controls. */\n @Prop() capture?: string\n\n /** The number of columns. */\n @Prop() cols?: number\n\n /** Name of form field to use for sending the element's directionality in form submission. */\n @Prop() dirname?: string\n\n /** Whether the form control is disabled. */\n @Prop() disabled?: boolean\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /** Set this property to `true` in order to mark the field visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** Value of the id attribute of the `` of autocomplete options. */\n @Prop() list?: string\n\n /** Maximum value. */\n @Prop() max?: string | number\n\n /** Maximum length (number of characters) of `value`. */\n @Prop() maxlength?: string | number\n\n /** Minimum value. */\n @Prop() min?: string | number\n\n /** Minimum length (number of characters) of `value`. */\n @Prop() minlength?: string | number\n\n /**\n * Uses textarea instead of input internally. Setting this attribute to true\n * disables the attribute type and both slots.\n */\n @Prop() multiline?: boolean\n\n /** Boolean. Whether to allow multiple values. */\n @Prop() multiple?: boolean\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** Pattern the `value` must match to be valid. */\n @Prop() pattern?: string\n\n /** The input placeholder. */\n @Prop() placeholder?: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** A value is required for the form to be submittable. */\n @Prop() required?: boolean\n\n /** Whether the multiline input is resizable, and if so, in which directions. */\n @Prop() resize?: 'none' | 'both' | 'horizontal' | 'vertical' = 'both'\n\n /** The number of rows. */\n @Prop() rows?: number\n\n /** Size of the input. */\n @Prop() size?: 'sm' | 'lg'\n\n /** Incremental values that are valid. */\n @Prop() step?: string\n\n /** Input tone. Use `'dark'` on white backgrounds. Default is a light tone. */\n @Prop() tone?: 'dark'\n\n /** The input type. */\n @Prop() type?: string\n\n /** The input value. */\n @Prop({ mutable: true }) value?: string\n\n @State() clonedAttributes\n\n /** Emitted when the input value changed and the element loses focus. */\n @Event() ldchange: EventEmitter\n\n /** Emitted when the input value changed. */\n @Event() ldinput: EventEmitter\n\n /**\n * Sets focus on the input\n */\n @Method()\n async focusInner() {\n if (this.input !== undefined) {\n this.input.focus()\n }\n }\n\n @Watch('dirname')\n @Watch('form')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (this.dirname) {\n this.hiddenInput.dirName = this.dirname\n }\n\n if (this.name) {\n this.hiddenInput.name = this.name\n } else if (this.hiddenInput.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n }\n\n if (this.isInputTypeFile(this.input)) {\n // Clone input field in shadow dom to hidden input field.\n const clonedInput = this.input.cloneNode() as HTMLInputElement\n clonedInput.style.display = 'none'\n this.hiddenInput.replaceWith(clonedInput)\n this.hiddenInput = clonedInput\n } else {\n // Update value.\n if (this.value) {\n this.hiddenInput.value = this.value\n } else if (this.hiddenInput.value) {\n this.hiddenInput.removeAttribute('value')\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'hidden'\n this.el.appendChild(this.hiddenInput)\n }\n\n @Watch('size')\n private updateIconAndButtonSize() {\n this.el.querySelectorAll('ld-button').forEach((button) => {\n if (this.size !== undefined) {\n button.setAttribute('size', this.size)\n } else {\n button.removeAttribute('size')\n }\n })\n this.el.querySelectorAll('.ld-button').forEach((button) => {\n if (this.size === 'sm') {\n button.classList.remove('ld-button--lg')\n button.classList.add('ld-button--sm')\n } else if (this.size === 'lg') {\n button.classList.remove('ld-button--sm')\n button.classList.add('ld-button--lg')\n } else {\n button.classList.remove('ld-button--sm', 'ld-button--lg')\n }\n })\n this.el.querySelectorAll('ld-icon').forEach((icon) => {\n if (this.size !== undefined) {\n icon.setAttribute('size', this.size)\n } else {\n icon.removeAttribute('size')\n }\n })\n this.el.querySelectorAll('.ld-icon').forEach((icon) => {\n if (this.size === 'sm') {\n icon.classList.remove('ld-icon--lg')\n icon.classList.add('ld-icon--sm')\n } else if (this.size === 'lg') {\n icon.classList.remove('ld-icon--sm')\n icon.classList.add('ld-icon--lg')\n } else {\n icon.classList.remove('ld-icon--sm', 'ld-icon--lg')\n }\n })\n }\n\n componentWillLoad() {\n // Add readonly prop files.\n Object.defineProperty(this.el, 'files', {\n get: () => {\n if (this.isInputTypeFile(this.input)) {\n return this.input.files\n }\n return undefined\n },\n })\n\n this.attributesObserver = cloneAttributes.call(this, [\n 'multiline',\n 'autocomplete',\n 'value',\n ])\n\n const outerForm = this.el.closest('form')\n\n if (outerForm && !this.autocomplete) {\n this.autocomplete = outerForm.getAttribute('autocomplete')\n }\n\n if (this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n this.hiddenInput.name = this.name\n\n if (this.dirname) {\n this.hiddenInput.dirName = this.dirname\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n }\n\n if (this.value) {\n this.hiddenInput.value = this.value\n }\n }\n\n this.updateIconAndButtonSize()\n\n registerAutofocus(this.autofocus)\n }\n\n private isInputTypeFile = (\n input: HTMLInputElement | HTMLTextAreaElement\n ): input is HTMLInputElement => {\n return (input as HTMLInputElement).type === 'file'\n }\n\n private handleChange = (ev: InputEvent) => {\n this.el.dispatchEvent(new InputEvent('change', ev))\n\n this.ldchange.emit(this.value)\n }\n\n private handleInput = () => {\n this.value = this.input.value\n\n this.ldinput.emit(this.value)\n }\n\n private handleClick = (ev: MouseEvent) => {\n const target = (\n 'composedPath' in ev ? ev.composedPath()[0] : ev['target']\n ) as HTMLElement\n if (this.el.disabled || isAriaDisabled(this.el.ariaDisabled)) {\n ev.preventDefault()\n return\n }\n\n if (target.closest('ld-button')) return\n\n if (this.el.shadowRoot.activeElement !== this.input) {\n this.input.focus()\n }\n\n if (target === this.el) {\n this.input.dispatchEvent(new MouseEvent('click', { bubbles: false }))\n }\n }\n\n private handleKeyDown = (ev: KeyboardEvent) => {\n const outerForm = this.el.closest('form')\n const formToSubmit = this.form\n ? document.querySelector(`#${this.form}`) ?? outerForm\n : outerForm\n\n if (\n isAriaDisabled(this.el.ariaDisabled) &&\n !['ArrowLeft', 'ArrowRight', 'Tab'].includes(ev.key)\n ) {\n ev.preventDefault()\n } else if (!this.multiline && ev.key === 'Enter' && formToSubmit) {\n formToSubmit.requestSubmit()\n }\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = getClassNames([\n 'ld-input',\n this.disabled && `ld-input--disabled`,\n this.size && `ld-input--${this.size}`,\n this.tone && `ld-input--${this.tone}`,\n this.invalid && 'ld-input--invalid',\n this.multiline && this.resize && `ld-input--resize-${this.resize}`,\n ])\n\n if (this.multiline) {\n const { type, ...clonedAttributesWithoutType } = this.clonedAttributes\n return (\n \n (this.input = el)}\n tabIndex={this.ldTabindex}\n value={this.value}\n />\n {type === 'file' && (\n \n {this.input?.value || this.placeholder}\n \n )}\n \n )\n }\n\n return (\n \n \n (this.input = el)}\n tabIndex={this.ldTabindex}\n type={this.type}\n value={this.value || undefined} // the undefined fixes negative number input in input of type number\n />\n {this.type === 'file' && (\n \n {this.input?.value || this.placeholder}\n \n )}\n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["ldInputCss","LdInput","this","isInputTypeFile","input","type","handleChange","ev","el","dispatchEvent","InputEvent","ldchange","emit","value","handleInput","ldinput","handleClick","target","composedPath","disabled","isAriaDisabled","ariaDisabled","preventDefault","closest","shadowRoot","activeElement","focus","MouseEvent","bubbles","handleKeyDown","outerForm","formToSubmit","form","_a","document","querySelector","includes","key","multiline","requestSubmit","focusInner","undefined","updateHiddenInput","hiddenInput","name","createHiddenInput","dirname","dirName","remove","setAttribute","getAttribute","removeAttribute","clonedInput","cloneNode","style","display","replaceWith","createElement","appendChild","updateIconAndButtonSize","querySelectorAll","forEach","button","size","classList","add","icon","componentWillLoad","Object","defineProperty","get","files","attributesObserver","cloneAttributes","call","autocomplete","registerAutofocus","autofocus","disconnectedCallback","disconnect","render","cl","getClassNames","tone","invalid","resize","_c","clonedAttributes","clonedAttributesWithoutType","__rest","h","Host","class","onClick","assign","readonly","onChange","onInput","part","ref","tabIndex","ldTabindex","placeholder","onKeyDown","_b"],"sources":["../src/liquid/components/ld-input/ld-input.css?tag=ld-input&encapsulation=shadow","../src/liquid/components/ld-input/ld-input.tsx"],"sourcesContent":[":host > input [type='file'] {\n pointer-events: none; /* important for Safari */\n}\n\n:host,\n.ld-input {\n --ld-input-padding-x-sm: 0.5rem;\n --ld-input-padding-x-md: 0.625rem;\n --ld-input-padding-x-lg: 0.875rem;\n --ld-input-padding-top-sm: 0.25rem;\n --ld-input-padding-top-md: 0.625rem;\n --ld-input-padding-top-lg: 0.625rem;\n --ld-input-padding-bottom-sm: 0.25rem;\n --ld-input-padding-bottom-md: 0.6875rem;\n --ld-input-padding-bottom-lg: 0.6875rem;\n --ld-input-min-height-sm: 2rem;\n --ld-input-min-height-md: 2.5rem;\n --ld-input-min-height-lg: 3.125rem;\n --ld-input-max-height-sm: 2rem;\n --ld-input-max-height-md: 2.5rem;\n --ld-input-max-height-lg: 3.125rem;\n --ld-input-time-min-width-sm: 5.125rem;\n --ld-input-time-min-width-md: 6.25rem;\n --ld-input-time-min-width-lg: 7.5rem;\n\n /* colors */\n --ld-input-bg-col-disabled: var(--ld-col-neutral-010);\n --ld-input-bg-col-invalid-focus: var(--ld-col-wht);\n --ld-input-bg-col-invalid: var(--ld-thm-error-disabled);\n --ld-input-bg-col: var(--ld-col-wht);\n --ld-input-border-col-disabled: var(--ld-col-neutral-100);\n --ld-input-border-col-hover: var(--ld-col-neutral-300);\n --ld-input-border-col: var(--ld-col-neutral-100);\n --ld-input-icon-col-focus: var(--ld-thm-primary-focus);\n --ld-input-icon-col-invalid-focus: var(--ld-thm-error-focus);\n --ld-input-icon-col: var(--ld-thm-primary);\n --ld-input-placeholder-opacity: 0.6;\n --ld-input-text-col-disabled: var(--ld-col-neutral-300);\n --ld-input-text-col-invalid-focus: var(--ld-col-neutral-900);\n --ld-input-text-col-invalid: var(--ld-thm-error);\n --ld-input-text-col: var(--ld-col-neutral-900);\n\n /* mode colors */\n --ld-input-dark-bg-col-focus: var(--ld-col-wht);\n --ld-input-dark-bg-col: var(--ld-col-neutral-010);\n\n cursor: text;\n position: relative;\n display: inline-flex;\n align-items: center;\n background-color: var(--ld-input-bg-col);\n color: var(--ld-input-text-col);\n max-width: 100%;\n border-radius: var(--ld-br-m);\n line-height: 1;\n min-height: var(--ld-input-min-height-md);\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--ld-br-m);\n display: block;\n pointer-events: none;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col);\n }\n\n :where(input) {\n margin: 0; /* margin reset for Safari */\n }\n\n ::slotted(*),\n > :where(:not(input, textarea)) {\n user-select: none;\n }\n\n ::slotted(:not(ld-button, .ld-button)[slot='start']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='end']):first-child\n ) {\n margin-left: var(--ld-input-padding-x-md);\n }\n\n ::slotted(:not(ld-button, .ld-button)[slot='end']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='start']):last-child\n ) {\n margin-right: var(--ld-input-padding-x-md);\n }\n\n > input {\n color: var(--ld-input-text-col);\n align-self: stretch;\n max-height: var(--ld-input-max-height-md);\n -webkit-text-fill-color: var(--ld-input-text-col);\n\n &[type='file'] {\n opacity: 0;\n\n &::-webkit-file-upload-button {\n display: none;\n }\n }\n\n &[type='number'] {\n appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n &[type='search'] {\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n }\n\n &::-webkit-calendar-picker-indicator {\n cursor: pointer;\n background: var(--ld-input-icon-col);\n mask-repeat: no-repeat;\n mask-position: center;\n outline: none;\n\n &:focus:focus-visible {\n background: var(--ld-input-icon-col-focus);\n }\n }\n /* custom icon calendar-picker */\n &[type='datetime-local']::-webkit-calendar-picker-indicator,\n &[type='date']::-webkit-calendar-picker-indicator {\n mask-image: url('data:image/svg+xml;utf8,');\n transform: translateY(4%);\n }\n /* custom icon calendar-picker */\n &[type='time'] {\n min-width: var(--ld-input-time-min-width-md);\n\n &::-webkit-calendar-picker-indicator {\n mask-image: url('data:image/svg+xml;utf8,');\n }\n }\n }\n\n > input,\n > textarea {\n padding: var(--ld-input-padding-top-md) var(--ld-input-padding-x-md)\n var(--ld-input-padding-bottom-md);\n font: var(--ld-typo-body-m);\n line-height: 1;\n background-color: rgba(255, 255, 255, 0);\n width: 100%;\n border: 0;\n border-radius: var(--ld-br-m);\n outline: none;\n appearance: none;\n box-sizing: border-box;\n\n &::placeholder {\n opacity: var(--ld-input-placeholder-opacity);\n }\n }\n\n > textarea {\n height: 100%;\n max-height: inherit;\n min-height: inherit;\n flex-grow: 1;\n }\n\n ::slotted(ld-button),\n ::slotted(.ld-button),\n > ld-button,\n > .ld-button {\n --ld-button-ghost-bg-color-active: transparent;\n --ld-button-ghost-bg-color-focus: transparent;\n --ld-button-ghost-bg-color-hover: transparent;\n flex-shrink: 0;\n z-index: 0;\n }\n\n ::slotted(ld-button[slot='start']),\n ::slotted(.ld-button[slot='start']),\n > ld-button:where(:not([slot='end'])):first-child,\n > .ld-button:where(:not([slot='end'])):first-child {\n --ld-button-border-top-right-radius: 0;\n --ld-button-border-bottom-right-radius: 0;\n }\n\n ::slotted(ld-button[slot='end']),\n ::slotted(.ld-button[slot='end']),\n > ld-button:where(:not([slot='start'])):last-child,\n > .ld-button:where(:not([slot='start'])):last-child {\n --ld-button-border-top-left-radius: 0;\n --ld-button-border-bottom-left-radius: 0;\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='start'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='start'])),\n > ld-button[mode='ghost']:where(:not([slot='end'])):first-child,\n > .ld-button.ld-button--ghost:where(:not([slot='end'])):first-child {\n margin-right: calc(-1 * var(--ld-input-padding-x-md));\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='end'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='end'])),\n > ld-button[mode='ghost']:where(:not([slot='start'])):last-child,\n > .ld-button.ld-button--ghost:where(:not([slot='start'])):last-child {\n margin-left: calc(-1 * var(--ld-input-padding-x-md));\n }\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n color: var(--ld-input-icon-col);\n cursor: text;\n display: inline-flex;\n }\n}\n\n:host(.ld-input--resize-both),\n.ld-input--resize-both {\n > textarea {\n resize: both; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n }\n}\n:host(.ld-input--resize-horizontal),\n.ld-input--resize-horizontal {\n > textarea {\n resize: horizontal; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n }\n}\n:host(.ld-input--resize-vertical),\n.ld-input--resize-vertical {\n > textarea {\n resize: vertical; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n }\n}\n:host(.ld-input--resize-none),\n.ld-input--resize-none {\n > textarea {\n resize: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n }\n}\n\n:host(.ld-input--sm),\n.ld-input--sm {\n min-height: var(--ld-input-min-height-sm);\n\n ::slotted(:not(ld-button, .ld-button)[slot='start']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='end']):first-child\n ) {\n margin-left: var(--ld-input-padding-x-sm);\n }\n\n ::slotted(:not(ld-button, .ld-button)[slot='end']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='start']):last-child\n ) {\n margin-right: var(--ld-input-padding-x-sm);\n }\n\n > input {\n max-height: var(--ld-input-max-height-sm);\n\n &[type='datetime-local']::-webkit-calendar-picker-indicator,\n &[type='date']::-webkit-calendar-picker-indicator {\n mask-size: 65%;\n }\n &[type='time'] {\n min-width: var(--ld-input-time-min-width-sm);\n\n &::-webkit-calendar-picker-indicator {\n mask-size: 85%;\n }\n }\n }\n\n > input,\n > textarea {\n padding: var(--ld-input-padding-top-sm) var(--ld-input-padding-x-sm)\n var(--ld-input-padding-bottom-sm);\n font: var(--ld-typo-body-s);\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='start'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='start'])),\n > ld-button[mode='ghost']:where(:not([slot='end'])):first-child,\n > .ld-button.ld-button--ghost:where(:not([slot='end'])):first-child {\n margin-right: calc(-1 * var(--ld-input-padding-x-sm));\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='end'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='end'])),\n > ld-button[mode='ghost']:where(:not([slot='start'])):last-child,\n > .ld-button.ld-button--ghost:where(:not([slot='start'])):last-child {\n margin-left: calc(-1 * var(--ld-input-padding-x-sm));\n }\n}\n\n:host(.ld-input--lg),\n.ld-input--lg {\n min-height: var(--ld-input-min-height-lg);\n\n ::slotted(:not(ld-button, .ld-button)[slot='start']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='end']):first-child\n ) {\n margin-left: var(--ld-input-padding-x-lg);\n }\n\n ::slotted(:not(ld-button, .ld-button)[slot='end']),\n > :where(\n :not(input, textarea, ld-button, .ld-button, [slot='start']):last-child\n ) {\n margin-right: var(--ld-input-padding-x-lg);\n }\n\n > input {\n max-height: var(--ld-input-max-height-lg);\n\n &[type='date']::-webkit-calendar-picker-indicator {\n mask-size: 90%;\n }\n &[type='time'] {\n min-width: var(--ld-input-time-min-width-lg);\n\n &::-webkit-calendar-picker-indicator {\n mask-size: 114%;\n }\n }\n }\n\n > input,\n > textarea {\n padding: var(--ld-input-padding-top-lg) var(--ld-input-padding-x-lg)\n var(--ld-input-padding-bottom-lg) var(--ld-input-padding-x-lg);\n font: var(--ld-typo-body-l);\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='start'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='start'])),\n > ld-button[mode='ghost']:where(:not([slot='end'])):first-child,\n > .ld-button.ld-button--ghost:where(:not([slot='end'])):first-child {\n margin-right: calc(-1 * var(--ld-input-padding-x-lg));\n }\n\n ::slotted(ld-button[mode='ghost']:where([slot='end'])),\n ::slotted(.ld-button.ld-button--ghost:where([slot='end'])),\n > ld-button[mode='ghost']:where(:not([slot='start'])):last-child,\n > .ld-button.ld-button--ghost:where(:not([slot='start'])):last-child {\n margin-left: calc(-1 * var(--ld-input-padding-x-lg));\n }\n}\n\n:host(.ld-input--dark),\n.ld-input--dark {\n background-color: var(--ld-input-dark-bg-col);\n}\n\n@media (hover: hover) {\n :host(\n :not(\n .ld-input--invalid,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n .ld-input--disabled\n ):hover:not(:focus-within)\n ),\n .ld-input:not(\n .ld-input--invalid,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])),\n .ld-input--disabled\n ):hover:not(:focus-within) {\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-hover);\n }\n }\n}\n\n:host(:not(.ld-input--invalid):focus-within),\n.ld-input:not(.ld-input--invalid):focus-within {\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-thm-primary);\n }\n}\n\n:host(.ld-input--dark:not(.ld-input--invalid):focus-within),\n.ld-input--dark:not(.ld-input--invalid):focus-within {\n background-color: var(--ld-input-dark-bg-col-focus);\n}\n\n:host(.ld-input--invalid:focus-within),\n.ld-input--invalid:focus-within {\n background-color: var(--ld-input-bg-col-invalid-focus);\n}\n\n:host(\n .ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ):where(:not(:focus))\n ),\n.ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ):where(:not(:focus)) {\n background-color: var(--ld-input-bg-col-invalid);\n color: var(--ld-input-text-col-invalid);\n -webkit-text-fill-color: var(--ld-input-text-col-invalid);\n}\n\n:host(\n .ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n )\n ),\n.ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-input-text-col-invalid);\n }\n\n > input,\n > textarea {\n color: var(--ld-input-text-col-invalid);\n -webkit-text-fill-color: var(--ld-input-text-col-invalid);\n }\n\n > input::-webkit-calendar-picker-indicator {\n background: var(--ld-input-text-col-invalid);\n\n &:focus:focus-visible {\n background: var(--ld-input-icon-col-invalid-focus);\n }\n }\n}\n\n:host(\n .ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ):focus-within\n ),\n.ld-input--invalid:not(\n .ld-input--disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ):focus-within {\n background-color: var(--ld-input-bg-col-invalid-focus);\n\n > input,\n > textarea {\n color: var(--ld-input-text-col-invalid-focus);\n -webkit-text-fill-color: var(--ld-input-text-col-invalid-focus);\n }\n}\n\n:host(.ld-input--disabled),\n:host([aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))),\n.ld-input.ld-input--disabled,\n.ld-input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ) {\n color: var(--ld-input-text-col-disabled);\n background-color: var(--ld-input-bg-col-disabled);\n\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-input-border-col-disabled);\n }\n\n input,\n textarea {\n color: var(--ld-input-text-col-disabled);\n caret-color: transparent;\n -webkit-text-fill-color: var(--ld-input-text-col-disabled);\n }\n\n input::-webkit-calendar-picker-indicator {\n background: var(--ld-input-text-col-disabled);\n pointer-events: none;\n }\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n ld-icon,\n .ld-icon {\n color: currentColor;\n }\n}\n\n.ld-input__placeholder {\n position: absolute;\n display: flex;\n height: 100%;\n align-items: center;\n pointer-events: none;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n right: var(--ld-input-padding-x-md);\n left: var(--ld-input-padding-x-md);\n margin-right: 0;\n opacity: var(--ld-input-placeholder-opacity);\n}\n\n.ld-select__slot-container {\n display: none;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * The `ld-input` component. You can use it in conjunction with the `ld-label`\n * and the `ld-input-message` component. See examples in the docs for a better\n * understanding on how they can be used together.\n *\n * @slot start - The purpose of this slot is to add icons or buttons\n * to the input, __justifying the item to the end of the component__.\n * Styling for `ld-icon` and `ld-button` is provided within the `ld-input` component.\n * If you choose to place something different into the slot, you will probably\n * need to adjust some styles on the slotted item in order to make it fit right.\n * @slot end - The purpose of this slot is to add icons or buttons\n * to the input, __justifying the item to the start of the component__.\n * Styling for `ld-icon` and `ld-button` is provided within the `ld-input` component.\n * If you choose to place something different into the slot, you will probably\n * need to adjust some styles on the slotted item in order to make it fit right.\n * @virtualProp { FileList | undefined } files - Selected files for ld-input with type file (readonly).\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part input - Actual input/textarea element\n * @part placeholder - Placeholder rendered for input type \"file\"\n */\n@Component({\n tag: 'ld-input',\n styleUrl: 'ld-input.css',\n shadow: true,\n})\nexport class LdInput implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLInputElement | HTMLTextAreaElement\n\n private attributesObserver: MutationObserver\n\n private hiddenInput?: HTMLInputElement\n private input: HTMLInputElement | HTMLTextAreaElement\n\n /** Hint for expected file type in file upload controls. */\n @Prop() accept?: string\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Hint for form autofill feature. */\n @Prop({ mutable: true, reflect: true }) autocomplete?: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Media capture input method in file upload controls. */\n @Prop() capture?: string\n\n /** The number of columns. */\n @Prop() cols?: number\n\n /** Name of form field to use for sending the element's directionality in form submission. */\n @Prop() dirname?: string\n\n /** Whether the form control is disabled. */\n @Prop() disabled?: boolean\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /** Set this property to `true` in order to mark the field visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** Value of the id attribute of the `` of autocomplete options. */\n @Prop() list?: string\n\n /** Maximum value. */\n @Prop() max?: string | number\n\n /** Maximum length (number of characters) of `value`. */\n @Prop() maxlength?: string | number\n\n /** Minimum value. */\n @Prop() min?: string | number\n\n /** Minimum length (number of characters) of `value`. */\n @Prop() minlength?: string | number\n\n /**\n * Uses textarea instead of input internally. Setting this attribute to true\n * disables the attribute type and both slots.\n */\n @Prop() multiline?: boolean\n\n /** Boolean. Whether to allow multiple values. */\n @Prop() multiple?: boolean\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** Pattern the `value` must match to be valid. */\n @Prop() pattern?: string\n\n /** The input placeholder. */\n @Prop() placeholder?: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** A value is required for the form to be submittable. */\n @Prop() required?: boolean\n\n /** Whether the multiline input is resizable, and if so, in which directions. */\n @Prop() resize?: 'none' | 'both' | 'horizontal' | 'vertical' = 'both'\n\n /** The number of rows. */\n @Prop() rows?: number\n\n /** Size of the input. */\n @Prop() size?: 'sm' | 'lg'\n\n /** Incremental values that are valid. */\n @Prop() step?: string\n\n /** Input tone. Use `'dark'` on white backgrounds. Default is a light tone. */\n @Prop() tone?: 'dark'\n\n /** The input type. */\n @Prop() type?: string\n\n /** The input value. */\n @Prop({ mutable: true }) value?: string\n\n @State() clonedAttributes\n\n /** Emitted when the input value changed and the element loses focus. */\n @Event() ldchange: EventEmitter\n\n /** Emitted when the input value changed. */\n @Event() ldinput: EventEmitter\n\n /**\n * Sets focus on the input\n */\n @Method()\n async focusInner() {\n if (this.input !== undefined) {\n this.input.focus()\n }\n }\n\n @Watch('dirname')\n @Watch('form')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (this.dirname) {\n this.hiddenInput.dirName = this.dirname\n }\n\n if (this.name) {\n this.hiddenInput.name = this.name\n } else if (this.hiddenInput.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n }\n\n if (this.isInputTypeFile(this.input)) {\n // Clone input field in shadow dom to hidden input field.\n const clonedInput = this.input.cloneNode() as HTMLInputElement\n clonedInput.style.display = 'none'\n this.hiddenInput.replaceWith(clonedInput)\n this.hiddenInput = clonedInput\n } else {\n // Update value.\n if (this.value) {\n this.hiddenInput.value = this.value\n } else if (this.hiddenInput.value) {\n this.hiddenInput.removeAttribute('value')\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'hidden'\n this.el.appendChild(this.hiddenInput)\n }\n\n @Watch('size')\n private updateIconAndButtonSize() {\n this.el.querySelectorAll('ld-button').forEach((button) => {\n if (this.size !== undefined) {\n button.setAttribute('size', this.size)\n } else {\n button.removeAttribute('size')\n }\n })\n this.el.querySelectorAll('.ld-button').forEach((button) => {\n if (this.size === 'sm') {\n button.classList.remove('ld-button--lg')\n button.classList.add('ld-button--sm')\n } else if (this.size === 'lg') {\n button.classList.remove('ld-button--sm')\n button.classList.add('ld-button--lg')\n } else {\n button.classList.remove('ld-button--sm', 'ld-button--lg')\n }\n })\n this.el.querySelectorAll('ld-icon').forEach((icon) => {\n if (this.size !== undefined) {\n icon.setAttribute('size', this.size)\n } else {\n icon.removeAttribute('size')\n }\n })\n this.el.querySelectorAll('.ld-icon').forEach((icon) => {\n if (this.size === 'sm') {\n icon.classList.remove('ld-icon--lg')\n icon.classList.add('ld-icon--sm')\n } else if (this.size === 'lg') {\n icon.classList.remove('ld-icon--sm')\n icon.classList.add('ld-icon--lg')\n } else {\n icon.classList.remove('ld-icon--sm', 'ld-icon--lg')\n }\n })\n }\n\n componentWillLoad() {\n // Add readonly prop files.\n Object.defineProperty(this.el, 'files', {\n get: () => {\n if (this.isInputTypeFile(this.input)) {\n return this.input.files\n }\n return undefined\n },\n })\n\n this.attributesObserver = cloneAttributes.call(this, [\n 'multiline',\n 'autocomplete',\n 'value',\n ])\n\n const outerForm = this.el.closest('form')\n\n if (outerForm && !this.autocomplete) {\n this.autocomplete = outerForm.getAttribute('autocomplete')\n }\n\n if (this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n this.hiddenInput.name = this.name\n\n if (this.dirname) {\n this.hiddenInput.dirName = this.dirname\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n }\n\n if (this.value) {\n this.hiddenInput.value = this.value\n }\n }\n\n this.updateIconAndButtonSize()\n\n registerAutofocus(this.autofocus)\n }\n\n private isInputTypeFile = (\n input: HTMLInputElement | HTMLTextAreaElement\n ): input is HTMLInputElement => {\n return (input as HTMLInputElement).type === 'file'\n }\n\n private handleChange = (ev: InputEvent) => {\n this.el.dispatchEvent(new InputEvent('change', ev))\n\n this.ldchange.emit(this.value)\n }\n\n private handleInput = () => {\n this.value = this.input.value\n\n this.ldinput.emit(this.value)\n }\n\n private handleClick = (ev: MouseEvent) => {\n const target = (\n 'composedPath' in ev ? ev.composedPath()[0] : ev['target']\n ) as HTMLElement\n if (this.el.disabled || isAriaDisabled(this.el.ariaDisabled)) {\n ev.preventDefault()\n return\n }\n\n if (target.closest('ld-button')) return\n\n if (this.el.shadowRoot.activeElement !== this.input) {\n this.input.focus()\n }\n\n if (target === this.el) {\n this.input.dispatchEvent(new MouseEvent('click', { bubbles: false }))\n }\n }\n\n private handleKeyDown = (ev: KeyboardEvent) => {\n const outerForm = this.el.closest('form')\n const formToSubmit = this.form\n ? document.querySelector(`#${this.form}`) ?? outerForm\n : outerForm\n\n if (\n isAriaDisabled(this.el.ariaDisabled) &&\n !['ArrowLeft', 'ArrowRight', 'Tab'].includes(ev.key)\n ) {\n ev.preventDefault()\n } else if (!this.multiline && ev.key === 'Enter' && formToSubmit) {\n formToSubmit.requestSubmit()\n }\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = getClassNames([\n 'ld-input',\n this.disabled && `ld-input--disabled`,\n this.size && `ld-input--${this.size}`,\n this.tone && `ld-input--${this.tone}`,\n this.invalid && 'ld-input--invalid',\n this.multiline && this.resize && `ld-input--resize-${this.resize}`,\n ])\n\n if (this.multiline) {\n const { type, ...clonedAttributesWithoutType } = this.clonedAttributes\n return (\n \n (this.input = el)}\n tabIndex={this.ldTabindex}\n value={this.value}\n />\n {type === 'file' && (\n \n {this.input?.value || this.placeholder}\n \n )}\n \n )\n }\n\n return (\n \n \n (this.input = el)}\n tabIndex={this.ldTabindex}\n type={this.type}\n value={this.value || undefined} // the undefined fixes negative number input in input of type number\n />\n {this.type === 'file' && (\n \n {this.input?.value || this.placeholder}\n \n )}\n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-6191a5f8.entry.js b/1704966176737/dist/build/p-6191a5f8.entry.js similarity index 100% rename from 1704894792450/dist/build/p-6191a5f8.entry.js rename to 1704966176737/dist/build/p-6191a5f8.entry.js diff --git a/1704894792450/dist/build/p-6191a5f8.entry.js.map b/1704966176737/dist/build/p-6191a5f8.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-6191a5f8.entry.js.map rename to 1704966176737/dist/build/p-6191a5f8.entry.js.map diff --git a/dist/build/p-f4b6d705.entry.js b/1704966176737/dist/build/p-62594aee.entry.js similarity index 57% rename from dist/build/p-f4b6d705.entry.js rename to 1704966176737/dist/build/p-62594aee.entry.js index 787345532f..ccb5614a58 100644 --- a/dist/build/p-f4b6d705.entry.js +++ b/1704966176737/dist/build/p-62594aee.entry.js @@ -1,2 +1,2 @@ -import{r as t,c as e,h as o,H as i,g as l}from"./p-21a69c18.js";import{T as r}from"./p-2f695d4a.js";import{g as h}from"./p-1133c92e.js";import{a as d,i as a}from"./p-8dc70a87.js";import{a as s,c as n}from"./p-f13d3119.js";const p=".ld-tooltip__trigger{--ld-tooltip-trigger-icon-col:var(--ld-thm-primary);--ld-tooltip-trigger-icon-col-hover:var(--ld-thm-primary-hover);--ld-tooltip-trigger-icon-col-focus:var(--ld-thm-primary-focus);background:none;border:0;color:inherit;display:inline-block;font-family:inherit;font-size:inherit;padding:0}.ld-tooltip__trigger--clickable{cursor:pointer}.ld-tooltip__trigger:focus:focus-visible .ld-tooltip__icon{color:var(--ld-tooltip-trigger-icon-col-focus)}.ld-tooltip__trigger:hover .ld-tooltip__icon{color:var(--ld-tooltip-trigger-icon-col-hover)}.ld-tooltip__trigger~.ld-tooltip{display:none;opacity:0;position:absolute}.ld-tooltip__icon{color:var(--ld-tooltip-trigger-icon-col);display:flex;height:var(--ld-sp-16);width:var(--ld-sp-16)}.ld-tooltip__content{display:none}";let c=0;const f=t=>({"bottom center":"top center","bottom left":"top left","bottom right":"top right","left bottom":"bottom right","left middle":"middle right","left top":"top right","right bottom":"bottom left","right middle":"middle left","right top":"top left","top center":"bottom center","top left":"bottom left","top right":"bottom right"}[t]);const m=t=>{var e;return(e={"left bottom":"bottom left","left middle":"middle left","left top":"top left","right bottom":"bottom right","right middle":"middle right","right top":"top right"}[t])!==null&&e!==void 0?e:t};const g=t=>{if(!s(t)){return}t.querySelectorAll("slot").forEach((t=>{t.assignedNodes().forEach((e=>{g(e);t.parentElement.insertBefore(e,t)}));t.remove()}))};const u=class{constructor(o){t(this,o);this.ldtooltipopen=e(this,"ldtooltipopen",7);this.ldtooltipclose=e(this,"ldtooltipclose",7);this.idDescriber=`ld-tooltip-${++c}`;this.isObserverEnabled=true;this.syncContent=()=>{this.isObserverEnabled=false;const t=this.contentRef.querySelector("slot").assignedNodes();this.tooltipRef.textContent="";t.forEach((t=>{g(t);this.tooltipRef.appendChild(t)}));setTimeout((()=>{this.isObserverEnabled=true}))};this.initTooltip=async()=>{const t=f(this.position);const e=m(this.position);const o=typeof this.tetherOptions==="string"?JSON.parse(this.tetherOptions):this.tetherOptions;const i=Object.assign({attachment:t,classPrefix:"ld-tether",constraints:[{attachment:"together",to:"window"}],element:this.tooltipRef,target:this.triggerRef,targetAttachment:e},o);this.popper=new r(i);this.popper.enable();this.popper.enable();this.popper.enable();await this.showTooltip()};this.toggleTooltip=()=>{if(!this.popper){this.initTooltip();return}if(this.visible){this.hideTooltip()}else{this.showTooltip()}};this.handleHideTrigger=()=>{if(this.triggerType==="click"||this.disabled){return}clearTimeout(this.delayTimeout);if(this.popper){this.delayTimeout=setTimeout((()=>{this.hideTooltip()}),this.hideDelay)}};this.handleShowTrigger=()=>{if(this.triggerType==="click"||this.disabled){return}clearTimeout(this.delayTimeout);if(this.popper===undefined){this.delayTimeout=setTimeout(this.initTooltip,this.showDelay)}else{this.delayTimeout=setTimeout(this.showTooltip.bind(this),this.showDelay)}};this.handleClick=()=>{if(this.rightClick||this.triggerType==="hover"||this.disabled){return}this.toggleTooltip()};this.handleSlotChange=()=>{if(!this.isObserverEnabled)return;this.tooltipRef.childNodes.forEach((t=>{if(s(t)&&t.classList.contains("ld-tether-element-marker")){return}t.remove()}));this.syncContent()};this.initObserver=()=>{this.observer=new MutationObserver(this.handleSlotChange);this.observer.observe(this.el,{subtree:true,childList:true,attributes:false})};this.findFirstSlottedTrigger=()=>{let t=this.el.querySelector('[slot="trigger"]');while(t&&n(t)){t=t.assignedElements()[0]}return t};this.arrow=undefined;this.disabled=undefined;this.hideDelay=0;this.position="top center";this.preventScreenreader=false;this.rightClick=false;this.showDelay=0;this.size=undefined;this.unstyled=undefined;this.tag="button";this.tetherOptions=undefined;this.triggerType="hover";this.hasDefaultTrigger=true;this.triggerTabIndex=undefined;this.visible=false}updatePopper(t){if(t){this.hideTooltip()}}async getTooltip(){return this.tooltipRef}async hideTooltip(){var t;clearTimeout(this.delayTimeout);(t=this.popper)===null||t===void 0?void 0:t.disable();this.visible=false;this.ldtooltipclose.emit()}async showTooltip(){if(this.disabled)return;if(!this.popper){await this.initTooltip();return}clearTimeout(this.delayTimeout);this.popper.enable();this.visible=true;this.ldtooltipopen.emit()}async handleContextMenu(t){if(!this.rightClick||this.disabled)return;t.preventDefault();this.toggleTooltip()}handleClickOutside(t){if(this.visible&&this.triggerType==="click"&&t.isTrusted&&!t.composedPath().includes(this.el)&&!t.composedPath().includes(this.tooltipRef)){this.hideTooltip()}}handleContextMenuOutside(t){if(this.visible&&!t.composedPath().includes(this.el)&&!t.composedPath().includes(this.tooltipRef)){this.hideTooltip()}}handleTouchOutside(t){this.handleClickOutside(t)}handleCloseTooltip(t){if(t.composedPath().includes(this.tooltipRef)){this.hideTooltip()}}componentWillLoad(){const t=this.findFirstSlottedTrigger();this.hasDefaultTrigger=!t;if(t&&(t.matches(d)||a(t))){this.triggerTabIndex=-1}this.el.addEventListener("focus",this.handleShowTrigger,true);this.el.addEventListener("blur",this.handleHideTrigger,true)}componentDidLoad(){setTimeout((()=>{this.syncContent();this.initObserver()}))}disconnectedCallback(){if(this.observer)this.observer.disconnect();if(this.popper)this.popper.destroy();if(this.tooltipRef)this.tooltipRef.remove()}render(){const t=this.tag;return o(i,null,o(t,{"aria-describedby":this.preventScreenreader?undefined:this.idDescriber,class:h(["ld-tooltip__trigger",this.triggerType==="click"&&"ld-tooltip__trigger--clickable"]),onClick:this.handleClick,onContextMenu:this.handleContextMenu.bind(this),onMouseEnter:this.handleShowTrigger,onMouseLeave:this.handleHideTrigger,part:"trigger focusable",ref:t=>{this.triggerRef=t},tabIndex:this.triggerTabIndex,type:"button"},o("ld-sr-only",null,"Info"),o("slot",{name:"trigger"},o("svg",{class:"ld-tooltip__icon",fill:"none",part:"icon",viewBox:"0 0 24 24"},o("path",{"clip-rule":"evenodd",d:"M12 23C18.0751 23 23 18.0751 23 12C23 5.9249 18.0751 1 12 1C5.9249 1 1 5.9249 1 12C1 18.0751 5.9249 23 12 23Z","fill-rule":"evenodd",fill:"currentColor"}),o("path",{"clip-rule":"evenodd",d:"M11.9996 8.6477C12.9254 8.6477 13.6758 7.8973 13.6758 6.9715C13.6758 6.0458 12.9254 5.2953 11.9996 5.2953C11.0739 5.2953 10.3235 6.0458 10.3235 6.9715C10.3235 7.8973 11.0739 8.6477 11.9996 8.6477ZM10.8453 17.8038C11.1932 18.1517 11.6736 18.3256 12.2865 18.3256H13.4545C13.6864 18.3256 13.8023 18.2263 13.8023 18.0275V12.2873C13.8023 11.6744 13.6284 11.1939 13.2805 10.8461C12.9326 10.4982 12.4522 10.3242 11.8393 10.3242H10.6713C10.4394 10.3242 10.3235 10.4236 10.3235 10.6224V16.3626C10.3235 16.9755 10.4974 17.456 10.8453 17.8038Z","fill-rule":"evenodd",fill:"var(--ld-col-wht)"})))),o("span",{class:"ld-tooltip__content",part:"content",ref:t=>this.contentRef=t},o("slot",null)),o("ld-tooltip-popper",{"aria-hidden":this.visible?undefined:"true",arrow:this.arrow,hasDefaultTrigger:this.hasDefaultTrigger,id:this.preventScreenreader?undefined:this.idDescriber,unstyled:this.unstyled,part:"popper",ref:t=>{this.tooltipRef=t},rightClick:this.rightClick,size:this.size,triggerType:this.triggerType}))}get el(){return l(this)}static get watchers(){return{disabled:["updatePopper"]}}};u.style=p;const w="@keyframes ld-tooltip-show{0%{opacity:0}to{opacity:1}}@keyframes ld-tooltip-hide{to{visibility:hidden}}:host(.ld-tooltip){--ld-zi-max:2147483647;--ld-tooltip-animation-duration:0s;--ld-tooltip-distance-from-trigger:var(--ld-sp-8);--ld-tooltip-max-width:20rem;--ld-tooltip-offset-x:0px;--ld-tooltip-offset-y:0px;--ld-tooltip-padding:var(--ld-sp-16);--ld-tooltip-sm-padding:var(--ld-sp-6) var(--ld-sp-8);--tooltip-col:var(--ld-col-neutral-900);--tooltip-bg-col:var(--ld-col-wht);animation:ld-tooltip-hide 0s ease 0s;animation:ld-tooltip-hide 0s ease var(--ld-tooltip-animation-duration);animation-fill-mode:forwards;margin-left:0;margin-left:var(--ld-tooltip-offset-x);margin-top:0;margin-top:var(--ld-tooltip-offset-y);max-width:20rem;max-width:var(--ld-tooltip-max-width);opacity:0;pointer-events:none;position:relative;transition:opacity 0s ease-in;transition:opacity var(--ld-tooltip-animation-duration) ease-in;z-index:2147483647;z-index:var(--ld-zi-max)}:host(.ld-tooltip:not(.ld-tooltip--unstyled)){background-color:var(--tooltip-bg-col);border-radius:var(--ld-br-m);color:var(--tooltip-col);filter:var(--ld-drop-shadow-hover);padding:var(--ld-tooltip-padding)}@media (prefers-reduced-motion:no-preference){:host(.ld-tooltip--initialized){--ld-tooltip-animation-duration:var(--ld-transition-duration-normal)}}:host(.ld-tooltip--sm){--ld-tooltip-padding:var(--ld-tooltip-sm-padding)}:host(.ld-tooltip--with-arrow){--ld-tooltip-arrow-size:0.5rem;--ld-tooltip-arrow-offset:var(--ld-sp-16);--ld-tooltip-distance-from-trigger:calc(var(--ld-tooltip-arrow-size) + var(--ld-sp-8))}:host(.ld-tooltip--interactive){pointer-events:auto}:host(.ld-tooltip.ld-tether-enabled){animation:ld-tooltip-show var(--ld-tooltip-animation-duration) ease-out;opacity:1}:host(.ld-tooltip.ld-tether-element-attached-bottom) .ld-tooltip__arrow{bottom:var(--ld-tooltip-arrow-offset)}:host(.ld-tooltip.ld-tether-element-attached-bottom.ld-tether-target-attached-top){margin-top:calc(var(--ld-tooltip-distance-from-trigger) * -1 - var(--ld-tooltip-offset-y))}:host(.ld-tooltip.ld-tether-element-attached-bottom.ld-tether-target-attached-top) .ld-tooltip__arrow{border-top-color:var(--tooltip-bg-col);top:100%}:host(.ld-tooltip.ld-tether-element-attached-center) .ld-tooltip__arrow{left:calc(50% - var(--ld-tooltip-arrow-size))}:host(.ld-tooltip.ld-tether-element-attached-left.ld-tether-target-attached-right){margin-left:calc(var(--ld-tooltip-offset-x) + var(--ld-tooltip-distance-from-trigger))}:host(.ld-tooltip.ld-tether-element-attached-left.ld-tether-target-attached-right) .ld-tooltip__arrow{border-right-color:var(--tooltip-bg-col);right:100%}:host(.ld-tooltip.ld-tether-element-attached-middle) .ld-tooltip__arrow{top:calc(50% - var(--ld-tooltip-arrow-size))}:host(.ld-tooltip.ld-tether-element-attached-right) .ld-tooltip__arrow{right:var(--ld-tooltip-arrow-offset)}:host(.ld-tooltip.ld-tether-element-attached-right.ld-tether-target-attached-left){margin-left:calc(var(--ld-tooltip-distance-from-trigger) * -1 - var(--ld-tooltip-offset-x))}:host(.ld-tooltip.ld-tether-element-attached-right.ld-tether-target-attached-left) .ld-tooltip__arrow{border-left-color:var(--tooltip-bg-col);left:100%}:host(.ld-tooltip.ld-tether-element-attached-top.ld-tether-target-attached-bottom){margin-top:calc(var(--ld-tooltip-distance-from-trigger) + var(--ld-tooltip-offset-y))}:host(.ld-tooltip.ld-tether-element-attached-top.ld-tether-target-attached-bottom) .ld-tooltip__arrow{border-bottom-color:var(--tooltip-bg-col);bottom:100%}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top):where(.ld-tether-element-attached-right)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom):where(.ld-tether-element-attached-right)){--ld-tooltip-offset-x:1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top):where(.ld-tether-element-attached-left)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom):where(.ld-tether-element-attached-left)){--ld-tooltip-offset-x:-1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-left.ld-tether-target-attached-right):where(.ld-tether-element-attached-bottom)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-right.ld-tether-target-attached-left):where(.ld-tether-element-attached-bottom)){--ld-tooltip-offset-y:1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-left.ld-tether-target-attached-right):where(.ld-tether-element-attached-top)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-right.ld-tether-target-attached-left):where(.ld-tether-element-attached-top)){--ld-tooltip-offset-y:-1rem}.ld-tooltip__arrow{border:var(--ld-tooltip-arrow-size) solid #0000;position:absolute}";const v=class{constructor(e){t(this,e);this.initialized=false;this.arrow=undefined;this.rightClick=false;this.size=undefined;this.triggerType="hover";this.unstyled=false;this.hasDefaultTrigger=undefined}componentDidLoad(){setTimeout((()=>{this.initialized=true}))}render(){return o(i,{class:h(["ld-tooltip",this.arrow&&"ld-tooltip--with-arrow",this.hasDefaultTrigger&&"ld-tooltip--with-default-trigger",this.initialized&&"ld-tooltip--initialized",this.size&&`ld-tooltip--${this.size}`,(this.rightClick||this.triggerType==="click")&&"ld-tooltip--interactive",this.unstyled&&"ld-tooltip--unstyled"]),role:"tooltip"},this.arrow&&o("span",{class:"ld-tooltip__arrow"}),o("slot",null))}get element(){return l(this)}};v.style=w;export{u as ld_tooltip,v as ld_tooltip_popper}; -//# sourceMappingURL=p-f4b6d705.entry.js.map \ No newline at end of file +import{r as t,c as e,h as o,H as i,g as l}from"./p-21a69c18.js";import{T as r}from"./p-2f695d4a.js";import{g as h}from"./p-1133c92e.js";import{a as d,i as a}from"./p-8dc70a87.js";import{a as s,c as n}from"./p-f13d3119.js";const p=".ld-tooltip__trigger{--ld-tooltip-trigger-icon-col:var(--ld-thm-primary);--ld-tooltip-trigger-icon-col-hover:var(--ld-thm-primary-hover);--ld-tooltip-trigger-icon-col-focus:var(--ld-thm-primary-focus);background:none;border:0;color:inherit;display:inline-block;font-family:inherit;font-size:inherit;padding:0}.ld-tooltip__trigger--clickable{cursor:pointer}.ld-tooltip__trigger:focus:focus-visible .ld-tooltip__icon{color:var(--ld-tooltip-trigger-icon-col-focus)}.ld-tooltip__trigger:hover .ld-tooltip__icon{color:var(--ld-tooltip-trigger-icon-col-hover)}.ld-tooltip__trigger~.ld-tooltip{display:none;opacity:0;position:absolute}.ld-tooltip__icon{color:var(--ld-tooltip-trigger-icon-col);display:flex;height:var(--ld-sp-16);width:var(--ld-sp-16)}.ld-tooltip__content{display:none}";let c=0;const f=t=>({"bottom center":"top center","bottom left":"top left","bottom right":"top right","left bottom":"bottom right","left middle":"middle right","left top":"top right","right bottom":"bottom left","right middle":"middle left","right top":"top left","top center":"bottom center","top left":"bottom left","top right":"bottom right"}[t]);const g=t=>{var e;return(e={"left bottom":"bottom left","left middle":"middle left","left top":"top left","right bottom":"bottom right","right middle":"middle right","right top":"top right"}[t])!==null&&e!==void 0?e:t};const m=t=>{if(!s(t)){return}t.querySelectorAll("slot").forEach((t=>{t.assignedNodes().forEach((e=>{m(e);t.parentElement.insertBefore(e,t)}));t.remove()}))};const u=class{constructor(o){t(this,o);this.ldtooltipopen=e(this,"ldtooltipopen",7);this.ldtooltipclose=e(this,"ldtooltipclose",7);this.idDescriber=`ld-tooltip-${++c}`;this.isObserverEnabled=true;this.syncContent=()=>{this.isObserverEnabled=false;const t=this.contentRef.querySelector("slot").assignedNodes();this.tooltipRef.textContent="";t.forEach((t=>{m(t);this.tooltipRef.appendChild(t)}));setTimeout((()=>{this.isObserverEnabled=true}))};this.initTooltip=async()=>{const t=f(this.position);const e=g(this.position);const o=typeof this.tetherOptions==="string"?JSON.parse(this.tetherOptions):this.tetherOptions;const i=Object.assign({attachment:t,classPrefix:"ld-tether",constraints:[{attachment:"together",to:"window"}],element:this.tooltipRef,target:this.triggerRef,targetAttachment:e},o);this.popper=new r(i);this.popper.enable();this.popper.enable();this.popper.enable();await this.showTooltip()};this.toggleTooltip=()=>{if(!this.popper){this.initTooltip();return}if(this.visible){this.hideTooltip()}else{this.showTooltip()}};this.handleHideTrigger=()=>{if(this.triggerType==="click"||this.disabled){return}clearTimeout(this.delayTimeout);if(this.popper){this.delayTimeout=setTimeout((()=>{this.hideTooltip()}),this.hideDelay)}};this.handleShowTrigger=()=>{if(this.triggerType==="click"||this.disabled){return}clearTimeout(this.delayTimeout);if(this.popper===undefined){this.delayTimeout=setTimeout(this.initTooltip,this.showDelay)}else{this.delayTimeout=setTimeout(this.showTooltip.bind(this),this.showDelay)}};this.handleClick=()=>{if(this.rightClick||this.triggerType==="hover"||this.disabled){return}this.toggleTooltip()};this.handleSlotChange=()=>{if(!this.isObserverEnabled)return;this.tooltipRef.childNodes.forEach((t=>{if(s(t)&&t.classList.contains("ld-tether-element-marker")){return}t.remove()}));this.syncContent()};this.initObserver=()=>{this.observer=new MutationObserver(this.handleSlotChange);this.observer.observe(this.el,{subtree:true,childList:true,attributes:false})};this.findFirstSlottedTrigger=()=>{let t=this.el.querySelector('[slot="trigger"]');while(t&&n(t)){t=t.assignedElements()[0]}return t};this.arrow=undefined;this.disabled=undefined;this.hideDelay=0;this.position="top center";this.preventScreenreader=false;this.rightClick=false;this.showDelay=0;this.size=undefined;this.unstyled=undefined;this.tag="button";this.tetherOptions=undefined;this.triggerType="hover";this.hasDefaultTrigger=true;this.triggerTabIndex=undefined;this.visible=false}updatePopper(t){if(t){this.hideTooltip()}}async getTooltip(){return this.tooltipRef}async hideTooltip(){var t;clearTimeout(this.delayTimeout);(t=this.popper)===null||t===void 0?void 0:t.disable();this.visible=false;this.ldtooltipclose.emit()}async showTooltip(){if(this.disabled)return;if(!this.popper){await this.initTooltip();return}clearTimeout(this.delayTimeout);this.popper.enable();this.visible=true;this.ldtooltipopen.emit()}async handleContextMenu(t){if(!this.rightClick||this.disabled)return;t.preventDefault();this.toggleTooltip()}handleClickOutside(t){if(this.visible&&this.triggerType==="click"&&t.isTrusted&&!t.composedPath().includes(this.el)&&!t.composedPath().includes(this.tooltipRef)){this.hideTooltip()}}handleContextMenuOutside(t){if(this.visible&&!t.composedPath().includes(this.el)&&!t.composedPath().includes(this.tooltipRef)){this.hideTooltip()}}handleTouchOutside(t){this.handleClickOutside(t)}handleCloseTooltip(t){if(t.composedPath().includes(this.tooltipRef)){this.hideTooltip()}}componentWillLoad(){const t=this.findFirstSlottedTrigger();this.hasDefaultTrigger=!t;if(t&&(t.matches(d)||a(t))){this.triggerTabIndex=-1}this.el.addEventListener("focus",this.handleShowTrigger,true);this.el.addEventListener("blur",this.handleHideTrigger,true)}componentDidLoad(){setTimeout((()=>{this.syncContent();this.initObserver()}))}disconnectedCallback(){if(this.observer)this.observer.disconnect();if(this.popper)this.popper.destroy();if(this.tooltipRef)this.tooltipRef.remove()}render(){const t=this.tag;return o(i,null,o(t,{"aria-describedby":this.preventScreenreader?undefined:this.idDescriber,class:h(["ld-tooltip__trigger",this.triggerType==="click"&&"ld-tooltip__trigger--clickable"]),onClick:this.handleClick,onContextMenu:this.handleContextMenu.bind(this),onMouseEnter:this.handleShowTrigger,onMouseLeave:this.handleHideTrigger,part:"trigger focusable",ref:t=>{this.triggerRef=t},tabIndex:this.triggerTabIndex,type:"button"},o("ld-sr-only",null,"Info"),o("slot",{name:"trigger"},o("svg",{class:"ld-tooltip__icon",fill:"none",part:"icon",viewBox:"0 0 24 24"},o("path",{"clip-rule":"evenodd",d:"M12 23C18.0751 23 23 18.0751 23 12C23 5.9249 18.0751 1 12 1C5.9249 1 1 5.9249 1 12C1 18.0751 5.9249 23 12 23Z","fill-rule":"evenodd",fill:"currentColor"}),o("path",{"clip-rule":"evenodd",d:"M11.9996 8.6477C12.9254 8.6477 13.6758 7.8973 13.6758 6.9715C13.6758 6.0458 12.9254 5.2953 11.9996 5.2953C11.0739 5.2953 10.3235 6.0458 10.3235 6.9715C10.3235 7.8973 11.0739 8.6477 11.9996 8.6477ZM10.8453 17.8038C11.1932 18.1517 11.6736 18.3256 12.2865 18.3256H13.4545C13.6864 18.3256 13.8023 18.2263 13.8023 18.0275V12.2873C13.8023 11.6744 13.6284 11.1939 13.2805 10.8461C12.9326 10.4982 12.4522 10.3242 11.8393 10.3242H10.6713C10.4394 10.3242 10.3235 10.4236 10.3235 10.6224V16.3626C10.3235 16.9755 10.4974 17.456 10.8453 17.8038Z","fill-rule":"evenodd",fill:"var(--ld-col-wht)"})))),o("span",{class:"ld-tooltip__content",part:"content",ref:t=>this.contentRef=t},o("slot",null)),o("ld-tooltip-popper",{"aria-hidden":this.visible?undefined:"true",arrow:this.arrow,hasDefaultTrigger:this.hasDefaultTrigger,id:this.preventScreenreader?undefined:this.idDescriber,unstyled:this.unstyled,part:"popper",ref:t=>{this.tooltipRef=t},rightClick:this.rightClick,size:this.size,triggerType:this.triggerType}))}get el(){return l(this)}static get watchers(){return{disabled:["updatePopper"]}}};u.style=p;const w="@keyframes ld-tooltip-show{0%{opacity:0}to{opacity:1}}@keyframes ld-tooltip-hide{to{visibility:hidden}}:host(.ld-tooltip){--ld-zi-max:2147483647;--ld-tooltip-animation-duration:0s;--ld-tooltip-distance-from-trigger:var(--ld-sp-8);--ld-tooltip-max-width:20rem;--ld-tooltip-offset-x:0px;--ld-tooltip-offset-y:0px;--ld-tooltip-padding:var(--ld-sp-16);--ld-tooltip-sm-padding:var(--ld-sp-6) var(--ld-sp-8);--tooltip-col:var(--ld-col-neutral-900);--tooltip-bg-col:var(--ld-col-wht);animation:ld-tooltip-hide 0s ease var(--ld-tooltip-animation-duration);animation-fill-mode:forwards;margin-left:var(--ld-tooltip-offset-x);margin-top:var(--ld-tooltip-offset-y);max-width:var(--ld-tooltip-max-width);opacity:0;pointer-events:none;position:relative;transition:opacity var(--ld-tooltip-animation-duration) ease-in;z-index:var(--ld-zi-max)}:host(.ld-tooltip:not(.ld-tooltip--unstyled)){background-color:var(--tooltip-bg-col);border-radius:var(--ld-br-m);color:var(--tooltip-col);filter:var(--ld-drop-shadow-hover);padding:var(--ld-tooltip-padding)}@media (prefers-reduced-motion:no-preference){:host(.ld-tooltip--initialized){--ld-tooltip-animation-duration:var(--ld-transition-duration-normal)}}:host(.ld-tooltip--sm){--ld-tooltip-padding:var(--ld-tooltip-sm-padding)}:host(.ld-tooltip--with-arrow){--ld-tooltip-arrow-size:0.5rem;--ld-tooltip-arrow-offset:var(--ld-sp-16);--ld-tooltip-distance-from-trigger:calc(var(--ld-tooltip-arrow-size) + var(--ld-sp-8))}:host(.ld-tooltip--interactive){pointer-events:auto}:host(.ld-tooltip.ld-tether-enabled){animation:ld-tooltip-show var(--ld-tooltip-animation-duration) ease-out;opacity:1}:host(.ld-tooltip.ld-tether-element-attached-bottom) .ld-tooltip__arrow{bottom:var(--ld-tooltip-arrow-offset)}:host(.ld-tooltip.ld-tether-element-attached-bottom.ld-tether-target-attached-top){margin-top:calc(var(--ld-tooltip-distance-from-trigger) * -1 - var(--ld-tooltip-offset-y))}:host(.ld-tooltip.ld-tether-element-attached-bottom.ld-tether-target-attached-top) .ld-tooltip__arrow{border-top-color:var(--tooltip-bg-col);top:100%}:host(.ld-tooltip.ld-tether-element-attached-center) .ld-tooltip__arrow{left:calc(50% - var(--ld-tooltip-arrow-size))}:host(.ld-tooltip.ld-tether-element-attached-left.ld-tether-target-attached-right){margin-left:calc(var(--ld-tooltip-offset-x) + var(--ld-tooltip-distance-from-trigger))}:host(.ld-tooltip.ld-tether-element-attached-left.ld-tether-target-attached-right) .ld-tooltip__arrow{border-right-color:var(--tooltip-bg-col);right:100%}:host(.ld-tooltip.ld-tether-element-attached-middle) .ld-tooltip__arrow{top:calc(50% - var(--ld-tooltip-arrow-size))}:host(.ld-tooltip.ld-tether-element-attached-right) .ld-tooltip__arrow{right:var(--ld-tooltip-arrow-offset)}:host(.ld-tooltip.ld-tether-element-attached-right.ld-tether-target-attached-left){margin-left:calc(var(--ld-tooltip-distance-from-trigger) * -1 - var(--ld-tooltip-offset-x))}:host(.ld-tooltip.ld-tether-element-attached-right.ld-tether-target-attached-left) .ld-tooltip__arrow{border-left-color:var(--tooltip-bg-col);left:100%}:host(.ld-tooltip.ld-tether-element-attached-top.ld-tether-target-attached-bottom){margin-top:calc(var(--ld-tooltip-distance-from-trigger) + var(--ld-tooltip-offset-y))}:host(.ld-tooltip.ld-tether-element-attached-top.ld-tether-target-attached-bottom) .ld-tooltip__arrow{border-bottom-color:var(--tooltip-bg-col);bottom:100%}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top):where(.ld-tether-element-attached-right)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom):where(.ld-tether-element-attached-right)){--ld-tooltip-offset-x:1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top):where(.ld-tether-element-attached-left)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom):where(.ld-tether-element-attached-left)){--ld-tooltip-offset-x:-1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-left.ld-tether-target-attached-right):where(.ld-tether-element-attached-bottom)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-right.ld-tether-target-attached-left):where(.ld-tether-element-attached-bottom)){--ld-tooltip-offset-y:1rem}:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-left.ld-tether-target-attached-right):where(.ld-tether-element-attached-top)),:host(.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow):where(.ld-tether-element-attached-right.ld-tether-target-attached-left):where(.ld-tether-element-attached-top)){--ld-tooltip-offset-y:-1rem}.ld-tooltip__arrow{border:var(--ld-tooltip-arrow-size) solid #0000;position:absolute}";const v=class{constructor(e){t(this,e);this.initialized=false;this.arrow=undefined;this.rightClick=false;this.size=undefined;this.triggerType="hover";this.unstyled=false;this.hasDefaultTrigger=undefined}componentDidLoad(){setTimeout((()=>{this.initialized=true}))}render(){return o(i,{class:h(["ld-tooltip",this.arrow&&"ld-tooltip--with-arrow",this.hasDefaultTrigger&&"ld-tooltip--with-default-trigger",this.initialized&&"ld-tooltip--initialized",this.size&&`ld-tooltip--${this.size}`,(this.rightClick||this.triggerType==="click")&&"ld-tooltip--interactive",this.unstyled&&"ld-tooltip--unstyled"]),role:"tooltip"},this.arrow&&o("span",{class:"ld-tooltip__arrow"}),o("slot",null))}get element(){return l(this)}};v.style=w;export{u as ld_tooltip,v as ld_tooltip_popper}; +//# sourceMappingURL=p-62594aee.entry.js.map \ No newline at end of file diff --git a/dist/build/p-f4b6d705.entry.js.map b/1704966176737/dist/build/p-62594aee.entry.js.map similarity index 99% rename from dist/build/p-f4b6d705.entry.js.map rename to 1704966176737/dist/build/p-62594aee.entry.js.map index 154d87cf87..ccecd7bf26 100644 --- a/dist/build/p-f4b6d705.entry.js.map +++ b/1704966176737/dist/build/p-62594aee.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldTooltipShadowCss","tooltipCount","mapPositionToAttachment","position","mapPositionToTargetAttachment","_a","copySlottedNodes","node","isElement","querySelectorAll","forEach","slot","assignedNodes","childNode","parentElement","insertBefore","remove","LdTooltip","this","idDescriber","isObserverEnabled","syncContent","tooltipContent","contentRef","querySelector","tooltipRef","textContent","appendChild","setTimeout","initTooltip","async","attachment","targetAttachment","customTetherOptions","tetherOptions","JSON","parse","Object","assign","classPrefix","constraints","to","element","target","triggerRef","popper","Tether","enable","showTooltip","toggleTooltip","visible","hideTooltip","handleHideTrigger","triggerType","disabled","clearTimeout","delayTimeout","hideDelay","handleShowTrigger","undefined","showDelay","bind","handleClick","rightClick","handleSlotChange","childNodes","classList","contains","initObserver","observer","MutationObserver","observe","el","subtree","childList","attributes","findFirstSlottedTrigger","triggerInSlot","isSlot","assignedElements","updatePopper","newDisabled","getTooltip","disable","ldtooltipclose","emit","ldtooltipopen","handleContextMenu","ev","preventDefault","handleClickOutside","isTrusted","composedPath","includes","handleContextMenuOutside","handleTouchOutside","handleCloseTooltip","componentWillLoad","hasDefaultTrigger","matches","focusableSelector","isInnerFocusable","triggerTabIndex","addEventListener","componentDidLoad","disconnectedCallback","disconnect","destroy","render","TriggerTag","tag","h","Host","preventScreenreader","class","getClassNames","onClick","onContextMenu","onMouseEnter","onMouseLeave","part","ref","tabIndex","type","name","fill","viewBox","d","arrow","id","unstyled","size","ldTooltipPopperShadowCss","LdTooltipPopper","initialized","role"],"sources":["../src/liquid/components/ld-tooltip/ld-tooltip.shadow.css?tag=ld-tooltip&encapsulation=shadow","../src/liquid/components/ld-tooltip/ld-tooltip.tsx","../src/liquid/components/ld-tooltip/ld-tooltip-popper/ld-tooltip-popper.shadow.css?tag=ld-tooltip-popper&encapsulation=shadow","../src/liquid/components/ld-tooltip/ld-tooltip-popper/ld-tooltip-popper.tsx"],"sourcesContent":[".ld-tooltip__trigger {\n /* themable colors */\n --ld-tooltip-trigger-icon-col: var(--ld-thm-primary);\n --ld-tooltip-trigger-icon-col-hover: var(--ld-thm-primary-hover);\n --ld-tooltip-trigger-icon-col-focus: var(--ld-thm-primary-focus);\n\n background: none;\n border: 0;\n display: inline-block;\n font-family: inherit;\n font-size: inherit;\n padding: 0;\n color: inherit;\n\n &--clickable {\n cursor: pointer;\n }\n\n &:focus:focus-visible .ld-tooltip__icon {\n color: var(--ld-tooltip-trigger-icon-col-focus);\n }\n\n &:hover .ld-tooltip__icon {\n color: var(--ld-tooltip-trigger-icon-col-hover);\n }\n\n ~ .ld-tooltip {\n opacity: 0;\n position: absolute;\n display: none;\n }\n}\n\n.ld-tooltip__icon {\n color: var(--ld-tooltip-trigger-icon-col);\n display: flex;\n height: var(--ld-sp-16);\n width: var(--ld-sp-16);\n}\n\n.ld-tooltip__content {\n display: none;\n}\n","import Tether from 'tether'\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { focusableSelector, isInnerFocusable } from '../../utils/focus'\nimport { isElement, isSlot } from '../../utils/type-checking'\n\nexport type Position =\n | 'bottom center'\n | 'bottom left'\n | 'bottom right'\n | 'left bottom'\n | 'left middle'\n | 'left top'\n | 'right bottom'\n | 'right middle'\n | 'right top'\n | 'top center'\n | 'top left'\n | 'top right'\n\nlet tooltipCount = 0\n\nconst mapPositionToAttachment = (position: Position) => {\n return {\n 'bottom center': 'top center',\n 'bottom left': 'top left',\n 'bottom right': 'top right',\n 'left bottom': 'bottom right',\n 'left middle': 'middle right',\n 'left top': 'top right',\n 'right bottom': 'bottom left',\n 'right middle': 'middle left',\n 'right top': 'top left',\n 'top center': 'bottom center',\n 'top left': 'bottom left',\n 'top right': 'bottom right',\n }[position]\n}\n\nconst mapPositionToTargetAttachment = (position: Position) => {\n return (\n {\n 'left bottom': 'bottom left',\n 'left middle': 'middle left',\n 'left top': 'top left',\n 'right bottom': 'bottom right',\n 'right middle': 'middle right',\n 'right top': 'top right',\n }[position] ?? position\n )\n}\n\nconst copySlottedNodes = (node: Node) => {\n // text node\n if (!isElement(node)) {\n return\n }\n\n node.querySelectorAll('slot').forEach((slot) => {\n slot.assignedNodes().forEach((childNode) => {\n copySlottedNodes(childNode)\n slot.parentElement.insertBefore(childNode, slot)\n })\n slot.remove()\n })\n}\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part content - `span` element wrapping the default slot\n * @part icon - Default icon when no trigger is supplied\n * @part trigger - Trigger button\n * @part popper - Popper element (can only be styled as long as tooltip is not initialized)\n */\n@Component({\n tag: 'ld-tooltip',\n styleUrl: 'ld-tooltip.shadow.css',\n shadow: true,\n})\nexport class LdTooltip {\n @Element() el: HTMLElement\n\n private contentRef!: HTMLSpanElement\n private delayTimeout?: NodeJS.Timeout\n private idDescriber = `ld-tooltip-${++tooltipCount}`\n private observer: MutationObserver\n private popper?: Tether\n private tooltipRef!: HTMLElement\n private triggerRef!: HTMLSpanElement\n private isObserverEnabled = true\n\n /** Show arrow */\n @Prop() arrow?: boolean\n\n /** Disable tooltip trigger */\n @Prop() disabled?: boolean\n\n /** Delay in ms until tooltip hides (only when trigger type is 'hover') */\n @Prop() hideDelay? = 0\n\n /** Position of the tooltip relative to the trigger element (also affects the arrow position) */\n @Prop() position?: Position = 'top center'\n\n /**\n * Do not apply code that triggers screenreaders when tooltip opens.\n * @internal\n */\n @Prop() preventScreenreader? = false\n\n /**\n * Use to right-click.\n * @internal\n */\n @Prop() rightClick? = false\n\n /** Delay in ms until tooltip shows (only when trigger type is 'hover') */\n @Prop() showDelay? = 0\n\n /** The tooltip size (effects tooltip padding only) */\n @Prop() size?: 'sm'\n\n /**\n * Render the tooltip without visual styling.\n * @internal\n */\n @Prop() unstyled?: HTMLLdTooltipPopperElement['unstyled']\n\n /** The rendered HTML tag for the tooltip trigger. */\n @Prop() tag? = 'button'\n\n /** Tether options object to be merged with the default options (optionally stringified). */\n @Prop() tetherOptions?: Partial | string\n\n /** Event type that triggers the tooltip */\n @Prop() triggerType?: 'click' | 'hover' = 'hover'\n\n /** Emitted when the tooltip is opened. */\n @Event() ldtooltipopen: EventEmitter\n\n /** Emitted when the tooltip is closed. */\n @Event() ldtooltipclose: EventEmitter\n\n @State() hasDefaultTrigger = true\n @State() triggerTabIndex?: number\n @State() visible = false\n\n @Watch('disabled')\n updatePopper(newDisabled: boolean) {\n if (newDisabled) {\n this.hideTooltip()\n }\n }\n\n private syncContent = () => {\n this.isObserverEnabled = false\n\n // Grab the new content in the slot.\n const tooltipContent = this.contentRef.querySelector('slot').assignedNodes()\n\n // Delete old content in popper element. Using textContent\n // is faster than innerHTML as no HTML parsers needs to be\n // invoked. Instead, this immediately replaces all children\n // of the tooltip ref with a single #text node.\n this.tooltipRef.textContent = ''\n\n // Move original nodes to popper element,\n // including all event listeners!\n tooltipContent.forEach((node) => {\n copySlottedNodes(node)\n this.tooltipRef.appendChild(node)\n })\n\n // The timeout is required. Without the setTimeout,\n // there is a possibility that the observer could be\n // re-enabled immediately after the content synchronization\n // code has been executed, but before the DOM modifications\n // have been fully processed. This could result in the\n // observer detecting incomplete or inconsistent changes,\n // leading to unexpected behavior.\n setTimeout(() => {\n this.isObserverEnabled = true\n })\n }\n\n private initTooltip = async () => {\n const attachment = mapPositionToAttachment(this.position)\n const targetAttachment = mapPositionToTargetAttachment(this.position)\n\n const customTetherOptions: Partial =\n typeof this.tetherOptions === 'string'\n ? JSON.parse(this.tetherOptions)\n : this.tetherOptions\n const tetherOptions: Tether.ITetherOptions = {\n attachment,\n classPrefix: 'ld-tether',\n constraints: [\n {\n attachment: 'together',\n to: 'window',\n },\n ],\n element: this.tooltipRef,\n target: this.triggerRef,\n targetAttachment,\n ...customTetherOptions,\n }\n\n this.popper = new Tether(tetherOptions)\n // Fixes a tether positioning bug\n this.popper.enable()\n this.popper.enable()\n this.popper.enable()\n await this.showTooltip()\n }\n\n /** Get the `ld-tooltip-popper` element. */\n @Method()\n async getTooltip() {\n return this.tooltipRef\n }\n\n /** Hide tooltip */\n @Method()\n async hideTooltip() {\n clearTimeout(this.delayTimeout)\n this.popper?.disable()\n this.visible = false\n this.ldtooltipclose.emit()\n }\n\n /** Show tooltip */\n @Method()\n async showTooltip() {\n if (this.disabled) return\n\n if (!this.popper) {\n await this.initTooltip()\n return\n }\n\n clearTimeout(this.delayTimeout)\n this.popper.enable()\n this.visible = true\n this.ldtooltipopen.emit()\n }\n\n /** @internal */\n @Method()\n async handleContextMenu(ev) {\n if (!this.rightClick || this.disabled) return\n\n ev.preventDefault()\n this.toggleTooltip()\n }\n\n private toggleTooltip = () => {\n if (!this.popper) {\n this.initTooltip()\n return\n }\n\n if (this.visible) {\n this.hideTooltip()\n } else {\n this.showTooltip()\n }\n }\n\n private handleHideTrigger = () => {\n if (this.triggerType === 'click' || this.disabled) {\n return\n }\n\n clearTimeout(this.delayTimeout)\n\n if (this.popper) {\n this.delayTimeout = setTimeout(() => {\n this.hideTooltip()\n }, this.hideDelay)\n }\n }\n\n private handleShowTrigger = () => {\n if (this.triggerType === 'click' || this.disabled) {\n return\n }\n\n clearTimeout(this.delayTimeout)\n\n if (this.popper === undefined) {\n this.delayTimeout = setTimeout(this.initTooltip, this.showDelay)\n } else {\n this.delayTimeout = setTimeout(\n this.showTooltip.bind(this),\n this.showDelay\n )\n }\n }\n\n private handleClick = () => {\n if (this.rightClick || this.triggerType === 'hover' || this.disabled) {\n return\n }\n\n this.toggleTooltip()\n }\n\n // TODO: maybe this should listen only, if the tooltip was opened by click.\n @Listen('click', {\n target: 'window',\n })\n handleClickOutside(ev: MouseEvent) {\n if (\n this.visible &&\n this.triggerType === 'click' &&\n ev.isTrusted &&\n !ev.composedPath().includes(this.el) &&\n !ev.composedPath().includes(this.tooltipRef)\n ) {\n this.hideTooltip()\n }\n }\n\n // This listener is required for tooltips which open via right click.\n // It makes sure that tooltips opened via right click get closed again\n // if another tooltip gets open via right click. Since a right click\n // is not a left click, the click outside handler, which otherwise would\n // close the tooltip, is not sufficient.\n @Listen('ldtooltipopen', {\n target: 'window',\n })\n handleContextMenuOutside(ev: CustomEvent) {\n if (\n this.visible &&\n !ev.composedPath().includes(this.el) &&\n !ev.composedPath().includes(this.tooltipRef)\n ) {\n this.hideTooltip()\n }\n }\n\n // Mobile Safari in some cases does not react to click events on elements\n // which are not interactive. But it does to touch events.\n // TODO: maybe this should listen only, if the tooltip was opened by click.\n @Listen('touchend', {\n target: 'window',\n passive: true,\n })\n handleTouchOutside(ev) {\n this.handleClickOutside(ev)\n }\n\n @Listen('ldclosetooltip', {\n target: 'window',\n passive: true,\n })\n handleCloseTooltip(ev) {\n if (ev.composedPath().includes(this.tooltipRef)) {\n this.hideTooltip()\n }\n }\n\n private handleSlotChange = () => {\n if (!this.isObserverEnabled) return\n\n // Remove all content from the popper element except for the tether-element-marker.\n this.tooltipRef.childNodes.forEach((node) => {\n if (\n isElement(node) &&\n node.classList.contains('ld-tether-element-marker')\n ) {\n return\n }\n\n node.remove()\n })\n\n // Put all content from the slot in the popper element.\n this.syncContent()\n }\n\n private initObserver = () => {\n this.observer = new MutationObserver(this.handleSlotChange)\n this.observer.observe(this.el, {\n subtree: true,\n childList: true,\n attributes: false,\n })\n }\n\n private findFirstSlottedTrigger = () => {\n let triggerInSlot = this.el.querySelector('[slot=\"trigger\"]')\n\n while (triggerInSlot && isSlot(triggerInSlot)) {\n triggerInSlot = triggerInSlot.assignedElements()[0]\n }\n\n return triggerInSlot as HTMLElement\n }\n\n componentWillLoad() {\n const triggerInSlot = this.findFirstSlottedTrigger()\n this.hasDefaultTrigger = !triggerInSlot\n\n if (\n triggerInSlot &&\n (triggerInSlot.matches(focusableSelector) ||\n isInnerFocusable(triggerInSlot))\n ) {\n this.triggerTabIndex = -1\n }\n\n this.el.addEventListener('focus', this.handleShowTrigger, true)\n this.el.addEventListener('blur', this.handleHideTrigger, true)\n }\n\n componentDidLoad() {\n setTimeout(() => {\n this.syncContent()\n this.initObserver()\n })\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.observer) this.observer.disconnect()\n /* istanbul ignore if */\n if (this.popper) this.popper.destroy()\n /* istanbul ignore if */\n if (this.tooltipRef) this.tooltipRef.remove()\n }\n\n render() {\n const TriggerTag = this.tag\n\n return (\n \n {\n this.triggerRef = element\n }}\n tabIndex={this.triggerTabIndex}\n type=\"button\"\n >\n Info\n \n \n \n \n \n \n \n (this.contentRef = element)}\n >\n \n
    \n {\n this.tooltipRef = element\n }}\n rightClick={this.rightClick}\n size={this.size}\n triggerType={this.triggerType}\n />\n \n )\n }\n}\n","@keyframes ld-tooltip-show {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes ld-tooltip-hide {\n to {\n visibility: hidden;\n }\n}\n\n.ld-tooltip {\n :host(&) {\n /* TODO: move to global vars? */\n --ld-zi-max: 2147483647; /* max z-index */\n\n --ld-tooltip-animation-duration: 0s;\n --ld-tooltip-distance-from-trigger: var(--ld-sp-8);\n --ld-tooltip-max-width: 20rem;\n /* calculation does not work, if 0 is used instead of 0px */\n --ld-tooltip-offset-x: 0px;\n --ld-tooltip-offset-y: 0px;\n\n --ld-tooltip-padding: var(--ld-sp-16);\n --ld-tooltip-sm-padding: var(--ld-sp-6) var(--ld-sp-8);\n\n /* colors */\n --tooltip-col: var(--ld-col-neutral-900);\n --tooltip-bg-col: var(--ld-col-wht);\n\n animation: ld-tooltip-hide 0s ease var(--ld-tooltip-animation-duration);\n animation-fill-mode: forwards;\n margin-left: var(--ld-tooltip-offset-x);\n margin-top: var(--ld-tooltip-offset-y);\n max-width: var(--ld-tooltip-max-width);\n opacity: 0;\n pointer-events: none;\n position: relative;\n transition: opacity var(--ld-tooltip-animation-duration) ease-in;\n z-index: var(--ld-zi-max);\n }\n\n &:not(.ld-tooltip--unstyled) {\n :host(&) {\n background-color: var(--tooltip-bg-col);\n border-radius: var(--ld-br-m);\n color: var(--tooltip-col);\n filter: var(--ld-drop-shadow-hover);\n padding: var(--ld-tooltip-padding);\n }\n }\n\n &--initialized {\n :host(&) {\n @media (prefers-reduced-motion: no-preference) {\n --ld-tooltip-animation-duration: var(--ld-transition-duration-normal);\n }\n }\n }\n\n &--sm {\n :host(&) {\n --ld-tooltip-padding: var(--ld-tooltip-sm-padding);\n }\n }\n\n &--with-arrow {\n :host(&) {\n --ld-tooltip-arrow-size: 0.5rem;\n --ld-tooltip-arrow-offset: var(--ld-sp-16);\n --ld-tooltip-distance-from-trigger: calc(\n var(--ld-tooltip-arrow-size) + var(--ld-sp-8)\n );\n }\n }\n\n &--interactive {\n :host(&) {\n pointer-events: auto;\n }\n }\n\n &.ld-tether-enabled {\n :host(&) {\n animation: ld-tooltip-show var(--ld-tooltip-animation-duration) ease-out;\n opacity: 1;\n }\n }\n\n &.ld-tether-element-attached-bottom {\n :host(&) {\n .ld-tooltip__arrow {\n bottom: var(--ld-tooltip-arrow-offset);\n }\n }\n\n &.ld-tether-target-attached-top {\n :host(&) {\n margin-top: calc(\n var(--ld-tooltip-distance-from-trigger) * -1 -\n var(--ld-tooltip-offset-y)\n );\n\n .ld-tooltip__arrow {\n border-top-color: var(--tooltip-bg-col);\n top: 100%;\n }\n }\n }\n }\n\n &.ld-tether-element-attached-center {\n :host(&) {\n .ld-tooltip__arrow {\n left: calc(50% - var(--ld-tooltip-arrow-size));\n }\n }\n }\n\n &.ld-tether-element-attached-left.ld-tether-target-attached-right {\n :host(&) {\n margin-left: calc(\n var(--ld-tooltip-offset-x) + var(--ld-tooltip-distance-from-trigger)\n );\n\n .ld-tooltip__arrow {\n border-right-color: var(--tooltip-bg-col);\n right: 100%;\n }\n }\n }\n\n &.ld-tether-element-attached-middle {\n :host(&) {\n .ld-tooltip__arrow {\n top: calc(50% - var(--ld-tooltip-arrow-size));\n }\n }\n }\n\n &.ld-tether-element-attached-right {\n :host(&) {\n .ld-tooltip__arrow {\n right: var(--ld-tooltip-arrow-offset);\n }\n }\n\n &.ld-tether-target-attached-left {\n :host(&) {\n margin-left: calc(\n var(--ld-tooltip-distance-from-trigger) * -1 -\n var(--ld-tooltip-offset-x)\n );\n\n .ld-tooltip__arrow {\n border-left-color: var(--tooltip-bg-col);\n left: 100%;\n }\n }\n }\n }\n\n &.ld-tether-element-attached-top.ld-tether-target-attached-bottom {\n :host(&) {\n margin-top: calc(\n var(--ld-tooltip-distance-from-trigger) + var(--ld-tooltip-offset-y)\n );\n .ld-tooltip__arrow {\n border-bottom-color: var(--tooltip-bg-col);\n bottom: 100%;\n }\n }\n }\n}\n\n.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow) {\n &:where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom),\n &:where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top) {\n &:where(.ld-tether-element-attached-right) {\n :host(&) {\n --ld-tooltip-offset-x: 1rem;\n }\n }\n\n &:where(.ld-tether-element-attached-left) {\n :host(&) {\n --ld-tooltip-offset-x: -1rem;\n }\n }\n }\n\n &:where(.ld-tether-element-attached-right.ld-tether-target-attached-left),\n &:where(.ld-tether-element-attached-left.ld-tether-target-attached-right) {\n &:where(.ld-tether-element-attached-bottom) {\n :host(&) {\n --ld-tooltip-offset-y: 1rem;\n }\n }\n\n &:where(.ld-tether-element-attached-top) {\n :host(&) {\n --ld-tooltip-offset-y: -1rem;\n }\n }\n }\n}\n\n.ld-tooltip__arrow {\n border: var(--ld-tooltip-arrow-size) solid transparent;\n position: absolute;\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'ld-tooltip-popper',\n styleUrl: 'ld-tooltip-popper.shadow.css',\n shadow: true,\n})\nexport class LdTooltipPopper {\n @Element() element: HTMLElement\n\n @State() initialized = false\n\n /** Show arrow */\n @Prop() arrow?: boolean\n\n /**\n * Use to right-click.\n * @internal\n */\n @Prop() rightClick? = false\n\n /** The tooltip size (effects tooltip padding only) */\n @Prop() size?: 'sm'\n\n /** Event type that triggers the tooltip */\n @Prop() triggerType?: 'click' | 'hover' = 'hover'\n\n /** Render the tooltip without visual styling. */\n @Prop() unstyled? = false\n\n /** Whether the tooltip has a custom trigger or not */\n @Prop() hasDefaultTrigger?: boolean\n\n componentDidLoad() {\n setTimeout(() => {\n this.initialized = true\n })\n }\n\n render() {\n return (\n \n {this.arrow && }\n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["ldTooltipShadowCss","tooltipCount","mapPositionToAttachment","position","mapPositionToTargetAttachment","_a","copySlottedNodes","node","isElement","querySelectorAll","forEach","slot","assignedNodes","childNode","parentElement","insertBefore","remove","LdTooltip","this","idDescriber","isObserverEnabled","syncContent","tooltipContent","contentRef","querySelector","tooltipRef","textContent","appendChild","setTimeout","initTooltip","async","attachment","targetAttachment","customTetherOptions","tetherOptions","JSON","parse","Object","assign","classPrefix","constraints","to","element","target","triggerRef","popper","Tether","enable","showTooltip","toggleTooltip","visible","hideTooltip","handleHideTrigger","triggerType","disabled","clearTimeout","delayTimeout","hideDelay","handleShowTrigger","undefined","showDelay","bind","handleClick","rightClick","handleSlotChange","childNodes","classList","contains","initObserver","observer","MutationObserver","observe","el","subtree","childList","attributes","findFirstSlottedTrigger","triggerInSlot","isSlot","assignedElements","updatePopper","newDisabled","getTooltip","disable","ldtooltipclose","emit","ldtooltipopen","handleContextMenu","ev","preventDefault","handleClickOutside","isTrusted","composedPath","includes","handleContextMenuOutside","handleTouchOutside","handleCloseTooltip","componentWillLoad","hasDefaultTrigger","matches","focusableSelector","isInnerFocusable","triggerTabIndex","addEventListener","componentDidLoad","disconnectedCallback","disconnect","destroy","render","TriggerTag","tag","h","Host","preventScreenreader","class","getClassNames","onClick","onContextMenu","onMouseEnter","onMouseLeave","part","ref","tabIndex","type","name","fill","viewBox","d","arrow","id","unstyled","size","ldTooltipPopperShadowCss","LdTooltipPopper","initialized","role"],"sources":["../src/liquid/components/ld-tooltip/ld-tooltip.shadow.css?tag=ld-tooltip&encapsulation=shadow","../src/liquid/components/ld-tooltip/ld-tooltip.tsx","../src/liquid/components/ld-tooltip/ld-tooltip-popper/ld-tooltip-popper.shadow.css?tag=ld-tooltip-popper&encapsulation=shadow","../src/liquid/components/ld-tooltip/ld-tooltip-popper/ld-tooltip-popper.tsx"],"sourcesContent":[".ld-tooltip__trigger {\n /* themable colors */\n --ld-tooltip-trigger-icon-col: var(--ld-thm-primary);\n --ld-tooltip-trigger-icon-col-hover: var(--ld-thm-primary-hover);\n --ld-tooltip-trigger-icon-col-focus: var(--ld-thm-primary-focus);\n\n background: none;\n border: 0;\n display: inline-block;\n font-family: inherit;\n font-size: inherit;\n padding: 0;\n color: inherit;\n\n &--clickable {\n cursor: pointer;\n }\n\n &:focus:focus-visible .ld-tooltip__icon {\n color: var(--ld-tooltip-trigger-icon-col-focus);\n }\n\n &:hover .ld-tooltip__icon {\n color: var(--ld-tooltip-trigger-icon-col-hover);\n }\n\n ~ .ld-tooltip {\n opacity: 0;\n position: absolute;\n display: none;\n }\n}\n\n.ld-tooltip__icon {\n color: var(--ld-tooltip-trigger-icon-col);\n display: flex;\n height: var(--ld-sp-16);\n width: var(--ld-sp-16);\n}\n\n.ld-tooltip__content {\n display: none;\n}\n","import Tether from 'tether'\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { focusableSelector, isInnerFocusable } from '../../utils/focus'\nimport { isElement, isSlot } from '../../utils/type-checking'\n\nexport type Position =\n | 'bottom center'\n | 'bottom left'\n | 'bottom right'\n | 'left bottom'\n | 'left middle'\n | 'left top'\n | 'right bottom'\n | 'right middle'\n | 'right top'\n | 'top center'\n | 'top left'\n | 'top right'\n\nlet tooltipCount = 0\n\nconst mapPositionToAttachment = (position: Position) => {\n return {\n 'bottom center': 'top center',\n 'bottom left': 'top left',\n 'bottom right': 'top right',\n 'left bottom': 'bottom right',\n 'left middle': 'middle right',\n 'left top': 'top right',\n 'right bottom': 'bottom left',\n 'right middle': 'middle left',\n 'right top': 'top left',\n 'top center': 'bottom center',\n 'top left': 'bottom left',\n 'top right': 'bottom right',\n }[position]\n}\n\nconst mapPositionToTargetAttachment = (position: Position) => {\n return (\n {\n 'left bottom': 'bottom left',\n 'left middle': 'middle left',\n 'left top': 'top left',\n 'right bottom': 'bottom right',\n 'right middle': 'middle right',\n 'right top': 'top right',\n }[position] ?? position\n )\n}\n\nconst copySlottedNodes = (node: Node) => {\n // text node\n if (!isElement(node)) {\n return\n }\n\n node.querySelectorAll('slot').forEach((slot) => {\n slot.assignedNodes().forEach((childNode) => {\n copySlottedNodes(childNode)\n slot.parentElement.insertBefore(childNode, slot)\n })\n slot.remove()\n })\n}\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part content - `span` element wrapping the default slot\n * @part icon - Default icon when no trigger is supplied\n * @part trigger - Trigger button\n * @part popper - Popper element (can only be styled as long as tooltip is not initialized)\n */\n@Component({\n tag: 'ld-tooltip',\n styleUrl: 'ld-tooltip.shadow.css',\n shadow: true,\n})\nexport class LdTooltip {\n @Element() el: HTMLElement\n\n private contentRef!: HTMLSpanElement\n private delayTimeout?: NodeJS.Timeout\n private idDescriber = `ld-tooltip-${++tooltipCount}`\n private observer: MutationObserver\n private popper?: Tether\n private tooltipRef!: HTMLElement\n private triggerRef!: HTMLSpanElement\n private isObserverEnabled = true\n\n /** Show arrow */\n @Prop() arrow?: boolean\n\n /** Disable tooltip trigger */\n @Prop() disabled?: boolean\n\n /** Delay in ms until tooltip hides (only when trigger type is 'hover') */\n @Prop() hideDelay? = 0\n\n /** Position of the tooltip relative to the trigger element (also affects the arrow position) */\n @Prop() position?: Position = 'top center'\n\n /**\n * Do not apply code that triggers screenreaders when tooltip opens.\n * @internal\n */\n @Prop() preventScreenreader? = false\n\n /**\n * Use to right-click.\n * @internal\n */\n @Prop() rightClick? = false\n\n /** Delay in ms until tooltip shows (only when trigger type is 'hover') */\n @Prop() showDelay? = 0\n\n /** The tooltip size (effects tooltip padding only) */\n @Prop() size?: 'sm'\n\n /**\n * Render the tooltip without visual styling.\n * @internal\n */\n @Prop() unstyled?: HTMLLdTooltipPopperElement['unstyled']\n\n /** The rendered HTML tag for the tooltip trigger. */\n @Prop() tag? = 'button'\n\n /** Tether options object to be merged with the default options (optionally stringified). */\n @Prop() tetherOptions?: Partial | string\n\n /** Event type that triggers the tooltip */\n @Prop() triggerType?: 'click' | 'hover' = 'hover'\n\n /** Emitted when the tooltip is opened. */\n @Event() ldtooltipopen: EventEmitter\n\n /** Emitted when the tooltip is closed. */\n @Event() ldtooltipclose: EventEmitter\n\n @State() hasDefaultTrigger = true\n @State() triggerTabIndex?: number\n @State() visible = false\n\n @Watch('disabled')\n updatePopper(newDisabled: boolean) {\n if (newDisabled) {\n this.hideTooltip()\n }\n }\n\n private syncContent = () => {\n this.isObserverEnabled = false\n\n // Grab the new content in the slot.\n const tooltipContent = this.contentRef.querySelector('slot').assignedNodes()\n\n // Delete old content in popper element. Using textContent\n // is faster than innerHTML as no HTML parsers needs to be\n // invoked. Instead, this immediately replaces all children\n // of the tooltip ref with a single #text node.\n this.tooltipRef.textContent = ''\n\n // Move original nodes to popper element,\n // including all event listeners!\n tooltipContent.forEach((node) => {\n copySlottedNodes(node)\n this.tooltipRef.appendChild(node)\n })\n\n // The timeout is required. Without the setTimeout,\n // there is a possibility that the observer could be\n // re-enabled immediately after the content synchronization\n // code has been executed, but before the DOM modifications\n // have been fully processed. This could result in the\n // observer detecting incomplete or inconsistent changes,\n // leading to unexpected behavior.\n setTimeout(() => {\n this.isObserverEnabled = true\n })\n }\n\n private initTooltip = async () => {\n const attachment = mapPositionToAttachment(this.position)\n const targetAttachment = mapPositionToTargetAttachment(this.position)\n\n const customTetherOptions: Partial =\n typeof this.tetherOptions === 'string'\n ? JSON.parse(this.tetherOptions)\n : this.tetherOptions\n const tetherOptions: Tether.ITetherOptions = {\n attachment,\n classPrefix: 'ld-tether',\n constraints: [\n {\n attachment: 'together',\n to: 'window',\n },\n ],\n element: this.tooltipRef,\n target: this.triggerRef,\n targetAttachment,\n ...customTetherOptions,\n }\n\n this.popper = new Tether(tetherOptions)\n // Fixes a tether positioning bug\n this.popper.enable()\n this.popper.enable()\n this.popper.enable()\n await this.showTooltip()\n }\n\n /** Get the `ld-tooltip-popper` element. */\n @Method()\n async getTooltip() {\n return this.tooltipRef\n }\n\n /** Hide tooltip */\n @Method()\n async hideTooltip() {\n clearTimeout(this.delayTimeout)\n this.popper?.disable()\n this.visible = false\n this.ldtooltipclose.emit()\n }\n\n /** Show tooltip */\n @Method()\n async showTooltip() {\n if (this.disabled) return\n\n if (!this.popper) {\n await this.initTooltip()\n return\n }\n\n clearTimeout(this.delayTimeout)\n this.popper.enable()\n this.visible = true\n this.ldtooltipopen.emit()\n }\n\n /** @internal */\n @Method()\n async handleContextMenu(ev) {\n if (!this.rightClick || this.disabled) return\n\n ev.preventDefault()\n this.toggleTooltip()\n }\n\n private toggleTooltip = () => {\n if (!this.popper) {\n this.initTooltip()\n return\n }\n\n if (this.visible) {\n this.hideTooltip()\n } else {\n this.showTooltip()\n }\n }\n\n private handleHideTrigger = () => {\n if (this.triggerType === 'click' || this.disabled) {\n return\n }\n\n clearTimeout(this.delayTimeout)\n\n if (this.popper) {\n this.delayTimeout = setTimeout(() => {\n this.hideTooltip()\n }, this.hideDelay)\n }\n }\n\n private handleShowTrigger = () => {\n if (this.triggerType === 'click' || this.disabled) {\n return\n }\n\n clearTimeout(this.delayTimeout)\n\n if (this.popper === undefined) {\n this.delayTimeout = setTimeout(this.initTooltip, this.showDelay)\n } else {\n this.delayTimeout = setTimeout(\n this.showTooltip.bind(this),\n this.showDelay\n )\n }\n }\n\n private handleClick = () => {\n if (this.rightClick || this.triggerType === 'hover' || this.disabled) {\n return\n }\n\n this.toggleTooltip()\n }\n\n // TODO: maybe this should listen only, if the tooltip was opened by click.\n @Listen('click', {\n target: 'window',\n })\n handleClickOutside(ev: MouseEvent) {\n if (\n this.visible &&\n this.triggerType === 'click' &&\n ev.isTrusted &&\n !ev.composedPath().includes(this.el) &&\n !ev.composedPath().includes(this.tooltipRef)\n ) {\n this.hideTooltip()\n }\n }\n\n // This listener is required for tooltips which open via right click.\n // It makes sure that tooltips opened via right click get closed again\n // if another tooltip gets open via right click. Since a right click\n // is not a left click, the click outside handler, which otherwise would\n // close the tooltip, is not sufficient.\n @Listen('ldtooltipopen', {\n target: 'window',\n })\n handleContextMenuOutside(ev: CustomEvent) {\n if (\n this.visible &&\n !ev.composedPath().includes(this.el) &&\n !ev.composedPath().includes(this.tooltipRef)\n ) {\n this.hideTooltip()\n }\n }\n\n // Mobile Safari in some cases does not react to click events on elements\n // which are not interactive. But it does to touch events.\n // TODO: maybe this should listen only, if the tooltip was opened by click.\n @Listen('touchend', {\n target: 'window',\n passive: true,\n })\n handleTouchOutside(ev) {\n this.handleClickOutside(ev)\n }\n\n @Listen('ldclosetooltip', {\n target: 'window',\n passive: true,\n })\n handleCloseTooltip(ev) {\n if (ev.composedPath().includes(this.tooltipRef)) {\n this.hideTooltip()\n }\n }\n\n private handleSlotChange = () => {\n if (!this.isObserverEnabled) return\n\n // Remove all content from the popper element except for the tether-element-marker.\n this.tooltipRef.childNodes.forEach((node) => {\n if (\n isElement(node) &&\n node.classList.contains('ld-tether-element-marker')\n ) {\n return\n }\n\n node.remove()\n })\n\n // Put all content from the slot in the popper element.\n this.syncContent()\n }\n\n private initObserver = () => {\n this.observer = new MutationObserver(this.handleSlotChange)\n this.observer.observe(this.el, {\n subtree: true,\n childList: true,\n attributes: false,\n })\n }\n\n private findFirstSlottedTrigger = () => {\n let triggerInSlot = this.el.querySelector('[slot=\"trigger\"]')\n\n while (triggerInSlot && isSlot(triggerInSlot)) {\n triggerInSlot = triggerInSlot.assignedElements()[0]\n }\n\n return triggerInSlot as HTMLElement\n }\n\n componentWillLoad() {\n const triggerInSlot = this.findFirstSlottedTrigger()\n this.hasDefaultTrigger = !triggerInSlot\n\n if (\n triggerInSlot &&\n (triggerInSlot.matches(focusableSelector) ||\n isInnerFocusable(triggerInSlot))\n ) {\n this.triggerTabIndex = -1\n }\n\n this.el.addEventListener('focus', this.handleShowTrigger, true)\n this.el.addEventListener('blur', this.handleHideTrigger, true)\n }\n\n componentDidLoad() {\n setTimeout(() => {\n this.syncContent()\n this.initObserver()\n })\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.observer) this.observer.disconnect()\n /* istanbul ignore if */\n if (this.popper) this.popper.destroy()\n /* istanbul ignore if */\n if (this.tooltipRef) this.tooltipRef.remove()\n }\n\n render() {\n const TriggerTag = this.tag\n\n return (\n \n {\n this.triggerRef = element\n }}\n tabIndex={this.triggerTabIndex}\n type=\"button\"\n >\n Info\n \n \n \n \n \n \n \n (this.contentRef = element)}\n >\n \n \n {\n this.tooltipRef = element\n }}\n rightClick={this.rightClick}\n size={this.size}\n triggerType={this.triggerType}\n />\n \n )\n }\n}\n","@keyframes ld-tooltip-show {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes ld-tooltip-hide {\n to {\n visibility: hidden;\n }\n}\n\n.ld-tooltip {\n :host(&) {\n /* TODO: move to global vars? */\n --ld-zi-max: 2147483647; /* max z-index */\n\n --ld-tooltip-animation-duration: 0s;\n --ld-tooltip-distance-from-trigger: var(--ld-sp-8);\n --ld-tooltip-max-width: 20rem;\n /* calculation does not work, if 0 is used instead of 0px */\n --ld-tooltip-offset-x: 0px;\n --ld-tooltip-offset-y: 0px;\n\n --ld-tooltip-padding: var(--ld-sp-16);\n --ld-tooltip-sm-padding: var(--ld-sp-6) var(--ld-sp-8);\n\n /* colors */\n --tooltip-col: var(--ld-col-neutral-900);\n --tooltip-bg-col: var(--ld-col-wht);\n\n animation: ld-tooltip-hide 0s ease var(--ld-tooltip-animation-duration);\n animation-fill-mode: forwards;\n margin-left: var(--ld-tooltip-offset-x);\n margin-top: var(--ld-tooltip-offset-y);\n max-width: var(--ld-tooltip-max-width);\n opacity: 0;\n pointer-events: none;\n position: relative;\n transition: opacity var(--ld-tooltip-animation-duration) ease-in;\n z-index: var(--ld-zi-max);\n }\n\n &:not(.ld-tooltip--unstyled) {\n :host(&) {\n background-color: var(--tooltip-bg-col);\n border-radius: var(--ld-br-m);\n color: var(--tooltip-col);\n filter: var(--ld-drop-shadow-hover);\n padding: var(--ld-tooltip-padding);\n }\n }\n\n &--initialized {\n :host(&) {\n @media (prefers-reduced-motion: no-preference) {\n --ld-tooltip-animation-duration: var(--ld-transition-duration-normal);\n }\n }\n }\n\n &--sm {\n :host(&) {\n --ld-tooltip-padding: var(--ld-tooltip-sm-padding);\n }\n }\n\n &--with-arrow {\n :host(&) {\n --ld-tooltip-arrow-size: 0.5rem;\n --ld-tooltip-arrow-offset: var(--ld-sp-16);\n --ld-tooltip-distance-from-trigger: calc(\n var(--ld-tooltip-arrow-size) + var(--ld-sp-8)\n );\n }\n }\n\n &--interactive {\n :host(&) {\n pointer-events: auto;\n }\n }\n\n &.ld-tether-enabled {\n :host(&) {\n animation: ld-tooltip-show var(--ld-tooltip-animation-duration) ease-out;\n opacity: 1;\n }\n }\n\n &.ld-tether-element-attached-bottom {\n :host(&) {\n .ld-tooltip__arrow {\n bottom: var(--ld-tooltip-arrow-offset);\n }\n }\n\n &.ld-tether-target-attached-top {\n :host(&) {\n margin-top: calc(\n var(--ld-tooltip-distance-from-trigger) * -1 -\n var(--ld-tooltip-offset-y)\n );\n\n .ld-tooltip__arrow {\n border-top-color: var(--tooltip-bg-col);\n top: 100%;\n }\n }\n }\n }\n\n &.ld-tether-element-attached-center {\n :host(&) {\n .ld-tooltip__arrow {\n left: calc(50% - var(--ld-tooltip-arrow-size));\n }\n }\n }\n\n &.ld-tether-element-attached-left.ld-tether-target-attached-right {\n :host(&) {\n margin-left: calc(\n var(--ld-tooltip-offset-x) + var(--ld-tooltip-distance-from-trigger)\n );\n\n .ld-tooltip__arrow {\n border-right-color: var(--tooltip-bg-col);\n right: 100%;\n }\n }\n }\n\n &.ld-tether-element-attached-middle {\n :host(&) {\n .ld-tooltip__arrow {\n top: calc(50% - var(--ld-tooltip-arrow-size));\n }\n }\n }\n\n &.ld-tether-element-attached-right {\n :host(&) {\n .ld-tooltip__arrow {\n right: var(--ld-tooltip-arrow-offset);\n }\n }\n\n &.ld-tether-target-attached-left {\n :host(&) {\n margin-left: calc(\n var(--ld-tooltip-distance-from-trigger) * -1 -\n var(--ld-tooltip-offset-x)\n );\n\n .ld-tooltip__arrow {\n border-left-color: var(--tooltip-bg-col);\n left: 100%;\n }\n }\n }\n }\n\n &.ld-tether-element-attached-top.ld-tether-target-attached-bottom {\n :host(&) {\n margin-top: calc(\n var(--ld-tooltip-distance-from-trigger) + var(--ld-tooltip-offset-y)\n );\n .ld-tooltip__arrow {\n border-bottom-color: var(--tooltip-bg-col);\n bottom: 100%;\n }\n }\n }\n}\n\n.ld-tooltip--with-default-trigger:where(.ld-tooltip--with-arrow) {\n &:where(.ld-tether-element-attached-top.ld-tether-target-attached-bottom),\n &:where(.ld-tether-element-attached-bottom.ld-tether-target-attached-top) {\n &:where(.ld-tether-element-attached-right) {\n :host(&) {\n --ld-tooltip-offset-x: 1rem;\n }\n }\n\n &:where(.ld-tether-element-attached-left) {\n :host(&) {\n --ld-tooltip-offset-x: -1rem;\n }\n }\n }\n\n &:where(.ld-tether-element-attached-right.ld-tether-target-attached-left),\n &:where(.ld-tether-element-attached-left.ld-tether-target-attached-right) {\n &:where(.ld-tether-element-attached-bottom) {\n :host(&) {\n --ld-tooltip-offset-y: 1rem;\n }\n }\n\n &:where(.ld-tether-element-attached-top) {\n :host(&) {\n --ld-tooltip-offset-y: -1rem;\n }\n }\n }\n}\n\n.ld-tooltip__arrow {\n border: var(--ld-tooltip-arrow-size) solid transparent;\n position: absolute;\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'ld-tooltip-popper',\n styleUrl: 'ld-tooltip-popper.shadow.css',\n shadow: true,\n})\nexport class LdTooltipPopper {\n @Element() element: HTMLElement\n\n @State() initialized = false\n\n /** Show arrow */\n @Prop() arrow?: boolean\n\n /**\n * Use to right-click.\n * @internal\n */\n @Prop() rightClick? = false\n\n /** The tooltip size (effects tooltip padding only) */\n @Prop() size?: 'sm'\n\n /** Event type that triggers the tooltip */\n @Prop() triggerType?: 'click' | 'hover' = 'hover'\n\n /** Render the tooltip without visual styling. */\n @Prop() unstyled? = false\n\n /** Whether the tooltip has a custom trigger or not */\n @Prop() hasDefaultTrigger?: boolean\n\n componentDidLoad() {\n setTimeout(() => {\n this.initialized = true\n })\n }\n\n render() {\n return (\n \n {this.arrow && }\n \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-6378f694.entry.js b/1704966176737/dist/build/p-6378f694.entry.js similarity index 100% rename from 1704894792450/dist/build/p-6378f694.entry.js rename to 1704966176737/dist/build/p-6378f694.entry.js diff --git a/1704894792450/dist/build/p-6378f694.entry.js.map b/1704966176737/dist/build/p-6378f694.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-6378f694.entry.js.map rename to 1704966176737/dist/build/p-6378f694.entry.js.map diff --git a/1704894792450/dist/build/p-338b6c38.entry.js b/1704966176737/dist/build/p-6443c1fe.entry.js similarity index 64% rename from 1704894792450/dist/build/p-338b6c38.entry.js rename to 1704966176737/dist/build/p-6443c1fe.entry.js index cc27728b14..3d7d6171b1 100644 --- a/1704894792450/dist/build/p-338b6c38.entry.js +++ b/1704966176737/dist/build/p-6443c1fe.entry.js @@ -1,2 +1,2 @@ -import{r as a,h as o,H as s,g as d}from"./p-21a69c18.js";import{e as r,N as n}from"./p-49b9f144.js";const c='.docs-nav__content{box-shadow:var(--ld-sp-1) 0 0 0 var(--ld-col-neutral-100)}.docs-nav:before,.docs-nav__content{background-color:var(--ld-col-neutral-010)}.docs-nav__section{border-bottom-color:var(--ld-col-neutral-100)}.docs-nav__li{color:var(--ld-col-neutral-600)}.docs-nav__li a:hover,.docs-nav__li.docs-nav__li--active{color:var(--ld-col-neutral-900)}.docs-nav__summary--introduction .docs-nav__arrow,.docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-introduction-dark.svg)}.docs-nav__summary--introduction .docs-nav__summary-toggle,.docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rb)}.docs-nav__summary--guides .docs-nav__arrow,.docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-guides-dark.svg)}.docs-nav__summary--guides .docs-nav__summary-toggle,.docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vc-200)}.docs-nav__summary--globals .docs-nav__arrow,.docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-globals-dark.svg)}.docs-nav__summary--globals .docs-nav__summary-toggle,.docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rp)}.docs-nav__summary--components .docs-nav__arrow,.docs-nav__summary--components+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-components-dark.svg)}.docs-nav__summary--components .docs-nav__summary-toggle,.docs-nav__summary--components+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rg)}.docs-nav__summary--data-visualization .docs-nav__arrow,.docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-data-visualization-dark.svg)}.docs-nav__summary--data-visualization .docs-nav__summary-toggle,.docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vm)}.docs-nav__li--active .docs-nav__summary--introduction{color:var(--ld-col-rb)}.docs-nav__li--active .docs-nav__summary--guides{color:var(--ld-col-vc)}.docs-nav__li--active .docs-nav__summary--globals{color:var(--ld-col-rp)}.docs-nav__li--active .docs-nav__summary--components{color:var(--ld-col-rg)}.docs-nav__li--active .docs-nav__summary--data-visualization{color:var(--ld-col-vm)}@media (prefers-color-scheme:dark){.docs-nav__content{box-shadow:none}.docs-nav:before,.docs-nav__content{background-color:var(--ld-col-neutral-900)}.docs-nav__section{border-bottom-color:var(--ld-col-neutral-800)}.docs-nav__li{color:var(--ld-col-neutral-200)}.docs-nav__li a:hover,.docs-nav__li.docs-nav__li--active{color:var(--ld-col-wht)}.docs-nav__summary--introduction .docs-nav__arrow,.docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-introduction-light.svg)}.docs-nav__summary--introduction .docs-nav__summary-toggle,.docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rb)}.docs-nav__summary--guides .docs-nav__arrow,.docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-guides-light.svg)}.docs-nav__summary--guides .docs-nav__summary-toggle,.docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vc)}.docs-nav__summary--globals .docs-nav__arrow,.docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-globals-light.svg)}.docs-nav__summary--globals .docs-nav__summary-toggle,.docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rp)}.docs-nav__summary--components .docs-nav__arrow,.docs-nav__summary--components+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-components-light.svg)}.docs-nav__summary--components .docs-nav__summary-toggle,.docs-nav__summary--components+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rg)}.docs-nav__summary--data-visualization .docs-nav__arrow,.docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-data-visualization-light.svg)}.docs-nav__summary--data-visualization .docs-nav__summary-toggle,.docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vm)}.docs-nav__li--active .docs-nav__summary--introduction{color:var(--ld-col-rb-400)}.docs-nav__li--active .docs-nav__summary--guides{color:var(--ld-col-vc-400)}.docs-nav__li--active .docs-nav__summary--globals{color:var(--ld-col-rp-400)}.docs-nav__li--active .docs-nav__summary--components{color:var(--ld-col-rg-400)}.docs-nav__li--active .docs-nav__summary--data-visualization{color:var(--ld-col-vm-400)}}.docs-ui-dark .docs-nav__content{box-shadow:none}.docs-ui-dark .docs-nav:before,.docs-ui-dark .docs-nav__content{background-color:var(--ld-col-neutral-900)}.docs-ui-dark .docs-nav__section{border-bottom-color:var(--ld-col-neutral-800)}.docs-ui-dark .docs-nav__li{color:var(--ld-col-neutral-200)}.docs-ui-dark .docs-nav__li a:hover,.docs-ui-dark .docs-nav__li.docs-nav__li--active{color:var(--ld-col-wht)}.docs-ui-dark .docs-nav__summary--introduction .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-introduction-light.svg)}.docs-ui-dark .docs-nav__summary--introduction .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rb)}.docs-ui-dark .docs-nav__summary--guides .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-guides-light.svg)}.docs-ui-dark .docs-nav__summary--guides .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vc)}.docs-ui-dark .docs-nav__summary--globals .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-globals-light.svg)}.docs-ui-dark .docs-nav__summary--globals .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rp)}.docs-ui-dark .docs-nav__summary--components .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--components+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-components-light.svg)}.docs-ui-dark .docs-nav__summary--components .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--components+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rg)}.docs-ui-dark .docs-nav__summary--data-visualization .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-data-visualization-light.svg)}.docs-ui-dark .docs-nav__summary--data-visualization .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vm)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--introduction{color:var(--ld-col-rb-400)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--guides{color:var(--ld-col-vc-400)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--globals{color:var(--ld-col-rp-400)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--components{color:var(--ld-col-rg-400)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--data-visualization{color:var(--ld-col-vm-400)}.docs-ui-light .docs-nav__content{box-shadow:var(--ld-sp-1) 0 0 0 var(--ld-col-neutral-100)}.docs-ui-light .docs-nav:before,.docs-ui-light .docs-nav__content{background-color:var(--ld-col-neutral-010)}.docs-ui-light .docs-nav__section{border-bottom-color:var(--ld-col-neutral-100)}.docs-ui-light .docs-nav__li{color:var(--ld-col-neutral-600)}.docs-ui-light .docs-nav__li a:hover,.docs-ui-light .docs-nav__li.docs-nav__li--active{color:var(--ld-col-neutral-900)}.docs-ui-light .docs-nav__summary--introduction .docs-nav__arrow,.docs-ui-light .docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-introduction-dark.svg)}.docs-ui-light .docs-nav__summary--introduction .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rb)}.docs-ui-light .docs-nav__summary--guides .docs-nav__arrow,.docs-ui-light .docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-guides-dark.svg)}.docs-ui-light .docs-nav__summary--guides .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vc-200)}.docs-ui-light .docs-nav__summary--globals .docs-nav__arrow,.docs-ui-light .docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-globals-dark.svg)}.docs-ui-light .docs-nav__summary--globals .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rp)}.docs-ui-light .docs-nav__summary--components .docs-nav__arrow,.docs-ui-light .docs-nav__summary--components+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-components-dark.svg)}.docs-ui-light .docs-nav__summary--components .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--components+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rg)}.docs-ui-light .docs-nav__summary--data-visualization .docs-nav__arrow,.docs-ui-light .docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-data-visualization-dark.svg)}.docs-ui-light .docs-nav__summary--data-visualization .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vm)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--introduction{color:var(--ld-col-rb)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--guides{color:var(--ld-col-vc)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--globals{color:var(--ld-col-rp)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--components{color:var(--ld-col-rg)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--data-visualization{color:var(--ld-col-vm)}.docs-nav{flex-shrink:0;font:var(--ld-typo-body-s);overflow-x:hidden;overflow-y:auto;overflow:hidden auto;overscroll-behavior:contain;pointer-events:none;z-index:2}.docs-nav:before{content:"";display:block;height:100%;left:0;position:fixed;width:calc(50vw - var(--docs-max-width) / 2 + 2rem);z-index:-1}.docs-nav ul{list-style:none;pointer-events:all}.docs-nav details[open]>summary .docs-nav__arrow{transform:rotate(90deg)}.docs-nav .docs-switch-dark-light{display:block;margin-bottom:var(--ld-sp-32)}.docs-nav__content{bottom:0;overflow-x:hidden;overflow-y:scroll;overflow:hidden scroll;overscroll-behavior:contain;padding:var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-32);pointer-events:all;position:fixed;top:3.125rem;width:var(--docs-nav-width)}@media (max-width:52rem){.docs-nav__content{position:fixed;top:0}}.docs-nav__section{border-bottom-style:solid;border-bottom-width:var(--ld-sp-1);padding:var(--ld-sp-24) var(--ld-sp-8) var(--ld-sp-24) 0}.docs-nav__section:first-of-type{padding-top:0}.docs-nav__section:last-of-type{border-bottom:0;padding-bottom:0}.docs-nav__nav>ul>li:first-of-type{margin-top:0}.docs-nav__summary{cursor:pointer;display:inline-block;font:var(--ld-typo-label-s);font-weight:700;margin:var(--ld-sp-24) 0 var(--ld-sp-6);outline:none;pointer-events:none;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.docs-nav__summary::-webkit-details-marker,.docs-nav__summary::marker{display:none}.docs-nav__summary a{padding-left:var(--ld-sp-40);pointer-events:all}.docs-nav__summary a:before{height:var(--ld-sp-24);opacity:.5;outline:none;position:absolute;transform:translate(-170%,-20%);width:var(--ld-sp-24)}.docs-nav__li--active .docs-nav__summary a:before,.docs-nav__summary a:hover:before{opacity:1}li ul .docs-nav__summary{font-weight:inherit;margin-top:0;text-transform:none}li ul .docs-nav__summary+ul{margin-left:var(--ld-sp-12)}li ul li.docs-nav__li--active>details>.docs-nav__summary{font-weight:700}.docs-nav__arrow{align-items:center;background-position:50%;background-repeat:no-repeat;height:1rem;justify-content:center;pointer-events:none;width:.8rem;z-index:1}.docs-nav__arrow,.docs-nav__summary-toggle{position:absolute;right:0;top:calc(-1 * var(--ld-sp-1))}.docs-nav__summary-toggle{border-radius:var(--ld-br-m);height:var(--ld-sp-24);opacity:0;outline:none;pointer-events:all;transform:translate(25%,-20%);width:var(--ld-sp-24)}.docs-nav__summary-toggle:hover{opacity:.5}body:not(.safari) .docs-nav__summary:focus:focus-visible{outline:auto;outline:5px auto -webkit-focus-ring-color}.docs-nav__summary--introduction a:before{background-image:url(dist/build/assets/introduction.svg);content:""}.docs-nav__summary--guides a:before{background-image:url(dist/build/assets/guides.svg);content:""}.docs-nav__summary--components a:before{background-image:url(dist/build/assets/components.svg);content:""}.docs-nav__summary--data-visualization a:before{background-image:url(dist/build/assets/data-visualization.svg);content:""}.docs-nav__summary--globals a:before{background-image:url(dist/build/assets/globals.svg);content:""}.docs-nav__li{margin-top:var(--ld-sp-12)}.docs-nav__li ul{padding-left:var(--ld-sp-40)}.docs-nav__li>a{display:block}.docs-nav__li .docs-nav__li .docs-nav__summary a,.docs-nav__li .docs-nav__li ul{padding:0}.docs-nav__li--active>a{font-weight:700}.docs-nav__contact-links,.docs-nav__legal-links{display:flex}.docs-nav__contact-links a,.docs-nav__legal-links a{opacity:.8}@media (hover:hover){.docs-nav__contact-links a:hover,.docs-nav__legal-links a:hover{opacity:1}}.docs-nav__contact-links{flex-wrap:wrap;margin-top:var(--ld-sp-12)}.docs-nav__contact-links a{margin-right:var(--ld-sp-24)}.docs-nav__legal-links{flex-direction:column}.docs-nav__legal-links a:not(:first-of-type){margin-top:var(--ld-sp-12)}.docs-nav__dimmed{opacity:.8}';const l=class{constructor(o){a(this,o);this.isNavOpen=false}onNavOpen(){this.isNavOpen=true;document.getElementById("main").setAttribute("inert","true")}onNavClose(){this.isNavOpen=false;document.getElementById("main").removeAttribute("inert")}handleResize(){const a=window.matchMedia("(max-width: 52rem)").matches;if(!a){document.getElementById("main").removeAttribute("inert")}else if(this.isNavOpen){document.getElementById("main").setAttribute("inert","true")}}handleClick(a){const o=a.target.closest(".docs-nav__li a");if(o){window.location.href=o.href}}componentWillLoad(){if(location.hash==="#sidenav-open"){location.hash="";setTimeout((()=>{history.replaceState({},"",window.location.pathname)}))}}componentDidLoad(){r.on(n.open,this.onNavOpen.bind(this));r.on(n.close,this.onNavClose.bind(this));const a=this.el.querySelector(`[href='${location.pathname}']`);a===null||a===void 0?void 0:a.scrollIntoView({block:"center"})}render(){return o(s,{class:"docs-nav",id:"sidenav-open"},o("div",{class:"docs-nav__content"},o("div",{class:"docs-nav__section"},o("docs-switch-dark-light",null),o("docs-btn-search",null)),o("div",{class:"docs-nav__section"},o("nav",{class:"docs-nav__nav",role:"navigation"},o("slot",null))),o("div",{class:"docs-nav__section"},o("p",null,o("span",{class:"docs-nav__dimmed"},"© ",(new Date).getFullYear(),", Merck KGaA, Darmstadt, Germany")),o("br",null),o("p",null,o("span",{class:"docs-nav__dimmed"},"Get in touch:"),o("span",{class:"docs-nav__contact-links"},o("a",{href:"https://github.com/emdgroup-liquid/liquid/discussions",target:"_blank",rel:"noreferrer noopener"},"GitHub discussions"),o("br",null),o("a",{href:"https://teams.microsoft.com/l/channel/19%3aeae3b35b0cbf42659e45c2b5592e0c0e%40thread.tacv2/General?groupId=88f23881-53e2-4a99-ad5c-8188c1087bbf&tenantId=db76fb59-a377-4120-bc54-59dead7d39c9",target:"_blank",rel:"noreferrer noopener"},"Teams")))),o("div",{class:"docs-nav__section"},o("p",{class:"docs-nav__legal-links"},o("a",{href:"legal/license/"},"License"),o("a",{href:"legal/terms/"},"Terms and Conditions"),o("a",{href:"legal/privacy/"},"Privacy Statement"),o("a",{href:"legal/imprint/"},"Imprint")))))}static get assetsDirs(){return["assets"]}get el(){return d(this)}};l.style=c;export{l as docs_nav}; -//# sourceMappingURL=p-338b6c38.entry.js.map \ No newline at end of file +import{r as a,h as o,H as s,g as d}from"./p-21a69c18.js";import{e as r,N as n}from"./p-49b9f144.js";const c='.docs-nav__content{box-shadow:var(--ld-sp-1) 0 0 0 var(--ld-col-neutral-100)}.docs-nav:before,.docs-nav__content{background-color:var(--ld-col-neutral-010)}.docs-nav__section{border-bottom-color:var(--ld-col-neutral-100)}.docs-nav__li{color:var(--ld-col-neutral-600)}.docs-nav__li a:hover,.docs-nav__li.docs-nav__li--active{color:var(--ld-col-neutral-900)}.docs-nav__summary--introduction .docs-nav__arrow,.docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-introduction-dark.svg)}.docs-nav__summary--introduction .docs-nav__summary-toggle,.docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rb)}.docs-nav__summary--guides .docs-nav__arrow,.docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-guides-dark.svg)}.docs-nav__summary--guides .docs-nav__summary-toggle,.docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vc-200)}.docs-nav__summary--globals .docs-nav__arrow,.docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-globals-dark.svg)}.docs-nav__summary--globals .docs-nav__summary-toggle,.docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rp)}.docs-nav__summary--components .docs-nav__arrow,.docs-nav__summary--components+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-components-dark.svg)}.docs-nav__summary--components .docs-nav__summary-toggle,.docs-nav__summary--components+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rg)}.docs-nav__summary--data-visualization .docs-nav__arrow,.docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-data-visualization-dark.svg)}.docs-nav__summary--data-visualization .docs-nav__summary-toggle,.docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vm)}.docs-nav__li--active .docs-nav__summary--introduction{color:var(--ld-col-rb)}.docs-nav__li--active .docs-nav__summary--guides{color:var(--ld-col-vc)}.docs-nav__li--active .docs-nav__summary--globals{color:var(--ld-col-rp)}.docs-nav__li--active .docs-nav__summary--components{color:var(--ld-col-rg)}.docs-nav__li--active .docs-nav__summary--data-visualization{color:var(--ld-col-vm)}@media (prefers-color-scheme:dark){.docs-nav__content{box-shadow:none}.docs-nav:before,.docs-nav__content{background-color:var(--ld-col-neutral-900)}.docs-nav__section{border-bottom-color:var(--ld-col-neutral-800)}.docs-nav__li{color:var(--ld-col-neutral-200)}.docs-nav__li a:hover,.docs-nav__li.docs-nav__li--active{color:var(--ld-col-wht)}.docs-nav__summary--introduction .docs-nav__arrow,.docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-introduction-light.svg)}.docs-nav__summary--introduction .docs-nav__summary-toggle,.docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rb)}.docs-nav__summary--guides .docs-nav__arrow,.docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-guides-light.svg)}.docs-nav__summary--guides .docs-nav__summary-toggle,.docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vc)}.docs-nav__summary--globals .docs-nav__arrow,.docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-globals-light.svg)}.docs-nav__summary--globals .docs-nav__summary-toggle,.docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rp)}.docs-nav__summary--components .docs-nav__arrow,.docs-nav__summary--components+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-components-light.svg)}.docs-nav__summary--components .docs-nav__summary-toggle,.docs-nav__summary--components+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rg)}.docs-nav__summary--data-visualization .docs-nav__arrow,.docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-data-visualization-light.svg)}.docs-nav__summary--data-visualization .docs-nav__summary-toggle,.docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vm)}.docs-nav__li--active .docs-nav__summary--introduction{color:var(--ld-col-rb-400)}.docs-nav__li--active .docs-nav__summary--guides{color:var(--ld-col-vc-400)}.docs-nav__li--active .docs-nav__summary--globals{color:var(--ld-col-rp-400)}.docs-nav__li--active .docs-nav__summary--components{color:var(--ld-col-rg-400)}.docs-nav__li--active .docs-nav__summary--data-visualization{color:var(--ld-col-vm-400)}}.docs-ui-dark .docs-nav__content{box-shadow:none}.docs-ui-dark .docs-nav:before,.docs-ui-dark .docs-nav__content{background-color:var(--ld-col-neutral-900)}.docs-ui-dark .docs-nav__section{border-bottom-color:var(--ld-col-neutral-800)}.docs-ui-dark .docs-nav__li{color:var(--ld-col-neutral-200)}.docs-ui-dark .docs-nav__li a:hover,.docs-ui-dark .docs-nav__li.docs-nav__li--active{color:var(--ld-col-wht)}.docs-ui-dark .docs-nav__summary--introduction .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-introduction-light.svg)}.docs-ui-dark .docs-nav__summary--introduction .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rb)}.docs-ui-dark .docs-nav__summary--guides .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-guides-light.svg)}.docs-ui-dark .docs-nav__summary--guides .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vc)}.docs-ui-dark .docs-nav__summary--globals .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-globals-light.svg)}.docs-ui-dark .docs-nav__summary--globals .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rp)}.docs-ui-dark .docs-nav__summary--components .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--components+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-components-light.svg)}.docs-ui-dark .docs-nav__summary--components .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--components+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rg)}.docs-ui-dark .docs-nav__summary--data-visualization .docs-nav__arrow,.docs-ui-dark .docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-data-visualization-light.svg)}.docs-ui-dark .docs-nav__summary--data-visualization .docs-nav__summary-toggle,.docs-ui-dark .docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vm)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--introduction{color:var(--ld-col-rb-400)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--guides{color:var(--ld-col-vc-400)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--globals{color:var(--ld-col-rp-400)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--components{color:var(--ld-col-rg-400)}.docs-ui-dark .docs-nav__li--active .docs-nav__summary--data-visualization{color:var(--ld-col-vm-400)}.docs-ui-light .docs-nav__content{box-shadow:var(--ld-sp-1) 0 0 0 var(--ld-col-neutral-100)}.docs-ui-light .docs-nav:before,.docs-ui-light .docs-nav__content{background-color:var(--ld-col-neutral-010)}.docs-ui-light .docs-nav__section{border-bottom-color:var(--ld-col-neutral-100)}.docs-ui-light .docs-nav__li{color:var(--ld-col-neutral-600)}.docs-ui-light .docs-nav__li a:hover,.docs-ui-light .docs-nav__li.docs-nav__li--active{color:var(--ld-col-neutral-900)}.docs-ui-light .docs-nav__summary--introduction .docs-nav__arrow,.docs-ui-light .docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-introduction-dark.svg)}.docs-ui-light .docs-nav__summary--introduction .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--introduction+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rb)}.docs-ui-light .docs-nav__summary--guides .docs-nav__arrow,.docs-ui-light .docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-guides-dark.svg)}.docs-ui-light .docs-nav__summary--guides .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--guides+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vc-200)}.docs-ui-light .docs-nav__summary--globals .docs-nav__arrow,.docs-ui-light .docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-globals-dark.svg)}.docs-ui-light .docs-nav__summary--globals .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--globals+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rp)}.docs-ui-light .docs-nav__summary--components .docs-nav__arrow,.docs-ui-light .docs-nav__summary--components+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-components-dark.svg)}.docs-ui-light .docs-nav__summary--components .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--components+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-rg)}.docs-ui-light .docs-nav__summary--data-visualization .docs-nav__arrow,.docs-ui-light .docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__arrow{background-image:url(dist/build/assets/chevron-data-visualization-dark.svg)}.docs-ui-light .docs-nav__summary--data-visualization .docs-nav__summary-toggle,.docs-ui-light .docs-nav__summary--data-visualization+ul .docs-nav__summary .docs-nav__summary-toggle{background-color:var(--ld-col-vm)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--introduction{color:var(--ld-col-rb)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--guides{color:var(--ld-col-vc)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--globals{color:var(--ld-col-rp)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--components{color:var(--ld-col-rg)}.docs-ui-light .docs-nav__li--active .docs-nav__summary--data-visualization{color:var(--ld-col-vm)}.docs-nav{flex-shrink:0;font:var(--ld-typo-body-s);overflow:hidden auto;overscroll-behavior:contain;pointer-events:none;z-index:2}.docs-nav:before{content:"";display:block;height:100%;left:0;position:fixed;width:calc(50vw - var(--docs-max-width) / 2 + 2rem);z-index:-1}.docs-nav ul{list-style:none;pointer-events:all}.docs-nav details[open]>summary .docs-nav__arrow{transform:rotate(90deg)}.docs-nav .docs-switch-dark-light{display:block;margin-bottom:var(--ld-sp-32)}.docs-nav__content{bottom:0;overflow:hidden scroll;overscroll-behavior:contain;padding:var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-32);pointer-events:all;position:fixed;top:3.125rem;width:var(--docs-nav-width)}@media (width <= 52rem){.docs-nav__content{position:fixed;top:0}}.docs-nav__section{border-bottom-style:solid;border-bottom-width:var(--ld-sp-1);padding:var(--ld-sp-24) var(--ld-sp-8) var(--ld-sp-24) 0}.docs-nav__section:first-of-type{padding-top:0}.docs-nav__section:last-of-type{border-bottom:0;padding-bottom:0}.docs-nav__nav>ul>li:first-of-type{margin-top:0}.docs-nav__summary{cursor:pointer;display:inline-block;font:var(--ld-typo-label-s);font-weight:700;margin:var(--ld-sp-24) 0 var(--ld-sp-6);outline:none;pointer-events:none;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.docs-nav__summary::-webkit-details-marker,.docs-nav__summary::marker{display:none}.docs-nav__summary a{padding-left:var(--ld-sp-40);pointer-events:all}.docs-nav__summary a:before{height:var(--ld-sp-24);opacity:.5;outline:none;position:absolute;transform:translate(-170%,-20%);width:var(--ld-sp-24)}.docs-nav__li--active .docs-nav__summary a:before,.docs-nav__summary a:hover:before{opacity:1}li ul .docs-nav__summary{font-weight:inherit;margin-top:0;text-transform:none}li ul .docs-nav__summary+ul{margin-left:var(--ld-sp-12)}li ul li.docs-nav__li--active>details>.docs-nav__summary{font-weight:700}.docs-nav__arrow{align-items:center;background-position:50%;background-repeat:no-repeat;height:1rem;justify-content:center;pointer-events:none;width:.8rem;z-index:1}.docs-nav__arrow,.docs-nav__summary-toggle{position:absolute;right:0;top:calc(-1 * var(--ld-sp-1))}.docs-nav__summary-toggle{border-radius:var(--ld-br-m);height:var(--ld-sp-24);opacity:0;outline:none;pointer-events:all;transform:translate(25%,-20%);width:var(--ld-sp-24)}.docs-nav__summary-toggle:hover{opacity:.5}body:not(.safari) .docs-nav__summary:focus:focus-visible{outline:auto;outline:5px auto -webkit-focus-ring-color}.docs-nav__summary--introduction a:before{background-image:url(dist/build/assets/introduction.svg);content:""}.docs-nav__summary--guides a:before{background-image:url(dist/build/assets/guides.svg);content:""}.docs-nav__summary--components a:before{background-image:url(dist/build/assets/components.svg);content:""}.docs-nav__summary--data-visualization a:before{background-image:url(dist/build/assets/data-visualization.svg);content:""}.docs-nav__summary--globals a:before{background-image:url(dist/build/assets/globals.svg);content:""}.docs-nav__li{margin-top:var(--ld-sp-12)}.docs-nav__li ul{padding-left:var(--ld-sp-40)}.docs-nav__li>a{display:block}.docs-nav__li .docs-nav__li .docs-nav__summary a,.docs-nav__li .docs-nav__li ul{padding:0}.docs-nav__li--active>a{font-weight:700}.docs-nav__contact-links,.docs-nav__legal-links{display:flex}.docs-nav__contact-links a,.docs-nav__legal-links a{opacity:.8}@media (hover:hover){.docs-nav__contact-links a:hover,.docs-nav__legal-links a:hover{opacity:1}}.docs-nav__contact-links{flex-wrap:wrap;margin-top:var(--ld-sp-12)}.docs-nav__contact-links a{margin-right:var(--ld-sp-24)}.docs-nav__legal-links{flex-direction:column}.docs-nav__legal-links a:not(:first-of-type){margin-top:var(--ld-sp-12)}.docs-nav__dimmed{opacity:.8}';const l=class{constructor(o){a(this,o);this.isNavOpen=false}onNavOpen(){this.isNavOpen=true;document.getElementById("main").setAttribute("inert","true")}onNavClose(){this.isNavOpen=false;document.getElementById("main").removeAttribute("inert")}handleResize(){const a=window.matchMedia("(max-width: 52rem)").matches;if(!a){document.getElementById("main").removeAttribute("inert")}else if(this.isNavOpen){document.getElementById("main").setAttribute("inert","true")}}handleClick(a){const o=a.target.closest(".docs-nav__li a");if(o){window.location.href=o.href}}componentWillLoad(){if(location.hash==="#sidenav-open"){location.hash="";setTimeout((()=>{history.replaceState({},"",window.location.pathname)}))}}componentDidLoad(){r.on(n.open,this.onNavOpen.bind(this));r.on(n.close,this.onNavClose.bind(this));const a=this.el.querySelector(`[href='${location.pathname}']`);a===null||a===void 0?void 0:a.scrollIntoView({block:"center"})}render(){return o(s,{class:"docs-nav",id:"sidenav-open"},o("div",{class:"docs-nav__content"},o("div",{class:"docs-nav__section"},o("docs-switch-dark-light",null),o("docs-btn-search",null)),o("div",{class:"docs-nav__section"},o("nav",{class:"docs-nav__nav",role:"navigation"},o("slot",null))),o("div",{class:"docs-nav__section"},o("p",null,o("span",{class:"docs-nav__dimmed"},"© ",(new Date).getFullYear(),", Merck KGaA, Darmstadt, Germany")),o("br",null),o("p",null,o("span",{class:"docs-nav__dimmed"},"Get in touch:"),o("span",{class:"docs-nav__contact-links"},o("a",{href:"https://github.com/emdgroup-liquid/liquid/discussions",target:"_blank",rel:"noreferrer noopener"},"GitHub discussions"),o("br",null),o("a",{href:"https://teams.microsoft.com/l/channel/19%3aeae3b35b0cbf42659e45c2b5592e0c0e%40thread.tacv2/General?groupId=88f23881-53e2-4a99-ad5c-8188c1087bbf&tenantId=db76fb59-a377-4120-bc54-59dead7d39c9",target:"_blank",rel:"noreferrer noopener"},"Teams")))),o("div",{class:"docs-nav__section"},o("p",{class:"docs-nav__legal-links"},o("a",{href:"legal/license/"},"License"),o("a",{href:"legal/terms/"},"Terms and Conditions"),o("a",{href:"legal/privacy/"},"Privacy Statement"),o("a",{href:"legal/imprint/"},"Imprint")))))}static get assetsDirs(){return["assets"]}get el(){return d(this)}};l.style=c;export{l as docs_nav}; +//# sourceMappingURL=p-6443c1fe.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-338b6c38.entry.js.map b/1704966176737/dist/build/p-6443c1fe.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-338b6c38.entry.js.map rename to 1704966176737/dist/build/p-6443c1fe.entry.js.map index 4ab52fd8d8..f40097e4a5 100644 --- a/1704894792450/dist/build/p-338b6c38.entry.js.map +++ b/1704966176737/dist/build/p-6443c1fe.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["docsNavCss","DocsNav","onNavOpen","this","isNavOpen","document","getElementById","setAttribute","onNavClose","removeAttribute","handleResize","isNarrow","window","matchMedia","matches","handleClick","ev","closestLink","target","closest","location","href","componentWillLoad","hash","setTimeout","history","replaceState","pathname","componentDidLoad","eventBus","on","NavEventType","open","bind","close","link","el","querySelector","scrollIntoView","block","render","h","Host","class","id","role","Date","getFullYear","rel"],"sources":["../src/docs/components/docs-nav/docs-nav.css?tag=docs-nav","../src/docs/components/docs-nav/docs-nav.tsx"],"sourcesContent":["@define-mixin docs-nav-ui-light {\n .docs-nav__content {\n background-color: var(--ld-col-neutral-010);\n box-shadow: var(--ld-sp-1) 0 0 0 var(--ld-col-neutral-100);\n }\n .docs-nav::before {\n background-color: var(--ld-col-neutral-010);\n }\n .docs-nav__section {\n border-bottom-color: var(--ld-col-neutral-100);\n }\n .docs-nav__li {\n color: var(--ld-col-neutral-600);\n\n a:hover,\n &.docs-nav__li--active {\n color: var(--ld-col-neutral-900);\n }\n }\n .docs-nav__summary--introduction,\n .docs-nav__summary--introduction + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-introduction-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rb);\n }\n }\n .docs-nav__summary--guides,\n .docs-nav__summary--guides + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-guides-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-vc-200);\n }\n }\n .docs-nav__summary--globals,\n .docs-nav__summary--globals + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-globals-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rp);\n }\n }\n .docs-nav__summary--components,\n .docs-nav__summary--components + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-components-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rg);\n }\n }\n .docs-nav__summary--data-visualization,\n .docs-nav__summary--data-visualization + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-data-visualization-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-vm);\n }\n }\n .docs-nav__li--active .docs-nav__summary--introduction {\n color: var(--ld-col-rb);\n }\n .docs-nav__li--active .docs-nav__summary--guides {\n color: var(--ld-col-vc);\n }\n .docs-nav__li--active .docs-nav__summary--globals {\n color: var(--ld-col-rp);\n }\n .docs-nav__li--active .docs-nav__summary--components {\n color: var(--ld-col-rg);\n }\n .docs-nav__li--active .docs-nav__summary--data-visualization {\n color: var(--ld-col-vm);\n }\n}\n@define-mixin docs-nav-ui-dark {\n .docs-nav__content {\n background-color: var(--ld-col-neutral-900);\n box-shadow: none;\n }\n .docs-nav::before {\n background-color: var(--ld-col-neutral-900);\n }\n .docs-nav__section {\n border-bottom-color: var(--ld-col-neutral-800);\n }\n .docs-nav__li {\n color: var(--ld-col-neutral-200);\n\n a:hover,\n &.docs-nav__li--active {\n color: var(--ld-col-wht);\n }\n }\n .docs-nav__summary--introduction,\n .docs-nav__summary--introduction + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-introduction-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rb);\n }\n }\n .docs-nav__summary--guides,\n .docs-nav__summary--guides + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-guides-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-vc);\n }\n }\n .docs-nav__summary--globals,\n .docs-nav__summary--globals + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-globals-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rp);\n }\n }\n .docs-nav__summary--components,\n .docs-nav__summary--components + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-components-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rg);\n }\n }\n .docs-nav__summary--data-visualization,\n .docs-nav__summary--data-visualization + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-data-visualization-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-vm);\n }\n }\n .docs-nav__li--active .docs-nav__summary--introduction {\n color: var(--ld-col-rb-400);\n }\n .docs-nav__li--active .docs-nav__summary--guides {\n color: var(--ld-col-vc-400);\n }\n .docs-nav__li--active .docs-nav__summary--globals {\n color: var(--ld-col-rp-400);\n }\n .docs-nav__li--active .docs-nav__summary--components {\n color: var(--ld-col-rg-400);\n }\n .docs-nav__li--active .docs-nav__summary--data-visualization {\n color: var(--ld-col-vm-400);\n }\n}\n\n@mixin docs-nav-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-nav-ui-dark;\n}\n.docs-ui-dark {\n @mixin docs-nav-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-nav-ui-light;\n}\n\n.docs-nav {\n font: var(--ld-typo-body-s);\n overscroll-behavior: contain;\n overflow: hidden auto;\n z-index: 2;\n flex-shrink: 0;\n pointer-events: none;\n\n &::before {\n content: '';\n position: fixed;\n height: 100%;\n left: 0;\n z-index: -1;\n display: block;\n width: calc(50vw - var(--docs-max-width) / 2 + 2rem);\n }\n\n ul {\n pointer-events: all;\n list-style: none;\n }\n\n details[open] > summary .docs-nav__arrow {\n transform: rotate(90deg);\n }\n\n .docs-switch-dark-light {\n margin-bottom: var(--ld-sp-32);\n display: block;\n }\n}\n\n.docs-nav__content {\n pointer-events: all;\n bottom: 0;\n overflow: hidden scroll;\n overscroll-behavior: contain;\n padding: var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-32);\n position: fixed;\n top: 3.125rem;\n width: var(--docs-nav-width);\n\n @media (width <= 52rem) {\n position: fixed;\n top: 0;\n }\n}\n\n.docs-nav__section {\n padding: var(--ld-sp-24) var(--ld-sp-8) var(--ld-sp-24) 0;\n border-bottom-style: solid;\n border-bottom-width: var(--ld-sp-1);\n\n &:first-of-type {\n padding-top: 0;\n }\n\n &:last-of-type {\n padding-bottom: 0;\n border-bottom: 0;\n }\n}\n.docs-nav__nav > ul > li:first-of-type {\n margin-top: 0;\n}\n\n.docs-nav__summary {\n cursor: pointer;\n display: inline-block;\n font: var(--ld-typo-label-s);\n font-weight: 700;\n margin: var(--ld-sp-24) 0 var(--ld-sp-6);\n outline: none;\n position: relative;\n text-transform: uppercase;\n user-select: none;\n width: 100%;\n pointer-events: none;\n\n &::marker,\n &::-webkit-details-marker {\n display: none;\n }\n\n a {\n padding-left: var(--ld-sp-40);\n pointer-events: all;\n\n &::before {\n position: absolute;\n width: var(--ld-sp-24);\n height: var(--ld-sp-24);\n transform: translate(-170%, -20%);\n outline: none;\n opacity: 0.5;\n }\n\n &:hover::before,\n .docs-nav__li--active &::before {\n opacity: 1;\n }\n }\n\n li ul & {\n font-weight: inherit;\n margin-top: 0;\n text-transform: none;\n\n + ul {\n margin-left: var(--ld-sp-12);\n }\n }\n\n li ul li.docs-nav__li--active > details > & {\n font-weight: 700;\n }\n}\n\n.docs-nav__arrow {\n position: absolute;\n right: 0;\n top: calc(-1 * var(--ld-sp-1));\n background-repeat: no-repeat;\n background-position: center;\n width: 0.8rem;\n height: 1rem;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n z-index: 1;\n}\n\n.docs-nav__summary-toggle {\n position: absolute;\n right: 0;\n top: calc(-1 * var(--ld-sp-1));\n width: var(--ld-sp-24);\n height: var(--ld-sp-24);\n pointer-events: all;\n transform: translate(25%, -20%);\n outline: none;\n opacity: 0;\n border-radius: var(--ld-br-m);\n\n &:hover {\n opacity: 0.5;\n }\n}\n\nbody:not(.safari) {\n .docs-nav__summary:focus:focus-visible {\n outline: auto;\n outline: auto 5px -webkit-focus-ring-color; /* stylelint-disable-line declaration-block-no-duplicate-properties */\n }\n}\n\n.docs-nav__summary--introduction a::before {\n background-image: url('dist/build/assets/introduction.svg');\n content: '';\n}\n\n.docs-nav__summary--guides a::before {\n background-image: url('dist/build/assets/guides.svg');\n content: '';\n}\n\n.docs-nav__summary--components a::before {\n background-image: url('dist/build/assets/components.svg');\n content: '';\n}\n\n.docs-nav__summary--data-visualization a::before {\n background-image: url('dist/build/assets/data-visualization.svg');\n content: '';\n}\n\n.docs-nav__summary--globals a::before {\n background-image: url('dist/build/assets/globals.svg');\n content: '';\n}\n\n.docs-nav__li {\n margin-top: var(--ld-sp-12);\n\n ul {\n padding-left: var(--ld-sp-40);\n }\n\n > a {\n display: block;\n }\n\n .docs-nav__li ul,\n .docs-nav__li .docs-nav__summary a {\n padding: 0;\n }\n}\n\n.docs-nav__li--active > a {\n font-weight: 700;\n}\n\n.docs-nav__contact-links,\n.docs-nav__legal-links {\n display: flex;\n\n a {\n opacity: 0.8;\n\n @media (hover: hover) {\n &:hover {\n opacity: 1;\n }\n }\n }\n}\n\n.docs-nav__contact-links {\n flex-wrap: wrap;\n margin-top: var(--ld-sp-12);\n\n a {\n margin-right: var(--ld-sp-24);\n }\n}\n\n.docs-nav__legal-links {\n flex-direction: column;\n\n a:not(:first-of-type) {\n margin-top: var(--ld-sp-12);\n }\n}\n\n.docs-nav__dimmed {\n opacity: 0.8;\n}\n","import { Component, h, Host, State, Listen, Element } from '@stencil/core'\nimport eventBus from '../../utils/eventBus'\nimport { NavEventType } from '../../utils/eventTypes'\n\n/** @internal **/\n@Component({\n tag: 'docs-nav',\n styleUrl: 'docs-nav.css',\n shadow: false,\n assetsDirs: ['assets'],\n})\nexport class DocsNav {\n @Element() el: HTMLElement\n\n @State() isNavOpen = false\n\n private onNavOpen() {\n this.isNavOpen = true\n document.getElementById('main').setAttribute('inert', 'true')\n }\n private onNavClose() {\n this.isNavOpen = false\n document.getElementById('main').removeAttribute('inert')\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n const isNarrow = window.matchMedia('(max-width: 52rem)').matches\n if (!isNarrow) {\n document.getElementById('main').removeAttribute('inert')\n } else if (this.isNavOpen) {\n document.getElementById('main').setAttribute('inert', 'true')\n }\n }\n\n /**\n * This click handler is needed on mobile safari.\n * @param ev\n */\n @Listen('click', { capture: false })\n handleClick(ev) {\n const closestLink = ev.target.closest('.docs-nav__li a')\n if (closestLink) {\n window.location.href = closestLink.href\n }\n }\n\n componentWillLoad() {\n // Make sure the sidenav-open hash is removed on page reload\n // when the sidenav is open.\n if (location.hash === '#sidenav-open') {\n location.hash = ''\n setTimeout(() => {\n history.replaceState({}, '', window.location.pathname)\n })\n }\n }\n\n componentDidLoad() {\n eventBus.on(NavEventType.open, this.onNavOpen.bind(this))\n eventBus.on(NavEventType.close, this.onNavClose.bind(this))\n\n // Scroll current nav item into view.\n const link = this.el.querySelector(`[href='${location.pathname}']`)\n link?.scrollIntoView({ block: 'center' })\n }\n\n render() {\n return (\n \n
    \n
    \n \n \n
    \n
    \n \n
    \n
    \n

    \n \n © {new Date().getFullYear()}, Merck KGaA,\n Darmstadt, Germany\n \n

    \n
    \n

    \n Get in touch:\n \n \n GitHub discussions\n \n
    \n \n Teams\n \n
    \n

    \n
    \n \n
    \n
    \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAa,ukd,MCWNC,EAAO,M,wCAGG,K,CAEb,SAAAC,GACNC,KAAKC,UAAY,KACjBC,SAASC,eAAe,QAAQC,aAAa,QAAS,O,CAEhD,UAAAC,GACNL,KAAKC,UAAY,MACjBC,SAASC,eAAe,QAAQG,gBAAgB,Q,CAIlD,YAAAC,GACE,MAAMC,EAAWC,OAAOC,WAAW,sBAAsBC,QACzD,IAAKH,EAAU,CACbN,SAASC,eAAe,QAAQG,gBAAgB,Q,MAC3C,GAAIN,KAAKC,UAAW,CACzBC,SAASC,eAAe,QAAQC,aAAa,QAAS,O,EAS1D,WAAAQ,CAAYC,GACV,MAAMC,EAAcD,EAAGE,OAAOC,QAAQ,mBACtC,GAAIF,EAAa,CACfL,OAAOQ,SAASC,KAAOJ,EAAYI,I,EAIvC,iBAAAC,GAGE,GAAIF,SAASG,OAAS,gBAAiB,CACrCH,SAASG,KAAO,GAChBC,YAAW,KACTC,QAAQC,aAAa,GAAI,GAAId,OAAOQ,SAASO,SAAS,G,EAK5D,gBAAAC,GACEC,EAASC,GAAGC,EAAaC,KAAM7B,KAAKD,UAAU+B,KAAK9B,OACnD0B,EAASC,GAAGC,EAAaG,MAAO/B,KAAKK,WAAWyB,KAAK9B,OAGrD,MAAMgC,EAAOhC,KAAKiC,GAAGC,cAAc,UAAUjB,SAASO,cACtDQ,IAAI,MAAJA,SAAI,SAAJA,EAAMG,eAAe,CAAEC,MAAO,U,CAGhC,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,WAAWC,GAAG,gBACxBH,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,qBACTF,EAAA,+BACAA,EAAA,yBAEFA,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,gBAAgBE,KAAK,cAC9BJ,EAAA,eAGJA,EAAA,OAAKE,MAAM,qBACTF,EAAA,SACEA,EAAA,QAAME,MAAM,oBAAkB,MACzB,IAAIG,MAAOC,cAAa,qCAI/BN,EAAA,WACAA,EAAA,SACEA,EAAA,QAAME,MAAM,oBAAkB,iBAC9BF,EAAA,QAAME,MAAM,2BACVF,EAAA,KACEpB,KAAK,wDACLH,OAAO,SACP8B,IAAI,uBAAqB,sBAI3BP,EAAA,WACAA,EAAA,KACEpB,KAAK,gMACLH,OAAO,SACP8B,IAAI,uBAAqB,YAOjCP,EAAA,OAAKE,MAAM,qBACTF,EAAA,KAAGE,MAAM,yBACPF,EAAA,KAAGpB,KAAK,kBAAgB,WACxBoB,EAAA,KAAGpB,KAAK,gBAAc,wBACtBoB,EAAA,KAAGpB,KAAK,kBAAgB,qBACxBoB,EAAA,KAAGpB,KAAK,kBAAgB,c"} \ No newline at end of file +{"version":3,"names":["docsNavCss","DocsNav","onNavOpen","this","isNavOpen","document","getElementById","setAttribute","onNavClose","removeAttribute","handleResize","isNarrow","window","matchMedia","matches","handleClick","ev","closestLink","target","closest","location","href","componentWillLoad","hash","setTimeout","history","replaceState","pathname","componentDidLoad","eventBus","on","NavEventType","open","bind","close","link","el","querySelector","scrollIntoView","block","render","h","Host","class","id","role","Date","getFullYear","rel"],"sources":["../src/docs/components/docs-nav/docs-nav.css?tag=docs-nav","../src/docs/components/docs-nav/docs-nav.tsx"],"sourcesContent":["@define-mixin docs-nav-ui-light {\n .docs-nav__content {\n background-color: var(--ld-col-neutral-010);\n box-shadow: var(--ld-sp-1) 0 0 0 var(--ld-col-neutral-100);\n }\n .docs-nav::before {\n background-color: var(--ld-col-neutral-010);\n }\n .docs-nav__section {\n border-bottom-color: var(--ld-col-neutral-100);\n }\n .docs-nav__li {\n color: var(--ld-col-neutral-600);\n\n a:hover,\n &.docs-nav__li--active {\n color: var(--ld-col-neutral-900);\n }\n }\n .docs-nav__summary--introduction,\n .docs-nav__summary--introduction + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-introduction-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rb);\n }\n }\n .docs-nav__summary--guides,\n .docs-nav__summary--guides + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-guides-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-vc-200);\n }\n }\n .docs-nav__summary--globals,\n .docs-nav__summary--globals + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-globals-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rp);\n }\n }\n .docs-nav__summary--components,\n .docs-nav__summary--components + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-components-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rg);\n }\n }\n .docs-nav__summary--data-visualization,\n .docs-nav__summary--data-visualization + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-data-visualization-dark.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-vm);\n }\n }\n .docs-nav__li--active .docs-nav__summary--introduction {\n color: var(--ld-col-rb);\n }\n .docs-nav__li--active .docs-nav__summary--guides {\n color: var(--ld-col-vc);\n }\n .docs-nav__li--active .docs-nav__summary--globals {\n color: var(--ld-col-rp);\n }\n .docs-nav__li--active .docs-nav__summary--components {\n color: var(--ld-col-rg);\n }\n .docs-nav__li--active .docs-nav__summary--data-visualization {\n color: var(--ld-col-vm);\n }\n}\n@define-mixin docs-nav-ui-dark {\n .docs-nav__content {\n background-color: var(--ld-col-neutral-900);\n box-shadow: none;\n }\n .docs-nav::before {\n background-color: var(--ld-col-neutral-900);\n }\n .docs-nav__section {\n border-bottom-color: var(--ld-col-neutral-800);\n }\n .docs-nav__li {\n color: var(--ld-col-neutral-200);\n\n a:hover,\n &.docs-nav__li--active {\n color: var(--ld-col-wht);\n }\n }\n .docs-nav__summary--introduction,\n .docs-nav__summary--introduction + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-introduction-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rb);\n }\n }\n .docs-nav__summary--guides,\n .docs-nav__summary--guides + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-guides-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-vc);\n }\n }\n .docs-nav__summary--globals,\n .docs-nav__summary--globals + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-globals-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rp);\n }\n }\n .docs-nav__summary--components,\n .docs-nav__summary--components + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-components-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-rg);\n }\n }\n .docs-nav__summary--data-visualization,\n .docs-nav__summary--data-visualization + ul .docs-nav__summary {\n .docs-nav__arrow {\n background-image: url('dist/build/assets/chevron-data-visualization-light.svg');\n }\n .docs-nav__summary-toggle {\n background-color: var(--ld-col-vm);\n }\n }\n .docs-nav__li--active .docs-nav__summary--introduction {\n color: var(--ld-col-rb-400);\n }\n .docs-nav__li--active .docs-nav__summary--guides {\n color: var(--ld-col-vc-400);\n }\n .docs-nav__li--active .docs-nav__summary--globals {\n color: var(--ld-col-rp-400);\n }\n .docs-nav__li--active .docs-nav__summary--components {\n color: var(--ld-col-rg-400);\n }\n .docs-nav__li--active .docs-nav__summary--data-visualization {\n color: var(--ld-col-vm-400);\n }\n}\n\n@mixin docs-nav-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-nav-ui-dark;\n}\n.docs-ui-dark {\n @mixin docs-nav-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-nav-ui-light;\n}\n\n.docs-nav {\n font: var(--ld-typo-body-s);\n overscroll-behavior: contain;\n overflow: hidden auto;\n z-index: 2;\n flex-shrink: 0;\n pointer-events: none;\n\n &::before {\n content: '';\n position: fixed;\n height: 100%;\n left: 0;\n z-index: -1;\n display: block;\n width: calc(50vw - var(--docs-max-width) / 2 + 2rem);\n }\n\n ul {\n pointer-events: all;\n list-style: none;\n }\n\n details[open] > summary .docs-nav__arrow {\n transform: rotate(90deg);\n }\n\n .docs-switch-dark-light {\n margin-bottom: var(--ld-sp-32);\n display: block;\n }\n}\n\n.docs-nav__content {\n pointer-events: all;\n bottom: 0;\n overflow: hidden scroll;\n overscroll-behavior: contain;\n padding: var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-32);\n position: fixed;\n top: 3.125rem;\n width: var(--docs-nav-width);\n\n @media (width <= 52rem) {\n position: fixed;\n top: 0;\n }\n}\n\n.docs-nav__section {\n padding: var(--ld-sp-24) var(--ld-sp-8) var(--ld-sp-24) 0;\n border-bottom-style: solid;\n border-bottom-width: var(--ld-sp-1);\n\n &:first-of-type {\n padding-top: 0;\n }\n\n &:last-of-type {\n padding-bottom: 0;\n border-bottom: 0;\n }\n}\n.docs-nav__nav > ul > li:first-of-type {\n margin-top: 0;\n}\n\n.docs-nav__summary {\n cursor: pointer;\n display: inline-block;\n font: var(--ld-typo-label-s);\n font-weight: 700;\n margin: var(--ld-sp-24) 0 var(--ld-sp-6);\n outline: none;\n position: relative;\n text-transform: uppercase;\n user-select: none;\n width: 100%;\n pointer-events: none;\n\n &::marker,\n &::-webkit-details-marker {\n display: none;\n }\n\n a {\n padding-left: var(--ld-sp-40);\n pointer-events: all;\n\n &::before {\n position: absolute;\n width: var(--ld-sp-24);\n height: var(--ld-sp-24);\n transform: translate(-170%, -20%);\n outline: none;\n opacity: 0.5;\n }\n\n &:hover::before,\n .docs-nav__li--active &::before {\n opacity: 1;\n }\n }\n\n li ul & {\n font-weight: inherit;\n margin-top: 0;\n text-transform: none;\n\n + ul {\n margin-left: var(--ld-sp-12);\n }\n }\n\n li ul li.docs-nav__li--active > details > & {\n font-weight: 700;\n }\n}\n\n.docs-nav__arrow {\n position: absolute;\n right: 0;\n top: calc(-1 * var(--ld-sp-1));\n background-repeat: no-repeat;\n background-position: center;\n width: 0.8rem;\n height: 1rem;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n z-index: 1;\n}\n\n.docs-nav__summary-toggle {\n position: absolute;\n right: 0;\n top: calc(-1 * var(--ld-sp-1));\n width: var(--ld-sp-24);\n height: var(--ld-sp-24);\n pointer-events: all;\n transform: translate(25%, -20%);\n outline: none;\n opacity: 0;\n border-radius: var(--ld-br-m);\n\n &:hover {\n opacity: 0.5;\n }\n}\n\nbody:not(.safari) {\n .docs-nav__summary:focus:focus-visible {\n outline: auto;\n outline: auto 5px -webkit-focus-ring-color; /* stylelint-disable-line declaration-block-no-duplicate-properties */\n }\n}\n\n.docs-nav__summary--introduction a::before {\n background-image: url('dist/build/assets/introduction.svg');\n content: '';\n}\n\n.docs-nav__summary--guides a::before {\n background-image: url('dist/build/assets/guides.svg');\n content: '';\n}\n\n.docs-nav__summary--components a::before {\n background-image: url('dist/build/assets/components.svg');\n content: '';\n}\n\n.docs-nav__summary--data-visualization a::before {\n background-image: url('dist/build/assets/data-visualization.svg');\n content: '';\n}\n\n.docs-nav__summary--globals a::before {\n background-image: url('dist/build/assets/globals.svg');\n content: '';\n}\n\n.docs-nav__li {\n margin-top: var(--ld-sp-12);\n\n ul {\n padding-left: var(--ld-sp-40);\n }\n\n > a {\n display: block;\n }\n\n .docs-nav__li ul,\n .docs-nav__li .docs-nav__summary a {\n padding: 0;\n }\n}\n\n.docs-nav__li--active > a {\n font-weight: 700;\n}\n\n.docs-nav__contact-links,\n.docs-nav__legal-links {\n display: flex;\n\n a {\n opacity: 0.8;\n\n @media (hover: hover) {\n &:hover {\n opacity: 1;\n }\n }\n }\n}\n\n.docs-nav__contact-links {\n flex-wrap: wrap;\n margin-top: var(--ld-sp-12);\n\n a {\n margin-right: var(--ld-sp-24);\n }\n}\n\n.docs-nav__legal-links {\n flex-direction: column;\n\n a:not(:first-of-type) {\n margin-top: var(--ld-sp-12);\n }\n}\n\n.docs-nav__dimmed {\n opacity: 0.8;\n}\n","import { Component, h, Host, State, Listen, Element } from '@stencil/core'\nimport eventBus from '../../utils/eventBus'\nimport { NavEventType } from '../../utils/eventTypes'\n\n/** @internal **/\n@Component({\n tag: 'docs-nav',\n styleUrl: 'docs-nav.css',\n shadow: false,\n assetsDirs: ['assets'],\n})\nexport class DocsNav {\n @Element() el: HTMLElement\n\n @State() isNavOpen = false\n\n private onNavOpen() {\n this.isNavOpen = true\n document.getElementById('main').setAttribute('inert', 'true')\n }\n private onNavClose() {\n this.isNavOpen = false\n document.getElementById('main').removeAttribute('inert')\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n const isNarrow = window.matchMedia('(max-width: 52rem)').matches\n if (!isNarrow) {\n document.getElementById('main').removeAttribute('inert')\n } else if (this.isNavOpen) {\n document.getElementById('main').setAttribute('inert', 'true')\n }\n }\n\n /**\n * This click handler is needed on mobile safari.\n * @param ev\n */\n @Listen('click', { capture: false })\n handleClick(ev) {\n const closestLink = ev.target.closest('.docs-nav__li a')\n if (closestLink) {\n window.location.href = closestLink.href\n }\n }\n\n componentWillLoad() {\n // Make sure the sidenav-open hash is removed on page reload\n // when the sidenav is open.\n if (location.hash === '#sidenav-open') {\n location.hash = ''\n setTimeout(() => {\n history.replaceState({}, '', window.location.pathname)\n })\n }\n }\n\n componentDidLoad() {\n eventBus.on(NavEventType.open, this.onNavOpen.bind(this))\n eventBus.on(NavEventType.close, this.onNavClose.bind(this))\n\n // Scroll current nav item into view.\n const link = this.el.querySelector(`[href='${location.pathname}']`)\n link?.scrollIntoView({ block: 'center' })\n }\n\n render() {\n return (\n \n
    \n
    \n \n \n
    \n
    \n \n
    \n
    \n

    \n \n © {new Date().getFullYear()}, Merck KGaA,\n Darmstadt, Germany\n \n

    \n
    \n

    \n Get in touch:\n \n \n GitHub discussions\n \n
    \n \n Teams\n \n
    \n

    \n
    \n \n
    \n
    \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAa,ggd,MCWNC,EAAO,M,wCAGG,K,CAEb,SAAAC,GACNC,KAAKC,UAAY,KACjBC,SAASC,eAAe,QAAQC,aAAa,QAAS,O,CAEhD,UAAAC,GACNL,KAAKC,UAAY,MACjBC,SAASC,eAAe,QAAQG,gBAAgB,Q,CAIlD,YAAAC,GACE,MAAMC,EAAWC,OAAOC,WAAW,sBAAsBC,QACzD,IAAKH,EAAU,CACbN,SAASC,eAAe,QAAQG,gBAAgB,Q,MAC3C,GAAIN,KAAKC,UAAW,CACzBC,SAASC,eAAe,QAAQC,aAAa,QAAS,O,EAS1D,WAAAQ,CAAYC,GACV,MAAMC,EAAcD,EAAGE,OAAOC,QAAQ,mBACtC,GAAIF,EAAa,CACfL,OAAOQ,SAASC,KAAOJ,EAAYI,I,EAIvC,iBAAAC,GAGE,GAAIF,SAASG,OAAS,gBAAiB,CACrCH,SAASG,KAAO,GAChBC,YAAW,KACTC,QAAQC,aAAa,GAAI,GAAId,OAAOQ,SAASO,SAAS,G,EAK5D,gBAAAC,GACEC,EAASC,GAAGC,EAAaC,KAAM7B,KAAKD,UAAU+B,KAAK9B,OACnD0B,EAASC,GAAGC,EAAaG,MAAO/B,KAAKK,WAAWyB,KAAK9B,OAGrD,MAAMgC,EAAOhC,KAAKiC,GAAGC,cAAc,UAAUjB,SAASO,cACtDQ,IAAI,MAAJA,SAAI,SAAJA,EAAMG,eAAe,CAAEC,MAAO,U,CAGhC,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,WAAWC,GAAG,gBACxBH,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,qBACTF,EAAA,+BACAA,EAAA,yBAEFA,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,gBAAgBE,KAAK,cAC9BJ,EAAA,eAGJA,EAAA,OAAKE,MAAM,qBACTF,EAAA,SACEA,EAAA,QAAME,MAAM,oBAAkB,MACzB,IAAIG,MAAOC,cAAa,qCAI/BN,EAAA,WACAA,EAAA,SACEA,EAAA,QAAME,MAAM,oBAAkB,iBAC9BF,EAAA,QAAME,MAAM,2BACVF,EAAA,KACEpB,KAAK,wDACLH,OAAO,SACP8B,IAAI,uBAAqB,sBAI3BP,EAAA,WACAA,EAAA,KACEpB,KAAK,gMACLH,OAAO,SACP8B,IAAI,uBAAqB,YAOjCP,EAAA,OAAKE,MAAM,qBACTF,EAAA,KAAGE,MAAM,yBACPF,EAAA,KAAGpB,KAAK,kBAAgB,WACxBoB,EAAA,KAAGpB,KAAK,gBAAc,wBACtBoB,EAAA,KAAGpB,KAAK,kBAAgB,qBACxBoB,EAAA,KAAGpB,KAAK,kBAAgB,c"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-699b0a42.entry.js b/1704966176737/dist/build/p-699b0a42.entry.js new file mode 100644 index 0000000000..e9f0e05f3b --- /dev/null +++ b/1704966176737/dist/build/p-699b0a42.entry.js @@ -0,0 +1,2 @@ +import{r as a,c as e,h as t,g as l}from"./p-21a69c18.js";const d=':host{--ld-tab-font:var(--ld-typo-body-m);--ld-tab-gap:0.625rem;--ld-tab-min-height:2.5rem;--ld-tab-disabled-opacity:1;--ld-tab-disabled-content-opacity:0.25;--ld-tab-padding-x:0.875rem;--ld-tab-padding-y:0.75rem;--ld-tab-bg-col-active:var(--ld-col-neutral-200);--ld-tab-bg-col-focus:var(--ld-col-neutral-600);--ld-tab-bg-col-hover:var(--ld-col-neutral-100);--ld-tab-bg-col:var(--ld-col-neutral-010);--ld-tab-disabled-bg-col-focus:var(--ld-col-neutral-400);--ld-tab-disabled-text-col-focus:var(--ld-col-wht);--ld-tab-disabled-text-col:var(--ld-col-neutral-900);--ld-tab-text-col-focus:var(--ld-col-neutral-100);--ld-tab-text-col:var(--ld-col-neutral-900);--ld-tab-selected-border-col-focus:var(--ld-thm-primary-focus);--ld-tab-selected-border-col:var(--ld-thm-primary);--ld-tab-selected-text-col-focus:var(--ld-thm-primary-focus);--ld-tab-selected-text-col:var(--ld-thm-primary)}.ld-tab{align-items:center;border:0;border-radius:var(--ld-tab-border-radius,0);display:grid;font:var(--ld-tab-font);font-weight:700;grid-template-columns:minmax(0,var(--ld-sp-16)) max-content minmax(0,var(--ld-sp-16));justify-content:center;line-height:1;position:relative;scroll-snap-align:start;text-align:center;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none;background-color:var(--ld-tab-bg-col);box-sizing:border-box;color:var(--ld-tab-text-col);margin:0;min-height:var(--ld-tab-min-height);padding:var(--ld-tab-padding-y) var(--ld-tab-padding-x)}.ld-tab[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-tab-disabled-text-col);opacity:var(--ld-tab-disabled-opacity)}.ld-tab[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])) .ld-tab__content{opacity:var(--ld-tab-disabled-content-opacity)}.ld-tab:after{content:"";display:var(--ld-tab-selected-border-display,block);height:var(--ld-tab-indicator-height);inset:auto 0 0;position:absolute;z-index:3}.ld-tab[aria-selected=true]{background-color:var(--ld-tab-bg-col);color:var(--ld-tab-selected-text-col)}.ld-tab[aria-selected=true]:after{background-color:var(--ld-tab-selected-border-col)}.ld-tab:focus:focus-visible{--ld-tab-disabled-content-opacity:0.5;background-color:var(--ld-tab-bg-col-focus);outline:none}.ld-tab:focus:focus-visible:not(:active){color:var(--ld-tab-text-col-focus)}.ld-tab:focus:focus-visible[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-tab-disabled-bg-col-focus);color:var(--ld-tab-disabled-text-col-focus)}.ld-tab:focus:focus-visible[aria-selected=true]:not(:active){color:var(--ld-tab-selected-text-col-focus)}.ld-tab:focus:focus-visible[aria-selected=true]:after{background-color:var(--ld-tab-selected-border-col-focus)}.ld-tab:focus:focus-visible:not([aria-selected=true]):after{background-color:inherit}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}@media (hover:hover){.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover{background-color:var(--ld-tab-bg-col-hover)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover[aria-selected=true]{background-color:var(\n --ld-tab-selected-bg-col-hover,var(--ld-tab-bg-col-hover)\n )}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not([aria-selected=true]){color:var(--ld-tab-text-col-hover)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:not([aria-selected=true]):after{background-color:inherit}}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus,.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible{background-color:var(--ld-tab-bg-col-active)}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible[aria-selected=true],.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus[aria-selected=true]{background-color:var(\n --ld-tab-selected-bg-col-active,var(--ld-tab-bg-col-active)\n )}.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:focus-visible:not([aria-selected=true]):after,.ld-tab:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus:not([aria-selected=true]):after{background-color:inherit}.ld-tab ::slotted(.ld-icon),.ld-tab ::slotted(ld-icon){height:0}.ld-tab__spacer{display:inline-flex;flex-shrink:1;width:var(--ld-sp-16)}.ld-tab__content{align-items:center;display:grid;gap:var(--ld-tab-gap);grid-auto-flow:column}';const r=class{constructor(t){a(this,t);this.ldtabselect=e(this,"ldtabselect",7);this.disabled=undefined;this.ldTabindex=undefined;this.selected=undefined}async focusInner(){this.btnRef.focus({preventScroll:true})}handleTabClick(a){a.preventDefault();this.select()}emitEvent(a,e){if(!a||a===e)return;this.ldtabselect.emit()}async select(){if(this.disabled)return;if(this.btnRef.getAttribute("aria-selected"))return;this.selected=true}render(){return t("button",{"aria-disabled":this.disabled?"true":undefined,"aria-selected":this.selected?"true":undefined,class:"ld-tab",onClick:this.handleTabClick.bind(this),part:"button focusable",ref:a=>this.btnRef=a,role:"tab",tabindex:this.selected?this.ldTabindex:"-1"},t("span",{class:"ld-tab__spacer",part:"spacer spacer-left"}),t("span",{class:"ld-tab__content",part:"content"},t("slot",null)),t("span",{class:"ld-tab__spacer",part:"spacer spacer-right"}))}get el(){return l(this)}static get watchers(){return{selected:["emitEvent"]}}};r.style=d;export{r as ld_tab}; +//# sourceMappingURL=p-699b0a42.entry.js.map \ No newline at end of file diff --git a/dist/build/p-459ef4d7.entry.js.map b/1704966176737/dist/build/p-699b0a42.entry.js.map similarity index 99% rename from dist/build/p-459ef4d7.entry.js.map rename to 1704966176737/dist/build/p-699b0a42.entry.js.map index a7385d7308..bcb981d29a 100644 --- a/dist/build/p-459ef4d7.entry.js.map +++ b/1704966176737/dist/build/p-699b0a42.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldTabShadowCss","LdTab","focusInner","this","btnRef","focus","preventScroll","handleTabClick","event","preventDefault","select","emitEvent","newSelected","oldSelected","ldtabselect","emit","disabled","getAttribute","selected","render","h","undefined","class","onClick","bind","part","ref","el","role","tabindex","ldTabindex"],"sources":["../src/liquid/components/ld-tabs/ld-tab/ld-tab.shadow.css?tag=ld-tab&encapsulation=shadow","../src/liquid/components/ld-tabs/ld-tab/ld-tab.tsx"],"sourcesContent":[":host {\n --ld-tab-font: var(--ld-typo-body-m);\n --ld-tab-gap: 0.625rem;\n --ld-tab-min-height: 2.5rem;\n --ld-tab-disabled-opacity: 1;\n --ld-tab-disabled-content-opacity: 0.25;\n --ld-tab-padding-x: 0.875rem;\n --ld-tab-padding-y: 0.75rem;\n\n /* colors */\n --ld-tab-bg-col-active: var(--ld-col-neutral-200);\n --ld-tab-bg-col-focus: var(--ld-col-neutral-600);\n --ld-tab-bg-col-hover: var(--ld-col-neutral-100);\n --ld-tab-bg-col: var(--ld-col-neutral-010);\n --ld-tab-disabled-bg-col-focus: var(--ld-col-neutral-400);\n --ld-tab-disabled-text-col-focus: var(--ld-col-wht);\n --ld-tab-disabled-text-col: var(--ld-col-neutral-900);\n --ld-tab-text-col-focus: var(--ld-col-neutral-100);\n --ld-tab-text-col: var(--ld-col-neutral-900);\n\n /* theme colors */\n --ld-tab-selected-border-col-focus: var(--ld-thm-primary-focus);\n --ld-tab-selected-border-col: var(--ld-thm-primary);\n --ld-tab-selected-text-col-focus: var(--ld-thm-primary-focus);\n --ld-tab-selected-text-col: var(--ld-thm-primary);\n}\n\n.ld-tab {\n position: relative;\n font: var(--ld-tab-font);\n font-weight: 700;\n border: 0;\n border-radius: var(--ld-tab-border-radius, 0);\n text-decoration: none;\n user-select: none;\n touch-action: manipulation;\n display: grid;\n grid-template-columns: minmax(0, var(--ld-sp-16)) max-content minmax(\n 0,\n var(--ld-sp-16)\n );\n align-items: center;\n text-align: center;\n justify-content: center;\n line-height: 1;\n scroll-snap-align: start;\n white-space: nowrap;\n -webkit-touch-callout: none;\n padding: var(--ld-tab-padding-y) var(--ld-tab-padding-x);\n min-height: var(--ld-tab-min-height);\n color: var(--ld-tab-text-col);\n background-color: var(--ld-tab-bg-col);\n box-sizing: border-box;\n margin: 0;\n\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n color: var(--ld-tab-disabled-text-col);\n opacity: var(--ld-tab-disabled-opacity);\n\n .ld-tab__content {\n opacity: var(--ld-tab-disabled-content-opacity);\n }\n }\n\n /* Selection indicator */\n &::after {\n content: '';\n display: var(--ld-tab-selected-border-display, block);\n position: absolute;\n inset: auto 0 0;\n height: var(--ld-tab-indicator-height);\n z-index: 3;\n }\n\n &[aria-selected='true'] {\n color: var(--ld-tab-selected-text-col);\n background-color: var(--ld-tab-bg-col);\n\n &::after {\n background-color: var(--ld-tab-selected-border-col);\n }\n }\n\n &:focus:focus-visible {\n --ld-tab-disabled-content-opacity: 0.5;\n outline: none;\n background-color: var(--ld-tab-bg-col-focus);\n\n &:not(:active) {\n color: var(--ld-tab-text-col-focus);\n }\n\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n background-color: var(--ld-tab-disabled-bg-col-focus);\n color: var(--ld-tab-disabled-text-col-focus);\n }\n\n &[aria-selected='true'] {\n &:not(:active) {\n color: var(--ld-tab-selected-text-col-focus);\n }\n\n &::after {\n background-color: var(--ld-tab-selected-border-col-focus);\n }\n }\n\n &:not([aria-selected='true'])::after {\n background-color: inherit;\n }\n }\n\n &:where(\n :not(\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n cursor: pointer;\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--ld-tab-bg-col-hover);\n\n &[aria-selected='true'] {\n background-color: var(\n --ld-tab-selected-bg-col-hover,\n var(--ld-tab-bg-col-hover)\n );\n }\n\n &:not([aria-selected='true']) {\n color: var(--ld-tab-text-col-hover);\n\n &::after {\n background-color: inherit;\n }\n }\n }\n }\n &:active:focus,\n &:active:focus:focus-visible {\n background-color: var(--ld-tab-bg-col-active);\n\n &[aria-selected='true'] {\n background-color: var(\n --ld-tab-selected-bg-col-active,\n var(--ld-tab-bg-col-active)\n );\n }\n\n &:not([aria-selected='true'])::after {\n background-color: inherit;\n }\n }\n }\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon) {\n height: 0;\n }\n}\n\n.ld-tab__spacer {\n display: inline-flex;\n flex-shrink: 1;\n width: var(--ld-sp-16);\n}\n\n.ld-tab__content {\n display: grid;\n grid-auto-flow: column;\n gap: var(--ld-tab-gap);\n align-items: center;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Method,\n Prop,\n Watch,\n} from '@stencil/core'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part button - Actual button element\n * @part content - Element wrapping the slot\n * @part spacer - Both spacer elements\n * @part spacer-left - Left spacer element\n * @part spacer-right - Right spacer element\n */\n@Component({\n tag: 'ld-tab',\n styleUrl: 'ld-tab.shadow.css',\n shadow: true,\n})\nexport class LdTab implements InnerFocusable {\n @Element() el: HTMLElement\n\n private btnRef: HTMLButtonElement\n\n /** Disables the tab. */\n @Prop() disabled?: boolean\n\n /** Tab index of the tab. */\n @Prop() ldTabindex?: number\n\n /** If present, this boolean attribute indicates that the tab is selected. */\n @Prop({ mutable: true, reflect: true }) selected?: boolean\n\n /** Focuses the tab */\n @Method()\n async focusInner() {\n this.btnRef.focus({ preventScroll: true })\n }\n\n /**\n * @internal\n * Emitted with the id of the selected tab.\n */\n @Event() ldtabselect: EventEmitter\n\n private handleTabClick(event: MouseEvent) {\n event.preventDefault()\n\n this.select()\n }\n\n @Watch('selected')\n emitEvent(newSelected: boolean, oldSelected: boolean) {\n if (!newSelected || newSelected === oldSelected) return\n\n this.ldtabselect.emit()\n }\n\n /** Set selected tab to a certain index */\n @Method()\n async select() {\n if (this.disabled) return\n\n if (this.btnRef.getAttribute('aria-selected')) return\n\n this.selected = true\n }\n\n render() {\n return (\n (this.btnRef = el as HTMLButtonElement)}\n role=\"tab\"\n tabindex={this.selected ? this.ldTabindex : '-1'}\n >\n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,k5J,MCyBVC,EAAK,M,4IAgBhB,gBAAMC,GACJC,KAAKC,OAAOC,MAAM,CAAEC,cAAe,M,CAS7B,cAAAC,CAAeC,GACrBA,EAAMC,iBAENN,KAAKO,Q,CAIP,SAAAC,CAAUC,EAAsBC,GAC9B,IAAKD,GAAeA,IAAgBC,EAAa,OAEjDV,KAAKW,YAAYC,M,CAKnB,YAAML,GACJ,GAAIP,KAAKa,SAAU,OAEnB,GAAIb,KAAKC,OAAOa,aAAa,iBAAkB,OAE/Cd,KAAKe,SAAW,I,CAGlB,MAAAC,GACE,OACEC,EAAA,0BACiBjB,KAAKa,SAAW,OAASK,UAAS,gBAClClB,KAAKe,SAAW,OAASG,UACxCC,MAAM,SACNC,QAASpB,KAAKI,eAAeiB,KAAKrB,MAClCsB,KAAK,mBACLC,IAAMC,GAAQxB,KAAKC,OAASuB,EAC5BC,KAAK,MACLC,SAAU1B,KAAKe,SAAWf,KAAK2B,WAAa,MAE5CV,EAAA,QAAME,MAAM,iBAAiBG,KAAK,uBAClCL,EAAA,QAAME,MAAM,kBAAkBG,KAAK,WACjCL,EAAA,cAEFA,EAAA,QAAME,MAAM,iBAAiBG,KAAK,wB"} \ No newline at end of file +{"version":3,"names":["ldTabShadowCss","LdTab","focusInner","this","btnRef","focus","preventScroll","handleTabClick","event","preventDefault","select","emitEvent","newSelected","oldSelected","ldtabselect","emit","disabled","getAttribute","selected","render","h","undefined","class","onClick","bind","part","ref","el","role","tabindex","ldTabindex"],"sources":["../src/liquid/components/ld-tabs/ld-tab/ld-tab.shadow.css?tag=ld-tab&encapsulation=shadow","../src/liquid/components/ld-tabs/ld-tab/ld-tab.tsx"],"sourcesContent":[":host {\n --ld-tab-font: var(--ld-typo-body-m);\n --ld-tab-gap: 0.625rem;\n --ld-tab-min-height: 2.5rem;\n --ld-tab-disabled-opacity: 1;\n --ld-tab-disabled-content-opacity: 0.25;\n --ld-tab-padding-x: 0.875rem;\n --ld-tab-padding-y: 0.75rem;\n\n /* colors */\n --ld-tab-bg-col-active: var(--ld-col-neutral-200);\n --ld-tab-bg-col-focus: var(--ld-col-neutral-600);\n --ld-tab-bg-col-hover: var(--ld-col-neutral-100);\n --ld-tab-bg-col: var(--ld-col-neutral-010);\n --ld-tab-disabled-bg-col-focus: var(--ld-col-neutral-400);\n --ld-tab-disabled-text-col-focus: var(--ld-col-wht);\n --ld-tab-disabled-text-col: var(--ld-col-neutral-900);\n --ld-tab-text-col-focus: var(--ld-col-neutral-100);\n --ld-tab-text-col: var(--ld-col-neutral-900);\n\n /* theme colors */\n --ld-tab-selected-border-col-focus: var(--ld-thm-primary-focus);\n --ld-tab-selected-border-col: var(--ld-thm-primary);\n --ld-tab-selected-text-col-focus: var(--ld-thm-primary-focus);\n --ld-tab-selected-text-col: var(--ld-thm-primary);\n}\n\n.ld-tab {\n position: relative;\n font: var(--ld-tab-font);\n font-weight: 700;\n border: 0;\n border-radius: var(--ld-tab-border-radius, 0);\n text-decoration: none;\n user-select: none;\n touch-action: manipulation;\n display: grid;\n grid-template-columns: minmax(0, var(--ld-sp-16)) max-content minmax(\n 0,\n var(--ld-sp-16)\n );\n align-items: center;\n text-align: center;\n justify-content: center;\n line-height: 1;\n scroll-snap-align: start;\n white-space: nowrap;\n -webkit-touch-callout: none;\n padding: var(--ld-tab-padding-y) var(--ld-tab-padding-x);\n min-height: var(--ld-tab-min-height);\n color: var(--ld-tab-text-col);\n background-color: var(--ld-tab-bg-col);\n box-sizing: border-box;\n margin: 0;\n\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n color: var(--ld-tab-disabled-text-col);\n opacity: var(--ld-tab-disabled-opacity);\n\n .ld-tab__content {\n opacity: var(--ld-tab-disabled-content-opacity);\n }\n }\n\n /* Selection indicator */\n &::after {\n content: '';\n display: var(--ld-tab-selected-border-display, block);\n position: absolute;\n inset: auto 0 0;\n height: var(--ld-tab-indicator-height);\n z-index: 3;\n }\n\n &[aria-selected='true'] {\n color: var(--ld-tab-selected-text-col);\n background-color: var(--ld-tab-bg-col);\n\n &::after {\n background-color: var(--ld-tab-selected-border-col);\n }\n }\n\n &:focus:focus-visible {\n --ld-tab-disabled-content-opacity: 0.5;\n outline: none;\n background-color: var(--ld-tab-bg-col-focus);\n\n &:not(:active) {\n color: var(--ld-tab-text-col-focus);\n }\n\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n background-color: var(--ld-tab-disabled-bg-col-focus);\n color: var(--ld-tab-disabled-text-col-focus);\n }\n\n &[aria-selected='true'] {\n &:not(:active) {\n color: var(--ld-tab-selected-text-col-focus);\n }\n\n &::after {\n background-color: var(--ld-tab-selected-border-col-focus);\n }\n }\n\n &:not([aria-selected='true'])::after {\n background-color: inherit;\n }\n }\n\n &:where(\n :not(\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n cursor: pointer;\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--ld-tab-bg-col-hover);\n\n &[aria-selected='true'] {\n background-color: var(\n --ld-tab-selected-bg-col-hover,\n var(--ld-tab-bg-col-hover)\n );\n }\n\n &:not([aria-selected='true']) {\n color: var(--ld-tab-text-col-hover);\n\n &::after {\n background-color: inherit;\n }\n }\n }\n }\n &:active:focus,\n &:active:focus:focus-visible {\n background-color: var(--ld-tab-bg-col-active);\n\n &[aria-selected='true'] {\n background-color: var(\n --ld-tab-selected-bg-col-active,\n var(--ld-tab-bg-col-active)\n );\n }\n\n &:not([aria-selected='true'])::after {\n background-color: inherit;\n }\n }\n }\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon) {\n height: 0;\n }\n}\n\n.ld-tab__spacer {\n display: inline-flex;\n flex-shrink: 1;\n width: var(--ld-sp-16);\n}\n\n.ld-tab__content {\n display: grid;\n grid-auto-flow: column;\n gap: var(--ld-tab-gap);\n align-items: center;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Method,\n Prop,\n Watch,\n} from '@stencil/core'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part button - Actual button element\n * @part content - Element wrapping the slot\n * @part spacer - Both spacer elements\n * @part spacer-left - Left spacer element\n * @part spacer-right - Right spacer element\n */\n@Component({\n tag: 'ld-tab',\n styleUrl: 'ld-tab.shadow.css',\n shadow: true,\n})\nexport class LdTab implements InnerFocusable {\n @Element() el: HTMLElement\n\n private btnRef: HTMLButtonElement\n\n /** Disables the tab. */\n @Prop() disabled?: boolean\n\n /** Tab index of the tab. */\n @Prop() ldTabindex?: number\n\n /** If present, this boolean attribute indicates that the tab is selected. */\n @Prop({ mutable: true, reflect: true }) selected?: boolean\n\n /** Focuses the tab */\n @Method()\n async focusInner() {\n this.btnRef.focus({ preventScroll: true })\n }\n\n /**\n * @internal\n * Emitted with the id of the selected tab.\n */\n @Event() ldtabselect: EventEmitter\n\n private handleTabClick(event: MouseEvent) {\n event.preventDefault()\n\n this.select()\n }\n\n @Watch('selected')\n emitEvent(newSelected: boolean, oldSelected: boolean) {\n if (!newSelected || newSelected === oldSelected) return\n\n this.ldtabselect.emit()\n }\n\n /** Set selected tab to a certain index */\n @Method()\n async select() {\n if (this.disabled) return\n\n if (this.btnRef.getAttribute('aria-selected')) return\n\n this.selected = true\n }\n\n render() {\n return (\n (this.btnRef = el as HTMLButtonElement)}\n role=\"tab\"\n tabindex={this.selected ? this.ldTabindex : '-1'}\n >\n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,u0J,MCyBVC,EAAK,M,4IAgBhB,gBAAMC,GACJC,KAAKC,OAAOC,MAAM,CAAEC,cAAe,M,CAS7B,cAAAC,CAAeC,GACrBA,EAAMC,iBAENN,KAAKO,Q,CAIP,SAAAC,CAAUC,EAAsBC,GAC9B,IAAKD,GAAeA,IAAgBC,EAAa,OAEjDV,KAAKW,YAAYC,M,CAKnB,YAAML,GACJ,GAAIP,KAAKa,SAAU,OAEnB,GAAIb,KAAKC,OAAOa,aAAa,iBAAkB,OAE/Cd,KAAKe,SAAW,I,CAGlB,MAAAC,GACE,OACEC,EAAA,0BACiBjB,KAAKa,SAAW,OAASK,UAAS,gBAClClB,KAAKe,SAAW,OAASG,UACxCC,MAAM,SACNC,QAASpB,KAAKI,eAAeiB,KAAKrB,MAClCsB,KAAK,mBACLC,IAAMC,GAAQxB,KAAKC,OAASuB,EAC5BC,KAAK,MACLC,SAAU1B,KAAKe,SAAWf,KAAK2B,WAAa,MAE5CV,EAAA,QAAME,MAAM,iBAAiBG,KAAK,uBAClCL,EAAA,QAAME,MAAM,kBAAkBG,KAAK,WACjCL,EAAA,cAEFA,EAAA,QAAME,MAAM,iBAAiBG,KAAK,wB"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-6d64a66c.entry.js b/1704966176737/dist/build/p-6d64a66c.entry.js new file mode 100644 index 0000000000..c7c06c404d --- /dev/null +++ b/1704966176737/dist/build/p-6d64a66c.entry.js @@ -0,0 +1,2 @@ +import{r as o,h as r,H as s}from"./p-21a69c18.js";const i=".docs-icon-group{display:block;margin-bottom:var(--ld-sp-32)}.docs-icon-group__headline{margin-bottom:var(--ld-sp-16)}.docs-icon-group__icons{border-radius:var(--ld-br-l);display:grid;grid-template-columns:repeat(2,1fr);text-align:center}@media (width >= 70rem){.docs-icon-group__icons{grid-template-columns:repeat(4,1fr)}}@media (width >= 32rem) and (width <= 52rem),(width >= 60rem) and (width <= 70rem){.docs-icon-group__icons{grid-template-columns:repeat(3,1fr)}}";const c=class{constructor(r){o(this,r);this.name=undefined}render(){return r(s,{class:"docs-icon-group"},r("ld-typo",{class:"docs-icon-group__headline",variant:"h4",tag:"h3"},this.name),r("div",{class:"docs-icon-group__icons"},r("slot",null)))}};c.style=i;export{c as docs_icon_group}; +//# sourceMappingURL=p-6d64a66c.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-093e3bf1.entry.js.map b/1704966176737/dist/build/p-6d64a66c.entry.js.map similarity index 95% rename from 1704894792450/dist/build/p-093e3bf1.entry.js.map rename to 1704966176737/dist/build/p-6d64a66c.entry.js.map index 97cc1fb500..c23a176800 100644 --- a/1704894792450/dist/build/p-093e3bf1.entry.js.map +++ b/1704966176737/dist/build/p-6d64a66c.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["docsIconGroupCss","DocsIconGroup","render","h","Host","class","variant","tag","this","name"],"sources":["../src/docs/components/docs-icon-group/docs-icon-group.css?tag=docs-icon-group","../src/docs/components/docs-icon-group/docs-icon-group.tsx"],"sourcesContent":[".docs-icon-group {\n margin-bottom: var(--ld-sp-32);\n display: block;\n\n &__headline {\n margin-bottom: var(--ld-sp-16);\n }\n}\n\n.docs-icon-group__icons {\n border-radius: var(--ld-br-l);\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n text-align: center;\n\n @media (width >= 70rem) {\n grid-template-columns: repeat(4, 1fr);\n }\n\n @media (width >= 32rem) and (width <= 52rem),\n (width >= 60rem) and (width <= 70rem) {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n","import { Component, Prop, h, Host } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-icon-group',\n styleUrl: 'docs-icon-group.css',\n shadow: false,\n})\nexport class DocsIconGroup {\n /** Group name */\n @Prop() name: string\n\n render() {\n return (\n \n \n {this.name}\n \n
    \n \n
    \n
    \n )\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,2d,MCQZC,EAAa,M,6CAIxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,mBACVF,EAAA,WAASE,MAAM,4BAA4BC,QAAQ,KAAKC,IAAI,MACzDC,KAAKC,MAERN,EAAA,OAAKE,MAAM,0BACTF,EAAA,c"} \ No newline at end of file +{"version":3,"names":["docsIconGroupCss","DocsIconGroup","render","h","Host","class","variant","tag","this","name"],"sources":["../src/docs/components/docs-icon-group/docs-icon-group.css?tag=docs-icon-group","../src/docs/components/docs-icon-group/docs-icon-group.tsx"],"sourcesContent":[".docs-icon-group {\n margin-bottom: var(--ld-sp-32);\n display: block;\n\n &__headline {\n margin-bottom: var(--ld-sp-16);\n }\n}\n\n.docs-icon-group__icons {\n border-radius: var(--ld-br-l);\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n text-align: center;\n\n @media (width >= 70rem) {\n grid-template-columns: repeat(4, 1fr);\n }\n\n @media (width >= 32rem) and (width <= 52rem),\n (width >= 60rem) and (width <= 70rem) {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n","import { Component, Prop, h, Host } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-icon-group',\n styleUrl: 'docs-icon-group.css',\n shadow: false,\n})\nexport class DocsIconGroup {\n /** Group name */\n @Prop() name: string\n\n render() {\n return (\n \n \n {this.name}\n \n
    \n \n
    \n
    \n )\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,sd,MCQZC,EAAa,M,6CAIxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,mBACVF,EAAA,WAASE,MAAM,4BAA4BC,QAAQ,KAAKC,IAAI,MACzDC,KAAKC,MAERN,EAAA,OAAKE,MAAM,0BACTF,EAAA,c"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-6e5841ef.js b/1704966176737/dist/build/p-6e5841ef.js similarity index 100% rename from 1704894792450/dist/build/p-6e5841ef.js rename to 1704966176737/dist/build/p-6e5841ef.js diff --git a/1704894792450/dist/build/p-6e5841ef.js.map b/1704966176737/dist/build/p-6e5841ef.js.map similarity index 100% rename from 1704894792450/dist/build/p-6e5841ef.js.map rename to 1704966176737/dist/build/p-6e5841ef.js.map diff --git a/1704894792450/dist/build/p-6f1c0dce.entry.js b/1704966176737/dist/build/p-6f1c0dce.entry.js similarity index 100% rename from 1704894792450/dist/build/p-6f1c0dce.entry.js rename to 1704966176737/dist/build/p-6f1c0dce.entry.js diff --git a/1704894792450/dist/build/p-6f1c0dce.entry.js.map b/1704966176737/dist/build/p-6f1c0dce.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-6f1c0dce.entry.js.map rename to 1704966176737/dist/build/p-6f1c0dce.entry.js.map diff --git a/1704894792450/dist/build/p-6f9b9619.js b/1704966176737/dist/build/p-6f9b9619.js similarity index 100% rename from 1704894792450/dist/build/p-6f9b9619.js rename to 1704966176737/dist/build/p-6f9b9619.js diff --git a/1704894792450/dist/build/p-6f9b9619.js.map b/1704966176737/dist/build/p-6f9b9619.js.map similarity index 100% rename from 1704894792450/dist/build/p-6f9b9619.js.map rename to 1704966176737/dist/build/p-6f9b9619.js.map diff --git a/1704894792450/dist/build/p-6fdf0745.entry.js b/1704966176737/dist/build/p-6fdf0745.entry.js similarity index 100% rename from 1704894792450/dist/build/p-6fdf0745.entry.js rename to 1704966176737/dist/build/p-6fdf0745.entry.js diff --git a/1704894792450/dist/build/p-6fdf0745.entry.js.map b/1704966176737/dist/build/p-6fdf0745.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-6fdf0745.entry.js.map rename to 1704966176737/dist/build/p-6fdf0745.entry.js.map diff --git a/1704894792450/dist/build/p-71026bf3.js b/1704966176737/dist/build/p-71026bf3.js similarity index 100% rename from 1704894792450/dist/build/p-71026bf3.js rename to 1704966176737/dist/build/p-71026bf3.js diff --git a/1704894792450/dist/build/p-71026bf3.js.map b/1704966176737/dist/build/p-71026bf3.js.map similarity index 100% rename from 1704894792450/dist/build/p-71026bf3.js.map rename to 1704966176737/dist/build/p-71026bf3.js.map diff --git a/1704966176737/dist/build/p-7161caa6.entry.js b/1704966176737/dist/build/p-7161caa6.entry.js new file mode 100644 index 0000000000..2c7b2c3fd9 --- /dev/null +++ b/1704966176737/dist/build/p-7161caa6.entry.js @@ -0,0 +1,2 @@ +import{r as s,h as r,H as o}from"./p-21a69c18.js";const l=".ld-sr-only,:host{height:var(--ld-sp-1);overflow:hidden;padding:0;position:absolute;width:var(--ld-sp-1);clip:rect(0,0,0,0);border-width:0}";const t=class{constructor(r){s(this,r)}render(){return r(o,{class:"ld-sr-only"},r("slot",null))}};t.style=l;export{t as ld_sr_only}; +//# sourceMappingURL=p-7161caa6.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-1566b81f.entry.js.map b/1704966176737/dist/build/p-7161caa6.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-1566b81f.entry.js.map rename to 1704966176737/dist/build/p-7161caa6.entry.js.map diff --git a/1704966176737/dist/build/p-71d931bf.entry.js b/1704966176737/dist/build/p-71d931bf.entry.js new file mode 100644 index 0000000000..20d7bad2e1 --- /dev/null +++ b/1704966176737/dist/build/p-71d931bf.entry.js @@ -0,0 +1,2 @@ +import{r as t,c as s,h as e,g as i}from"./p-21a69c18.js";import{c as r}from"./p-6e5841ef.js";import{g as n}from"./p-1133c92e.js";import{i as d}from"./p-b05f0e4e.js";const a=":host{display:contents}th{background-color:inherit;font:inherit;max-width:inherit;min-width:inherit;padding-block:var(--ld-table-cell-padding-y);padding-inline:var(--ld-table-cell-padding-x)}.ld-table-header--sortable{cursor:pointer}.ld-table-header__sort-buttons{display:inline-grid;margin:-1.2rem calc(-1 * var(--ld-sp-8)) -1rem var(--ld-sp-6);vertical-align:middle}.ld-table-header__sort-buttons ld-button::part(button){min-height:0}";const o=class{constructor(e){t(this,e);this.ldTableSort=s(this,"ldTableSort",7);this.handleSort=t=>{this.sortOrder=t;const s=Array.from(this.el.parentNode.children).indexOf(this.el);this.ldTableSort.emit({columnIndex:s,sortOrder:t})};this.onSortClick=(t,s)=>{t.preventDefault();t.stopPropagation();if(d(r("ld-button",t.target).ariaDisabled)){return}this.handleSort(s)};this.onThClick=()=>{if(!this.sortable)return;if(this.sortOrder==="desc"){this.handleSort("asc")}else{this.handleSort("desc")}};this.abbr=undefined;this.colspan=undefined;this.headers=undefined;this.rowspan=undefined;this.scope=undefined;this.sortable=false;this.sortAscLabel="Sort ascending";this.sortDescLabel="Sort descending";this.sortOrder=undefined}async resetSort(){this.sortOrder=undefined}componentWillLoad(){if(this.sortOrder){this.handleSort(this.sortOrder)}}renderChevron(t){return e("ld-icon",{size:"sm",part:`icon chevron-${t?"asc":"desc"}`},e("svg",{fill:"none",height:"7",part:`svg svg-${t?"asc":"desc"}`,style:{transform:t?undefined:"rotate(180deg)"},viewBox:"0 0 15 7",width:"15"},e("path",{d:"M13.3 5.5 7.3 1l-6 4.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))}render(){return e("th",{class:n(["ld-table-header",this.sortable&&"ld-table-header--sortable"]),abbr:this.abbr,colSpan:this.colspan,headers:this.abbr,rowspan:this.rowspan,scope:this.scope,part:"cell",onClick:this.onThClick},e("slot",null),this.sortable&&e("div",{class:"ld-table-header__sort-buttons",part:"sort-buttons"},e("ld-button",{"aria-label":this.sortAscLabel,"aria-disabled":this.sortOrder==="asc"?"true":undefined,mode:"ghost",onClick:t=>this.onSortClick(t,"asc"),part:"sort-button-asc",size:"sm"},this.renderChevron(true)),e("ld-button",{"aria-label":this.sortDescLabel,"aria-disabled":this.sortOrder==="desc"?"true":undefined,mode:"ghost",onClick:t=>this.onSortClick(t,"desc"),part:"sort-button-desc",size:"sm"},this.renderChevron())))}get el(){return i(this)}};o.style=a;export{o as ld_table_header}; +//# sourceMappingURL=p-71d931bf.entry.js.map \ No newline at end of file diff --git a/dist/build/p-15140e15.entry.js.map b/1704966176737/dist/build/p-71d931bf.entry.js.map similarity index 99% rename from dist/build/p-15140e15.entry.js.map rename to 1704966176737/dist/build/p-71d931bf.entry.js.map index c4491defee..c8fa16cedf 100644 --- a/dist/build/p-15140e15.entry.js.map +++ b/1704966176737/dist/build/p-71d931bf.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldTableHeaderShadowCss","LdTableHeader","this","handleSort","sortOrder","columnIndex","Array","from","el","parentNode","children","indexOf","ldTableSort","emit","onSortClick","ev","preventDefault","stopPropagation","isAriaDisabled","closest","target","ariaDisabled","onThClick","sortable","resetSort","undefined","componentWillLoad","renderChevron","asc","h","size","part","fill","height","style","transform","viewBox","width","d","stroke","render","class","getClassNames","abbr","colSpan","colspan","headers","rowspan","scope","onClick","sortAscLabel","mode","sortDescLabel"],"sources":["../src/liquid/components/ld-table/ld-table-header/ld-table-header.shadow.css?tag=ld-table-header&encapsulation=shadow","../src/liquid/components/ld-table/ld-table-header/ld-table-header.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\nth {\n background-color: inherit;\n font: inherit;\n max-width: inherit;\n min-width: inherit;\n padding-block: var(--ld-table-cell-padding-y);\n padding-inline: var(--ld-table-cell-padding-x);\n}\n\n.ld-table-header--sortable {\n cursor: pointer;\n}\n\n.ld-table-header__sort-buttons {\n display: inline-grid;\n margin: -1.2rem calc(-1 * var(--ld-sp-8)) -1rem var(--ld-sp-6);\n vertical-align: middle;\n\n ld-button::part(button) {\n min-height: 0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Method,\n Prop,\n} from '@stencil/core'\nimport { closest } from '../../../utils/closest'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { isAriaDisabled } from '../../../utils/ariaDisabled'\n\n/**\n * @part cell - the actual th element\n * @part sort-button-asc - ascending sort button\n * @part sort-button-desc - descending sort button\n * @part sort-buttons - container wrapping the sort buttons\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-table-header',\n styleUrl: 'ld-table-header.shadow.css',\n shadow: true,\n})\nexport class LdTableHeader {\n @Element() el: HTMLLdTableHeaderElement\n\n /**\n * This attribute contains a short abbreviated description\n * of the cell's content. Some user-agents, such as speech readers,\n * may present this description before the content itself.\n */\n @Prop() abbr?: HTMLTableCellElement['abbr']\n\n /** Indicates for how many columns the cell extends. */\n @Prop() colspan?: HTMLTableCellElement['colSpan']\n\n /**\n * This attribute contains a list of space-separated strings,\n * each corresponding to the id attribute of the elements\n * that apply to this element.\n */\n @Prop() headers?: HTMLTableCellElement['headers']\n\n /** Indicates for how many rows the cell extends. */\n @Prop() rowspan?: HTMLTableCellElement['rowSpan']\n\n /** Defines the cells that the header element relates to. */\n @Prop() scope?: HTMLTableCellElement['scope']\n\n /** Defines whether the column is sortable. */\n @Prop() sortable? = false\n\n /** The aria label used for sort ascending buttons. */\n @Prop() sortAscLabel? = 'Sort ascending'\n\n /** The aria label used for sort descending buttons. */\n @Prop() sortDescLabel? = 'Sort descending'\n\n /** Defines whether the column is sorted and in which order. */\n @Prop({ mutable: true }) sortOrder?: 'asc' | 'desc'\n\n /** Emitted with culumn index and sort order. */\n @Event() ldTableSort: EventEmitter<{\n columnIndex: number\n sortOrder: 'asc' | 'desc'\n }>\n\n /**\n * @internal\n * Resets sort buttons.\n */\n @Method()\n async resetSort() {\n this.sortOrder = undefined\n }\n\n handleSort = (sortOrder: 'asc' | 'desc') => {\n this.sortOrder = sortOrder\n const columnIndex = Array.from(this.el.parentNode.children).indexOf(this.el)\n this.ldTableSort.emit({\n columnIndex,\n sortOrder,\n })\n }\n\n onSortClick = (ev: Event, sortOrder: 'asc' | 'desc') => {\n ev.preventDefault()\n ev.stopPropagation()\n if (\n isAriaDisabled(\n closest('ld-button', ev.target as HTMLElement).ariaDisabled\n )\n ) {\n return\n }\n this.handleSort(sortOrder)\n }\n\n onThClick = () => {\n if (!this.sortable) return\n if (this.sortOrder === 'desc') {\n this.handleSort('asc')\n } else {\n this.handleSort('desc')\n }\n }\n\n componentWillLoad() {\n if (this.sortOrder) {\n this.handleSort(this.sortOrder)\n }\n }\n\n renderChevron(asc?: boolean) {\n return (\n \n \n \n \n \n )\n }\n\n render() {\n return (\n \n \n {this.sortable && (\n
    \n this.onSortClick(ev, 'asc')}\n part=\"sort-button-asc\"\n size=\"sm\"\n >\n {this.renderChevron(true)}\n \n this.onSortClick(ev, 'desc')}\n part=\"sort-button-desc\"\n size=\"sm\"\n >\n {this.renderChevron()}\n \n
    \n )}\n \n )\n }\n}\n"],"mappings":"qKAAA,MAAMA,EAAyB,ka,MC0BlBC,EAAa,M,kEAqDxBC,KAAAC,WAAcC,IACZF,KAAKE,UAAYA,EACjB,MAAMC,EAAcC,MAAMC,KAAKL,KAAKM,GAAGC,WAAWC,UAAUC,QAAQT,KAAKM,IACzEN,KAAKU,YAAYC,KAAK,CACpBR,cACAD,aACA,EAGJF,KAAAY,YAAc,CAACC,EAAWX,KACxBW,EAAGC,iBACHD,EAAGE,kBACH,GACEC,EACEC,EAAQ,YAAaJ,EAAGK,QAAuBC,cAEjD,CACA,M,CAEFnB,KAAKC,WAAWC,EAAU,EAG5BF,KAAAoB,UAAY,KACV,IAAKpB,KAAKqB,SAAU,OACpB,GAAIrB,KAAKE,YAAc,OAAQ,CAC7BF,KAAKC,WAAW,M,KACX,CACLD,KAAKC,WAAW,O,+HArDA,M,kBAGI,iB,mBAGC,kB,yBAgBzB,eAAMqB,GACJtB,KAAKE,UAAYqB,S,CAkCnB,iBAAAC,GACE,GAAIxB,KAAKE,UAAW,CAClBF,KAAKC,WAAWD,KAAKE,U,EAIzB,aAAAuB,CAAcC,GACZ,OACEC,EAAA,WAASC,KAAK,KAAKC,KAAM,gBAAgBH,EAAM,MAAQ,UACrDC,EAAA,OACEG,KAAK,OACLC,OAAO,IACPF,KAAM,WAAWH,EAAM,MAAQ,SAC/BM,MAAO,CACLC,UAAWP,EAAMH,UAAY,kBAE/BW,QAAQ,WACRC,MAAM,MAENR,EAAA,QACES,EAAE,yBACFC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,kBACN,W,CAO1B,MAAAC,GACE,OACEX,EAAA,MACEY,MAAOC,EAAc,CACnB,kBACAxC,KAAKqB,UAAY,8BAEnBoB,KAAMzC,KAAKyC,KACXC,QAAS1C,KAAK2C,QACdC,QAAS5C,KAAKyC,KACdI,QAAS7C,KAAK6C,QACdC,MAAO9C,KAAK8C,MACZjB,KAAK,OACLkB,QAAS/C,KAAKoB,WAEdO,EAAA,aACC3B,KAAKqB,UACJM,EAAA,OAAKY,MAAM,gCAAgCV,KAAK,gBAC9CF,EAAA,0BACc3B,KAAKgD,aAAY,gBACdhD,KAAKE,YAAc,MAAQ,OAASqB,UACnD0B,KAAK,QACLF,QAAUlC,GAAOb,KAAKY,YAAYC,EAAI,OACtCgB,KAAK,kBACLD,KAAK,MAEJ5B,KAAKyB,cAAc,OAEtBE,EAAA,0BACc3B,KAAKkD,cAAa,gBACflD,KAAKE,YAAc,OAAS,OAASqB,UACpD0B,KAAK,QACLF,QAAUlC,GAAOb,KAAKY,YAAYC,EAAI,QACtCgB,KAAK,mBACLD,KAAK,MAEJ5B,KAAKyB,kB"} \ No newline at end of file +{"version":3,"names":["ldTableHeaderShadowCss","LdTableHeader","this","handleSort","sortOrder","columnIndex","Array","from","el","parentNode","children","indexOf","ldTableSort","emit","onSortClick","ev","preventDefault","stopPropagation","isAriaDisabled","closest","target","ariaDisabled","onThClick","sortable","resetSort","undefined","componentWillLoad","renderChevron","asc","h","size","part","fill","height","style","transform","viewBox","width","d","stroke","render","class","getClassNames","abbr","colSpan","colspan","headers","rowspan","scope","onClick","sortAscLabel","mode","sortDescLabel"],"sources":["../src/liquid/components/ld-table/ld-table-header/ld-table-header.shadow.css?tag=ld-table-header&encapsulation=shadow","../src/liquid/components/ld-table/ld-table-header/ld-table-header.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\nth {\n background-color: inherit;\n font: inherit;\n max-width: inherit;\n min-width: inherit;\n padding-block: var(--ld-table-cell-padding-y);\n padding-inline: var(--ld-table-cell-padding-x);\n}\n\n.ld-table-header--sortable {\n cursor: pointer;\n}\n\n.ld-table-header__sort-buttons {\n display: inline-grid;\n margin: -1.2rem calc(-1 * var(--ld-sp-8)) -1rem var(--ld-sp-6);\n vertical-align: middle;\n\n ld-button::part(button) {\n min-height: 0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Method,\n Prop,\n} from '@stencil/core'\nimport { closest } from '../../../utils/closest'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { isAriaDisabled } from '../../../utils/ariaDisabled'\n\n/**\n * @part cell - the actual th element\n * @part sort-button-asc - ascending sort button\n * @part sort-button-desc - descending sort button\n * @part sort-buttons - container wrapping the sort buttons\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-table-header',\n styleUrl: 'ld-table-header.shadow.css',\n shadow: true,\n})\nexport class LdTableHeader {\n @Element() el: HTMLLdTableHeaderElement\n\n /**\n * This attribute contains a short abbreviated description\n * of the cell's content. Some user-agents, such as speech readers,\n * may present this description before the content itself.\n */\n @Prop() abbr?: HTMLTableCellElement['abbr']\n\n /** Indicates for how many columns the cell extends. */\n @Prop() colspan?: HTMLTableCellElement['colSpan']\n\n /**\n * This attribute contains a list of space-separated strings,\n * each corresponding to the id attribute of the elements\n * that apply to this element.\n */\n @Prop() headers?: HTMLTableCellElement['headers']\n\n /** Indicates for how many rows the cell extends. */\n @Prop() rowspan?: HTMLTableCellElement['rowSpan']\n\n /** Defines the cells that the header element relates to. */\n @Prop() scope?: HTMLTableCellElement['scope']\n\n /** Defines whether the column is sortable. */\n @Prop() sortable? = false\n\n /** The aria label used for sort ascending buttons. */\n @Prop() sortAscLabel? = 'Sort ascending'\n\n /** The aria label used for sort descending buttons. */\n @Prop() sortDescLabel? = 'Sort descending'\n\n /** Defines whether the column is sorted and in which order. */\n @Prop({ mutable: true }) sortOrder?: 'asc' | 'desc'\n\n /** Emitted with culumn index and sort order. */\n @Event() ldTableSort: EventEmitter<{\n columnIndex: number\n sortOrder: 'asc' | 'desc'\n }>\n\n /**\n * @internal\n * Resets sort buttons.\n */\n @Method()\n async resetSort() {\n this.sortOrder = undefined\n }\n\n handleSort = (sortOrder: 'asc' | 'desc') => {\n this.sortOrder = sortOrder\n const columnIndex = Array.from(this.el.parentNode.children).indexOf(this.el)\n this.ldTableSort.emit({\n columnIndex,\n sortOrder,\n })\n }\n\n onSortClick = (ev: Event, sortOrder: 'asc' | 'desc') => {\n ev.preventDefault()\n ev.stopPropagation()\n if (\n isAriaDisabled(\n closest('ld-button', ev.target as HTMLElement).ariaDisabled\n )\n ) {\n return\n }\n this.handleSort(sortOrder)\n }\n\n onThClick = () => {\n if (!this.sortable) return\n if (this.sortOrder === 'desc') {\n this.handleSort('asc')\n } else {\n this.handleSort('desc')\n }\n }\n\n componentWillLoad() {\n if (this.sortOrder) {\n this.handleSort(this.sortOrder)\n }\n }\n\n renderChevron(asc?: boolean) {\n return (\n \n \n \n \n \n )\n }\n\n render() {\n return (\n \n \n {this.sortable && (\n
    \n this.onSortClick(ev, 'asc')}\n part=\"sort-button-asc\"\n size=\"sm\"\n >\n {this.renderChevron(true)}\n \n this.onSortClick(ev, 'desc')}\n part=\"sort-button-desc\"\n size=\"sm\"\n >\n {this.renderChevron()}\n \n
    \n )}\n \n )\n }\n}\n"],"mappings":"qKAAA,MAAMA,EAAyB,ub,MC0BlBC,EAAa,M,kEAqDxBC,KAAAC,WAAcC,IACZF,KAAKE,UAAYA,EACjB,MAAMC,EAAcC,MAAMC,KAAKL,KAAKM,GAAGC,WAAWC,UAAUC,QAAQT,KAAKM,IACzEN,KAAKU,YAAYC,KAAK,CACpBR,cACAD,aACA,EAGJF,KAAAY,YAAc,CAACC,EAAWX,KACxBW,EAAGC,iBACHD,EAAGE,kBACH,GACEC,EACEC,EAAQ,YAAaJ,EAAGK,QAAuBC,cAEjD,CACA,M,CAEFnB,KAAKC,WAAWC,EAAU,EAG5BF,KAAAoB,UAAY,KACV,IAAKpB,KAAKqB,SAAU,OACpB,GAAIrB,KAAKE,YAAc,OAAQ,CAC7BF,KAAKC,WAAW,M,KACX,CACLD,KAAKC,WAAW,O,+HArDA,M,kBAGI,iB,mBAGC,kB,yBAgBzB,eAAMqB,GACJtB,KAAKE,UAAYqB,S,CAkCnB,iBAAAC,GACE,GAAIxB,KAAKE,UAAW,CAClBF,KAAKC,WAAWD,KAAKE,U,EAIzB,aAAAuB,CAAcC,GACZ,OACEC,EAAA,WAASC,KAAK,KAAKC,KAAM,gBAAgBH,EAAM,MAAQ,UACrDC,EAAA,OACEG,KAAK,OACLC,OAAO,IACPF,KAAM,WAAWH,EAAM,MAAQ,SAC/BM,MAAO,CACLC,UAAWP,EAAMH,UAAY,kBAE/BW,QAAQ,WACRC,MAAM,MAENR,EAAA,QACES,EAAE,yBACFC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,kBACN,W,CAO1B,MAAAC,GACE,OACEX,EAAA,MACEY,MAAOC,EAAc,CACnB,kBACAxC,KAAKqB,UAAY,8BAEnBoB,KAAMzC,KAAKyC,KACXC,QAAS1C,KAAK2C,QACdC,QAAS5C,KAAKyC,KACdI,QAAS7C,KAAK6C,QACdC,MAAO9C,KAAK8C,MACZjB,KAAK,OACLkB,QAAS/C,KAAKoB,WAEdO,EAAA,aACC3B,KAAKqB,UACJM,EAAA,OAAKY,MAAM,gCAAgCV,KAAK,gBAC9CF,EAAA,0BACc3B,KAAKgD,aAAY,gBACdhD,KAAKE,YAAc,MAAQ,OAASqB,UACnD0B,KAAK,QACLF,QAAUlC,GAAOb,KAAKY,YAAYC,EAAI,OACtCgB,KAAK,kBACLD,KAAK,MAEJ5B,KAAKyB,cAAc,OAEtBE,EAAA,0BACc3B,KAAKkD,cAAa,gBACflD,KAAKE,YAAc,OAAS,OAASqB,UACpD0B,KAAK,QACLF,QAAUlC,GAAOb,KAAKY,YAAYC,EAAI,QACtCgB,KAAK,mBACLD,KAAK,MAEJ5B,KAAKyB,kB"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-73303dba.entry.js b/1704966176737/dist/build/p-73303dba.entry.js new file mode 100644 index 0000000000..8fea66ec85 --- /dev/null +++ b/1704966176737/dist/build/p-73303dba.entry.js @@ -0,0 +1,2 @@ +import{r as t,h as s,H as a,g as i}from"./p-21a69c18.js";import{g as e}from"./p-1133c92e.js";import{c as n}from"./p-6e5841ef.js";import{t as r}from"./p-98010be8.js";const l=':host{--ld-scroll-shadow-height:1.5rem;--ld-scroll-shadow-intensity:0.1;display:flex;flex-direction:column;height:100%;overflow:hidden auto;overscroll-behavior:none;padding-right:var(--ld-sp-32);scrollbar-width:none;width:100%}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}:host ::slotted(ld-sidenav-heading:first-child),:host ::slotted(ld-sidenav-navitem:first-child){margin-top:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y);will-change:opacity}:host(.ld-sidenav-scroller-internal--relative){position:relative}:host(.ld-sidenav-scroller-internal--relative) .ld-sidenav-scroller-internal__hr-bottom,:host(.ld-sidenav-scroller-internal--relative) .ld-sidenav-scroller-internal__hr-top{position:sticky}:host(.ld-sidenav-scroller-internal--collapsed) .ld-sidenav-scroller-internal__shadow-bottom,:host(.ld-sidenav-scroller-internal--collapsed) .ld-sidenav-scroller-internal__shadow-top{transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (50% - (.5 * var(--ld-sidenav-width-collapsed)))))}.ld-sidenav-scroller-internal__shadow-bottom,.ld-sidenav-scroller-internal__shadow-top{height:0;left:0;opacity:0;pointer-events:none;position:sticky;transition:opacity var(--ld-sidenav-transition-duration) linear,transform var(--ld-sidenav-transition-duration) ease;width:100%;z-index:1}.ld-sidenav-scroller-internal__shadow-bottom:after,.ld-sidenav-scroller-internal__shadow-top:after{content:"";display:block;height:var(--ld-scroll-shadow-height);width:100%}.ld-sidenav-scroller-internal__shadow-top{top:0}.ld-sidenav-scroller-internal__shadow-top:after{background:radial-gradient(farthest-side at 50% 0,rgb(0,0,0,var(--ld-scroll-shadow-intensity)),#0000) 0 100% no-repeat}.ld-sidenav-scroller-internal__shadow-bottom{top:100%}.ld-sidenav-scroller-internal__shadow-bottom:after{background:radial-gradient(farthest-side at 50% 100%,rgb(0,0,0,var(--ld-scroll-shadow-intensity)),#0000) 0 100% no-repeat;transform:translateY(-100%)}.ld-sidenav-scroller-internal__hr-bottom,.ld-sidenav-scroller-internal__hr-top{margin-bottom:0;margin-top:0;position:absolute;width:calc(100% - 2 * var(--ld-sidenav-padding-x))}.ld-sidenav-scroller-internal__hr-top{top:0}.ld-sidenav-scroller-internal__hr-bottom{top:calc(100% - var(--ld-sp-1) * 1.5)}';const o=class{constructor(s){t(this,s);this.hasShadowBottom=false;this.hasShadowTop=false;this.needsHRBottom=undefined;this.needsHRTop=undefined;this.relative=undefined;this.sidenavClosable=undefined;this.sidenavCollapsed=undefined}handleSidenavCollapsedChange(t){if(t.target!==this.sidenav)return;this.sidenavCollapsed=t.detail.collapsed}handleSidenavBreakpointChange(t){if(t.target!==this.sidenav)return;this.sidenavClosable=t.detail}async updateShadows(){const t=this.el;if(!t)return;this.hasShadowBottom=t.scrollTop10}async scrollToTop(t=false){const s=window.matchMedia("(prefers-reduced-motion: reduce)").matches;try{this.el.scrollTo({top:0,behavior:t&&!s?"smooth":"auto"})}catch(t){}}componentWillLoad(){this.sidenav=n("ld-sidenav",this.el);if(!this.sidenav)return;this.needsHRTop=!!this.sidenav.querySelector('[slot="top"]');this.needsHRBottom=!!this.sidenav.querySelector('[slot="bottom"]');this.relative=!this.sidenav.querySelector("ld-sidenav-slider")}componentDidLoad(){setTimeout((()=>{this.updateShadows()}))}render(){const t=e(["ld-sidenav-scroller-internal",this.relative&&"ld-sidenav-scroller-internal--relative",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-scroller-internal--collapsed"]);return s(a,{class:t,onScroll:this.updateShadows.bind(this),onLdSidenavAccordionTransitionEnd:this.updateShadows.bind(this),"data-needs-bottom":this.needsHRBottom,"data-needs-top":this.needsHRTop},s("div",{class:"ld-sidenav-scroller-internal__shadow-top",style:{opacity:this.hasShadowTop?"1":"0"},part:"shadow-top"}),s("div",{class:"ld-sidenav-scroller-internal__shadow-bottom",style:{opacity:this.hasShadowBottom?"1":"0"},part:"shadow-bottom"}),this.needsHRTop&&s("ld-sidenav-separator",{class:"ld-sidenav-scroller-internal__hr-top",style:{opacity:this.hasShadowTop?"0":"1"}}),this.needsHRBottom&&s("ld-sidenav-separator",{class:"ld-sidenav-scroller-internal__hr-bottom",style:{opacity:this.hasShadowBottom?"0":"1"}}),s("slot",null))}get el(){return i(this)}};o.style=l;const d=":host{display:block;margin:0 var(--ld-sidenav-padding-x) var(--ld-sidenav-padding-y);transform-origin:left;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host hr{background-color:var(--ld-sidenav-separator-line-bg-col);border:0;border-radius:var(--ld-br-full);height:var(--ld-sp-2);margin:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host(.ld-sidenav-separator--collapsed){transform:translateX(var(--ld-sidenav-translate-x-delta)) scaleX(var(--ld-sidenav-separator-scale-x-collapsed))}:host(.ld-sidenav-separator--collapsed) hr{transform:translateY(var(\n --ld-sidenav-navitem-move-up-closable,var(--ld-sidenav-navitem-move-up,0)\n ));transition:var(--ld-sidenav-stack-to-top-transition)}";const h=class{constructor(s){t(this,s);this.computeScaleXCollapsed=()=>{const t=parseFloat(window.getComputedStyle(this.sidenav).getPropertyValue("--ld-sidenav-width"));const s=parseFloat(window.getComputedStyle(this.sidenav).getPropertyValue("--ld-sidenav-padding-x"));const a=parseFloat(window.getComputedStyle(this.sidenav).getPropertyValue("--ld-sidenav-navitem-icon-size"));return a/(t-2*s)};this.updateStackToTop=()=>{if(this.sidenavClosable){r(this.el,false)}else{r(this.el,this.sidenav.narrow&&this.sidenavCollapsed)}};this.sidenavCollapsed=undefined;this.sidenavClosable=undefined;this.scaleXCollapsed=1}handleSidenavCollapsedChange(t){if(t.target!==this.sidenav)return;this.sidenavCollapsed=t.detail.collapsed;if(this.el.parentElement&&!["LD-SIDENAV-SLIDER","LD-SIDENAV-SUBNAV"].includes(this.el.parentElement.tagName)){return}if(this.sidenav.narrow){r(this.el,this.sidenavCollapsed)}}handleSidenavBreakpointChange(t){if(t.target!==this.sidenav)return;this.sidenavClosable=t.detail;this.updateStackToTop()}componentWillLoad(){this.sidenav=n("ld-sidenav",this.el);if(this.sidenav){this.scaleXCollapsed=this.computeScaleXCollapsed()||1;this.sidenavCollapsed=this.sidenav.collapsed}}componentDidLoad(){setTimeout((()=>{this.updateStackToTop()}))}render(){const t=e(["ld-sidenav-separator",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-separator--collapsed"]);return s(a,{style:{"--ld-sidenav-separator-scale-x-collapsed":this.scaleXCollapsed.toString()},class:t},s("hr",{part:"hr"}))}get el(){return i(this)}};h.style=d;export{o as ld_sidenav_scroller_internal,h as ld_sidenav_separator}; +//# sourceMappingURL=p-73303dba.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-737fa13e.entry.js.map b/1704966176737/dist/build/p-73303dba.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-737fa13e.entry.js.map rename to 1704966176737/dist/build/p-73303dba.entry.js.map index daa660da1c..81d7d83ab2 100644 --- a/1704894792450/dist/build/p-737fa13e.entry.js.map +++ b/1704966176737/dist/build/p-73303dba.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldSidenavScrollerInternalShadowCss","LdSidenavScrollerInternal","handleSidenavCollapsedChange","ev","target","this","sidenav","sidenavCollapsed","detail","collapsed","handleSidenavBreakpointChange","sidenavClosable","updateShadows","scrollContainer","el","hasShadowBottom","scrollTop","scrollHeight","clientHeight","hasShadowTop","scrollToTop","smoothly","prefersReducedMotion","window","matchMedia","matches","scrollTo","top","behavior","err","componentWillLoad","closest","needsHRTop","querySelector","needsHRBottom","relative","componentDidLoad","setTimeout","render","cl","getClassNames","h","Host","class","onScroll","bind","onLdSidenavAccordionTransitionEnd","style","opacity","part","ldSidenavSeparatorShadowCss","LdSidenavSeparator","computeScaleXCollapsed","sidenavWidth","parseFloat","getComputedStyle","getPropertyValue","sidenavPaddingX","sidenavNavitemIconSize","updateStackToTop","toggleStackToTop","narrow","parentElement","includes","tagName","scaleXCollapsed","toString"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-scroller-internal/ld-sidenav-scroller-internal.shadow.css?tag=ld-sidenav-scroller-internal&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-scroller-internal/ld-sidenav-scroller-internal.tsx","../src/liquid/components/ld-sidenav/ld-sidenav-separator/ld-sidenav-separator.shadow.css?tag=ld-sidenav-separator&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-separator/ld-sidenav-separator.tsx"],"sourcesContent":[":host {\n --ld-scroll-shadow-height: 1.5rem;\n --ld-scroll-shadow-intensity: 0.1;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden auto;\n overscroll-behavior: none;\n padding-right: var(--ld-sp-32);\n scrollbar-width: none;\n width: 100%;\n\n &::-webkit-scrollbar,\n &::-webkit-scrollbar-thumb {\n display: none;\n }\n\n ::slotted(ld-sidenav-navitem:first-child),\n ::slotted(ld-sidenav-heading:first-child) {\n margin-top: var(--ld-sidenav-padding-y);\n }\n\n ::slotted(ld-sidenav-navitem) {\n margin-bottom: var(--ld-sidenav-padding-y);\n will-change: opacity; /* prevents flickering on transition in Safari */\n }\n\n &(.ld-sidenav-scroller-internal--relative) {\n position: relative;\n\n .ld-sidenav-scroller-internal__hr-top,\n .ld-sidenav-scroller-internal__hr-bottom {\n position: sticky;\n }\n }\n\n &(.ld-sidenav-scroller-internal--collapsed) {\n .ld-sidenav-scroller-internal__shadow-top,\n .ld-sidenav-scroller-internal__shadow-bottom {\n transform: translateX(\n calc(\n var(--ld-sidenav-translate-x-direction) *\n (50% - (0.5 * var(--ld-sidenav-width-collapsed)))\n )\n );\n }\n }\n}\n\n.ld-sidenav-scroller-internal__shadow-top,\n.ld-sidenav-scroller-internal__shadow-bottom {\n position: sticky;\n pointer-events: none;\n height: 0;\n width: 100%;\n z-index: 1;\n opacity: 0;\n left: 0;\n transition: opacity var(--ld-sidenav-transition-duration) linear,\n transform var(--ld-sidenav-transition-duration) ease;\n\n &::after {\n content: '';\n display: block;\n width: 100%;\n height: var(--ld-scroll-shadow-height);\n }\n}\n\n.ld-sidenav-scroller-internal__shadow-top {\n top: 0;\n\n &::after {\n background: radial-gradient(\n farthest-side at 50% 0,\n rgb(0, 0, 0, var(--ld-scroll-shadow-intensity)),\n rgb(0, 0, 0, 0)\n )\n 0 100% no-repeat;\n }\n}\n\n.ld-sidenav-scroller-internal__shadow-bottom {\n top: 100%;\n\n &::after {\n background: radial-gradient(\n farthest-side at 50% 100%,\n rgb(0, 0, 0, var(--ld-scroll-shadow-intensity)),\n rgb(0, 0, 0, 0)\n )\n 0 100% no-repeat;\n transform: translateY(-100%);\n }\n}\n\n.ld-sidenav-scroller-internal__hr-top,\n.ld-sidenav-scroller-internal__hr-bottom {\n margin-top: 0;\n margin-bottom: 0;\n position: absolute;\n width: calc(100% - 2 * var(--ld-sidenav-padding-x));\n}\n\n.ld-sidenav-scroller-internal__hr-top {\n top: 0;\n}\n\n.ld-sidenav-scroller-internal__hr-bottom {\n top: calc(100% - var(--ld-sp-1) * 1.5);\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n State,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { closest } from '../../../utils/closest'\n\n/** @internal **/\n@Component({\n tag: 'ld-sidenav-scroller-internal',\n styleUrl: 'ld-sidenav-scroller-internal.shadow.css',\n shadow: true,\n})\nexport class LdSidenavScrollerInternal {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n\n @State() hasShadowBottom = false\n @State() hasShadowTop = false\n @State() needsHRBottom: boolean\n @State() needsHRTop: boolean\n @State() relative: boolean\n @State() sidenavClosable: boolean\n @State() sidenavCollapsed: boolean\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n }\n\n /**\n * Makes shadows either appear or disappear on top and bottom of the\n * scroll container, depending on the current scroll position.\n */\n @Method()\n async updateShadows() {\n const scrollContainer = this.el\n if (!scrollContainer) return\n this.hasShadowBottom =\n scrollContainer.scrollTop <\n scrollContainer.scrollHeight - scrollContainer.clientHeight - 10\n this.hasShadowTop = scrollContainer.scrollTop > 10\n }\n\n /** Scrolls the scroll container to the top instantly. */\n @Method()\n async scrollToTop(smoothly = false) {\n const prefersReducedMotion = window.matchMedia(\n '(prefers-reduced-motion: reduce)'\n ).matches\n try {\n this.el.scrollTo({\n top: 0,\n behavior: smoothly && !prefersReducedMotion ? 'smooth' : 'auto',\n })\n } catch (err) {\n // js-dom seems to not know scrollTo - ignoring for now\n }\n }\n\n componentWillLoad() {\n this.sidenav = closest('ld-sidenav', this.el)\n if (!this.sidenav) return\n\n this.needsHRTop = !!this.sidenav.querySelector('[slot=\"top\"]')\n this.needsHRBottom = !!this.sidenav.querySelector('[slot=\"bottom\"]')\n this.relative = !this.sidenav.querySelector('ld-sidenav-slider')\n }\n\n componentDidLoad() {\n setTimeout(() => {\n this.updateShadows()\n })\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-scroller-internal',\n this.relative && 'ld-sidenav-scroller-internal--relative',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-scroller-internal--collapsed',\n ])\n\n return (\n \n \n \n {this.needsHRTop && (\n \n )}\n {this.needsHRBottom && (\n \n )}\n \n \n )\n }\n}\n",":host {\n display: block;\n margin: 0 var(--ld-sidenav-padding-x) var(--ld-sidenav-padding-y);\n transform-origin: left;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n\n hr {\n border: 0;\n border-radius: var(--ld-br-full);\n height: var(--ld-sp-2);\n margin: 0;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n background-color: var(--ld-sidenav-separator-line-bg-col);\n }\n\n &(.ld-sidenav-separator--collapsed) {\n transform: translateX(var(--ld-sidenav-translate-x-delta))\n scaleX(var(--ld-sidenav-separator-scale-x-collapsed));\n\n hr {\n transform: translateY(\n var(\n --ld-sidenav-navitem-move-up-closable,\n var(--ld-sidenav-navitem-move-up, 0)\n )\n );\n transition: var(--ld-sidenav-stack-to-top-transition);\n }\n }\n}\n","import { Component, Element, h, Host, Listen, State } from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { closest } from '../../../utils/closest'\nimport { toggleStackToTop } from '../utils/toggleStackToTop'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-separator',\n styleUrl: 'ld-sidenav-separator.shadow.css',\n shadow: true,\n})\nexport class LdSidenavSeparator {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n\n @State() sidenavCollapsed: boolean\n @State() sidenavClosable: boolean\n @State() scaleXCollapsed = 1\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n if (\n this.el.parentElement &&\n !['LD-SIDENAV-SLIDER', 'LD-SIDENAV-SUBNAV'].includes(\n this.el.parentElement.tagName\n )\n ) {\n return\n }\n if (this.sidenav.narrow) {\n toggleStackToTop(this.el, this.sidenavCollapsed)\n }\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n this.updateStackToTop()\n }\n\n private computeScaleXCollapsed = () => {\n const sidenavWidth = parseFloat(\n window\n .getComputedStyle(this.sidenav)\n .getPropertyValue('--ld-sidenav-width')\n )\n const sidenavPaddingX = parseFloat(\n window\n .getComputedStyle(this.sidenav)\n .getPropertyValue('--ld-sidenav-padding-x')\n )\n const sidenavNavitemIconSize = parseFloat(\n window\n .getComputedStyle(this.sidenav)\n .getPropertyValue('--ld-sidenav-navitem-icon-size')\n )\n return sidenavNavitemIconSize / (sidenavWidth - 2 * sidenavPaddingX)\n }\n\n private updateStackToTop = () => {\n if (this.sidenavClosable) {\n toggleStackToTop(this.el, false)\n } else {\n toggleStackToTop(this.el, this.sidenav.narrow && this.sidenavCollapsed)\n }\n }\n\n componentWillLoad() {\n this.sidenav = closest('ld-sidenav', this.el)\n if (this.sidenav) {\n this.scaleXCollapsed = this.computeScaleXCollapsed() || 1\n this.sidenavCollapsed = this.sidenav.collapsed\n }\n }\n\n componentDidLoad() {\n // The ldSidenavCollapsedChange event can be fired before this component is loaded.\n // So we need to update the stacking here.\n setTimeout(() => {\n this.updateStackToTop()\n })\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-separator',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-separator--collapsed',\n ])\n\n return (\n \n
    \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["ldSidenavScrollerInternalShadowCss","LdSidenavScrollerInternal","handleSidenavCollapsedChange","ev","target","this","sidenav","sidenavCollapsed","detail","collapsed","handleSidenavBreakpointChange","sidenavClosable","updateShadows","scrollContainer","el","hasShadowBottom","scrollTop","scrollHeight","clientHeight","hasShadowTop","scrollToTop","smoothly","prefersReducedMotion","window","matchMedia","matches","scrollTo","top","behavior","err","componentWillLoad","closest","needsHRTop","querySelector","needsHRBottom","relative","componentDidLoad","setTimeout","render","cl","getClassNames","h","Host","class","onScroll","bind","onLdSidenavAccordionTransitionEnd","style","opacity","part","ldSidenavSeparatorShadowCss","LdSidenavSeparator","computeScaleXCollapsed","sidenavWidth","parseFloat","getComputedStyle","getPropertyValue","sidenavPaddingX","sidenavNavitemIconSize","updateStackToTop","toggleStackToTop","narrow","parentElement","includes","tagName","scaleXCollapsed","toString"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-scroller-internal/ld-sidenav-scroller-internal.shadow.css?tag=ld-sidenav-scroller-internal&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-scroller-internal/ld-sidenav-scroller-internal.tsx","../src/liquid/components/ld-sidenav/ld-sidenav-separator/ld-sidenav-separator.shadow.css?tag=ld-sidenav-separator&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-separator/ld-sidenav-separator.tsx"],"sourcesContent":[":host {\n --ld-scroll-shadow-height: 1.5rem;\n --ld-scroll-shadow-intensity: 0.1;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden auto;\n overscroll-behavior: none;\n padding-right: var(--ld-sp-32);\n scrollbar-width: none;\n width: 100%;\n\n &::-webkit-scrollbar,\n &::-webkit-scrollbar-thumb {\n display: none;\n }\n\n ::slotted(ld-sidenav-navitem:first-child),\n ::slotted(ld-sidenav-heading:first-child) {\n margin-top: var(--ld-sidenav-padding-y);\n }\n\n ::slotted(ld-sidenav-navitem) {\n margin-bottom: var(--ld-sidenav-padding-y);\n will-change: opacity; /* prevents flickering on transition in Safari */\n }\n\n &(.ld-sidenav-scroller-internal--relative) {\n position: relative;\n\n .ld-sidenav-scroller-internal__hr-top,\n .ld-sidenav-scroller-internal__hr-bottom {\n position: sticky;\n }\n }\n\n &(.ld-sidenav-scroller-internal--collapsed) {\n .ld-sidenav-scroller-internal__shadow-top,\n .ld-sidenav-scroller-internal__shadow-bottom {\n transform: translateX(\n calc(\n var(--ld-sidenav-translate-x-direction) *\n (50% - (0.5 * var(--ld-sidenav-width-collapsed)))\n )\n );\n }\n }\n}\n\n.ld-sidenav-scroller-internal__shadow-top,\n.ld-sidenav-scroller-internal__shadow-bottom {\n position: sticky;\n pointer-events: none;\n height: 0;\n width: 100%;\n z-index: 1;\n opacity: 0;\n left: 0;\n transition: opacity var(--ld-sidenav-transition-duration) linear,\n transform var(--ld-sidenav-transition-duration) ease;\n\n &::after {\n content: '';\n display: block;\n width: 100%;\n height: var(--ld-scroll-shadow-height);\n }\n}\n\n.ld-sidenav-scroller-internal__shadow-top {\n top: 0;\n\n &::after {\n background: radial-gradient(\n farthest-side at 50% 0,\n rgb(0, 0, 0, var(--ld-scroll-shadow-intensity)),\n rgb(0, 0, 0, 0)\n )\n 0 100% no-repeat;\n }\n}\n\n.ld-sidenav-scroller-internal__shadow-bottom {\n top: 100%;\n\n &::after {\n background: radial-gradient(\n farthest-side at 50% 100%,\n rgb(0, 0, 0, var(--ld-scroll-shadow-intensity)),\n rgb(0, 0, 0, 0)\n )\n 0 100% no-repeat;\n transform: translateY(-100%);\n }\n}\n\n.ld-sidenav-scroller-internal__hr-top,\n.ld-sidenav-scroller-internal__hr-bottom {\n margin-top: 0;\n margin-bottom: 0;\n position: absolute;\n width: calc(100% - 2 * var(--ld-sidenav-padding-x));\n}\n\n.ld-sidenav-scroller-internal__hr-top {\n top: 0;\n}\n\n.ld-sidenav-scroller-internal__hr-bottom {\n top: calc(100% - var(--ld-sp-1) * 1.5);\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n State,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { closest } from '../../../utils/closest'\n\n/** @internal **/\n@Component({\n tag: 'ld-sidenav-scroller-internal',\n styleUrl: 'ld-sidenav-scroller-internal.shadow.css',\n shadow: true,\n})\nexport class LdSidenavScrollerInternal {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n\n @State() hasShadowBottom = false\n @State() hasShadowTop = false\n @State() needsHRBottom: boolean\n @State() needsHRTop: boolean\n @State() relative: boolean\n @State() sidenavClosable: boolean\n @State() sidenavCollapsed: boolean\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n }\n\n /**\n * Makes shadows either appear or disappear on top and bottom of the\n * scroll container, depending on the current scroll position.\n */\n @Method()\n async updateShadows() {\n const scrollContainer = this.el\n if (!scrollContainer) return\n this.hasShadowBottom =\n scrollContainer.scrollTop <\n scrollContainer.scrollHeight - scrollContainer.clientHeight - 10\n this.hasShadowTop = scrollContainer.scrollTop > 10\n }\n\n /** Scrolls the scroll container to the top instantly. */\n @Method()\n async scrollToTop(smoothly = false) {\n const prefersReducedMotion = window.matchMedia(\n '(prefers-reduced-motion: reduce)'\n ).matches\n try {\n this.el.scrollTo({\n top: 0,\n behavior: smoothly && !prefersReducedMotion ? 'smooth' : 'auto',\n })\n } catch (err) {\n // js-dom seems to not know scrollTo - ignoring for now\n }\n }\n\n componentWillLoad() {\n this.sidenav = closest('ld-sidenav', this.el)\n if (!this.sidenav) return\n\n this.needsHRTop = !!this.sidenav.querySelector('[slot=\"top\"]')\n this.needsHRBottom = !!this.sidenav.querySelector('[slot=\"bottom\"]')\n this.relative = !this.sidenav.querySelector('ld-sidenav-slider')\n }\n\n componentDidLoad() {\n setTimeout(() => {\n this.updateShadows()\n })\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-scroller-internal',\n this.relative && 'ld-sidenav-scroller-internal--relative',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-scroller-internal--collapsed',\n ])\n\n return (\n \n \n \n {this.needsHRTop && (\n \n )}\n {this.needsHRBottom && (\n \n )}\n \n \n )\n }\n}\n",":host {\n display: block;\n margin: 0 var(--ld-sidenav-padding-x) var(--ld-sidenav-padding-y);\n transform-origin: left;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n\n hr {\n border: 0;\n border-radius: var(--ld-br-full);\n height: var(--ld-sp-2);\n margin: 0;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n background-color: var(--ld-sidenav-separator-line-bg-col);\n }\n\n &(.ld-sidenav-separator--collapsed) {\n transform: translateX(var(--ld-sidenav-translate-x-delta))\n scaleX(var(--ld-sidenav-separator-scale-x-collapsed));\n\n hr {\n transform: translateY(\n var(\n --ld-sidenav-navitem-move-up-closable,\n var(--ld-sidenav-navitem-move-up, 0)\n )\n );\n transition: var(--ld-sidenav-stack-to-top-transition);\n }\n }\n}\n","import { Component, Element, h, Host, Listen, State } from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { closest } from '../../../utils/closest'\nimport { toggleStackToTop } from '../utils/toggleStackToTop'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-separator',\n styleUrl: 'ld-sidenav-separator.shadow.css',\n shadow: true,\n})\nexport class LdSidenavSeparator {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n\n @State() sidenavCollapsed: boolean\n @State() sidenavClosable: boolean\n @State() scaleXCollapsed = 1\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n if (\n this.el.parentElement &&\n !['LD-SIDENAV-SLIDER', 'LD-SIDENAV-SUBNAV'].includes(\n this.el.parentElement.tagName\n )\n ) {\n return\n }\n if (this.sidenav.narrow) {\n toggleStackToTop(this.el, this.sidenavCollapsed)\n }\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n this.updateStackToTop()\n }\n\n private computeScaleXCollapsed = () => {\n const sidenavWidth = parseFloat(\n window\n .getComputedStyle(this.sidenav)\n .getPropertyValue('--ld-sidenav-width')\n )\n const sidenavPaddingX = parseFloat(\n window\n .getComputedStyle(this.sidenav)\n .getPropertyValue('--ld-sidenav-padding-x')\n )\n const sidenavNavitemIconSize = parseFloat(\n window\n .getComputedStyle(this.sidenav)\n .getPropertyValue('--ld-sidenav-navitem-icon-size')\n )\n return sidenavNavitemIconSize / (sidenavWidth - 2 * sidenavPaddingX)\n }\n\n private updateStackToTop = () => {\n if (this.sidenavClosable) {\n toggleStackToTop(this.el, false)\n } else {\n toggleStackToTop(this.el, this.sidenav.narrow && this.sidenavCollapsed)\n }\n }\n\n componentWillLoad() {\n this.sidenav = closest('ld-sidenav', this.el)\n if (this.sidenav) {\n this.scaleXCollapsed = this.computeScaleXCollapsed() || 1\n this.sidenavCollapsed = this.sidenav.collapsed\n }\n }\n\n componentDidLoad() {\n // The ldSidenavCollapsedChange event can be fired before this component is loaded.\n // So we need to update the stacking here.\n setTimeout(() => {\n this.updateStackToTop()\n })\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-separator',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-separator--collapsed',\n ])\n\n return (\n \n
    \n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-760822ab.entry.js b/1704966176737/dist/build/p-760822ab.entry.js new file mode 100644 index 0000000000..22d5df18ce --- /dev/null +++ b/1704966176737/dist/build/p-760822ab.entry.js @@ -0,0 +1,2 @@ +import{r as e,c as a,h as d,H as i,g as r}from"./p-21a69c18.js";import{g as l}from"./p-1133c92e.js";const n=':host{--ld-sidenav-header-height:3.125rem;--ld-sidenav-header-col:var(--ld-col-neutral-900);--ld-sidenav-header-bg-col:var(--ld-col-neutral-010);--ld-sidenav-header-anchor-col:var(--ld-thm-primary);--ld-sidenav-header-anchor-col-active:var(--ld-thm-primary-active);--ld-sidenav-header-anchor-col-hover:var(--ld-thm-primary-hover);--ld-sidenav-header-anchor-col-focus:var(--ld-thm-primary);--ld-sidenav-header-indicator-col:#0000;--ld-sidenav-header-indicator-col-focus:var(--ld-thm-primary-focus);--ld-sidenav-header-indicator-col-active:var(--ld-thm-primary);align-items:center;background-color:var(--ld-sidenav-header-bg-col);color:var(--ld-sidenav-header-col);display:flex;flex-direction:row-reverse;flex-shrink:0;gap:.625rem;height:var(--ld-sidenav-header-height);padding:0 var(--ld-sidenav-padding-x);position:relative;z-index:1}:host(.ld-sidenav-header--right-aligned){flex-direction:row}.ld-sidenav-header__anchor{align-items:center;border-radius:calc(var(--ld-sidenav-navitem-border-radius));color:inherit;display:grid;font-weight:700;gap:var(--ld-sp-12);grid-auto-flow:column;grid-template-columns:min-content;line-height:var(--ld-sidenav-line-height);margin-right:auto;min-height:calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-12));outline-offset:var(--ld-sidenav-navitem-bg-inset);position:relative;-webkit-text-decoration:none;text-decoration:none;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-header__anchor[href]{color:var(--ld-sidenav-header-anchor-col)}.ld-sidenav-header__anchor[href]:focus:focus-visible{--ld-sidenav-header-indicator-col:var(\n --ld-sidenav-header-indicator-col-focus\n );color:var(--ld-sidenav-header-anchor-col-focus);outline:none}.ld-sidenav-header__anchor[href]:focus:focus-visible:after,.ld-sidenav-header__anchor[href]:focus:focus-visible:before{content:""}.ld-sidenav-header__anchor[href]:focus:focus-visible:active{--ld-sidenav-header-indicator-col:var(\n --ld-sidenav-header-indicator-col-active\n )}.ld-sidenav-header__anchor[href]:focus:focus-visible:active:before{opacity:.3}@media (hover:hover){.ld-sidenav-header__anchor[href]:hover{color:var(--ld-sidenav-header-anchor-col-hover)}}.ld-sidenav-header__anchor[href]:active,.ld-sidenav-header__anchor[href]:active:focus-visible{color:var(--ld-sidenav-header-anchor-col-active)}.ld-sidenav-header__anchor:after,.ld-sidenav-header__anchor:before{border-radius:var(--ld-sidenav-navitem-border-radius);display:block;inset:calc(-1 * var(--ld-sp-6));position:absolute}.ld-sidenav-header__anchor:before{background-color:var(--ld-sidenav-header-indicator-col);opacity:.2;z-index:1}.ld-sidenav-header__anchor:after{background-color:var(--ld-col-wht);z-index:0}:host(.ld-sidenav-header--closed) .ld-sidenav-header__anchor,:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__anchor{transform:translateX(var(--ld-sidenav-translate-x-delta));transition:visibility 0s calc(var(--ld-sidenav-transition-duration-collapse-expand) + var(--ld-sidenav-transition-delay-collapse-expand)) linear,opacity calc(.5 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__anchor{opacity:0}.ld-sidenav-header__initial-m,:host ::slotted([slot=logo]){color:var(--ld-thm-primary);height:100%;min-width:var(--ld-sidenav-navitem-icon-size);z-index:2}.ld-sidenav-header__initial-m{width:var(--ld-sidenav-navitem-icon-size)}.ld-sidenav-header__toggle{aspect-ratio:1;background-color:initial;border:0;border-radius:var(--ld-sidenav-navitem-border-radius);color:var(--ld-thm-primary);cursor:pointer;display:grid;margin:var(--ld-sp-2) 0 auto 0;padding-bottom:0;padding-top:0;place-content:center;touch-action:manipulation;transform:translateX(var(--ld-sp-6));transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease,opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;width:var(--ld-sidenav-navitem-icon-size);will-change:transform;-webkit-touch-callout:none}.ld-sidenav-header__toggle:after,.ld-sidenav-header__toggle:before{border-radius:inherit;display:block;inset:0;position:absolute}.ld-sidenav-header__toggle:before{background-color:var(--ld-sidenav-header-indicator-col);opacity:.2;z-index:1}.ld-sidenav-header__toggle:after{background-color:var(--ld-col-wht);z-index:0}.ld-sidenav-header__toggle:where(:focus:focus-visible){--ld-sidenav-header-indicator-col:var(\n --ld-sidenav-header-indicator-col-focus\n );color:var(--ld-sidenav-header-anchor-col-focus);outline:none}.ld-sidenav-header__toggle:where(:focus:focus-visible):after,.ld-sidenav-header__toggle:where(:focus:focus-visible):before{content:""}.ld-sidenav-header__toggle:where(:focus:focus-visible):active{--ld-sidenav-header-indicator-col:var(\n --ld-sidenav-header-indicator-col-active\n )}.ld-sidenav-header__toggle:where(:focus:focus-visible):active:before{opacity:.3}@media (hover:hover){.ld-sidenav-header__toggle:where(:hover){color:var(--ld-sidenav-header-anchor-col-hover)}}.ld-sidenav-header__toggle:where(:active),.ld-sidenav-header__toggle:where(:active:focus-visible){color:var(--ld-sidenav-header-anchor-col-active)}:host(.ld-sidenav-header--closed) .ld-sidenav-header__toggle,:host(.ld-sidenav-header--collapsed-fully) .ld-sidenav-header__toggle{transition:visibility 0s calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease,opacity calc(var(--ld-sidenav-transition-duration-collapse-expand) * .5) linear;visibility:hidden}:host(.ld-sidenav-header--collapsed) .ld-sidenav-header__toggle{transform:none}:host(.ld-sidenav-header--collapsed-fully) .ld-sidenav-header__toggle{opacity:0}:host(.ld-sidenav-header--right-aligned) .ld-sidenav-header__toggle{transform:none}:host(.ld-sidenav-header--right-aligned.ld-sidenav-header--collapsed) .ld-sidenav-header__toggle{transform:translateX(0)}.ld-sidenav-header__toggle-icon{z-index:2}:host(:not(.ld-sidenav-header--collapsed)) .ld-sidenav-header__toggle-icon{transform:scaleX(-100%)}:host(.ld-sidenav-header--right-aligned:not(.ld-sidenav-header--collapsed)) .ld-sidenav-header__toggle-icon{transform:none}:host(.ld-sidenav-header--right-aligned.ld-sidenav-header--collapsed) .ld-sidenav-header__toggle-icon{transform:scaleX(-100%)}.ld-sidenav-header__slot-wrapper{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;max-height:var(--ld-sidenav-header-height);overflow:hidden;position:relative;text-overflow:ellipsis;word-break:break-word;z-index:2}';const o=class{constructor(d){e(this,d);this.ldSidenavHeaderToggleClick=a(this,"ldSidenavHeaderToggleClick",7);this.handleToggleClick=()=>{this.ldSidenavHeaderToggleClick.emit()};this.href=undefined;this.ariaLabel=undefined;this.labelCollapse="Collapse side navigation";this.labelExpand="Expand side navigation";this.tetherOptions=undefined;this.sidenavAlignement=undefined;this.sidenavClosable=undefined;this.sidenavCollapsed=undefined;this.sidenavCollapsedFully=undefined;this.sidenavCollapsible=undefined;this.sidenavOpen=undefined}handleSidenavCollapsedChange(e){var a;if(e.target!==this.sidenav)return;this.sidenavCollapsed=e.detail.collapsed;this.sidenavCollapsedFully=e.detail.collapsed&&e.detail.fully;(a=this.tooltipRef)===null||a===void 0?void 0:a.hideTooltip()}handleSidenavBreakpointChange(e){var a;if(e.target!==this.sidenav)return;this.sidenavClosable=e.detail;(a=this.tooltipRef)===null||a===void 0?void 0:a.hideTooltip()}handleSidenavOpenChange(e){if(e.target!==this.sidenav)return;this.sidenavOpen=this.sidenav.open}async updateCollapsible(){if(this.sidenav){this.sidenavCollapsible=this.sidenav.collapsible}}componentWillLoad(){this.sidenav=this.el.closest("ld-sidenav");if(this.sidenav){this.sidenavAlignement=this.sidenav.align;this.sidenavCollapsible=this.sidenav.collapsible;this.sidenavCollapsed=this.sidenav.collapsed}}render(){const e=l(["ld-sidenav-header",!this.sidenavOpen&&this.sidenavClosable&&"ld-sidenav-header--closed",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-header--collapsed",this.sidenavCollapsedFully&&!this.sidenavClosable&&"ld-sidenav-header--collapsed-fully",this.sidenavAlignement==="right"&&"ld-sidenav-header--right-aligned"]);return d(i,{class:e},this.sidenavCollapsible&&d("ld-tooltip",{arrow:true,size:"sm",class:"ld-sidenav-header__tooltip",ref:e=>this.tooltipRef=e,"show-delay":"1000",part:"tooltip",position:this.sidenavAlignement==="left"?"right middle":"left middle",tag:"span",tetherOptions:this.tetherOptions},d("button",{slot:"trigger",role:"switch","brand-color":true,"aria-checked":this.sidenavCollapsed?"false":"true",class:"ld-sidenav-header__toggle",onClick:this.handleToggleClick,part:"toggle"},d("ld-icon",{class:"ld-sidenav-header__toggle-icon",name:"sidenav-right",part:"toggle-icon"}),d("ld-sr-only",null,this.sidenavCollapsed?this.labelExpand:this.labelCollapse)),d("ld-typo",{part:"tooltip-label"},this.sidenavCollapsed?this.labelExpand:this.labelCollapse)),d("a",{class:"ld-sidenav-header__anchor",href:this.href,part:"anchor","aria-label":this.ariaLabel},d("slot",{name:"logo"},d("svg",{class:"ld-sidenav-header__initial-m",fill:"none",part:"logo",preserveAspectRatio:"xMidYMid meet",viewBox:"2 6 20 12"},d("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.5921 7.5H19.1a.2955.2955 0 0 0-.1926.0727l-2.9895 2.6378c-1.0241.9043-2.4024 1.412-3.9177 1.412-1.5796 0-3.0088-.5544-4.0444-1.5266 0 0-2.199-1.9406-2.2179-1.958-.422-.369-1.0028-.624-1.6714-.6379h-1.785C2.126 7.5 2 7.6184 2 7.7645v7.4118c0 .7316.6301 1.3237 1.4083 1.3237h.9133c.1564 0 .2831-.1194.2831-.2661l.0007-2.6375c0-.6893.5987-1.2579 1.3204-1.2579 1.3434 0 2.3067 1.0814 3.177 1.8037 1.0661.8849 1.8871 1.7374 2.8974 1.7374 1.0092 0 1.8306-.8525 2.8966-1.7374.8707-.7223 1.834-1.8037 3.1767-1.8037.718 0 1.3137.5629 1.3208 1.2468v1.591c0 .7316.6305 1.3224 1.4089 1.3224h.6079c.1588 0 .3061.0013.3061.0013.1561 0 .2828-.1194.2828-.2658V8.8237C22 8.0925 21.3692 7.5 20.5921 7.5Z",fill:"currentcolor"}))),d("span",{part:"title",class:"ld-sidenav-header__slot-wrapper"},d("slot",null))))}get el(){return r(this)}};o.style=n;export{o as ld_sidenav_header}; +//# sourceMappingURL=p-760822ab.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-c0a477e6.entry.js.map b/1704966176737/dist/build/p-760822ab.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-c0a477e6.entry.js.map rename to 1704966176737/dist/build/p-760822ab.entry.js.map index 46f34bc465..5b43e58b61 100644 --- a/1704894792450/dist/build/p-c0a477e6.entry.js.map +++ b/1704966176737/dist/build/p-760822ab.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldSidenavHeaderShadowCss","LdSidenavHeader","this","handleToggleClick","ldSidenavHeaderToggleClick","emit","handleSidenavCollapsedChange","ev","target","sidenav","sidenavCollapsed","detail","collapsed","sidenavCollapsedFully","fully","_a","tooltipRef","hideTooltip","handleSidenavBreakpointChange","sidenavClosable","handleSidenavOpenChange","sidenavOpen","open","updateCollapsible","sidenavCollapsible","collapsible","componentWillLoad","el","closest","sidenavAlignement","align","render","cl","getClassNames","h","Host","class","arrow","size","ref","part","position","tag","tetherOptions","slot","role","onClick","name","labelExpand","labelCollapse","href","ariaLabel","fill","preserveAspectRatio","viewBox","d"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-header/ld-sidenav-header.shadow.css?tag=ld-sidenav-header&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-header/ld-sidenav-header.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-sidenav-header-height: 3.125rem;\n\n /* colors */\n --ld-sidenav-header-col: var(--ld-col-neutral-900);\n --ld-sidenav-header-bg-col: var(--ld-col-neutral-010);\n --ld-sidenav-header-anchor-col: var(--ld-thm-primary);\n --ld-sidenav-header-anchor-col-active: var(--ld-thm-primary-active);\n --ld-sidenav-header-anchor-col-hover: var(--ld-thm-primary-hover);\n --ld-sidenav-header-anchor-col-focus: var(--ld-thm-primary);\n\n --ld-sidenav-header-indicator-col: transparent;\n --ld-sidenav-header-indicator-col-focus: var(--ld-thm-primary-focus);\n --ld-sidenav-header-indicator-col-active: var(--ld-thm-primary);\n\n align-items: center;\n background-color: var(--ld-sidenav-header-bg-col);\n color: var(--ld-sidenav-header-col);\n display: flex;\n flex-direction: row-reverse;\n flex-shrink: 0;\n gap: 0.625rem;\n height: var(--ld-sidenav-header-height);\n padding: 0 var(--ld-sidenav-padding-x);\n position: relative;\n z-index: 1;\n\n &(.ld-sidenav-header--right-aligned) {\n flex-direction: row;\n }\n}\n\n.ld-sidenav-header__anchor {\n align-items: center;\n border-radius: calc(var(--ld-sidenav-navitem-border-radius));\n color: inherit;\n display: grid;\n font-weight: 700;\n gap: var(--ld-sp-12);\n grid-auto-flow: column;\n grid-template-columns: min-content;\n line-height: var(--ld-sidenav-line-height);\n margin-right: auto;\n min-height: calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-12));\n outline-offset: var(--ld-sidenav-navitem-bg-inset);\n position: relative;\n text-decoration: none;\n transition:\n opacity var(--ld-sidenav-transition-duration-collapse-expand)\n var(--ld-sidenav-transition-delay-collapse-expand) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n\n &[href] {\n color: var(--ld-sidenav-header-anchor-col);\n\n &:focus:focus-visible {\n --ld-sidenav-header-indicator-col: var(\n --ld-sidenav-header-indicator-col-focus\n );\n color: var(--ld-sidenav-header-anchor-col-focus);\n outline: none;\n\n &::before,\n &::after {\n content: '';\n }\n\n &:active {\n --ld-sidenav-header-indicator-col: var(\n --ld-sidenav-header-indicator-col-active\n );\n\n &::before {\n opacity: 0.3;\n }\n }\n }\n @media (hover: hover) {\n &:hover {\n color: var(--ld-sidenav-header-anchor-col-hover);\n }\n }\n &:active,\n &:active:focus-visible {\n color: var(--ld-sidenav-header-anchor-col-active);\n }\n }\n\n &::before,\n &::after {\n border-radius: var(--ld-sidenav-navitem-border-radius);\n display: block;\n inset: calc(-1 * var(--ld-sp-6));\n position: absolute;\n }\n\n &::before {\n background-color: var(--ld-sidenav-header-indicator-col);\n z-index: 1;\n opacity: 0.2;\n }\n &::after {\n background-color: var(--ld-col-wht);\n z-index: 0;\n }\n\n :host(.ld-sidenav-header--closed) &,\n :host(.ld-sidenav-header--collapsed) & {\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n transition:\n visibility 0s\n calc(\n var(--ld-sidenav-transition-duration-collapse-expand) +\n var(--ld-sidenav-transition-delay-collapse-expand)\n )\n linear,\n opacity calc(0.5 * var(--ld-sidenav-transition-duration-collapse-expand))\n linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n visibility: hidden;\n }\n\n :host(.ld-sidenav-header--collapsed) & {\n opacity: 0;\n }\n}\n\n:host ::slotted([slot='logo']),\n.ld-sidenav-header__initial-m {\n color: var(--ld-thm-primary);\n min-width: var(--ld-sidenav-navitem-icon-size);\n z-index: 2;\n height: 100%;\n}\n\n.ld-sidenav-header__initial-m {\n width: var(--ld-sidenav-navitem-icon-size);\n}\n\n.ld-sidenav-header__toggle {\n aspect-ratio: 1;\n background-color: transparent;\n border: 0;\n border-radius: var(--ld-sidenav-navitem-border-radius);\n color: var(--ld-thm-primary);\n cursor: pointer;\n display: grid;\n margin: var(--ld-sp-2) 0 auto 0;\n padding-bottom: 0;\n padding-top: 0;\n place-content: center;\n touch-action: manipulation;\n transform: translateX(var(--ld-sp-6));\n transition:\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease,\n opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;\n width: var(--ld-sidenav-navitem-icon-size);\n will-change: transform; /* fixes rendering issue */\n -webkit-touch-callout: none;\n\n &::before,\n &::after {\n border-radius: inherit;\n display: block;\n inset: 0;\n position: absolute;\n }\n\n &::before {\n z-index: 1;\n background-color: var(--ld-sidenav-header-indicator-col);\n opacity: 0.2;\n }\n\n &::after {\n background-color: var(--ld-col-wht);\n z-index: 0;\n }\n\n &:where(:focus:focus-visible) {\n --ld-sidenav-header-indicator-col: var(\n --ld-sidenav-header-indicator-col-focus\n );\n color: var(--ld-sidenav-header-anchor-col-focus);\n outline: none;\n\n &::before,\n &::after {\n content: '';\n }\n\n &:active {\n --ld-sidenav-header-indicator-col: var(\n --ld-sidenav-header-indicator-col-active\n );\n\n &::before {\n opacity: 0.3;\n }\n }\n }\n @media (hover: hover) {\n &:where(:hover) {\n color: var(--ld-sidenav-header-anchor-col-hover);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n color: var(--ld-sidenav-header-anchor-col-active);\n }\n\n :host(.ld-sidenav-header--closed) &,\n :host(.ld-sidenav-header--collapsed-fully) & {\n transition:\n visibility 0s\n calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease,\n opacity calc(var(--ld-sidenav-transition-duration-collapse-expand) * 0.5)\n linear;\n visibility: hidden;\n }\n\n :host(.ld-sidenav-header--collapsed) & {\n transform: none;\n }\n\n :host(.ld-sidenav-header--collapsed-fully) & {\n opacity: 0;\n }\n\n :host(.ld-sidenav-header--right-aligned) & {\n transform: none;\n }\n\n :host(.ld-sidenav-header--right-aligned.ld-sidenav-header--collapsed) & {\n transform: translateX(0);\n }\n}\n\n.ld-sidenav-header__toggle-icon {\n z-index: 2;\n\n :host(:not(.ld-sidenav-header--collapsed)) & {\n transform: scaleX(-100%);\n }\n\n :host(.ld-sidenav-header--right-aligned:not(.ld-sidenav-header--collapsed))\n & {\n transform: none;\n }\n :host(.ld-sidenav-header--right-aligned.ld-sidenav-header--collapsed) & {\n transform: scaleX(-100%);\n }\n}\n\n.ld-sidenav-header__slot-wrapper {\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n display: -webkit-box;\n max-height: var(--ld-sidenav-header-height); /* required in Safari */\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n word-break: break-word;\n z-index: 2;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/**\n * @slot - Slot for the header title.\n * @slot logo - Replace the initial M with your custom logo.\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-header',\n styleUrl: 'ld-sidenav-header.shadow.css',\n shadow: true,\n})\nexport class LdSidenavHeader {\n @Element() el: HTMLLdSidenavHeaderElement\n private sidenav: HTMLLdSidenavElement\n private tooltipRef: HTMLLdTooltipElement\n\n /** href to be used on the anchor element within the sidenav header. */\n @Prop() href?: string\n\n /** aria-label to be used on the anchor element within the sidenav header. */\n @Prop() ariaLabel: string\n\n /** Label to be used for the toggle button when navigation is expanded. */\n @Prop() labelCollapse? = 'Collapse side navigation'\n /** Label to be used for the toggle button when navigation is collapsed. */\n @Prop() labelExpand? = 'Expand side navigation'\n\n /** Tooltip tether options object to be merged with the default options (optionally stringified). */\n @Prop() tetherOptions?: Partial | string\n\n @State() sidenavAlignement: 'left' | 'right'\n @State() sidenavClosable: boolean\n @State() sidenavCollapsed: boolean\n @State() sidenavCollapsedFully: boolean\n @State() sidenavCollapsible: boolean\n @State() sidenavOpen: boolean\n\n /** Emitted on toggle click. */\n @Event() ldSidenavHeaderToggleClick: EventEmitter\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n this.sidenavCollapsedFully = ev.detail.collapsed && ev.detail.fully\n this.tooltipRef?.hideTooltip()\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n this.tooltipRef?.hideTooltip()\n }\n\n @Listen('ldSidenavOpenChange', { target: 'window', passive: true })\n handleSidenavOpenChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavOpen = this.sidenav.open\n }\n\n private handleToggleClick = () => {\n this.ldSidenavHeaderToggleClick.emit()\n }\n\n /**\n * @internal\n * Updates collapsible state.\n */\n @Method()\n async updateCollapsible() {\n if (this.sidenav) {\n this.sidenavCollapsible = this.sidenav.collapsible\n }\n }\n\n componentWillLoad() {\n this.sidenav = this.el.closest('ld-sidenav')\n if (this.sidenav) {\n this.sidenavAlignement = this.sidenav.align\n this.sidenavCollapsible = this.sidenav.collapsible\n this.sidenavCollapsed = this.sidenav.collapsed\n }\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-header',\n !this.sidenavOpen && this.sidenavClosable && 'ld-sidenav-header--closed',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-header--collapsed',\n this.sidenavCollapsedFully &&\n !this.sidenavClosable &&\n 'ld-sidenav-header--collapsed-fully',\n this.sidenavAlignement === 'right' && 'ld-sidenav-header--right-aligned',\n ])\n\n return (\n \n {/*Inner toggle*/}\n {this.sidenavCollapsible && (\n (this.tooltipRef = el)}\n show-delay=\"1000\"\n part=\"tooltip\"\n position={\n this.sidenavAlignement === 'left' ? 'right middle' : 'left middle'\n }\n tag=\"span\"\n tetherOptions={this.tetherOptions}\n >\n \n
    \n \n {this.sidenavCollapsed ? this.labelExpand : this.labelCollapse}\n \n \n \n {this.sidenavCollapsed ? this.labelExpand : this.labelCollapse}\n \n \n )}\n \n \n \n \n \n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAA2B,63N,MCyBpBC,EAAe,M,gGAuDlBC,KAAAC,kBAAoB,KAC1BD,KAAKE,2BAA2BC,MAAM,E,gEA5Cf,2B,iBAEF,yB,+NAgBvB,4BAAAC,CACEC,G,MAKA,GAAIA,EAAGC,SAAWN,KAAKO,QAAS,OAChCP,KAAKQ,iBAAmBH,EAAGI,OAAOC,UAClCV,KAAKW,sBAAwBN,EAAGI,OAAOC,WAAaL,EAAGI,OAAOG,OAC9DC,EAAAb,KAAKc,cAAU,MAAAD,SAAA,SAAAA,EAAEE,a,CAInB,6BAAAC,CAA8BX,G,MAC5B,GAAIA,EAAGC,SAAWN,KAAKO,QAAS,OAChCP,KAAKiB,gBAAkBZ,EAAGI,QAC1BI,EAAAb,KAAKc,cAAU,MAAAD,SAAA,SAAAA,EAAEE,a,CAInB,uBAAAG,CAAwBb,GACtB,GAAIA,EAAGC,SAAWN,KAAKO,QAAS,OAChCP,KAAKmB,YAAcnB,KAAKO,QAAQa,I,CAYlC,uBAAMC,GACJ,GAAIrB,KAAKO,QAAS,CAChBP,KAAKsB,mBAAqBtB,KAAKO,QAAQgB,W,EAI3C,iBAAAC,GACExB,KAAKO,QAAUP,KAAKyB,GAAGC,QAAQ,cAC/B,GAAI1B,KAAKO,QAAS,CAChBP,KAAK2B,kBAAoB3B,KAAKO,QAAQqB,MACtC5B,KAAKsB,mBAAqBtB,KAAKO,QAAQgB,YACvCvB,KAAKQ,iBAAmBR,KAAKO,QAAQG,S,EAIzC,MAAAmB,GACE,MAAMC,EAAKC,EAAc,CACvB,qBACC/B,KAAKmB,aAAenB,KAAKiB,iBAAmB,4BAC7CjB,KAAKQ,mBACFR,KAAKiB,iBACN,+BACFjB,KAAKW,wBACFX,KAAKiB,iBACN,qCACFjB,KAAK2B,oBAAsB,SAAW,qCAGxC,OACEK,EAACC,EAAI,CAACC,MAAOJ,GAEV9B,KAAKsB,oBACJU,EAAA,cACEG,MAAK,KACLC,KAAK,KACLF,MAAM,6BACNG,IAAMZ,GAAQzB,KAAKc,WAAaW,EAAG,aACxB,OACXa,KAAK,UACLC,SACEvC,KAAK2B,oBAAsB,OAAS,eAAiB,cAEvDa,IAAI,OACJC,cAAezC,KAAKyC,eAEpBT,EAAA,UACEU,KAAK,UACLC,KAAK,SAAQ,kCAEC3C,KAAKQ,iBAAmB,QAAU,OAChD0B,MAAM,4BACNU,QAAS5C,KAAKC,kBACdqC,KAAK,UAELN,EAAA,WACEE,MAAM,iCACNW,KAAK,gBACLP,KAAK,gBAEPN,EAAA,kBACGhC,KAAKQ,iBAAmBR,KAAK8C,YAAc9C,KAAK+C,gBAGrDf,EAAA,WAASM,KAAK,iBACXtC,KAAKQ,iBAAmBR,KAAK8C,YAAc9C,KAAK+C,gBAIvDf,EAAA,KACEE,MAAM,4BACNc,KAAMhD,KAAKgD,KACXV,KAAK,SAAQ,aACDtC,KAAKiD,WAEjBjB,EAAA,QAAMa,KAAK,QACTb,EAAA,OACEE,MAAM,+BACNgB,KAAK,OACLZ,KAAK,OACLa,oBAAoB,gBACpBC,QAAQ,aAERpB,EAAA,oBACY,UAAS,YACT,UACVqB,EAAE,orBACFH,KAAK,mBAIXlB,EAAA,QAAMM,KAAK,QAAQJ,MAAM,mCACvBF,EAAA,e"} \ No newline at end of file +{"version":3,"names":["ldSidenavHeaderShadowCss","LdSidenavHeader","this","handleToggleClick","ldSidenavHeaderToggleClick","emit","handleSidenavCollapsedChange","ev","target","sidenav","sidenavCollapsed","detail","collapsed","sidenavCollapsedFully","fully","_a","tooltipRef","hideTooltip","handleSidenavBreakpointChange","sidenavClosable","handleSidenavOpenChange","sidenavOpen","open","updateCollapsible","sidenavCollapsible","collapsible","componentWillLoad","el","closest","sidenavAlignement","align","render","cl","getClassNames","h","Host","class","arrow","size","ref","part","position","tag","tetherOptions","slot","role","onClick","name","labelExpand","labelCollapse","href","ariaLabel","fill","preserveAspectRatio","viewBox","d"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-header/ld-sidenav-header.shadow.css?tag=ld-sidenav-header&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-header/ld-sidenav-header.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-sidenav-header-height: 3.125rem;\n\n /* colors */\n --ld-sidenav-header-col: var(--ld-col-neutral-900);\n --ld-sidenav-header-bg-col: var(--ld-col-neutral-010);\n --ld-sidenav-header-anchor-col: var(--ld-thm-primary);\n --ld-sidenav-header-anchor-col-active: var(--ld-thm-primary-active);\n --ld-sidenav-header-anchor-col-hover: var(--ld-thm-primary-hover);\n --ld-sidenav-header-anchor-col-focus: var(--ld-thm-primary);\n\n --ld-sidenav-header-indicator-col: transparent;\n --ld-sidenav-header-indicator-col-focus: var(--ld-thm-primary-focus);\n --ld-sidenav-header-indicator-col-active: var(--ld-thm-primary);\n\n align-items: center;\n background-color: var(--ld-sidenav-header-bg-col);\n color: var(--ld-sidenav-header-col);\n display: flex;\n flex-direction: row-reverse;\n flex-shrink: 0;\n gap: 0.625rem;\n height: var(--ld-sidenav-header-height);\n padding: 0 var(--ld-sidenav-padding-x);\n position: relative;\n z-index: 1;\n\n &(.ld-sidenav-header--right-aligned) {\n flex-direction: row;\n }\n}\n\n.ld-sidenav-header__anchor {\n align-items: center;\n border-radius: calc(var(--ld-sidenav-navitem-border-radius));\n color: inherit;\n display: grid;\n font-weight: 700;\n gap: var(--ld-sp-12);\n grid-auto-flow: column;\n grid-template-columns: min-content;\n line-height: var(--ld-sidenav-line-height);\n margin-right: auto;\n min-height: calc(var(--ld-sidenav-navitem-icon-size) - var(--ld-sp-12));\n outline-offset: var(--ld-sidenav-navitem-bg-inset);\n position: relative;\n text-decoration: none;\n transition:\n opacity var(--ld-sidenav-transition-duration-collapse-expand)\n var(--ld-sidenav-transition-delay-collapse-expand) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n\n &[href] {\n color: var(--ld-sidenav-header-anchor-col);\n\n &:focus:focus-visible {\n --ld-sidenav-header-indicator-col: var(\n --ld-sidenav-header-indicator-col-focus\n );\n color: var(--ld-sidenav-header-anchor-col-focus);\n outline: none;\n\n &::before,\n &::after {\n content: '';\n }\n\n &:active {\n --ld-sidenav-header-indicator-col: var(\n --ld-sidenav-header-indicator-col-active\n );\n\n &::before {\n opacity: 0.3;\n }\n }\n }\n @media (hover: hover) {\n &:hover {\n color: var(--ld-sidenav-header-anchor-col-hover);\n }\n }\n &:active,\n &:active:focus-visible {\n color: var(--ld-sidenav-header-anchor-col-active);\n }\n }\n\n &::before,\n &::after {\n border-radius: var(--ld-sidenav-navitem-border-radius);\n display: block;\n inset: calc(-1 * var(--ld-sp-6));\n position: absolute;\n }\n\n &::before {\n background-color: var(--ld-sidenav-header-indicator-col);\n z-index: 1;\n opacity: 0.2;\n }\n &::after {\n background-color: var(--ld-col-wht);\n z-index: 0;\n }\n\n :host(.ld-sidenav-header--closed) &,\n :host(.ld-sidenav-header--collapsed) & {\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n transition:\n visibility 0s\n calc(\n var(--ld-sidenav-transition-duration-collapse-expand) +\n var(--ld-sidenav-transition-delay-collapse-expand)\n )\n linear,\n opacity calc(0.5 * var(--ld-sidenav-transition-duration-collapse-expand))\n linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n visibility: hidden;\n }\n\n :host(.ld-sidenav-header--collapsed) & {\n opacity: 0;\n }\n}\n\n:host ::slotted([slot='logo']),\n.ld-sidenav-header__initial-m {\n color: var(--ld-thm-primary);\n min-width: var(--ld-sidenav-navitem-icon-size);\n z-index: 2;\n height: 100%;\n}\n\n.ld-sidenav-header__initial-m {\n width: var(--ld-sidenav-navitem-icon-size);\n}\n\n.ld-sidenav-header__toggle {\n aspect-ratio: 1;\n background-color: transparent;\n border: 0;\n border-radius: var(--ld-sidenav-navitem-border-radius);\n color: var(--ld-thm-primary);\n cursor: pointer;\n display: grid;\n margin: var(--ld-sp-2) 0 auto 0;\n padding-bottom: 0;\n padding-top: 0;\n place-content: center;\n touch-action: manipulation;\n transform: translateX(var(--ld-sp-6));\n transition:\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease,\n opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;\n width: var(--ld-sidenav-navitem-icon-size);\n will-change: transform; /* fixes rendering issue */\n -webkit-touch-callout: none;\n\n &::before,\n &::after {\n border-radius: inherit;\n display: block;\n inset: 0;\n position: absolute;\n }\n\n &::before {\n z-index: 1;\n background-color: var(--ld-sidenav-header-indicator-col);\n opacity: 0.2;\n }\n\n &::after {\n background-color: var(--ld-col-wht);\n z-index: 0;\n }\n\n &:where(:focus:focus-visible) {\n --ld-sidenav-header-indicator-col: var(\n --ld-sidenav-header-indicator-col-focus\n );\n color: var(--ld-sidenav-header-anchor-col-focus);\n outline: none;\n\n &::before,\n &::after {\n content: '';\n }\n\n &:active {\n --ld-sidenav-header-indicator-col: var(\n --ld-sidenav-header-indicator-col-active\n );\n\n &::before {\n opacity: 0.3;\n }\n }\n }\n @media (hover: hover) {\n &:where(:hover) {\n color: var(--ld-sidenav-header-anchor-col-hover);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n color: var(--ld-sidenav-header-anchor-col-active);\n }\n\n :host(.ld-sidenav-header--closed) &,\n :host(.ld-sidenav-header--collapsed-fully) & {\n transition:\n visibility 0s\n calc(2 * var(--ld-sidenav-transition-duration-collapse-expand)) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease,\n opacity calc(var(--ld-sidenav-transition-duration-collapse-expand) * 0.5)\n linear;\n visibility: hidden;\n }\n\n :host(.ld-sidenav-header--collapsed) & {\n transform: none;\n }\n\n :host(.ld-sidenav-header--collapsed-fully) & {\n opacity: 0;\n }\n\n :host(.ld-sidenav-header--right-aligned) & {\n transform: none;\n }\n\n :host(.ld-sidenav-header--right-aligned.ld-sidenav-header--collapsed) & {\n transform: translateX(0);\n }\n}\n\n.ld-sidenav-header__toggle-icon {\n z-index: 2;\n\n :host(:not(.ld-sidenav-header--collapsed)) & {\n transform: scaleX(-100%);\n }\n\n :host(.ld-sidenav-header--right-aligned:not(.ld-sidenav-header--collapsed))\n & {\n transform: none;\n }\n :host(.ld-sidenav-header--right-aligned.ld-sidenav-header--collapsed) & {\n transform: scaleX(-100%);\n }\n}\n\n.ld-sidenav-header__slot-wrapper {\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n display: -webkit-box;\n max-height: var(--ld-sidenav-header-height); /* required in Safari */\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n word-break: break-word;\n z-index: 2;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/**\n * @slot - Slot for the header title.\n * @slot logo - Replace the initial M with your custom logo.\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-header',\n styleUrl: 'ld-sidenav-header.shadow.css',\n shadow: true,\n})\nexport class LdSidenavHeader {\n @Element() el: HTMLLdSidenavHeaderElement\n private sidenav: HTMLLdSidenavElement\n private tooltipRef: HTMLLdTooltipElement\n\n /** href to be used on the anchor element within the sidenav header. */\n @Prop() href?: string\n\n /** aria-label to be used on the anchor element within the sidenav header. */\n @Prop() ariaLabel: string\n\n /** Label to be used for the toggle button when navigation is expanded. */\n @Prop() labelCollapse? = 'Collapse side navigation'\n /** Label to be used for the toggle button when navigation is collapsed. */\n @Prop() labelExpand? = 'Expand side navigation'\n\n /** Tooltip tether options object to be merged with the default options (optionally stringified). */\n @Prop() tetherOptions?: Partial | string\n\n @State() sidenavAlignement: 'left' | 'right'\n @State() sidenavClosable: boolean\n @State() sidenavCollapsed: boolean\n @State() sidenavCollapsedFully: boolean\n @State() sidenavCollapsible: boolean\n @State() sidenavOpen: boolean\n\n /** Emitted on toggle click. */\n @Event() ldSidenavHeaderToggleClick: EventEmitter\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n this.sidenavCollapsedFully = ev.detail.collapsed && ev.detail.fully\n this.tooltipRef?.hideTooltip()\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n this.tooltipRef?.hideTooltip()\n }\n\n @Listen('ldSidenavOpenChange', { target: 'window', passive: true })\n handleSidenavOpenChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavOpen = this.sidenav.open\n }\n\n private handleToggleClick = () => {\n this.ldSidenavHeaderToggleClick.emit()\n }\n\n /**\n * @internal\n * Updates collapsible state.\n */\n @Method()\n async updateCollapsible() {\n if (this.sidenav) {\n this.sidenavCollapsible = this.sidenav.collapsible\n }\n }\n\n componentWillLoad() {\n this.sidenav = this.el.closest('ld-sidenav')\n if (this.sidenav) {\n this.sidenavAlignement = this.sidenav.align\n this.sidenavCollapsible = this.sidenav.collapsible\n this.sidenavCollapsed = this.sidenav.collapsed\n }\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-header',\n !this.sidenavOpen && this.sidenavClosable && 'ld-sidenav-header--closed',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-header--collapsed',\n this.sidenavCollapsedFully &&\n !this.sidenavClosable &&\n 'ld-sidenav-header--collapsed-fully',\n this.sidenavAlignement === 'right' && 'ld-sidenav-header--right-aligned',\n ])\n\n return (\n \n {/*Inner toggle*/}\n {this.sidenavCollapsible && (\n (this.tooltipRef = el)}\n show-delay=\"1000\"\n part=\"tooltip\"\n position={\n this.sidenavAlignement === 'left' ? 'right middle' : 'left middle'\n }\n tag=\"span\"\n tetherOptions={this.tetherOptions}\n >\n \n
    \n \n {this.sidenavCollapsed ? this.labelExpand : this.labelCollapse}\n \n \n \n {this.sidenavCollapsed ? this.labelExpand : this.labelCollapse}\n \n \n )}\n \n \n \n \n \n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAA2B,ymN,MCyBpBC,EAAe,M,gGAuDlBC,KAAAC,kBAAoB,KAC1BD,KAAKE,2BAA2BC,MAAM,E,gEA5Cf,2B,iBAEF,yB,+NAgBvB,4BAAAC,CACEC,G,MAKA,GAAIA,EAAGC,SAAWN,KAAKO,QAAS,OAChCP,KAAKQ,iBAAmBH,EAAGI,OAAOC,UAClCV,KAAKW,sBAAwBN,EAAGI,OAAOC,WAAaL,EAAGI,OAAOG,OAC9DC,EAAAb,KAAKc,cAAU,MAAAD,SAAA,SAAAA,EAAEE,a,CAInB,6BAAAC,CAA8BX,G,MAC5B,GAAIA,EAAGC,SAAWN,KAAKO,QAAS,OAChCP,KAAKiB,gBAAkBZ,EAAGI,QAC1BI,EAAAb,KAAKc,cAAU,MAAAD,SAAA,SAAAA,EAAEE,a,CAInB,uBAAAG,CAAwBb,GACtB,GAAIA,EAAGC,SAAWN,KAAKO,QAAS,OAChCP,KAAKmB,YAAcnB,KAAKO,QAAQa,I,CAYlC,uBAAMC,GACJ,GAAIrB,KAAKO,QAAS,CAChBP,KAAKsB,mBAAqBtB,KAAKO,QAAQgB,W,EAI3C,iBAAAC,GACExB,KAAKO,QAAUP,KAAKyB,GAAGC,QAAQ,cAC/B,GAAI1B,KAAKO,QAAS,CAChBP,KAAK2B,kBAAoB3B,KAAKO,QAAQqB,MACtC5B,KAAKsB,mBAAqBtB,KAAKO,QAAQgB,YACvCvB,KAAKQ,iBAAmBR,KAAKO,QAAQG,S,EAIzC,MAAAmB,GACE,MAAMC,EAAKC,EAAc,CACvB,qBACC/B,KAAKmB,aAAenB,KAAKiB,iBAAmB,4BAC7CjB,KAAKQ,mBACFR,KAAKiB,iBACN,+BACFjB,KAAKW,wBACFX,KAAKiB,iBACN,qCACFjB,KAAK2B,oBAAsB,SAAW,qCAGxC,OACEK,EAACC,EAAI,CAACC,MAAOJ,GAEV9B,KAAKsB,oBACJU,EAAA,cACEG,MAAK,KACLC,KAAK,KACLF,MAAM,6BACNG,IAAMZ,GAAQzB,KAAKc,WAAaW,EAAG,aACxB,OACXa,KAAK,UACLC,SACEvC,KAAK2B,oBAAsB,OAAS,eAAiB,cAEvDa,IAAI,OACJC,cAAezC,KAAKyC,eAEpBT,EAAA,UACEU,KAAK,UACLC,KAAK,SAAQ,kCAEC3C,KAAKQ,iBAAmB,QAAU,OAChD0B,MAAM,4BACNU,QAAS5C,KAAKC,kBACdqC,KAAK,UAELN,EAAA,WACEE,MAAM,iCACNW,KAAK,gBACLP,KAAK,gBAEPN,EAAA,kBACGhC,KAAKQ,iBAAmBR,KAAK8C,YAAc9C,KAAK+C,gBAGrDf,EAAA,WAASM,KAAK,iBACXtC,KAAKQ,iBAAmBR,KAAK8C,YAAc9C,KAAK+C,gBAIvDf,EAAA,KACEE,MAAM,4BACNc,KAAMhD,KAAKgD,KACXV,KAAK,SAAQ,aACDtC,KAAKiD,WAEjBjB,EAAA,QAAMa,KAAK,QACTb,EAAA,OACEE,MAAM,+BACNgB,KAAK,OACLZ,KAAK,OACLa,oBAAoB,gBACpBC,QAAQ,aAERpB,EAAA,oBACY,UAAS,YACT,UACVqB,EAAE,orBACFH,KAAK,mBAIXlB,EAAA,QAAMM,KAAK,QAAQJ,MAAM,mCACvBF,EAAA,e"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-79ffd165.entry.js b/1704966176737/dist/build/p-79ffd165.entry.js new file mode 100644 index 0000000000..9aab28769a --- /dev/null +++ b/1704966176737/dist/build/p-79ffd165.entry.js @@ -0,0 +1,2 @@ +import{r as o,c as e,h as s,H as l,g as t}from"./p-21a69c18.js";import{g as a}from"./p-1133c92e.js";const c=".docs-example__code{background-color:var(--ld-col-neutral-010)}.docs-example__tools-scroll-container{background-color:var(--ld-col-neutral-050);border-color:var(--ld-col-neutral-100)}.docs-example__tools{stroke:var(--ld-col-neutral-900)}.docs-example__copy-to-clipboard,.docs-example__tool-buttons,.docs-example__tool-switch{filter:none}@media (prefers-color-scheme:dark){.docs-example__code{background-color:var(--ld-col-neutral-900)}.docs-example__tools-scroll-container{background-color:var(--ld-col-neutral-700);border-color:var(--ld-col-neutral-700)}.docs-example__tools{stroke:var(--ld-col-wht)}.docs-example__copy-to-clipboard,.docs-example__tool-buttons,.docs-example__tool-switch{filter:invert(1) hue-rotate(180deg)}.docs-example--has-border .docs-example__show{border-color:#0000}}.docs-ui-light .docs-example__code{background-color:var(--ld-col-neutral-010)}.docs-ui-light .docs-example__tools-scroll-container{background-color:var(--ld-col-neutral-050);border-color:var(--ld-col-neutral-100)}.docs-ui-light .docs-example__tools{stroke:var(--ld-col-neutral-900)}.docs-ui-light .docs-example__copy-to-clipboard,.docs-ui-light .docs-example__tool-buttons,.docs-ui-light .docs-example__tool-switch{filter:none}.docs-ui-dark .docs-example__code{background-color:var(--ld-col-neutral-900)}.docs-ui-dark .docs-example__tools-scroll-container{background-color:var(--ld-col-neutral-700);border-color:var(--ld-col-neutral-700)}.docs-ui-dark .docs-example__tools{stroke:var(--ld-col-wht)}.docs-ui-dark .docs-example__copy-to-clipboard,.docs-ui-dark .docs-example__tool-buttons,.docs-ui-dark .docs-example__tool-switch{filter:invert(1) hue-rotate(180deg)}.docs-ui-dark .docs-example--has-border .docs-example__show{border-color:#0000}.docs-example{display:block}.docs-example__code{display:none;overflow:hidden;position:relative}.docs-example__code,.docs-example__code pre{border-bottom-left-radius:var(--ld-br-l);border-bottom-right-radius:var(--ld-br-l)}.docs-example__tools-scroll-container{border-bottom-left-radius:var(--ld-br-l);border-bottom-right-radius:var(--ld-br-l);border-style:solid;border-width:var(--ld-sp-1);display:flex;overflow:auto;position:relative;width:100%}.docs-example__tools{align-items:center;display:flex;flex-grow:1;justify-content:space-between;line-height:0;padding:var(--ld-sp-8)}.docs-example__tool-switch{background-color:var(--ld-col-wht);border-radius:calc(var(--ld-br-m) + 1px)}.docs-example__tool-buttons{align-items:center;display:flex;flex:1 0;justify-content:flex-end}.docs-example__tool-buttons>:not(:first-child){margin-left:var(--ld-sp-12)}.docs-example__show{background-color:var(--ld-col-neutral-010);border-bottom-width:0;border-top-left-radius:var(--ld-br-l);border-top-right-radius:var(--ld-br-l);color:var(--ld-col-neutral-900);color-scheme:light;overflow:hidden;will-change:transform}.docs-example--has-border .docs-example__show{border:var(--ld-sp-1) solid var(--ld-col-neutral-100);border-bottom:0}.docs-example--has-padding .docs-example__show{padding:0 var(--ld-sp-8) var(--ld-sp-24)}@media (width <= 52rem){.docs-example--has-padding .docs-example__show{padding:0 0 var(--ld-sp-24)}}.docs-example--has-padding .docs-example__show>div>:not(.ld-modal){margin:var(--ld-sp-24) var(--ld-sp-24) 0;max-width:calc(100% - 2 * var(--ld-sp-24))}.docs-example__show>div{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.docs-example__show--centered>div{align-items:center}.docs-example__show--stacked>div{flex-direction:column}.docs-example__show--stacked:not(.docs-example__show--centered)>div{align-items:stretch}.docs-example__show--brand{border-color:#0000}.docs-example__show--brand.ld-theme-ocean{background-color:var(--ld-thm-ocean-primary)}.docs-example__show--brand.ld-theme-bubblegum,.docs-example__show--brand.ld-theme-shake,.docs-example__show--brand.ld-theme-solvent{background-color:var(--ld-thm-shake-primary)}.docs-example__show--brand.ld-theme-tea{background-color:var(--ld-thm-tea-primary)}.docs-example__show--light{background-color:var(--ld-col-wht)}.docs-example--code-visible .docs-example__tools-scroll-container{border-radius:0}.docs-example--code-visible .docs-example__code{display:block}.docs-example--css-component [slot=codeReactComponent],.docs-example--css-component [slot=code],.docs-example--css-component [slot=show],.docs-example--react-component [slot=codeCssComponent],.docs-example--react-component [slot=code],.docs-example--react-component [slot=showCssComponent],.docs-example--web-component [slot=codeCssComponent],.docs-example--web-component [slot=codeReactComponent],.docs-example--web-component [slot=showCssComponent]{display:none}.docs-example__code-tools{display:grid;gap:var(--ld-sp-8);grid-auto-flow:column;margin:var(--ld-sp-2) var(--ld-sp-1);position:absolute;right:var(--ld-sp-8);top:var(--ld-sp-8)}.docs-example__copy-to-clipboard{background-color:var(--ld-col-wht);border-radius:var(--ld-br-m)}";const d=class{constructor(s){o(this,s);this.pickCodeType=e(this,"pickCodeType",7);this.handlePickTheme=o=>{this.currentTheme=o.detail};this.handleToggleCode=o=>{this.isCodeVisible=o.detail};this.background=undefined;this.centered=false;this.code=undefined;this.codeCssComponent=undefined;this.codeReactComponent=undefined;this.hasBorder=false;this.hasPadding=false;this.opened=false;this.stacked=false;this.styles="{}";this.themable=false;this.currentTheme="ocean";this.isCodeVisible=this.opened;this.codeType="wc"}handleSwitchCode(o){if(!this.hasCodeType(o.detail))return;this.codeType=o.detail;window.localStorage.setItem("liquid_docs_preferred_code_type",this.codeType)}unescapeCode(o){return o.replaceAll(/\\{\\{/g,"{{").replaceAll(/\\}\\}/g,"}}").replaceAll(/{<\/span> {<\/span>/g,'{{').replaceAll(/}<\/span> }<\/span>/g,'}}')}hasCodeType(o){if(o==="wc"){return Boolean(this.el.querySelector('[slot="code"]'))}return Array.from(this.el.querySelectorAll('[slot^="code"]')).some((e=>e.getAttribute("slot").toLowerCase()===`code${o}component`))}componentWillLoad(){const o=window.localStorage.getItem("liquid_docs_preferred_code_type");if(o){if(this.hasCodeType(o)){this.codeType=o}}this.el.querySelectorAll('[slot^="code"]').forEach((o=>{o.innerHTML=this.unescapeCode(o.innerHTML)}))}render(){const o=["docs-example",this.isCodeVisible&&"docs-example--code-visible",this.hasBorder&&"docs-example--has-border",this.hasPadding&&"docs-example--has-padding",this.codeType==="wc"&&"docs-example--web-component",this.codeType==="css"&&"docs-example--css-component",this.codeType==="react"&&"docs-example--react-component"];let e="docs-example__show";if(this.themable&&this.currentTheme){e+=" ld-theme-"+this.currentTheme.toLowerCase()}if(this.centered)e+=" docs-example__show--centered";if(this.stacked)e+=" docs-example__show--stacked";if(this.background)e+=` docs-example__show--${this.background}`;return s(l,{class:a(o)},s("div",{class:e,style:JSON.parse(this.styles)},s("slot",{name:"show"}),s("slot",{name:"showCssComponent"})),s("div",{class:"docs-example__tools-scroll-container"},s("div",{class:"docs-example__tools"},(this.codeCssComponent||this.codeReactComponent)&&s("ld-switch",{onClick:()=>this.isCodeVisible=true,onLdswitchchange:o=>{this.handleSwitchCode(o);this.pickCodeType.emit(this.codeType)},class:"docs-example__tool-switch",size:"sm"},s("ld-switch-item",{value:"wc",checked:this.codeType==="wc"},s("ld-icon",{slot:"icon-start",size:"sm","aria-label":"Web Component"},s("svg",{viewBox:"0 0 800 800"},s("path",{fill:"currentColor",d:"M196.3 400l200 346.4H200L0 400 200 53.6h196.3L196.3 400zM505.4 53.6H600L800 400 600 746.4h-94.6l-98-169.8H502L604 400 502 223.4h-94.7l98-169.8z"})))),this.codeReactComponent&&s("ld-switch-item",{value:"react",checked:this.codeType==="react"},s("ld-icon",{slot:"icon-start",size:"sm","aria-label":"React component"},s("svg",{viewBox:"-11.5 -10.2 23 20.5",style:{transform:"scale(1.1)"}},s("circle",{r:"2",fill:"currentColor"}),s("g",{stroke:"currentColor",fill:"none"},s("ellipse",{rx:"11",ry:"4.2"}),s("ellipse",{rx:"11",ry:"4.2",transform:"rotate(60)"}),s("ellipse",{rx:"11",ry:"4.2",transform:"rotate(120)"}))))),this.codeCssComponent&&s("ld-switch-item",{value:"css",checked:this.codeType==="css"},s("ld-icon",{slot:"icon-start",size:"sm","aria-label":"CSS component"},s("svg",{viewBox:"0 0 800 300",style:{transform:"scale(1.2)"}},s("path",{fill:"currentColor",d:"M0 0h238.7v99.8H99.8v99.8h139v99.9H0V0zM283.2 0h235.3v85.6H381.6v17h136.9v196.9H283.2v-89.9h136.9v-17H283.2V0zM564.7 0H800v85.6H663.1v17H800v196.9H564.7v-89.9h136.9v-17H564.7V0z"}))))),s("div",{class:"docs-example__tool-buttons"},this.themable&&s("docs-pick-theme",{onPickTheme:this.handlePickTheme}),s("docs-toggle-code",{onToggleCode:this.handleToggleCode,isOn:this.isCodeVisible})))),s("div",{class:"docs-example__code"},s("div",{class:"docs-example__code-tools"},s("docs-copy-to-cb",{class:"docs-example__copy-to-clipboard",textToCopy:this.unescapeCode(decodeURIComponent(this.codeType==="wc"?this.code:this.codeType==="css"?this.codeCssComponent:this.codeType==="react"?this.codeReactComponent:""))})),s("slot",{name:"code"}),s("slot",{name:"codeReactComponent"}),s("slot",{name:"codeCssComponent"})))}get el(){return t(this)}};d.style=c;export{d as docs_example}; +//# sourceMappingURL=p-79ffd165.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-0adaf635.entry.js.map b/1704966176737/dist/build/p-79ffd165.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-0adaf635.entry.js.map rename to 1704966176737/dist/build/p-79ffd165.entry.js.map index 31700154ef..dafffa8fd3 100644 --- a/1704894792450/dist/build/p-0adaf635.entry.js.map +++ b/1704966176737/dist/build/p-79ffd165.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["docsExampleCss","DocsExample","this","handlePickTheme","event","currentTheme","detail","handleToggleCode","isCodeVisible","opened","handleSwitchCode","ev","hasCodeType","codeType","window","localStorage","setItem","unescapeCode","code","replaceAll","Boolean","el","querySelector","Array","from","querySelectorAll","some","slot","getAttribute","toLowerCase","componentWillLoad","preferredCodeType","getItem","forEach","innerHTML","render","cl","hasBorder","hasPadding","clShow","themable","centered","stacked","background","h","Host","class","getClassNames","style","JSON","parse","styles","name","codeCssComponent","codeReactComponent","onClick","onLdswitchchange","pickCodeType","emit","size","value","checked","viewBox","fill","d","transform","r","stroke","rx","ry","onPickTheme","onToggleCode","isOn","textToCopy","decodeURIComponent"],"sources":["../src/docs/components/docs-example/docs-example.css?tag=docs-example","../src/docs/components/docs-example/docs-example.tsx"],"sourcesContent":["@define-mixin docs-example-ui-light {\n .docs-example__code {\n background-color: var(--ld-col-neutral-010);\n }\n\n .docs-example__tools-scroll-container {\n background-color: var(--ld-col-neutral-050);\n border-color: var(--ld-col-neutral-100);\n }\n\n .docs-example__tools {\n stroke: var(--ld-col-neutral-900);\n }\n\n .docs-example__tool-buttons,\n .docs-example__tool-switch,\n .docs-example__copy-to-clipboard {\n filter: none;\n }\n}\n@define-mixin docs-example-ui-dark {\n .docs-example__code {\n background-color: var(--ld-col-neutral-900);\n }\n\n .docs-example__tools-scroll-container {\n background-color: var(--ld-col-neutral-700);\n border-color: var(--ld-col-neutral-700);\n }\n\n .docs-example__tools {\n stroke: var(--ld-col-wht);\n }\n\n .docs-example__tool-buttons,\n .docs-example__tool-switch,\n .docs-example__copy-to-clipboard {\n filter: invert(1) hue-rotate(180deg);\n }\n\n .docs-example--has-border .docs-example__show {\n border-color: transparent;\n }\n}\n\n@mixin docs-example-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-example-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-example-ui-light;\n}\n.docs-ui-dark {\n @mixin docs-example-ui-dark;\n}\n\n.docs-example {\n display: block;\n}\n\n.docs-example__code {\n overflow: hidden;\n display: none;\n border-bottom-left-radius: var(--ld-br-l);\n border-bottom-right-radius: var(--ld-br-l);\n position: relative;\n\n pre {\n border-bottom-left-radius: var(--ld-br-l);\n border-bottom-right-radius: var(--ld-br-l);\n }\n}\n\n.docs-example__tools-scroll-container {\n position: relative;\n overflow: auto;\n display: flex;\n width: 100%;\n border-style: solid;\n border-width: var(--ld-sp-1);\n border-bottom-left-radius: var(--ld-br-l);\n border-bottom-right-radius: var(--ld-br-l);\n}\n\n.docs-example__tools {\n padding: var(--ld-sp-8);\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-grow: 1;\n line-height: 0; /* Firefox fix */\n}\n\n.docs-example__tool-switch {\n background-color: var(--ld-col-wht);\n border-radius: calc(var(--ld-br-m) + 1px);\n}\n\n.docs-example__tool-buttons {\n display: flex;\n flex: 1 0;\n align-items: center;\n justify-content: flex-end;\n\n > :not(:first-child) {\n margin-left: var(--ld-sp-12);\n }\n}\n\n.docs-example__show {\n background-color: var(--ld-col-neutral-010);\n color: var(--ld-col-neutral-900);\n border-bottom-width: 0;\n border-top-left-radius: var(--ld-br-l);\n border-top-right-radius: var(--ld-br-l);\n overflow: hidden;\n will-change: transform; /* Fixes overflow in Safari */\n color-scheme: light; /* stylelint-disable-line scale-unlimited/declaration-strict-value */\n\n .docs-example--has-border & {\n border: var(--ld-sp-1) solid var(--ld-col-neutral-100);\n border-bottom: 0;\n }\n\n .docs-example--has-padding & {\n padding: 0 var(--ld-sp-8) var(--ld-sp-24);\n\n @media (width <= 52rem) {\n padding: 0 0 var(--ld-sp-24);\n }\n\n > div > *:not(.ld-modal) {\n margin: var(--ld-sp-24) var(--ld-sp-24) 0;\n max-width: calc(100% - 2 * var(--ld-sp-24));\n }\n }\n\n > div {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: space-evenly;\n width: 100%;\n }\n}\n.docs-example__show--centered {\n > div {\n align-items: center;\n }\n}\n.docs-example__show--stacked {\n > div {\n flex-direction: column;\n }\n &:not(.docs-example__show--centered) {\n > div {\n align-items: stretch;\n }\n }\n}\n\n.docs-example__show--brand {\n border-color: transparent;\n\n &.ld-theme-ocean {\n background-color: var(--ld-thm-ocean-primary);\n }\n &.ld-theme-solvent,\n &.ld-theme-bubblegum,\n &.ld-theme-shake {\n background-color: var(--ld-thm-shake-primary);\n }\n &.ld-theme-tea {\n background-color: var(--ld-thm-tea-primary);\n }\n}\n\n.docs-example__show--light {\n background-color: var(--ld-col-wht);\n}\n\n.docs-example--code-visible {\n .docs-example__tools-scroll-container {\n border-radius: 0;\n }\n\n .docs-example__code {\n display: block;\n }\n}\n\n.docs-example--web-component {\n [slot='showCssComponent'],\n [slot='codeReactComponent'],\n [slot='codeCssComponent'] {\n display: none;\n }\n}\n\n.docs-example--react-component {\n [slot='showCssComponent'],\n [slot='codeCssComponent'],\n [slot='code'] {\n display: none;\n }\n}\n\n.docs-example--css-component {\n [slot='show'],\n [slot='codeReactComponent'],\n [slot='code'] {\n display: none;\n }\n}\n\n.docs-example__code-tools {\n position: absolute;\n display: grid;\n grid-auto-flow: column;\n gap: var(--ld-sp-8);\n top: var(--ld-sp-8);\n right: var(--ld-sp-8);\n margin: var(--ld-sp-2) var(--ld-sp-1);\n}\n\n.docs-example__copy-to-clipboard {\n background-color: var(--ld-col-wht);\n border-radius: var(--ld-br-m);\n}\n","import {\n Component,\n h,\n Host,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n Listen,\n} from '@stencil/core'\nimport { getClassNames } from '../../../liquid/utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'docs-example',\n styleUrl: 'docs-example.css',\n shadow: false,\n})\nexport class DocsExample {\n @Element() el: HTMLElement\n\n /** Background color mode. */\n @Prop() background: 'brand' | 'light'\n\n /** Center examples. */\n @Prop() centered = false\n\n /** Web Component markup encoded as URI component. */\n @Prop() code!: string\n\n /** CSS component markup encoded as URI component. */\n @Prop() codeCssComponent: string\n\n /** React component markup encoded as URI component. */\n @Prop() codeReactComponent: string\n\n /** Adds a thin border to the container. */\n @Prop() hasBorder = false\n\n /** Puts some space between content and container. */\n @Prop() hasPadding = false\n\n /** Opens code view on initial load. */\n @Prop() opened = false\n\n /** Stack examples (use display block). */\n @Prop() stacked = false\n\n /** Custom show-container styles. */\n @Prop() styles = '{}'\n\n /** Enables theme switch. */\n @Prop() themable = false\n\n /** Current theme. */\n @State() currentTheme = 'ocean'\n\n /** Is code toggled to be visible */\n @State() isCodeVisible = this.opened\n\n /** Is Web Component visible (as opposed to the css component version) */\n @State() codeType: 'wc' | 'css' | 'react' = 'wc'\n\n /** Code type pick change event. */\n @Event() pickCodeType: EventEmitter\n\n private handlePickTheme = (event: CustomEvent) => {\n this.currentTheme = event.detail\n }\n\n private handleToggleCode = (event: CustomEvent) => {\n this.isCodeVisible = event.detail\n }\n\n @Listen('pickCodeType', {\n target: 'window',\n })\n handleSwitchCode(ev: CustomEvent) {\n if (!this.hasCodeType(ev.detail)) return\n this.codeType = ev.detail\n window.localStorage.setItem(\n 'liquid_docs_preferred_code_type',\n this.codeType\n )\n }\n\n private unescapeCode(code) {\n return (\n code\n // lang html\n .replaceAll(/\\\\{\\\\{/g, '{{')\n .replaceAll(/\\\\}\\\\}/g, '}}')\n // lang jsx\n .replaceAll(\n /{<\\/span> {<\\/span>/g,\n '{{'\n )\n .replaceAll(\n /}<\\/span> }<\\/span>/g,\n '}}'\n )\n )\n }\n\n private hasCodeType(codeType: this['codeType']) {\n if (codeType === 'wc') {\n return Boolean(this.el.querySelector('[slot=\"code\"]'))\n }\n return Array.from(this.el.querySelectorAll('[slot^=\"code\"]')).some(\n (slot) =>\n slot.getAttribute('slot').toLowerCase() === `code${codeType}component`\n )\n }\n\n componentWillLoad() {\n const preferredCodeType = window.localStorage.getItem(\n 'liquid_docs_preferred_code_type'\n ) as this['codeType']\n if (preferredCodeType) {\n if (this.hasCodeType(preferredCodeType)) {\n this.codeType = preferredCodeType as this['codeType']\n }\n }\n this.el.querySelectorAll('[slot^=\"code\"]').forEach((slot) => {\n slot.innerHTML = this.unescapeCode(slot.innerHTML)\n })\n }\n\n render() {\n const cl = [\n 'docs-example',\n this.isCodeVisible && 'docs-example--code-visible',\n this.hasBorder && 'docs-example--has-border',\n this.hasPadding && 'docs-example--has-padding',\n this.codeType === 'wc' && 'docs-example--web-component',\n this.codeType === 'css' && 'docs-example--css-component',\n this.codeType === 'react' && 'docs-example--react-component',\n ]\n\n let clShow = 'docs-example__show'\n if (this.themable && this.currentTheme) {\n clShow += ' ld-theme-' + this.currentTheme.toLowerCase()\n }\n if (this.centered) clShow += ' docs-example__show--centered'\n if (this.stacked) clShow += ' docs-example__show--stacked'\n if (this.background) clShow += ` docs-example__show--${this.background}`\n\n return (\n \n
    \n \n \n
    \n
    \n
    \n {(this.codeCssComponent || this.codeReactComponent) && (\n (this.isCodeVisible = true)}\n onLdswitchchange={(ev) => {\n this.handleSwitchCode(ev as CustomEvent)\n this.pickCodeType.emit(this.codeType)\n }}\n class=\"docs-example__tool-switch\"\n size=\"sm\"\n >\n \n \n \n \n \n \n \n {this.codeReactComponent && (\n \n \n \n \n \n \n \n \n \n \n \n \n )}\n {this.codeCssComponent && (\n \n \n \n \n \n \n \n )}\n \n )}\n
    \n {this.themable && (\n \n )}\n \n
    \n
    \n
    \n
    \n
    \n \n
    \n \n \n \n
    \n
    \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["docsExampleCss","DocsExample","this","handlePickTheme","event","currentTheme","detail","handleToggleCode","isCodeVisible","opened","handleSwitchCode","ev","hasCodeType","codeType","window","localStorage","setItem","unescapeCode","code","replaceAll","Boolean","el","querySelector","Array","from","querySelectorAll","some","slot","getAttribute","toLowerCase","componentWillLoad","preferredCodeType","getItem","forEach","innerHTML","render","cl","hasBorder","hasPadding","clShow","themable","centered","stacked","background","h","Host","class","getClassNames","style","JSON","parse","styles","name","codeCssComponent","codeReactComponent","onClick","onLdswitchchange","pickCodeType","emit","size","value","checked","viewBox","fill","d","transform","r","stroke","rx","ry","onPickTheme","onToggleCode","isOn","textToCopy","decodeURIComponent"],"sources":["../src/docs/components/docs-example/docs-example.css?tag=docs-example","../src/docs/components/docs-example/docs-example.tsx"],"sourcesContent":["@define-mixin docs-example-ui-light {\n .docs-example__code {\n background-color: var(--ld-col-neutral-010);\n }\n\n .docs-example__tools-scroll-container {\n background-color: var(--ld-col-neutral-050);\n border-color: var(--ld-col-neutral-100);\n }\n\n .docs-example__tools {\n stroke: var(--ld-col-neutral-900);\n }\n\n .docs-example__tool-buttons,\n .docs-example__tool-switch,\n .docs-example__copy-to-clipboard {\n filter: none;\n }\n}\n@define-mixin docs-example-ui-dark {\n .docs-example__code {\n background-color: var(--ld-col-neutral-900);\n }\n\n .docs-example__tools-scroll-container {\n background-color: var(--ld-col-neutral-700);\n border-color: var(--ld-col-neutral-700);\n }\n\n .docs-example__tools {\n stroke: var(--ld-col-wht);\n }\n\n .docs-example__tool-buttons,\n .docs-example__tool-switch,\n .docs-example__copy-to-clipboard {\n filter: invert(1) hue-rotate(180deg);\n }\n\n .docs-example--has-border .docs-example__show {\n border-color: transparent;\n }\n}\n\n@mixin docs-example-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-example-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-example-ui-light;\n}\n.docs-ui-dark {\n @mixin docs-example-ui-dark;\n}\n\n.docs-example {\n display: block;\n}\n\n.docs-example__code {\n overflow: hidden;\n display: none;\n border-bottom-left-radius: var(--ld-br-l);\n border-bottom-right-radius: var(--ld-br-l);\n position: relative;\n\n pre {\n border-bottom-left-radius: var(--ld-br-l);\n border-bottom-right-radius: var(--ld-br-l);\n }\n}\n\n.docs-example__tools-scroll-container {\n position: relative;\n overflow: auto;\n display: flex;\n width: 100%;\n border-style: solid;\n border-width: var(--ld-sp-1);\n border-bottom-left-radius: var(--ld-br-l);\n border-bottom-right-radius: var(--ld-br-l);\n}\n\n.docs-example__tools {\n padding: var(--ld-sp-8);\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-grow: 1;\n line-height: 0; /* Firefox fix */\n}\n\n.docs-example__tool-switch {\n background-color: var(--ld-col-wht);\n border-radius: calc(var(--ld-br-m) + 1px);\n}\n\n.docs-example__tool-buttons {\n display: flex;\n flex: 1 0;\n align-items: center;\n justify-content: flex-end;\n\n > :not(:first-child) {\n margin-left: var(--ld-sp-12);\n }\n}\n\n.docs-example__show {\n background-color: var(--ld-col-neutral-010);\n color: var(--ld-col-neutral-900);\n border-bottom-width: 0;\n border-top-left-radius: var(--ld-br-l);\n border-top-right-radius: var(--ld-br-l);\n overflow: hidden;\n will-change: transform; /* Fixes overflow in Safari */\n color-scheme: light; /* stylelint-disable-line scale-unlimited/declaration-strict-value */\n\n .docs-example--has-border & {\n border: var(--ld-sp-1) solid var(--ld-col-neutral-100);\n border-bottom: 0;\n }\n\n .docs-example--has-padding & {\n padding: 0 var(--ld-sp-8) var(--ld-sp-24);\n\n @media (width <= 52rem) {\n padding: 0 0 var(--ld-sp-24);\n }\n\n > div > *:not(.ld-modal) {\n margin: var(--ld-sp-24) var(--ld-sp-24) 0;\n max-width: calc(100% - 2 * var(--ld-sp-24));\n }\n }\n\n > div {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: space-evenly;\n width: 100%;\n }\n}\n.docs-example__show--centered {\n > div {\n align-items: center;\n }\n}\n.docs-example__show--stacked {\n > div {\n flex-direction: column;\n }\n &:not(.docs-example__show--centered) {\n > div {\n align-items: stretch;\n }\n }\n}\n\n.docs-example__show--brand {\n border-color: transparent;\n\n &.ld-theme-ocean {\n background-color: var(--ld-thm-ocean-primary);\n }\n &.ld-theme-solvent,\n &.ld-theme-bubblegum,\n &.ld-theme-shake {\n background-color: var(--ld-thm-shake-primary);\n }\n &.ld-theme-tea {\n background-color: var(--ld-thm-tea-primary);\n }\n}\n\n.docs-example__show--light {\n background-color: var(--ld-col-wht);\n}\n\n.docs-example--code-visible {\n .docs-example__tools-scroll-container {\n border-radius: 0;\n }\n\n .docs-example__code {\n display: block;\n }\n}\n\n.docs-example--web-component {\n [slot='showCssComponent'],\n [slot='codeReactComponent'],\n [slot='codeCssComponent'] {\n display: none;\n }\n}\n\n.docs-example--react-component {\n [slot='showCssComponent'],\n [slot='codeCssComponent'],\n [slot='code'] {\n display: none;\n }\n}\n\n.docs-example--css-component {\n [slot='show'],\n [slot='codeReactComponent'],\n [slot='code'] {\n display: none;\n }\n}\n\n.docs-example__code-tools {\n position: absolute;\n display: grid;\n grid-auto-flow: column;\n gap: var(--ld-sp-8);\n top: var(--ld-sp-8);\n right: var(--ld-sp-8);\n margin: var(--ld-sp-2) var(--ld-sp-1);\n}\n\n.docs-example__copy-to-clipboard {\n background-color: var(--ld-col-wht);\n border-radius: var(--ld-br-m);\n}\n","import {\n Component,\n h,\n Host,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n Listen,\n} from '@stencil/core'\nimport { getClassNames } from '../../../liquid/utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'docs-example',\n styleUrl: 'docs-example.css',\n shadow: false,\n})\nexport class DocsExample {\n @Element() el: HTMLElement\n\n /** Background color mode. */\n @Prop() background: 'brand' | 'light'\n\n /** Center examples. */\n @Prop() centered = false\n\n /** Web Component markup encoded as URI component. */\n @Prop() code!: string\n\n /** CSS component markup encoded as URI component. */\n @Prop() codeCssComponent: string\n\n /** React component markup encoded as URI component. */\n @Prop() codeReactComponent: string\n\n /** Adds a thin border to the container. */\n @Prop() hasBorder = false\n\n /** Puts some space between content and container. */\n @Prop() hasPadding = false\n\n /** Opens code view on initial load. */\n @Prop() opened = false\n\n /** Stack examples (use display block). */\n @Prop() stacked = false\n\n /** Custom show-container styles. */\n @Prop() styles = '{}'\n\n /** Enables theme switch. */\n @Prop() themable = false\n\n /** Current theme. */\n @State() currentTheme = 'ocean'\n\n /** Is code toggled to be visible */\n @State() isCodeVisible = this.opened\n\n /** Is Web Component visible (as opposed to the css component version) */\n @State() codeType: 'wc' | 'css' | 'react' = 'wc'\n\n /** Code type pick change event. */\n @Event() pickCodeType: EventEmitter\n\n private handlePickTheme = (event: CustomEvent) => {\n this.currentTheme = event.detail\n }\n\n private handleToggleCode = (event: CustomEvent) => {\n this.isCodeVisible = event.detail\n }\n\n @Listen('pickCodeType', {\n target: 'window',\n })\n handleSwitchCode(ev: CustomEvent) {\n if (!this.hasCodeType(ev.detail)) return\n this.codeType = ev.detail\n window.localStorage.setItem(\n 'liquid_docs_preferred_code_type',\n this.codeType\n )\n }\n\n private unescapeCode(code) {\n return (\n code\n // lang html\n .replaceAll(/\\\\{\\\\{/g, '{{')\n .replaceAll(/\\\\}\\\\}/g, '}}')\n // lang jsx\n .replaceAll(\n /{<\\/span> {<\\/span>/g,\n '{{'\n )\n .replaceAll(\n /}<\\/span> }<\\/span>/g,\n '}}'\n )\n )\n }\n\n private hasCodeType(codeType: this['codeType']) {\n if (codeType === 'wc') {\n return Boolean(this.el.querySelector('[slot=\"code\"]'))\n }\n return Array.from(this.el.querySelectorAll('[slot^=\"code\"]')).some(\n (slot) =>\n slot.getAttribute('slot').toLowerCase() === `code${codeType}component`\n )\n }\n\n componentWillLoad() {\n const preferredCodeType = window.localStorage.getItem(\n 'liquid_docs_preferred_code_type'\n ) as this['codeType']\n if (preferredCodeType) {\n if (this.hasCodeType(preferredCodeType)) {\n this.codeType = preferredCodeType as this['codeType']\n }\n }\n this.el.querySelectorAll('[slot^=\"code\"]').forEach((slot) => {\n slot.innerHTML = this.unescapeCode(slot.innerHTML)\n })\n }\n\n render() {\n const cl = [\n 'docs-example',\n this.isCodeVisible && 'docs-example--code-visible',\n this.hasBorder && 'docs-example--has-border',\n this.hasPadding && 'docs-example--has-padding',\n this.codeType === 'wc' && 'docs-example--web-component',\n this.codeType === 'css' && 'docs-example--css-component',\n this.codeType === 'react' && 'docs-example--react-component',\n ]\n\n let clShow = 'docs-example__show'\n if (this.themable && this.currentTheme) {\n clShow += ' ld-theme-' + this.currentTheme.toLowerCase()\n }\n if (this.centered) clShow += ' docs-example__show--centered'\n if (this.stacked) clShow += ' docs-example__show--stacked'\n if (this.background) clShow += ` docs-example__show--${this.background}`\n\n return (\n \n
    \n \n \n
    \n
    \n
    \n {(this.codeCssComponent || this.codeReactComponent) && (\n (this.isCodeVisible = true)}\n onLdswitchchange={(ev) => {\n this.handleSwitchCode(ev as CustomEvent)\n this.pickCodeType.emit(this.codeType)\n }}\n class=\"docs-example__tool-switch\"\n size=\"sm\"\n >\n \n \n \n \n \n \n \n {this.codeReactComponent && (\n \n \n \n \n \n \n \n \n \n \n \n \n )}\n {this.codeCssComponent && (\n \n \n \n \n \n \n \n )}\n \n )}\n
    \n {this.themable && (\n \n )}\n \n
    \n
    \n
    \n
    \n
    \n \n
    \n \n \n \n
    \n
    \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-7ecbe9da.entry.js b/1704966176737/dist/build/p-7ecbe9da.entry.js similarity index 100% rename from 1704894792450/dist/build/p-7ecbe9da.entry.js rename to 1704966176737/dist/build/p-7ecbe9da.entry.js diff --git a/1704894792450/dist/build/p-7ecbe9da.entry.js.map b/1704966176737/dist/build/p-7ecbe9da.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-7ecbe9da.entry.js.map rename to 1704966176737/dist/build/p-7ecbe9da.entry.js.map diff --git a/1704894792450/dist/build/p-7ef0fda6.entry.js b/1704966176737/dist/build/p-7ef0fda6.entry.js similarity index 100% rename from 1704894792450/dist/build/p-7ef0fda6.entry.js rename to 1704966176737/dist/build/p-7ef0fda6.entry.js diff --git a/1704894792450/dist/build/p-7ef0fda6.entry.js.map b/1704966176737/dist/build/p-7ef0fda6.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-7ef0fda6.entry.js.map rename to 1704966176737/dist/build/p-7ef0fda6.entry.js.map diff --git a/1704966176737/dist/build/p-7f19e682.entry.js b/1704966176737/dist/build/p-7f19e682.entry.js new file mode 100644 index 0000000000..e9219404a9 --- /dev/null +++ b/1704966176737/dist/build/p-7f19e682.entry.js @@ -0,0 +1,2 @@ +import{r,h as l,H as s}from"./p-21a69c18.js";import{g as c}from"./p-1133c92e.js";const a='.ld-circular-progress,:host{--ld-circular-progress-valuemin:0;--ld-circular-progress-valuemax:100;--ld-circular-progress-valuenow:0;--ld-circular-progress-size:7.5rem;--ld-circular-progress-transition-duration:var(\n --ld-transition-duration-normal\n );--ld-circular-progress-stroke-mask:url(\'data:image/svg+xml;utf8,\');--ld-circular-progress-bar-col:var(--ld-thm-primary);--ld-circular-progress-bar-col-overflow:var(--ld-thm-error);--ld-circular-progress-bg-col:var(--ld-col-neutral-100);--ld-circular-progress-bg-col-overflow:var(--ld-thm-error);--ld-circular-progress-circle-bg-col:var(--ld-circular-progress-bg-col);--ld-circular-progress-circle-bg-col-overflow:var(\n --ld-circular-progress-bg-col-overflow\n );--ld-circular-progress-pi:3.141592653589793;--ld-circular-progress-wht-overlay-col:var(--ld-col-wht-alpha-high);--ld-circular-progress-calc-valuenow:max(0,calc(var(--ld-circular-progress-valuenow) - var(--ld-circular-progress-valuemin)));--ld-circular-progress-calc-valuemax:calc(var(--ld-circular-progress-valuemax) - var(--ld-circular-progress-valuemin));--ld-circular-progress-calc-relative-progress:calc(var(--ld-circular-progress-calc-valuenow) / var(--ld-circular-progress-calc-valuemax));--ld-circular-progress-has-overflow:clamp(0,calc((var(--ld-circular-progress-calc-relative-progress) - 1) * 99999999999),1);align-items:center;box-sizing:initial!important;display:inline-flex;flex-direction:column;gap:var(--ld-sp-4);height:calc(var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * .4);justify-content:center;max-width:100%;padding:calc(var(--ld-circular-progress-size) * .165) calc(var(--ld-circular-progress-size) * .2) calc(var(--ld-circular-progress-size) * .235);position:relative;width:calc(var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * .4)}.ld-circular-progress:after,.ld-circular-progress:before,:host:after,:host:before{content:"";inset:0;-webkit-mask-image:var(--ld-circular-progress-stroke-mask);mask-image:var(--ld-circular-progress-stroke-mask);position:absolute;transition:opacity var(--ld-circular-progress-transition-duration) linear}.ld-circular-progress:before,:host:before{background-color:var(--ld-circular-progress-bg-col);opacity:calc(1 - var(--ld-circular-progress-has-overflow))}.ld-circular-progress:after,:host:after{box-shadow:inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem) var(--ld-circular-progress-wht-overlay-col),inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem) var(--ld-circular-progress-bg-col-overflow);opacity:var(--ld-circular-progress-has-overflow);position:absolute}.ld-circular-progress--brand-color,:host(.ld-circular-progress--brand-color){--ld-circular-progress-bar-col:var(--ld-col-wht);--ld-circular-progress-bg-col:var(--ld-thm-primary-focus);--ld-circular-progress-bg-col-overflow:var(--ld-thm-error-active);--ld-circular-progress-wht-overlay-col:var(--ld-col-wht-alpha-low)}:root,_::-webkit-full-page-media,_:future{--ld-circular-progress-bar-correction:3.5px}.ld-circular-progress__stroke{inset:0;position:absolute;fill:none;-webkit-mask-image:var(--ld-circular-progress-stroke-mask);mask-image:var(--ld-circular-progress-stroke-mask);transform:rotate(-90deg);width:100%;z-index:1}.ld-circular-progress__stroke circle{transform-origin:center;stroke-width:2.2;stroke-dasharray:calc(100 / var(--ld-circular-progress-pi));transition:opacity var(--ld-circular-progress-transition-duration) linear,stroke-dashoffset var(--ld-circular-progress-transition-duration) ease}.ld-circular-progress__stroke circle:first-of-type{stroke:var(--ld-circular-progress-bar-col);stroke-dashoffset:calc(-1 * min(0px, (-100px + var(--ld-circular-progress-calc-relative-progress) * (100px - var(--ld-circular-progress-bar-correction, 1px))) / var(--ld-circular-progress-pi)));opacity:calc(1 - var(--ld-circular-progress-has-overflow))}.ld-circular-progress__stroke circle:last-of-type{stroke:var(--ld-circular-progress-bar-col-overflow);stroke-dashoffset:calc(-1 * max(-100px / var(--ld-circular-progress-pi), min(0px, (-100px + (var(--ld-circular-progress-calc-relative-progress) - 1) * (100px - var(--ld-circular-progress-bar-correction, 1px))) / var(--ld-circular-progress-pi))));opacity:var(--ld-circular-progress-has-overflow)}';const o=class{constructor(l){r(this,l);this.ariaLabeledby=undefined;this.ariaValuemax=100;this.ariaValuemin=0;this.ariaValuenow=undefined;this.ariaValuetext=undefined;this.brandColor=undefined}render(){const r=c(["ld-circular-progress",this.brandColor&&"ld-circular-progress--brand-color"]);return l(s,{class:r,role:"progressbar",style:Object.assign(Object.assign(Object.assign({},this.ariaValuemax!==undefined&&{"--ld-circular-progress-valuemax":this.ariaValuemax+""}),this.ariaValuemin!==undefined&&{"--ld-circular-progress-valuemin":this.ariaValuemin+""}),this.ariaValuenow!==undefined&&{"--ld-circular-progress-valuenow":this.ariaValuenow+""})},l("svg",{class:"ld-circular-progress__stroke",viewBox:"0 0 10 10"},l("circle",{cx:"5",cy:"5",r:"5"}),l("circle",{cx:"5",cy:"5",r:"5"})),l("slot",null))}};o.style=a;export{o as ld_circular_progress}; +//# sourceMappingURL=p-7f19e682.entry.js.map \ No newline at end of file diff --git a/dist/build/p-51eab3cf.entry.js.map b/1704966176737/dist/build/p-7f19e682.entry.js.map similarity index 99% rename from dist/build/p-51eab3cf.entry.js.map rename to 1704966176737/dist/build/p-7f19e682.entry.js.map index 4740bbb05a..d159fa5d9e 100644 --- a/dist/build/p-51eab3cf.entry.js.map +++ b/1704966176737/dist/build/p-7f19e682.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldCircularProgressCss","LdCircularProgress","render","cl","getClassNames","this","brandColor","h","Host","class","role","style","Object","assign","ariaValuemax","undefined","ariaValuemin","ariaValuenow","viewBox","cx","cy","r"],"sources":["../src/liquid/components/ld-circular-progress/ld-circular-progress.css?tag=ld-circular-progress&encapsulation=shadow","../src/liquid/components/ld-circular-progress/ld-circular-progress.tsx"],"sourcesContent":[":host,\n.ld-circular-progress {\n --ld-circular-progress-valuemin: 0;\n --ld-circular-progress-valuemax: 100;\n --ld-circular-progress-valuenow: 0;\n --ld-circular-progress-size: 7.5rem;\n --ld-circular-progress-transition-duration: var(\n --ld-transition-duration-normal\n );\n --ld-circular-progress-stroke-mask: url('data:image/svg+xml;utf8,');\n\n /* colors */\n --ld-circular-progress-bar-col: var(--ld-thm-primary);\n --ld-circular-progress-bar-col-overflow: var(--ld-thm-error);\n --ld-circular-progress-bg-col: var(--ld-col-neutral-100);\n --ld-circular-progress-bg-col-overflow: var(--ld-thm-error);\n --ld-circular-progress-circle-bg-col: var(--ld-circular-progress-bg-col);\n --ld-circular-progress-circle-bg-col-overflow: var(\n --ld-circular-progress-bg-col-overflow\n );\n /* stylelint-disable-next-line number-max-precision */\n --ld-circular-progress-pi: 3.141592653589793;\n --ld-circular-progress-wht-overlay-col: var(--ld-col-wht-alpha-high);\n\n /* computed */\n --ld-circular-progress-calc-valuenow: max(\n 0,\n calc(\n var(--ld-circular-progress-valuenow) -\n var(--ld-circular-progress-valuemin)\n )\n );\n --ld-circular-progress-calc-valuemax: calc(\n var(--ld-circular-progress-valuemax) - var(--ld-circular-progress-valuemin)\n );\n --ld-circular-progress-calc-relative-progress: calc(\n var(--ld-circular-progress-calc-valuenow) /\n var(--ld-circular-progress-calc-valuemax)\n );\n --ld-circular-progress-has-overflow: clamp(\n 0,\n calc(\n (var(--ld-circular-progress-calc-relative-progress) - 1) * 99999999999\n ),\n 1\n );\n\n align-items: center;\n box-sizing: content-box !important;\n display: inline-flex;\n flex-direction: column;\n gap: var(--ld-sp-4);\n height: calc(\n var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * 0.4\n );\n max-width: 100%;\n justify-content: center;\n padding: calc(var(--ld-circular-progress-size) * 0.165)\n calc(var(--ld-circular-progress-size) * 0.2)\n calc(var(--ld-circular-progress-size) * 0.235);\n position: relative;\n width: calc(\n var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * 0.4\n );\n\n &::before,\n &::after {\n content: '';\n inset: 0;\n mask-image: var(--ld-circular-progress-stroke-mask);\n position: absolute;\n transition: opacity var(--ld-circular-progress-transition-duration) linear;\n }\n\n &::before {\n background-color: var(--ld-circular-progress-bg-col);\n opacity: calc(1 - var(--ld-circular-progress-has-overflow));\n }\n\n &::after {\n box-shadow: inset 0 0 0\n calc(var(--ld-circular-progress-has-overflow) * 99rem)\n var(--ld-circular-progress-wht-overlay-col),\n inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem)\n var(--ld-circular-progress-bg-col-overflow);\n opacity: var(--ld-circular-progress-has-overflow);\n position: absolute;\n }\n}\n\n:host(.ld-circular-progress--brand-color),\n.ld-circular-progress--brand-color {\n --ld-circular-progress-bar-col: var(--ld-col-wht);\n --ld-circular-progress-bg-col: var(--ld-thm-primary-focus);\n --ld-circular-progress-bg-col-overflow: var(--ld-thm-error-active);\n --ld-circular-progress-wht-overlay-col: var(--ld-col-wht-alpha-low);\n}\n\n/* HACK: Safari 7.1+ */\n/* stylelint-disable selector-type-no-unknown */\n_::-webkit-full-page-media,\n_:future,\n:root {\n --ld-circular-progress-bar-correction: 3.5px;\n}\n/* stylelint-enable selector-type-no-unknown */\n\n.ld-circular-progress__stroke {\n position: absolute;\n inset: 0;\n fill: none;\n mask-image: var(--ld-circular-progress-stroke-mask);\n transform: rotate(-90deg);\n width: 100%; /* required in Safari */\n z-index: 1;\n\n circle {\n transform-origin: center;\n stroke-width: 2.2;\n stroke-dasharray: calc(100 / var(--ld-circular-progress-pi));\n transition: opacity var(--ld-circular-progress-transition-duration) linear,\n stroke-dashoffset var(--ld-circular-progress-transition-duration) ease;\n\n &:first-of-type {\n stroke: var(--ld-circular-progress-bar-col);\n /* Safari does not support a negative stroke dash offset! */\n stroke-dashoffset: calc(\n -1 * min(0px, (\n -100px + var(--ld-circular-progress-calc-relative-progress) * (100px -\n var(--ld-circular-progress-bar-correction, 1px))\n ) / var(--ld-circular-progress-pi))\n );\n opacity: calc(1 - var(--ld-circular-progress-has-overflow));\n }\n &:last-of-type {\n stroke: var(--ld-circular-progress-bar-col-overflow);\n /* Safari does not support a negative stroke dash offset! */\n stroke-dashoffset: calc(\n -1 * max(-100px / var(--ld-circular-progress-pi), min(0px, (\n -100px + (\n var(--ld-circular-progress-calc-relative-progress) - 1\n ) * (100px - var(--ld-circular-progress-bar-correction, 1px))\n ) / var(--ld-circular-progress-pi)))\n );\n opacity: var(--ld-circular-progress-has-overflow);\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-circular-progress',\n styleUrl: 'ld-circular-progress.css',\n shadow: true,\n})\nexport class LdCircularProgress {\n /**\n * Defines the string value or identifies the element (or elements)\n * that label the progressbar element providing an accessible name.\n */\n @Prop({ reflect: true }) ariaLabeledby?: string\n\n /**\n * Set to a decimal value representing the maximum value, and greater\n * than aria-valuemin. If not present, the default value is 100.\n */\n @Prop({ reflect: true }) ariaValuemax? = 100\n\n /**\n * Set to a decimal value representing the minimum value, and less\n * than aria-valuemax. If not present, the default value is 0.\n */\n @Prop({ reflect: true }) ariaValuemin? = 0\n\n /**\n * Only present and required if the value is not indeterminate.\n * Set to a decimal value between 0, or valuemin if present,\n * and aria-valuemax indicating the current value of the progress bar.\n */\n @Prop({ reflect: true }) ariaValuenow?: number\n\n /**\n * Assistive technologies often present the value of aria-valuenow\n * as a percentage. If this would not be accurate use this property\n * to make the progress bar value understandable.\n */\n @Prop({ reflect: true }) ariaValuetext?: string\n\n // `onBrandColor` is not possible: Stencil expects `on*` props to be event handlers.\n /**\n * Styles the progress bar in a way that it looks good on the\n * primary color of the current theme.\n */\n @Prop() brandColor?: boolean\n\n render() {\n const cl = getClassNames([\n 'ld-circular-progress',\n this.brandColor && 'ld-circular-progress--brand-color',\n ])\n\n return (\n \n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"iFAAA,MAAMA,EAAwB,61J,MCYjBC,EAAkB,M,wEAWY,I,kBAMA,E,mFAuBzC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,uBACAC,KAAKC,YAAc,sCAGrB,OACEC,EAACC,EAAI,CACHC,MAAON,EACPO,KAAK,cACLC,MAAKC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACCR,KAAKS,eAAiBC,WAAa,CACrC,kCAAmCV,KAAKS,aAAe,KAErDT,KAAKW,eAAiBD,WAAa,CACrC,kCAAmCV,KAAKW,aAAe,KAErDX,KAAKY,eAAiBF,WAAa,CACrC,kCAAmCV,KAAKY,aAAe,MAI3DV,EAAA,OAAKE,MAAM,+BAA+BS,QAAQ,aAChDX,EAAA,UAAQY,GAAG,IAAIC,GAAG,IAAIC,EAAE,MACxBd,EAAA,UAAQY,GAAG,IAAIC,GAAG,IAAIC,EAAE,OAE1Bd,EAAA,a"} \ No newline at end of file +{"version":3,"names":["ldCircularProgressCss","LdCircularProgress","render","cl","getClassNames","this","brandColor","h","Host","class","role","style","Object","assign","ariaValuemax","undefined","ariaValuemin","ariaValuenow","viewBox","cx","cy","r"],"sources":["../src/liquid/components/ld-circular-progress/ld-circular-progress.css?tag=ld-circular-progress&encapsulation=shadow","../src/liquid/components/ld-circular-progress/ld-circular-progress.tsx"],"sourcesContent":[":host,\n.ld-circular-progress {\n --ld-circular-progress-valuemin: 0;\n --ld-circular-progress-valuemax: 100;\n --ld-circular-progress-valuenow: 0;\n --ld-circular-progress-size: 7.5rem;\n --ld-circular-progress-transition-duration: var(\n --ld-transition-duration-normal\n );\n --ld-circular-progress-stroke-mask: url('data:image/svg+xml;utf8,');\n\n /* colors */\n --ld-circular-progress-bar-col: var(--ld-thm-primary);\n --ld-circular-progress-bar-col-overflow: var(--ld-thm-error);\n --ld-circular-progress-bg-col: var(--ld-col-neutral-100);\n --ld-circular-progress-bg-col-overflow: var(--ld-thm-error);\n --ld-circular-progress-circle-bg-col: var(--ld-circular-progress-bg-col);\n --ld-circular-progress-circle-bg-col-overflow: var(\n --ld-circular-progress-bg-col-overflow\n );\n /* stylelint-disable-next-line number-max-precision */\n --ld-circular-progress-pi: 3.141592653589793;\n --ld-circular-progress-wht-overlay-col: var(--ld-col-wht-alpha-high);\n\n /* computed */\n --ld-circular-progress-calc-valuenow: max(\n 0,\n calc(\n var(--ld-circular-progress-valuenow) -\n var(--ld-circular-progress-valuemin)\n )\n );\n --ld-circular-progress-calc-valuemax: calc(\n var(--ld-circular-progress-valuemax) - var(--ld-circular-progress-valuemin)\n );\n --ld-circular-progress-calc-relative-progress: calc(\n var(--ld-circular-progress-calc-valuenow) /\n var(--ld-circular-progress-calc-valuemax)\n );\n --ld-circular-progress-has-overflow: clamp(\n 0,\n calc(\n (var(--ld-circular-progress-calc-relative-progress) - 1) * 99999999999\n ),\n 1\n );\n\n align-items: center;\n box-sizing: content-box !important;\n display: inline-flex;\n flex-direction: column;\n gap: var(--ld-sp-4);\n height: calc(\n var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * 0.4\n );\n max-width: 100%;\n justify-content: center;\n padding: calc(var(--ld-circular-progress-size) * 0.165)\n calc(var(--ld-circular-progress-size) * 0.2)\n calc(var(--ld-circular-progress-size) * 0.235);\n position: relative;\n width: calc(\n var(--ld-circular-progress-size) - var(--ld-circular-progress-size) * 0.4\n );\n\n &::before,\n &::after {\n content: '';\n inset: 0;\n mask-image: var(--ld-circular-progress-stroke-mask);\n position: absolute;\n transition: opacity var(--ld-circular-progress-transition-duration) linear;\n }\n\n &::before {\n background-color: var(--ld-circular-progress-bg-col);\n opacity: calc(1 - var(--ld-circular-progress-has-overflow));\n }\n\n &::after {\n box-shadow: inset 0 0 0\n calc(var(--ld-circular-progress-has-overflow) * 99rem)\n var(--ld-circular-progress-wht-overlay-col),\n inset 0 0 0 calc(var(--ld-circular-progress-has-overflow) * 99rem)\n var(--ld-circular-progress-bg-col-overflow);\n opacity: var(--ld-circular-progress-has-overflow);\n position: absolute;\n }\n}\n\n:host(.ld-circular-progress--brand-color),\n.ld-circular-progress--brand-color {\n --ld-circular-progress-bar-col: var(--ld-col-wht);\n --ld-circular-progress-bg-col: var(--ld-thm-primary-focus);\n --ld-circular-progress-bg-col-overflow: var(--ld-thm-error-active);\n --ld-circular-progress-wht-overlay-col: var(--ld-col-wht-alpha-low);\n}\n\n/* HACK: Safari 7.1+ */\n/* stylelint-disable selector-type-no-unknown */\n_::-webkit-full-page-media,\n_:future,\n:root {\n --ld-circular-progress-bar-correction: 3.5px;\n}\n/* stylelint-enable selector-type-no-unknown */\n\n.ld-circular-progress__stroke {\n position: absolute;\n inset: 0;\n fill: none;\n mask-image: var(--ld-circular-progress-stroke-mask);\n transform: rotate(-90deg);\n width: 100%; /* required in Safari */\n z-index: 1;\n\n circle {\n transform-origin: center;\n stroke-width: 2.2;\n stroke-dasharray: calc(100 / var(--ld-circular-progress-pi));\n transition: opacity var(--ld-circular-progress-transition-duration) linear,\n stroke-dashoffset var(--ld-circular-progress-transition-duration) ease;\n\n &:first-of-type {\n stroke: var(--ld-circular-progress-bar-col);\n /* Safari does not support a negative stroke dash offset! */\n stroke-dashoffset: calc(\n -1 * min(0px, (\n -100px + var(--ld-circular-progress-calc-relative-progress) * (100px -\n var(--ld-circular-progress-bar-correction, 1px))\n ) / var(--ld-circular-progress-pi))\n );\n opacity: calc(1 - var(--ld-circular-progress-has-overflow));\n }\n &:last-of-type {\n stroke: var(--ld-circular-progress-bar-col-overflow);\n /* Safari does not support a negative stroke dash offset! */\n stroke-dashoffset: calc(\n -1 * max(-100px / var(--ld-circular-progress-pi), min(0px, (\n -100px + (\n var(--ld-circular-progress-calc-relative-progress) - 1\n ) * (100px - var(--ld-circular-progress-bar-correction, 1px))\n ) / var(--ld-circular-progress-pi)))\n );\n opacity: var(--ld-circular-progress-has-overflow);\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-circular-progress',\n styleUrl: 'ld-circular-progress.css',\n shadow: true,\n})\nexport class LdCircularProgress {\n /**\n * Defines the string value or identifies the element (or elements)\n * that label the progressbar element providing an accessible name.\n */\n @Prop({ reflect: true }) ariaLabeledby?: string\n\n /**\n * Set to a decimal value representing the maximum value, and greater\n * than aria-valuemin. If not present, the default value is 100.\n */\n @Prop({ reflect: true }) ariaValuemax? = 100\n\n /**\n * Set to a decimal value representing the minimum value, and less\n * than aria-valuemax. If not present, the default value is 0.\n */\n @Prop({ reflect: true }) ariaValuemin? = 0\n\n /**\n * Only present and required if the value is not indeterminate.\n * Set to a decimal value between 0, or valuemin if present,\n * and aria-valuemax indicating the current value of the progress bar.\n */\n @Prop({ reflect: true }) ariaValuenow?: number\n\n /**\n * Assistive technologies often present the value of aria-valuenow\n * as a percentage. If this would not be accurate use this property\n * to make the progress bar value understandable.\n */\n @Prop({ reflect: true }) ariaValuetext?: string\n\n // `onBrandColor` is not possible: Stencil expects `on*` props to be event handlers.\n /**\n * Styles the progress bar in a way that it looks good on the\n * primary color of the current theme.\n */\n @Prop() brandColor?: boolean\n\n render() {\n const cl = getClassNames([\n 'ld-circular-progress',\n this.brandColor && 'ld-circular-progress--brand-color',\n ])\n\n return (\n \n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"iFAAA,MAAMA,EAAwB,q0I,MCYjBC,EAAkB,M,wEAWY,I,kBAMA,E,mFAuBzC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,uBACAC,KAAKC,YAAc,sCAGrB,OACEC,EAACC,EAAI,CACHC,MAAON,EACPO,KAAK,cACLC,MAAKC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACCR,KAAKS,eAAiBC,WAAa,CACrC,kCAAmCV,KAAKS,aAAe,KAErDT,KAAKW,eAAiBD,WAAa,CACrC,kCAAmCV,KAAKW,aAAe,KAErDX,KAAKY,eAAiBF,WAAa,CACrC,kCAAmCV,KAAKY,aAAe,MAI3DV,EAAA,OAAKE,MAAM,+BAA+BS,QAAQ,aAChDX,EAAA,UAAQY,GAAG,IAAIC,GAAG,IAAIC,EAAE,MACxBd,EAAA,UAAQY,GAAG,IAAIC,GAAG,IAAIC,EAAE,OAE1Bd,EAAA,a"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-8157d479.entry.js b/1704966176737/dist/build/p-8157d479.entry.js new file mode 100644 index 0000000000..300732c5c2 --- /dev/null +++ b/1704966176737/dist/build/p-8157d479.entry.js @@ -0,0 +1,2 @@ +import{r as l,h as e,g as t}from"./p-21a69c18.js";import{c as a}from"./p-71026bf3.js";import{g as d}from"./p-1133c92e.js";const s=':host{display:inline-flex}:host .ld-label{width:100%}.ld-label{--ld-label-column-gap:0.625rem;--ld-label-row-gap:var(--ld-sp-6);--ld-label-col:var(--ld-col-neutral-900);--ld-label-disabled-col:var(--ld-col-neutral-300);align-content:flex-start;color:var(--ld-label-col);display:inline-grid;font:var(--ld-typo-label-s);gap:var(--ld-label-row-gap) 0;max-width:100%}.ld-label--left,.ld-label--right{align-items:center;gap:0 var(--ld-label-column-gap);justify-content:flex-start}.ld-label--left>.ld-checkbox,.ld-label--left>.ld-input,.ld-label--left>.ld-radio,.ld-label--left>.ld-select,.ld-label--left>.ld-toggle,.ld-label--left>::slotted(.ld-checkbox),.ld-label--left>::slotted(.ld-input),.ld-label--left>::slotted(.ld-radio),.ld-label--left>::slotted(.ld-select),.ld-label--left>::slotted(.ld-toggle),.ld-label--right>.ld-checkbox,.ld-label--right>.ld-input,.ld-label--right>.ld-radio,.ld-label--right>.ld-select,.ld-label--right>.ld-toggle,.ld-label--right>::slotted(.ld-checkbox),.ld-label--right>::slotted(.ld-input),.ld-label--right>::slotted(.ld-radio),.ld-label--right>::slotted(.ld-select),.ld-label--right>::slotted(.ld-toggle){align-self:baseline;grid-area:input}.ld-label--left>.ld-input-message,.ld-label--left>::slotted(.ld-input-message),.ld-label--right>.ld-input-message,.ld-label--right>::slotted(.ld-input-message){grid-area:message;margin-top:var(--ld-sp-4)}.ld-label--align-message.ld-label--left>.ld-input-message,.ld-label--align-message.ld-label--left>::slotted(.ld-input-message){grid-column-start:2}.ld-label--align-message.ld-label--right>.ld-input-message,.ld-label--align-message.ld-label--right>::slotted(.ld-input-message){grid-column-end:2}.ld-label--left{grid-template-areas:"label input" "message message";grid-template-columns:1fr auto}.ld-label--right{grid-template-areas:"input label" "message message";grid-template-columns:auto 1fr}.ld-label--m{font:var(--ld-typo-label-m);line-height:1}';const i=class{constructor(e){l(this,e);this.handleClick=async l=>{const e=this.el.querySelector("ld-input, ld-textarea, ld-toggle, ld-select, ld-button, ld-checkbox, ld-radio, input, textarea, button, select");const t=e&&!(l.target===e||e.contains(l.target))&&!e["disabled"];if(t){if("focusInner"in e){await e.focusInner()}else{e.focus()}e.click()}};this.for=undefined;this.alignMessage=undefined;this.position=undefined;this.size=undefined;this.clonedAttributes=undefined}componentWillLoad(){this.attributesObserver=a.call(this,["align-message","position","size"])}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const l=d(["ld-label",this.alignMessage&&"ld-label--align-message",this.position&&`ld-label--${this.position}`,this.size&&`ld-label--${this.size}`]);return e("label",Object.assign({},this.clonedAttributes,{class:l,onClick:this.handleClick,part:"tag"}),e("slot",null))}get el(){return t(this)}};i.style=s;export{i as ld_label}; +//# sourceMappingURL=p-8157d479.entry.js.map \ No newline at end of file diff --git a/dist/build/p-bff13f85.entry.js.map b/1704966176737/dist/build/p-8157d479.entry.js.map similarity index 98% rename from dist/build/p-bff13f85.entry.js.map rename to 1704966176737/dist/build/p-8157d479.entry.js.map index 5f9ca1a69a..f83cd7c50c 100644 --- a/dist/build/p-bff13f85.entry.js.map +++ b/1704966176737/dist/build/p-8157d479.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldLabelCss","LdLabel","this","handleClick","async","event","inputElement","el","querySelector","notClickedInsideNotDisabled","target","contains","focusInner","focus","click","componentWillLoad","attributesObserver","cloneAttributes","call","disconnectedCallback","disconnect","render","cl","getClassNames","alignMessage","position","size","h","Object","assign","clonedAttributes","class","onClick","part"],"sources":["../src/liquid/components/ld-label/ld-label.css?tag=ld-label&encapsulation=shadow","../src/liquid/components/ld-label/ld-label.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n .ld-label {\n width: 100%;\n }\n}\n\n.ld-label {\n /* layout */\n --ld-label-column-gap: 0.625rem;\n --ld-label-row-gap: var(--ld-sp-6);\n\n /* colors */\n --ld-label-col: var(--ld-col-neutral-900);\n --ld-label-disabled-col: var(--ld-col-neutral-300);\n\n color: var(--ld-label-col);\n font: var(--ld-typo-label-s);\n display: inline-grid;\n gap: var(--ld-label-row-gap) 0;\n max-width: 100%;\n align-content: flex-start;\n}\n\n.ld-label--left,\n.ld-label--right {\n justify-content: flex-start;\n align-items: center;\n gap: 0 var(--ld-label-column-gap);\n\n > ::slotted(.ld-checkbox),\n > .ld-checkbox,\n > ::slotted(.ld-radio),\n > .ld-radio,\n > ::slotted(.ld-toggle),\n > .ld-toggle,\n > ::slotted(.ld-input),\n > .ld-input,\n > ::slotted(.ld-select),\n > .ld-select {\n grid-area: input;\n align-self: baseline;\n }\n\n > ::slotted(.ld-input-message),\n > .ld-input-message {\n grid-area: message;\n margin-top: var(--ld-sp-4);\n }\n}\n\n.ld-label--align-message {\n &.ld-label--left {\n > ::slotted(.ld-input-message),\n > .ld-input-message {\n grid-column-start: 2;\n }\n }\n\n &.ld-label--right {\n > ::slotted(.ld-input-message),\n > .ld-input-message {\n grid-column-end: 2;\n }\n }\n}\n\n.ld-label--left {\n grid-template-columns: 1fr auto;\n grid-template-areas:\n 'label input'\n 'message message';\n}\n\n.ld-label--right {\n grid-template-columns: auto 1fr;\n grid-template-areas:\n 'input label'\n 'message message';\n}\n\n.ld-label--m {\n font: var(--ld-typo-label-m);\n line-height: 1;\n}\n","import { Component, Element, h, Prop, State } from '@stencil/core'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part tag - Actual label element\n */\n@Component({\n tag: 'ld-label',\n styleUrl: 'ld-label.css',\n shadow: true,\n})\nexport class LdLabel implements ClonesAttributes {\n @Element() el: HTMLLabelElement\n\n private attributesObserver: MutationObserver\n\n /** Align input message with input position. */\n @Prop() for?: string\n\n /** Align input message with input position. */\n @Prop() alignMessage?: boolean\n\n /** Relative position to labeled element. Default is top. */\n @Prop() position?: 'left' | 'right'\n\n /** Size of the label. Default is small. */\n @Prop() size?: 'm'\n\n @State() clonedAttributes\n\n private handleClick = async (event: MouseEvent) => {\n const inputElement: HTMLElement = this.el.querySelector(\n 'ld-input, ld-textarea, ld-toggle, ld-select, ld-button, ld-checkbox, ld-radio, input, textarea, button, select'\n )\n const notClickedInsideNotDisabled =\n inputElement &&\n !(\n event.target === inputElement ||\n inputElement.contains(event.target as Node)\n ) &&\n !inputElement['disabled']\n\n if (notClickedInsideNotDisabled) {\n if ('focusInner' in inputElement) {\n await (inputElement as unknown as InnerFocusable).focusInner()\n } else {\n inputElement.focus()\n }\n\n inputElement.click()\n }\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, [\n 'align-message',\n 'position',\n 'size',\n ])\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = getClassNames([\n 'ld-label',\n this.alignMessage && 'ld-label--align-message',\n this.position && `ld-label--${this.position}`,\n this.size && `ld-label--${this.size}`,\n ])\n\n return (\n \n \n \n )\n }\n}\n"],"mappings":"0HAAA,MAAMA,EAAa,27D,MCcNC,EAAO,M,yBAmBVC,KAAAC,YAAcC,MAAOC,IAC3B,MAAMC,EAA4BJ,KAAKK,GAAGC,cACxC,kHAEF,MAAMC,EACJH,KAEED,EAAMK,SAAWJ,GACjBA,EAAaK,SAASN,EAAMK,WAE7BJ,EAAa,YAEhB,GAAIG,EAA6B,CAC/B,GAAI,eAAgBH,EAAc,OACzBA,EAA2CM,Y,KAC7C,CACLN,EAAaO,O,CAGfP,EAAaQ,O,8HAIjB,iBAAAC,GACEb,KAAKc,mBAAqBC,EAAgBC,KAAKhB,KAAM,CACnD,gBACA,WACA,Q,CAIJ,oBAAAiB,GAEE,GAAIjB,KAAKc,mBAAoBd,KAAKc,mBAAmBI,Y,CAGvD,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,WACArB,KAAKsB,cAAgB,0BACrBtB,KAAKuB,UAAY,aAAavB,KAAKuB,WACnCvB,KAAKwB,MAAQ,aAAaxB,KAAKwB,SAGjC,OACEC,EAAA,QAAAC,OAAAC,OAAA,GACM3B,KAAK4B,iBAAgB,CACzBC,MAAOT,EACPU,QAAS9B,KAAKC,YACd8B,KAAK,QAELN,EAAA,a"} \ No newline at end of file +{"version":3,"names":["ldLabelCss","LdLabel","this","handleClick","async","event","inputElement","el","querySelector","notClickedInsideNotDisabled","target","contains","focusInner","focus","click","componentWillLoad","attributesObserver","cloneAttributes","call","disconnectedCallback","disconnect","render","cl","getClassNames","alignMessage","position","size","h","Object","assign","clonedAttributes","class","onClick","part"],"sources":["../src/liquid/components/ld-label/ld-label.css?tag=ld-label&encapsulation=shadow","../src/liquid/components/ld-label/ld-label.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n .ld-label {\n width: 100%;\n }\n}\n\n.ld-label {\n /* layout */\n --ld-label-column-gap: 0.625rem;\n --ld-label-row-gap: var(--ld-sp-6);\n\n /* colors */\n --ld-label-col: var(--ld-col-neutral-900);\n --ld-label-disabled-col: var(--ld-col-neutral-300);\n\n color: var(--ld-label-col);\n font: var(--ld-typo-label-s);\n display: inline-grid;\n gap: var(--ld-label-row-gap) 0;\n max-width: 100%;\n align-content: flex-start;\n}\n\n.ld-label--left,\n.ld-label--right {\n justify-content: flex-start;\n align-items: center;\n gap: 0 var(--ld-label-column-gap);\n\n > ::slotted(.ld-checkbox),\n > .ld-checkbox,\n > ::slotted(.ld-radio),\n > .ld-radio,\n > ::slotted(.ld-toggle),\n > .ld-toggle,\n > ::slotted(.ld-input),\n > .ld-input,\n > ::slotted(.ld-select),\n > .ld-select {\n grid-area: input;\n align-self: baseline;\n }\n\n > ::slotted(.ld-input-message),\n > .ld-input-message {\n grid-area: message;\n margin-top: var(--ld-sp-4);\n }\n}\n\n.ld-label--align-message {\n &.ld-label--left {\n > ::slotted(.ld-input-message),\n > .ld-input-message {\n grid-column-start: 2;\n }\n }\n\n &.ld-label--right {\n > ::slotted(.ld-input-message),\n > .ld-input-message {\n grid-column-end: 2;\n }\n }\n}\n\n.ld-label--left {\n grid-template-columns: 1fr auto;\n grid-template-areas:\n 'label input'\n 'message message';\n}\n\n.ld-label--right {\n grid-template-columns: auto 1fr;\n grid-template-areas:\n 'input label'\n 'message message';\n}\n\n.ld-label--m {\n font: var(--ld-typo-label-m);\n line-height: 1;\n}\n","import { Component, Element, h, Prop, State } from '@stencil/core'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part tag - Actual label element\n */\n@Component({\n tag: 'ld-label',\n styleUrl: 'ld-label.css',\n shadow: true,\n})\nexport class LdLabel implements ClonesAttributes {\n @Element() el: HTMLLabelElement\n\n private attributesObserver: MutationObserver\n\n /** Align input message with input position. */\n @Prop() for?: string\n\n /** Align input message with input position. */\n @Prop() alignMessage?: boolean\n\n /** Relative position to labeled element. Default is top. */\n @Prop() position?: 'left' | 'right'\n\n /** Size of the label. Default is small. */\n @Prop() size?: 'm'\n\n @State() clonedAttributes\n\n private handleClick = async (event: MouseEvent) => {\n const inputElement: HTMLElement = this.el.querySelector(\n 'ld-input, ld-textarea, ld-toggle, ld-select, ld-button, ld-checkbox, ld-radio, input, textarea, button, select'\n )\n const notClickedInsideNotDisabled =\n inputElement &&\n !(\n event.target === inputElement ||\n inputElement.contains(event.target as Node)\n ) &&\n !inputElement['disabled']\n\n if (notClickedInsideNotDisabled) {\n if ('focusInner' in inputElement) {\n await (inputElement as unknown as InnerFocusable).focusInner()\n } else {\n inputElement.focus()\n }\n\n inputElement.click()\n }\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, [\n 'align-message',\n 'position',\n 'size',\n ])\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = getClassNames([\n 'ld-label',\n this.alignMessage && 'ld-label--align-message',\n this.position && `ld-label--${this.position}`,\n this.size && `ld-label--${this.size}`,\n ])\n\n return (\n \n \n \n )\n }\n}\n"],"mappings":"0HAAA,MAAMA,EAAa,s4D,MCcNC,EAAO,M,yBAmBVC,KAAAC,YAAcC,MAAOC,IAC3B,MAAMC,EAA4BJ,KAAKK,GAAGC,cACxC,kHAEF,MAAMC,EACJH,KAEED,EAAMK,SAAWJ,GACjBA,EAAaK,SAASN,EAAMK,WAE7BJ,EAAa,YAEhB,GAAIG,EAA6B,CAC/B,GAAI,eAAgBH,EAAc,OACzBA,EAA2CM,Y,KAC7C,CACLN,EAAaO,O,CAGfP,EAAaQ,O,8HAIjB,iBAAAC,GACEb,KAAKc,mBAAqBC,EAAgBC,KAAKhB,KAAM,CACnD,gBACA,WACA,Q,CAIJ,oBAAAiB,GAEE,GAAIjB,KAAKc,mBAAoBd,KAAKc,mBAAmBI,Y,CAGvD,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,WACArB,KAAKsB,cAAgB,0BACrBtB,KAAKuB,UAAY,aAAavB,KAAKuB,WACnCvB,KAAKwB,MAAQ,aAAaxB,KAAKwB,SAGjC,OACEC,EAAA,QAAAC,OAAAC,OAAA,GACM3B,KAAK4B,iBAAgB,CACzBC,MAAOT,EACPU,QAAS9B,KAAKC,YACd8B,KAAK,QAELN,EAAA,a"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-890d5ddc.entry.js b/1704966176737/dist/build/p-890d5ddc.entry.js new file mode 100644 index 0000000000..1f6469b909 --- /dev/null +++ b/1704966176737/dist/build/p-890d5ddc.entry.js @@ -0,0 +1,2 @@ +import{r as t,c as i,h as e,F as s,H as r,g as l}from"./p-21a69c18.js";import{g as d}from"./p-1133c92e.js";import{i as a}from"./p-b05f0e4e.js";const o=':host{--ld-slider-disabled-thumb-box-shadow:0 0 0 #0000;--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-default);--ld-slider-thumb-box-shadow-default:var(--ld-shadow-stacked);--ld-slider-thumb-box-shadow-active:var(--ld-slider-thumb-box-shadow-default),0 0 0 var(--ld-sp-6) var(--ld-thm-primary-alpha-lowest);--ld-slider-thumb-box-shadow-hover:var(--ld-slider-thumb-box-shadow-default),0 0 0 var(--ld-sp-4) var(--ld-thm-primary-alpha-lowest);--ld-slider-thumb-size:var(--ld-slider-thumb-size-md);--ld-slider-thumb-size-sm:var(--ld-sp-24);--ld-slider-thumb-size-md:var(--ld-sp-32);--ld-slider-thumb-size-lg:var(--ld-sp-40);--ld-slider-diff:calc(var(--max) - var(--min));--ld-slider-indicator-size:var(--ld-sp-6);--ld-slider-track-margin:calc((var(--ld-slider-thumb-size) - var(--ld-slider-indicator-size)) / 2 - 0.0625rem);--ld-slider-radius:calc(var(--ld-slider-thumb-size) / 2);--ld-slider-useful-width:calc(var(--ld-slider-width) - var(--ld-slider-thumb-size));--ld-slider-thumb-col:var(--ld-col-wht);--ld-slider-disabled-thumb-col:var(--ld-col-neutral-200);--ld-slider-selected-col:var(--ld-slider-selected-col-default);--ld-slider-selected-col-default:var(--ld-thm-primary);--ld-slider-disabled-selected-col:var(--ld-col-neutral-200);--ld-slider-animation-duration:0s}@media (prefers-reduced-motion:no-preference){:host{--ld-slider-animation-duration:var(--ld-transition-duration-swift)}}:host{display:grid;font:var(--ld-typo-body-xs);grid-template-rows:max-content var(--ld-slider-thumb-size) max-content;min-width:var(--ld-slider-width);pointer-events:none;position:relative;width:var(--ld-slider-width);z-index:0}:host:after,:host:before{align-self:center;background:var(--ld-col-neutral-100);border-radius:var(--ld-slider-radius);content:"";grid-column:1;grid-row:2;height:var(--ld-sp-8);margin:0 var(--ld-slider-track-margin);will-change:transform}:host:after{background:var(--ld-slider-selected-col);cursor:pointer;-webkit-mask:var(--fill);mask:var(--fill);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:auto}:host([aria-disabled=true]),:host([disabled]){--ld-slider-selected-col:var(--ld-slider-disabled-selected-col);--ld-slider-thumb-box-shadow-default:var(\n --ld-slider-disabled-thumb-box-shadow\n );--ld-slider-thumb-col:var(--ld-slider-disabled-thumb-col)}:host([aria-disabled=true]):after,:host([disabled]):after{pointer-events:none}:host([aria-disabled=true]) .ld-slider__input,:host([disabled]) .ld-slider__input{opacity:1}:host([aria-disabled=true]) .ld-slider__input::-webkit-slider-thumb,:host([disabled]) .ld-slider__input::-webkit-slider-thumb{pointer-events:none;transform:scale(calc(2 / 3))}:host([aria-disabled=true]) .ld-slider__input::-moz-range-thumb,:host([disabled]) .ld-slider__input::-moz-range-thumb{pointer-events:none;transform:scale(calc(2 / 3))}:host([aria-disabled=true]) .ld-slider__input:focus+.ld-slider__output--permanent:after,:host([disabled]) .ld-slider__input:focus+.ld-slider__output--permanent:after{color:var(--ld-slider-selected-col-default)}:host([aria-disabled=true]) .ld-slider__input:focus:not(:focus-visible)+.ld-slider__output--permanent:after,:host([disabled]) .ld-slider__input:focus:not(:focus-visible)+.ld-slider__output--permanent:after{color:inherit}:host(.ld-slider--padded){padding-bottom:var(--ld-sp-6)}:host(.ld-slider--sm){--ld-slider-thumb-size:var(--ld-slider-thumb-size-sm)}:host(.ld-slider--lg){--ld-slider-thumb-size:var(--ld-slider-thumb-size-lg)}:host *{--ld-slider-highlighted:0;font:inherit;margin:0}:host .ld-slider__input,:host .ld-slider__input::-webkit-slider-runnable-track,:host .ld-slider__input::-webkit-slider-thumb{-webkit-appearance:none}:host .ld-slider__input{background:none;cursor:grab;grid-column:1;grid-row:2;left:0;top:0;z-index:calc(3 + var(--ld-slider-highlighted))}:host .ld-slider__input::-webkit-slider-runnable-track{background:none;height:100%;width:100%}:host .ld-slider__input::-moz-range-track{background:none;height:100%;width:100%;z-index:2}:host .ld-slider__input::-webkit-slider-thumb{background:var(--ld-slider-thumb-col);border:none;border-radius:var(--ld-br-full);box-shadow:var(--ld-slider-thumb-box-shadow);box-sizing:border-box;height:var(--ld-slider-thumb-size);pointer-events:auto;width:var(--ld-slider-thumb-size);will-change:transform}:host .ld-slider__input::-moz-range-thumb{background:var(--ld-slider-thumb-col);border:none;border-radius:var(--ld-br-full);box-shadow:var(--ld-slider-thumb-box-shadow);box-sizing:border-box;height:var(--ld-slider-thumb-size);pointer-events:auto;width:var(--ld-slider-thumb-size);will-change:transform}:host .ld-slider__input:active,:host .ld-slider__input:focus-visible{outline:none}:host .ld-slider__input:active+output,:host .ld-slider__input:focus-visible+output{--ld-slider-highlighted:1}:host .ld-slider__input:focus,:host .ld-slider__input:hover{--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-hover)}:host .ld-slider__input:active{--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-active);cursor:grabbing;outline:none;z-index:4}:host .ld-slider__input:not(:active):not(:focus-visible):not(:hover){--ld-slider-thumb-box-shadow:var(--ld-slider-thumb-box-shadow-default)}:host .ld-slider__indicator,:host .ld-slider__output,:host .ld-slider__value-label{grid-column:1;left:calc((var(--now) - var(--min)) / var(--ld-slider-diff) * var(--ld-slider-useful-width) + var(--ld-slider-radius));max-width:max-content;position:relative}:host .ld-slider__indicator{aspect-ratio:1;-webkit-backdrop-filter:brightness(.6) invert(1) hue-rotate(180deg);backdrop-filter:brightness(.6) invert(1) hue-rotate(180deg);border-radius:var(--ld-br-full);grid-row:2;height:var(--ld-slider-indicator-size);opacity:.5;top:var(--ld-slider-radius);transform:translate(-50%,-50%);z-index:1}:host .ld-slider__value-label{grid-row:3;transform:translate(-50%)}:host .ld-slider__value-label--first{left:var(--ld-slider-track-margin);transform:none}:host .ld-slider__value-label--last{left:auto;position:absolute;right:var(--ld-slider-track-margin);transform:none}:host .ld-slider__output{color:var(--ld-col-wht);content:counter(now) var(--unit);counter-reset:now var(--now);font-weight:700;grid-row:1;margin-bottom:var(--ld-sp-16);opacity:var(--ld-slider-highlighted);transform:translate(-50%) scale(max(.8,var(--ld-slider-highlighted)));transition:opacity var(--ld-slider-animation-duration) ease-out,transform var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output:before{background:var(--ld-slider-selected-col);border-radius:var(--ld-br-m);content:"";inset:0;position:absolute;z-index:-1}:host .ld-slider__output:after{content:counter(now) var(--unit);counter-reset:now var(--now);display:block;padding:0 var(--ld-sp-6)}:host .ld-slider__output--permanent{color:var(--ld-slider-selected-col);opacity:1;transform:translate(-50%,calc((var(--ld-slider-highlighted) - 1) * var(--ld-sp-12) * -1));transition:transform var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output--permanent:before{opacity:var(--ld-slider-highlighted);transition:opacity var(--ld-slider-animation-duration) ease-out}:host .ld-slider__output--permanent:after{filter:invert(var(--ld-slider-highlighted)) grayscale(var(--ld-slider-highlighted)) contrast(max(1,calc(4 * var(--ld-slider-highlighted))))}';const n=(t,i)=>t.length?t.reduce(((t,e)=>Math.abs(e-i)n(t.filter((t=>t>i)),i);const u=(t,i)=>n(t.filter((t=>t{if(t.composedPath()[0]!==this.el){return}const i=getComputedStyle(this.el,"after");const e=Number.parseInt(getComputedStyle(this.el).paddingLeft)||0;const s=Number.parseInt(i.marginLeft)||0;const r=Number.parseInt(i.width);const l=t.offsetX-e-s;const d=Math.round(l/r*(this.max-this.min))+this.min;const a=[...this.values];const o=a.indexOf(n(a,d));const h=this.getCorrectedValue(d,o,a);a.splice(o,1,h);this.value=a.join(",")};this.handleInput=(t,i)=>{const e=t.target;if(a(this.ariaDisabled)){e.value=String(this.values[i]);return}const s=Number.parseInt(e.value,10);const r=[...this.values];const l=this.getCorrectedValue(s,i,r,true);r[i]=l;if(l!==s){e.value=String(l)}const d=r.join(",");if(this.value!==d){this.value=r.join(",")}};this.handleKeyDown=(t,i)=>{const e=t.target;if(a(this.ariaDisabled)){e.value=String(this.values[i]);return}const s=Number.parseInt(e.value,10);const r=[...this.values];let l;if(this.stops&&!this.snapOffset){switch(t.key){case"ArrowDown":case"ArrowLeft":l=u(this.steps,s);break;case"ArrowRight":case"ArrowUp":l=h(this.steps,s)}}else if(this.snapOffset){switch(t.key){case"ArrowDown":case"ArrowLeft":l=s-1;break;case"ArrowRight":case"ArrowUp":l=s+1}}if(l===undefined){return}t.preventDefault();const d=this.getCorrectedValue(l,i,r);if(d===s){return}r[i]=d;e.value=String(d);const o=r.join(",");if(this.value!==o){this.value=r.join(",")}};this.getCorrectedValue=(t,i,e,s=false)=>{const r=e[i-1];const l=e[i+1];if(tthis.max){return this.max}if(!this.swappable&&r>t){return r}if(!this.swappable&&lt<=i+this.snapOffset&&t>=i-this.snapOffset));return i!==null&&i!==void 0?i:t}if(this.steps.length&&this.snapOffset===undefined){return n(this.steps,t)}return t};this.validateValue=(t,i,e)=>t===this.getCorrectedValue(t,i,e);this.correctValues=t=>{const i=t.map(this.getCorrectedValue);if(!i.every(this.validateValue)){return this.correctValues(i)}return i};this.updateValues=(t=false)=>{const i=String(this.value).split(",").map((t=>Number.parseInt(t,10)));if(!i.every(this.validateValue)){if(t){this.value=this.correctValues(i).join(",")}return false}this.values=i;return true};this.ariaDisabled=undefined;this.disabled=false;this.hideStopLabels=false;this.hideValueLabels=false;this.hideValues=false;this.indicators=false;this.labelFrom="From";this.labelTo="To";this.labelValue="Value";this.max=100;this.min=0;this.negative=false;this.size=undefined;this.snapOffset=undefined;this.step=undefined;this.stops=undefined;this.swappable=false;this.ldTabindex=undefined;this.unit=undefined;this.value=this.min;this.width="100%";this.valueLabels=[];this.steps=[];this.values=[]}async focusInner(){var t;(t=this.firstSliderRef)===null||t===void 0?void 0:t.focus({preventScroll:true})}updateState(){this.steps=this.stops?[this.min,...this.stops.split(",").map((t=>Number.parseInt(t,10))),this.max]:this.step?Array(Math.floor((this.max-this.min)/this.step)+1).fill(this.min).map(((t,i)=>t+i*this.step)):[];this.valueLabels=this.stops?[...this.steps]:[this.min,this.max]}handleValueChange(){const t=this.updateValues();if(t){this.ldchange.emit(this.values)}}componentWillLoad(){this.updateState();this.updateValues(true)}render(){const t=this.values.reduce(((t,i,e)=>{t[`--value${e}`]=i;return t}),{});return e(r,{class:d(["ld-slider",this.hideValueLabels&&"ld-slider--padded",this.size&&`ld-slider--${this.size}`]),onClick:this.handleTrackClick,role:"group",style:Object.assign(Object.assign({},t),{"--ld-slider-width":this.width,"--min":String(this.min),"--max":String(this.max),"--fill":(this.negative?`\nlinear-gradient(\n 90deg,\n red 100%,\n transparent 0\n),`:"")+this.values.map(((t,i)=>`\nlinear-gradient(\n 90deg,\n red\n calc(\n var(--ld-slider-radius) - var(--ld-slider-track-margin) +\n (var(--value${i}) - var(--min)) / var(--ld-slider-diff) *\n (var(--ld-slider-useful-width)${this.width==="100%"?" + 2 * var(--ld-slider-track-margin)":""})\n ),\n transparent 0\n)`)).join(",")})},this.values.map(((t,i)=>{var r;return e(s,null,e("ld-sr-only",{id:`${this.idPrefix}-label-${i}`,key:`label-${i}`,part:"label"},this.values.length===2?i===0?this.labelFrom:this.labelTo:`${this.labelValue} ${i+1}`),e("input",{"aria-disabled":this.disabled||a(this.ariaDisabled)?"true":undefined,"aria-labelledby":`${this.idPrefix}-label-${i}`,"aria-valuetext":this.unit?t+this.unit:undefined,class:"ld-slider__input",disabled:this.disabled,id:`${this.idPrefix}-value-${i}`,key:`input-${i}`,max:this.max,min:this.min,onInput:t=>this.handleInput(t,i),onKeyDown:t=>this.handleKeyDown(t,i),part:"input focusable",ref:i===0?t=>{this.firstSliderRef=t}:undefined,step:this.snapOffset!==undefined?undefined:this.step,style:t===this.max&&this.values[i-1]===this.max?{zIndex:"2"}:undefined,tabindex:this.ldTabindex,type:"range",value:t}),e("output",{class:d(["ld-slider__output",!this.hideValues&&"ld-slider__output--permanent"]),htmlFor:`${this.idPrefix}-value-${i}`,key:`output-${i}`,part:"output",style:{"--now":`var(--value${i})`,"--unit":`"${(r=this.unit)!==null&&r!==void 0?r:""}"`}}))})),this.indicators&&this.steps.map((t=>e("div",{class:"ld-slider__indicator",key:`indicator-${t}`,part:"indicator",style:{"--now":String(t)}}))),!this.hideValueLabels&&this.valueLabels.map(((t,i)=>(i===0||i===this.valueLabels.length-1||!this.hideStopLabels)&&e("div",{class:d(["ld-slider__value-label",i===0&&"ld-slider__value-label--first",i===this.valueLabels.length-1&&"ld-slider__value-label--last"]),key:`value-label-${t}`,part:"value-label",style:{"--now":String(t)}},t,this.unit))))}get el(){return l(this)}static get watchers(){return{max:["updateState"],min:["updateState"],step:["updateState"],stops:["updateState"],value:["handleValueChange"]}}};b.style=o;export{b as ld_slider}; +//# sourceMappingURL=p-890d5ddc.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-5a913e48.entry.js.map b/1704966176737/dist/build/p-890d5ddc.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-5a913e48.entry.js.map rename to 1704966176737/dist/build/p-890d5ddc.entry.js.map index d4f7eb5d84..f4849ed78e 100644 --- a/1704894792450/dist/build/p-5a913e48.entry.js.map +++ b/1704966176737/dist/build/p-890d5ddc.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldSliderShadowCss","findClosest","items","currValue","length","reduce","prevItem","item","Math","abs","findNext","filter","findPrev","sliderCount","LdSlider","this","idPrefix","handleTrackClick","ev","composedPath","el","afterStyles","getComputedStyle","paddingLeft","Number","parseInt","marginLeft","trackWidth","width","clickPosition","offsetX","newValue","round","max","min","values","index","indexOf","correctedValue","getCorrectedValue","splice","value","join","handleInput","target","isAriaDisabled","ariaDisabled","String","handleKeyDown","prevValue","stops","snapOffset","key","steps","undefined","preventDefault","snap","nextValue","swappable","stepToSnapTo","find","step","validateValue","correctValues","correctedValues","map","every","updateValues","autoCorrectValues","split","focusInner","_a","firstSliderRef","focus","preventScroll","updateState","valueLabel","Array","floor","fill","valueLabels","handleValueChange","success","ldchange","emit","componentWillLoad","render","cssValues","prev","curr","h","Host","class","getClassNames","hideValueLabels","size","onClick","role","style","Object","assign","negative","_","Fragment","id","part","labelFrom","labelTo","labelValue","disabled","unit","onInput","onKeyDown","ref","zIndex","tabindex","ldTabindex","type","hideValues","htmlFor","indicators","hideStopLabels"],"sources":["../src/liquid/components/ld-slider/ld-slider.shadow.css?tag=ld-slider&encapsulation=shadow","../src/liquid/components/ld-slider/ld-slider.tsx"],"sourcesContent":["@define-mixin ld-slider-track {\n width: 100%;\n height: 100%;\n background: none;\n}\n@define-mixin ld-slider-thumb {\n background: var(--ld-slider-thumb-col);\n border-radius: var(--ld-br-full);\n border: none;\n box-shadow: var(--ld-slider-thumb-box-shadow);\n box-sizing: border-box;\n height: var(--ld-slider-thumb-size);\n pointer-events: auto;\n width: var(--ld-slider-thumb-size);\n will-change: transform;\n}\n\n:host {\n /* thumbs shadow/outline */\n --ld-slider-disabled-thumb-box-shadow: 0 0 0 transparent;\n --ld-slider-thumb-box-shadow: var(--ld-slider-thumb-box-shadow-default);\n --ld-slider-thumb-box-shadow-default: var(--ld-shadow-stacked);\n --ld-slider-thumb-box-shadow-active: var(--ld-slider-thumb-box-shadow-default),\n 0 0 0 var(--ld-sp-6) var(--ld-thm-primary-alpha-lowest);\n --ld-slider-thumb-box-shadow-hover: var(--ld-slider-thumb-box-shadow-default),\n 0 0 0 var(--ld-sp-4) var(--ld-thm-primary-alpha-lowest);\n\n /* thumb size */\n --ld-slider-thumb-size: var(--ld-slider-thumb-size-md);\n --ld-slider-thumb-size-sm: var(--ld-sp-24);\n --ld-slider-thumb-size-md: var(--ld-sp-32);\n --ld-slider-thumb-size-lg: var(--ld-sp-40);\n\n /* positioning */\n --ld-slider-diff: calc(var(--max) - var(--min));\n --ld-slider-indicator-size: var(--ld-sp-6);\n --ld-slider-track-margin: calc(\n (var(--ld-slider-thumb-size) - var(--ld-slider-indicator-size)) / 2 -\n 0.0625rem\n );\n --ld-slider-radius: calc(var(--ld-slider-thumb-size) / 2);\n --ld-slider-useful-width: calc(\n var(--ld-slider-width) - var(--ld-slider-thumb-size)\n );\n\n /* colors */\n --ld-slider-thumb-col: var(--ld-col-wht);\n --ld-slider-disabled-thumb-col: var(--ld-col-neutral-200);\n --ld-slider-selected-col: var(--ld-slider-selected-col-default);\n --ld-slider-selected-col-default: var(--ld-thm-primary);\n --ld-slider-disabled-selected-col: var(--ld-col-neutral-200);\n\n /* animations */\n --ld-slider-animation-duration: 0s;\n\n @media (prefers-reduced-motion: no-preference) {\n --ld-slider-animation-duration: var(--ld-transition-duration-swift);\n }\n\n display: grid;\n font: var(--ld-typo-body-xs);\n grid-template-rows: max-content var(--ld-slider-thumb-size) max-content;\n pointer-events: none;\n position: relative;\n min-width: var(--ld-slider-width);\n width: var(--ld-slider-width);\n z-index: 0;\n\n &::after,\n &::before {\n grid-column: 1;\n grid-row: 2;\n border-radius: var(--ld-slider-radius);\n background: var(--ld-col-neutral-100);\n content: '';\n align-self: center;\n height: var(--ld-sp-8);\n margin: 0 var(--ld-slider-track-margin);\n will-change: transform;\n }\n\n &::after {\n background: var(--ld-slider-selected-col);\n cursor: pointer;\n mask: var(--fill);\n mask-composite: exclude;\n pointer-events: auto;\n }\n\n &([disabled]),\n &([aria-disabled=true]) {\n --ld-slider-selected-col: var(--ld-slider-disabled-selected-col);\n --ld-slider-thumb-box-shadow-default: var(\n --ld-slider-disabled-thumb-box-shadow\n );\n --ld-slider-thumb-col: var(--ld-slider-disabled-thumb-col);\n\n &::after {\n pointer-events: none;\n }\n\n .ld-slider__input {\n opacity: 1; /* iOS Safari fix */\n\n &::-webkit-slider-thumb {\n pointer-events: none;\n transform: scale(calc(2 / 3));\n }\n &::-moz-range-thumb {\n pointer-events: none;\n transform: scale(calc(2 / 3));\n }\n\n &:focus + .ld-slider__output--permanent::after {\n color: var(--ld-slider-selected-col-default);\n }\n\n &:focus:not(:focus-visible) + .ld-slider__output--permanent::after {\n color: inherit;\n }\n }\n }\n\n &(.ld-slider--padded) {\n padding-bottom: var(--ld-sp-6);\n }\n\n &(.ld-slider--sm) {\n --ld-slider-thumb-size: var(--ld-slider-thumb-size-sm);\n }\n\n &(.ld-slider--lg) {\n --ld-slider-thumb-size: var(--ld-slider-thumb-size-lg);\n }\n\n & * {\n --ld-slider-highlighted: 0;\n margin: 0;\n font: inherit;\n }\n\n .ld-slider__input {\n &::-webkit-slider-runnable-track,\n &::-webkit-slider-thumb,\n & {\n -webkit-appearance: none;\n }\n\n background: none;\n /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n cursor: grab;\n grid-column: 1;\n grid-row: 2;\n left: 0;\n top: 0;\n z-index: calc(3 + var(--ld-slider-highlighted));\n\n &::-webkit-slider-runnable-track {\n @mixin ld-slider-track;\n }\n &::-moz-range-track {\n @mixin ld-slider-track;\n z-index: 2;\n }\n\n &::-webkit-slider-thumb {\n @mixin ld-slider-thumb;\n }\n &::-moz-range-thumb {\n @mixin ld-slider-thumb;\n }\n\n &:active,\n &:focus-visible {\n outline: none;\n\n & + output {\n --ld-slider-highlighted: 1;\n }\n }\n\n &:focus,\n &:hover {\n --ld-slider-thumb-box-shadow: var(--ld-slider-thumb-box-shadow-hover);\n }\n\n &:active {\n --ld-slider-thumb-box-shadow: var(--ld-slider-thumb-box-shadow-active);\n /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n cursor: grabbing;\n outline: none;\n z-index: 4;\n }\n\n &:not(:active, :focus-visible, :hover) {\n --ld-slider-thumb-box-shadow: var(--ld-slider-thumb-box-shadow-default);\n }\n }\n\n .ld-slider__indicator,\n .ld-slider__value-label,\n .ld-slider__output {\n grid-column: 1;\n left: calc(\n (var(--now) - var(--min)) / var(--ld-slider-diff) *\n var(--ld-slider-useful-width) + var(--ld-slider-radius)\n );\n max-width: max-content;\n position: relative;\n }\n\n .ld-slider__indicator {\n aspect-ratio: 1;\n backdrop-filter: brightness(0.6) invert(1) hue-rotate(180deg);\n border-radius: var(--ld-br-full);\n grid-row: 2;\n height: var(--ld-slider-indicator-size);\n opacity: 0.5;\n top: var(--ld-slider-radius);\n transform: translate(-50%, -50%);\n z-index: 1;\n }\n\n .ld-slider__value-label {\n grid-row: 3;\n transform: translate(-50%);\n\n &--first {\n left: var(--ld-slider-track-margin);\n transform: none;\n }\n\n &--last {\n left: auto;\n position: absolute;\n right: var(--ld-slider-track-margin);\n transform: none;\n }\n }\n\n .ld-slider__output {\n font-weight: 700;\n grid-row: 1;\n opacity: var(--ld-slider-highlighted);\n transform: translate(-50%) scale(max(0.8, var(--ld-slider-highlighted)));\n transition: opacity var(--ld-slider-animation-duration) ease-out,\n transform var(--ld-slider-animation-duration) ease-out;\n color: var(--ld-col-wht);\n content: counter(now) var(--unit);\n counter-reset: now var(--now);\n margin-bottom: var(--ld-sp-16);\n\n &::before {\n background: var(--ld-slider-selected-col);\n border-radius: var(--ld-br-m);\n content: '';\n inset: 0;\n position: absolute;\n z-index: -1;\n }\n\n &::after {\n content: counter(now) var(--unit);\n counter-reset: now var(--now);\n display: block;\n padding: 0 var(--ld-sp-6);\n }\n\n &--permanent {\n color: var(--ld-slider-selected-col);\n opacity: 1;\n transform: translate(\n -50%,\n calc((var(--ld-slider-highlighted) - 1) * var(--ld-sp-12) * -1)\n );\n transition: transform var(--ld-slider-animation-duration) ease-out;\n\n &::before {\n opacity: var(--ld-slider-highlighted);\n transition: opacity var(--ld-slider-animation-duration) ease-out;\n }\n\n &::after {\n filter: invert(var(--ld-slider-highlighted))\n grayscale(var(--ld-slider-highlighted))\n contrast(max(1, calc(4 * var(--ld-slider-highlighted))));\n }\n }\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n Host,\n h,\n Prop,\n State,\n Watch,\n Method,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\nconst findClosest = (items: number[], currValue: number) =>\n items.length\n ? items.reduce((prevItem, item) =>\n Math.abs(item - currValue) < Math.abs(prevItem - currValue)\n ? item\n : prevItem\n )\n : currValue\n\nconst findNext = (items: number[], currValue: number) =>\n findClosest(\n items.filter((item) => item > currValue),\n currValue\n )\n\nconst findPrev = (items: number[], currValue: number) =>\n findClosest(\n items.filter((item) => item < currValue),\n currValue\n )\n\nlet sliderCount = 0\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part indicator - Stop/step indicator div elements\n * @part input - `input` elements\n * @part label - `ld-sr-only` elements labelling an input\n * @part output - `output` elements\n * @part value-label - `div` element containing the max/min/stops values + unit\n */\n@Component({\n tag: 'ld-slider',\n styleUrl: 'ld-slider.shadow.css',\n shadow: true,\n})\nexport class LdSlider implements InnerFocusable {\n @Element() el: HTMLLdSliderElement\n private firstSliderRef?: HTMLInputElement\n private idPrefix = `ld-slider-${++sliderCount}`\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n /** Disabled state of the slider */\n @Prop() disabled? = false\n /** Prevents rendering of the stop labels below the slider */\n @Prop() hideStopLabels? = false\n /** Prevents rendering of the value labels below the slider */\n @Prop() hideValueLabels? = false\n /** Makes the current values only visible on interaction */\n @Prop() hideValues? = false\n /** Specifies the legal number intervals */\n @Prop() indicators? = false\n /** \"From\" value label (when exactly 2 values are given) */\n @Prop() labelFrom? = 'From'\n /** \"To\" value label (when exactly 2 values are given) */\n @Prop() labelTo? = 'To'\n /** \"Value\" label (when exactly 2 values are given) */\n @Prop() labelValue? = 'Value'\n /** Specifies the maximum value allowed */\n @Prop() max? = 100\n /** Specifies the minimum value allowed */\n @Prop() min? = 0\n /** Swap which areas are being marked as selected and deselected */\n @Prop() negative? = false\n /** Size of the thumb(s). */\n @Prop() size?: 'sm' | 'lg'\n /** Offset inside which a thumb snaps to a stop point */\n @Prop() snapOffset?: number\n /** Specifies the legal number intervals */\n @Prop() step?: number\n /** Adds custom stop points to the slider (instead of steps) */\n @Prop() stops?: string\n /** Allows swapping of thumbs */\n @Prop() swappable? = false\n /** Tab index of the input(s). */\n @Prop() ldTabindex?: number\n /** Adds custom stop points to the slider (instead of steps) */\n @Prop() unit?: string\n /** Specifies the default value */\n @Prop({ mutable: true, reflect: true }) value?: string | number | number[] =\n this.min\n /** Width of the slider */\n @Prop() width? = '100%'\n\n @State() valueLabels: number[] = []\n @State() steps: number[] = []\n @State() values: number[] = []\n\n @Event() ldchange: EventEmitter\n\n /** Focuses the toggle */\n @Method()\n async focusInner() {\n this.firstSliderRef?.focus({ preventScroll: true })\n }\n\n handleTrackClick = (ev: PointerEvent) => {\n if (ev.composedPath()[0] !== this.el) {\n return\n }\n\n const afterStyles = getComputedStyle(this.el, 'after')\n const paddingLeft =\n Number.parseInt(getComputedStyle(this.el).paddingLeft) || 0\n const marginLeft = Number.parseInt(afterStyles.marginLeft) || 0\n const trackWidth = Number.parseInt(afterStyles.width)\n const clickPosition = ev.offsetX - paddingLeft - marginLeft\n const newValue =\n Math.round((clickPosition / trackWidth) * (this.max - this.min)) +\n this.min\n const values = [...this.values]\n const index = values.indexOf(findClosest(values, newValue))\n const correctedValue = this.getCorrectedValue(newValue, index, values)\n\n values.splice(index, 1, correctedValue)\n this.value = values.join(',')\n }\n\n handleInput = (ev: Event, index: number) => {\n const target = ev.target as HTMLInputElement\n\n if (isAriaDisabled(this.ariaDisabled)) {\n target.value = String(this.values[index])\n return\n }\n\n const currValue = Number.parseInt(target.value, 10)\n const values = [...this.values]\n const correctedValue = this.getCorrectedValue(\n currValue,\n index,\n values,\n true\n )\n\n values[index] = correctedValue\n\n if (correctedValue !== currValue) {\n target.value = String(correctedValue)\n }\n\n const newValue = values.join(',')\n\n if (this.value !== newValue) {\n this.value = values.join(',')\n }\n }\n\n handleKeyDown = (ev: KeyboardEvent, index: number) => {\n const target = ev.target as HTMLInputElement\n\n if (isAriaDisabled(this.ariaDisabled)) {\n target.value = String(this.values[index])\n return\n }\n\n const prevValue = Number.parseInt(target.value, 10)\n const values = [...this.values]\n let currValue: number\n\n if (this.stops && !this.snapOffset) {\n switch (ev.key) {\n case 'ArrowDown':\n case 'ArrowLeft':\n currValue = findPrev(this.steps, prevValue)\n break\n case 'ArrowRight':\n case 'ArrowUp':\n currValue = findNext(this.steps, prevValue)\n }\n } else if (this.snapOffset) {\n switch (ev.key) {\n case 'ArrowDown':\n case 'ArrowLeft':\n currValue = prevValue - 1\n break\n case 'ArrowRight':\n case 'ArrowUp':\n currValue = prevValue + 1\n }\n }\n\n if (currValue === undefined) {\n return\n }\n\n ev.preventDefault()\n const correctedValue = this.getCorrectedValue(currValue, index, values)\n\n if (correctedValue === prevValue) {\n return\n }\n\n values[index] = correctedValue\n target.value = String(correctedValue)\n\n const newValue = values.join(',')\n\n if (this.value !== newValue) {\n this.value = values.join(',')\n }\n }\n\n getCorrectedValue = (\n currValue: number,\n index: number,\n values: number[],\n snap = false\n ) => {\n const prevValue = values[index - 1]\n const nextValue = values[index + 1]\n\n if (currValue < this.min) {\n return this.min\n }\n\n if (currValue > this.max) {\n return this.max\n }\n\n if (!this.swappable && prevValue > currValue) {\n return prevValue\n }\n\n if (!this.swappable && nextValue < currValue) {\n return nextValue\n }\n\n if (snap && this.snapOffset !== undefined) {\n const stepToSnapTo = this.steps.find(\n (step) =>\n currValue <= step + this.snapOffset &&\n currValue >= step - this.snapOffset\n )\n\n return stepToSnapTo ?? currValue\n }\n\n if (this.steps.length && this.snapOffset === undefined) {\n return findClosest(this.steps, currValue)\n }\n\n return currValue\n }\n\n validateValue = (currValue: number, index: number, values: number[]) =>\n currValue === this.getCorrectedValue(currValue, index, values)\n\n @Watch('max')\n @Watch('min')\n @Watch('step')\n @Watch('stops')\n updateState() {\n this.steps = this.stops\n ? [\n this.min,\n ...this.stops\n .split(',')\n .map((valueLabel) => Number.parseInt(valueLabel, 10)),\n this.max,\n ]\n : this.step\n ? Array(Math.floor((this.max - this.min) / this.step) + 1)\n .fill(this.min)\n .map((min, index) => min + index * this.step)\n : []\n\n this.valueLabels = this.stops ? [...this.steps] : [this.min, this.max]\n }\n\n @Watch('value')\n handleValueChange() {\n const success = this.updateValues()\n\n if (success) {\n this.ldchange.emit(this.values)\n }\n }\n\n correctValues = (values: number[]) => {\n const correctedValues = values.map(this.getCorrectedValue)\n\n if (!correctedValues.every(this.validateValue)) {\n return this.correctValues(correctedValues)\n }\n\n return correctedValues\n }\n\n updateValues = (autoCorrectValues = false) => {\n const values = String(this.value)\n .split(',')\n .map((value) => Number.parseInt(value, 10))\n\n if (!values.every(this.validateValue)) {\n if (autoCorrectValues) {\n this.value = this.correctValues(values).join(',')\n }\n return false\n }\n\n this.values = values\n return true\n }\n\n componentWillLoad() {\n this.updateState()\n this.updateValues(true)\n }\n\n render() {\n const cssValues = this.values.reduce>(\n (prev, curr, index) => {\n prev[`--value${index}`] = curr\n return prev\n },\n {}\n )\n\n return (\n `\nlinear-gradient(\n 90deg,\n red\n calc(\n var(--ld-slider-radius) - var(--ld-slider-track-margin) +\n (var(--value${index}) - var(--min)) / var(--ld-slider-diff) *\n (var(--ld-slider-useful-width)${\n this.width === '100%' ? ' + 2 * var(--ld-slider-track-margin)' : ''\n })\n ),\n transparent 0\n)`\n )\n .join(','),\n }}\n >\n {this.values.map((value, index) => (\n <>\n \n {this.values.length === 2\n ? index === 0\n ? this.labelFrom\n : this.labelTo\n : `${this.labelValue} ${index + 1}`}\n \n this.handleInput(ev, index)}\n onKeyDown={(ev) => this.handleKeyDown(ev, index)}\n part=\"input focusable\"\n ref={\n index === 0\n ? (ref) => {\n this.firstSliderRef = ref\n }\n : undefined\n }\n step={this.snapOffset !== undefined ? undefined : this.step}\n style={\n // prevents that thumb is not movable, when swappable prop is not set\n value === this.max && this.values[index - 1] === this.max\n ? {\n zIndex: '2',\n }\n : undefined\n }\n tabindex={this.ldTabindex}\n type=\"range\"\n value={value}\n />\n \n \n ))}\n {this.indicators &&\n this.steps.map((step) => (\n \n ))}\n {!this.hideValueLabels &&\n this.valueLabels.map(\n (valueLabel, index) =>\n (index === 0 ||\n index === this.valueLabels.length - 1 ||\n !this.hideStopLabels) && (\n \n {valueLabel}\n {this.unit}\n \n )\n )}\n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["ldSliderShadowCss","findClosest","items","currValue","length","reduce","prevItem","item","Math","abs","findNext","filter","findPrev","sliderCount","LdSlider","this","idPrefix","handleTrackClick","ev","composedPath","el","afterStyles","getComputedStyle","paddingLeft","Number","parseInt","marginLeft","trackWidth","width","clickPosition","offsetX","newValue","round","max","min","values","index","indexOf","correctedValue","getCorrectedValue","splice","value","join","handleInput","target","isAriaDisabled","ariaDisabled","String","handleKeyDown","prevValue","stops","snapOffset","key","steps","undefined","preventDefault","snap","nextValue","swappable","stepToSnapTo","find","step","validateValue","correctValues","correctedValues","map","every","updateValues","autoCorrectValues","split","focusInner","_a","firstSliderRef","focus","preventScroll","updateState","valueLabel","Array","floor","fill","valueLabels","handleValueChange","success","ldchange","emit","componentWillLoad","render","cssValues","prev","curr","h","Host","class","getClassNames","hideValueLabels","size","onClick","role","style","Object","assign","negative","_","Fragment","id","part","labelFrom","labelTo","labelValue","disabled","unit","onInput","onKeyDown","ref","zIndex","tabindex","ldTabindex","type","hideValues","htmlFor","indicators","hideStopLabels"],"sources":["../src/liquid/components/ld-slider/ld-slider.shadow.css?tag=ld-slider&encapsulation=shadow","../src/liquid/components/ld-slider/ld-slider.tsx"],"sourcesContent":["@define-mixin ld-slider-track {\n width: 100%;\n height: 100%;\n background: none;\n}\n@define-mixin ld-slider-thumb {\n background: var(--ld-slider-thumb-col);\n border-radius: var(--ld-br-full);\n border: none;\n box-shadow: var(--ld-slider-thumb-box-shadow);\n box-sizing: border-box;\n height: var(--ld-slider-thumb-size);\n pointer-events: auto;\n width: var(--ld-slider-thumb-size);\n will-change: transform;\n}\n\n:host {\n /* thumbs shadow/outline */\n --ld-slider-disabled-thumb-box-shadow: 0 0 0 transparent;\n --ld-slider-thumb-box-shadow: var(--ld-slider-thumb-box-shadow-default);\n --ld-slider-thumb-box-shadow-default: var(--ld-shadow-stacked);\n --ld-slider-thumb-box-shadow-active: var(--ld-slider-thumb-box-shadow-default),\n 0 0 0 var(--ld-sp-6) var(--ld-thm-primary-alpha-lowest);\n --ld-slider-thumb-box-shadow-hover: var(--ld-slider-thumb-box-shadow-default),\n 0 0 0 var(--ld-sp-4) var(--ld-thm-primary-alpha-lowest);\n\n /* thumb size */\n --ld-slider-thumb-size: var(--ld-slider-thumb-size-md);\n --ld-slider-thumb-size-sm: var(--ld-sp-24);\n --ld-slider-thumb-size-md: var(--ld-sp-32);\n --ld-slider-thumb-size-lg: var(--ld-sp-40);\n\n /* positioning */\n --ld-slider-diff: calc(var(--max) - var(--min));\n --ld-slider-indicator-size: var(--ld-sp-6);\n --ld-slider-track-margin: calc(\n (var(--ld-slider-thumb-size) - var(--ld-slider-indicator-size)) / 2 -\n 0.0625rem\n );\n --ld-slider-radius: calc(var(--ld-slider-thumb-size) / 2);\n --ld-slider-useful-width: calc(\n var(--ld-slider-width) - var(--ld-slider-thumb-size)\n );\n\n /* colors */\n --ld-slider-thumb-col: var(--ld-col-wht);\n --ld-slider-disabled-thumb-col: var(--ld-col-neutral-200);\n --ld-slider-selected-col: var(--ld-slider-selected-col-default);\n --ld-slider-selected-col-default: var(--ld-thm-primary);\n --ld-slider-disabled-selected-col: var(--ld-col-neutral-200);\n\n /* animations */\n --ld-slider-animation-duration: 0s;\n\n @media (prefers-reduced-motion: no-preference) {\n --ld-slider-animation-duration: var(--ld-transition-duration-swift);\n }\n\n display: grid;\n font: var(--ld-typo-body-xs);\n grid-template-rows: max-content var(--ld-slider-thumb-size) max-content;\n pointer-events: none;\n position: relative;\n min-width: var(--ld-slider-width);\n width: var(--ld-slider-width);\n z-index: 0;\n\n &::after,\n &::before {\n grid-column: 1;\n grid-row: 2;\n border-radius: var(--ld-slider-radius);\n background: var(--ld-col-neutral-100);\n content: '';\n align-self: center;\n height: var(--ld-sp-8);\n margin: 0 var(--ld-slider-track-margin);\n will-change: transform;\n }\n\n &::after {\n background: var(--ld-slider-selected-col);\n cursor: pointer;\n mask: var(--fill);\n mask-composite: exclude;\n pointer-events: auto;\n }\n\n &([disabled]),\n &([aria-disabled=true]) {\n --ld-slider-selected-col: var(--ld-slider-disabled-selected-col);\n --ld-slider-thumb-box-shadow-default: var(\n --ld-slider-disabled-thumb-box-shadow\n );\n --ld-slider-thumb-col: var(--ld-slider-disabled-thumb-col);\n\n &::after {\n pointer-events: none;\n }\n\n .ld-slider__input {\n opacity: 1; /* iOS Safari fix */\n\n &::-webkit-slider-thumb {\n pointer-events: none;\n transform: scale(calc(2 / 3));\n }\n &::-moz-range-thumb {\n pointer-events: none;\n transform: scale(calc(2 / 3));\n }\n\n &:focus + .ld-slider__output--permanent::after {\n color: var(--ld-slider-selected-col-default);\n }\n\n &:focus:not(:focus-visible) + .ld-slider__output--permanent::after {\n color: inherit;\n }\n }\n }\n\n &(.ld-slider--padded) {\n padding-bottom: var(--ld-sp-6);\n }\n\n &(.ld-slider--sm) {\n --ld-slider-thumb-size: var(--ld-slider-thumb-size-sm);\n }\n\n &(.ld-slider--lg) {\n --ld-slider-thumb-size: var(--ld-slider-thumb-size-lg);\n }\n\n & * {\n --ld-slider-highlighted: 0;\n margin: 0;\n font: inherit;\n }\n\n .ld-slider__input {\n &::-webkit-slider-runnable-track,\n &::-webkit-slider-thumb,\n & {\n -webkit-appearance: none;\n }\n\n background: none;\n /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n cursor: grab;\n grid-column: 1;\n grid-row: 2;\n left: 0;\n top: 0;\n z-index: calc(3 + var(--ld-slider-highlighted));\n\n &::-webkit-slider-runnable-track {\n @mixin ld-slider-track;\n }\n &::-moz-range-track {\n @mixin ld-slider-track;\n z-index: 2;\n }\n\n &::-webkit-slider-thumb {\n @mixin ld-slider-thumb;\n }\n &::-moz-range-thumb {\n @mixin ld-slider-thumb;\n }\n\n &:active,\n &:focus-visible {\n outline: none;\n\n & + output {\n --ld-slider-highlighted: 1;\n }\n }\n\n &:focus,\n &:hover {\n --ld-slider-thumb-box-shadow: var(--ld-slider-thumb-box-shadow-hover);\n }\n\n &:active {\n --ld-slider-thumb-box-shadow: var(--ld-slider-thumb-box-shadow-active);\n /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n cursor: grabbing;\n outline: none;\n z-index: 4;\n }\n\n &:not(:active, :focus-visible, :hover) {\n --ld-slider-thumb-box-shadow: var(--ld-slider-thumb-box-shadow-default);\n }\n }\n\n .ld-slider__indicator,\n .ld-slider__value-label,\n .ld-slider__output {\n grid-column: 1;\n left: calc(\n (var(--now) - var(--min)) / var(--ld-slider-diff) *\n var(--ld-slider-useful-width) + var(--ld-slider-radius)\n );\n max-width: max-content;\n position: relative;\n }\n\n .ld-slider__indicator {\n aspect-ratio: 1;\n backdrop-filter: brightness(0.6) invert(1) hue-rotate(180deg);\n border-radius: var(--ld-br-full);\n grid-row: 2;\n height: var(--ld-slider-indicator-size);\n opacity: 0.5;\n top: var(--ld-slider-radius);\n transform: translate(-50%, -50%);\n z-index: 1;\n }\n\n .ld-slider__value-label {\n grid-row: 3;\n transform: translate(-50%);\n\n &--first {\n left: var(--ld-slider-track-margin);\n transform: none;\n }\n\n &--last {\n left: auto;\n position: absolute;\n right: var(--ld-slider-track-margin);\n transform: none;\n }\n }\n\n .ld-slider__output {\n font-weight: 700;\n grid-row: 1;\n opacity: var(--ld-slider-highlighted);\n transform: translate(-50%) scale(max(0.8, var(--ld-slider-highlighted)));\n transition: opacity var(--ld-slider-animation-duration) ease-out,\n transform var(--ld-slider-animation-duration) ease-out;\n color: var(--ld-col-wht);\n content: counter(now) var(--unit);\n counter-reset: now var(--now);\n margin-bottom: var(--ld-sp-16);\n\n &::before {\n background: var(--ld-slider-selected-col);\n border-radius: var(--ld-br-m);\n content: '';\n inset: 0;\n position: absolute;\n z-index: -1;\n }\n\n &::after {\n content: counter(now) var(--unit);\n counter-reset: now var(--now);\n display: block;\n padding: 0 var(--ld-sp-6);\n }\n\n &--permanent {\n color: var(--ld-slider-selected-col);\n opacity: 1;\n transform: translate(\n -50%,\n calc((var(--ld-slider-highlighted) - 1) * var(--ld-sp-12) * -1)\n );\n transition: transform var(--ld-slider-animation-duration) ease-out;\n\n &::before {\n opacity: var(--ld-slider-highlighted);\n transition: opacity var(--ld-slider-animation-duration) ease-out;\n }\n\n &::after {\n filter: invert(var(--ld-slider-highlighted))\n grayscale(var(--ld-slider-highlighted))\n contrast(max(1, calc(4 * var(--ld-slider-highlighted))));\n }\n }\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n Host,\n h,\n Prop,\n State,\n Watch,\n Method,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\nconst findClosest = (items: number[], currValue: number) =>\n items.length\n ? items.reduce((prevItem, item) =>\n Math.abs(item - currValue) < Math.abs(prevItem - currValue)\n ? item\n : prevItem\n )\n : currValue\n\nconst findNext = (items: number[], currValue: number) =>\n findClosest(\n items.filter((item) => item > currValue),\n currValue\n )\n\nconst findPrev = (items: number[], currValue: number) =>\n findClosest(\n items.filter((item) => item < currValue),\n currValue\n )\n\nlet sliderCount = 0\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part indicator - Stop/step indicator div elements\n * @part input - `input` elements\n * @part label - `ld-sr-only` elements labelling an input\n * @part output - `output` elements\n * @part value-label - `div` element containing the max/min/stops values + unit\n */\n@Component({\n tag: 'ld-slider',\n styleUrl: 'ld-slider.shadow.css',\n shadow: true,\n})\nexport class LdSlider implements InnerFocusable {\n @Element() el: HTMLLdSliderElement\n private firstSliderRef?: HTMLInputElement\n private idPrefix = `ld-slider-${++sliderCount}`\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n /** Disabled state of the slider */\n @Prop() disabled? = false\n /** Prevents rendering of the stop labels below the slider */\n @Prop() hideStopLabels? = false\n /** Prevents rendering of the value labels below the slider */\n @Prop() hideValueLabels? = false\n /** Makes the current values only visible on interaction */\n @Prop() hideValues? = false\n /** Specifies the legal number intervals */\n @Prop() indicators? = false\n /** \"From\" value label (when exactly 2 values are given) */\n @Prop() labelFrom? = 'From'\n /** \"To\" value label (when exactly 2 values are given) */\n @Prop() labelTo? = 'To'\n /** \"Value\" label (when exactly 2 values are given) */\n @Prop() labelValue? = 'Value'\n /** Specifies the maximum value allowed */\n @Prop() max? = 100\n /** Specifies the minimum value allowed */\n @Prop() min? = 0\n /** Swap which areas are being marked as selected and deselected */\n @Prop() negative? = false\n /** Size of the thumb(s). */\n @Prop() size?: 'sm' | 'lg'\n /** Offset inside which a thumb snaps to a stop point */\n @Prop() snapOffset?: number\n /** Specifies the legal number intervals */\n @Prop() step?: number\n /** Adds custom stop points to the slider (instead of steps) */\n @Prop() stops?: string\n /** Allows swapping of thumbs */\n @Prop() swappable? = false\n /** Tab index of the input(s). */\n @Prop() ldTabindex?: number\n /** Adds custom stop points to the slider (instead of steps) */\n @Prop() unit?: string\n /** Specifies the default value */\n @Prop({ mutable: true, reflect: true }) value?: string | number | number[] =\n this.min\n /** Width of the slider */\n @Prop() width? = '100%'\n\n @State() valueLabels: number[] = []\n @State() steps: number[] = []\n @State() values: number[] = []\n\n @Event() ldchange: EventEmitter\n\n /** Focuses the toggle */\n @Method()\n async focusInner() {\n this.firstSliderRef?.focus({ preventScroll: true })\n }\n\n handleTrackClick = (ev: PointerEvent) => {\n if (ev.composedPath()[0] !== this.el) {\n return\n }\n\n const afterStyles = getComputedStyle(this.el, 'after')\n const paddingLeft =\n Number.parseInt(getComputedStyle(this.el).paddingLeft) || 0\n const marginLeft = Number.parseInt(afterStyles.marginLeft) || 0\n const trackWidth = Number.parseInt(afterStyles.width)\n const clickPosition = ev.offsetX - paddingLeft - marginLeft\n const newValue =\n Math.round((clickPosition / trackWidth) * (this.max - this.min)) +\n this.min\n const values = [...this.values]\n const index = values.indexOf(findClosest(values, newValue))\n const correctedValue = this.getCorrectedValue(newValue, index, values)\n\n values.splice(index, 1, correctedValue)\n this.value = values.join(',')\n }\n\n handleInput = (ev: Event, index: number) => {\n const target = ev.target as HTMLInputElement\n\n if (isAriaDisabled(this.ariaDisabled)) {\n target.value = String(this.values[index])\n return\n }\n\n const currValue = Number.parseInt(target.value, 10)\n const values = [...this.values]\n const correctedValue = this.getCorrectedValue(\n currValue,\n index,\n values,\n true\n )\n\n values[index] = correctedValue\n\n if (correctedValue !== currValue) {\n target.value = String(correctedValue)\n }\n\n const newValue = values.join(',')\n\n if (this.value !== newValue) {\n this.value = values.join(',')\n }\n }\n\n handleKeyDown = (ev: KeyboardEvent, index: number) => {\n const target = ev.target as HTMLInputElement\n\n if (isAriaDisabled(this.ariaDisabled)) {\n target.value = String(this.values[index])\n return\n }\n\n const prevValue = Number.parseInt(target.value, 10)\n const values = [...this.values]\n let currValue: number\n\n if (this.stops && !this.snapOffset) {\n switch (ev.key) {\n case 'ArrowDown':\n case 'ArrowLeft':\n currValue = findPrev(this.steps, prevValue)\n break\n case 'ArrowRight':\n case 'ArrowUp':\n currValue = findNext(this.steps, prevValue)\n }\n } else if (this.snapOffset) {\n switch (ev.key) {\n case 'ArrowDown':\n case 'ArrowLeft':\n currValue = prevValue - 1\n break\n case 'ArrowRight':\n case 'ArrowUp':\n currValue = prevValue + 1\n }\n }\n\n if (currValue === undefined) {\n return\n }\n\n ev.preventDefault()\n const correctedValue = this.getCorrectedValue(currValue, index, values)\n\n if (correctedValue === prevValue) {\n return\n }\n\n values[index] = correctedValue\n target.value = String(correctedValue)\n\n const newValue = values.join(',')\n\n if (this.value !== newValue) {\n this.value = values.join(',')\n }\n }\n\n getCorrectedValue = (\n currValue: number,\n index: number,\n values: number[],\n snap = false\n ) => {\n const prevValue = values[index - 1]\n const nextValue = values[index + 1]\n\n if (currValue < this.min) {\n return this.min\n }\n\n if (currValue > this.max) {\n return this.max\n }\n\n if (!this.swappable && prevValue > currValue) {\n return prevValue\n }\n\n if (!this.swappable && nextValue < currValue) {\n return nextValue\n }\n\n if (snap && this.snapOffset !== undefined) {\n const stepToSnapTo = this.steps.find(\n (step) =>\n currValue <= step + this.snapOffset &&\n currValue >= step - this.snapOffset\n )\n\n return stepToSnapTo ?? currValue\n }\n\n if (this.steps.length && this.snapOffset === undefined) {\n return findClosest(this.steps, currValue)\n }\n\n return currValue\n }\n\n validateValue = (currValue: number, index: number, values: number[]) =>\n currValue === this.getCorrectedValue(currValue, index, values)\n\n @Watch('max')\n @Watch('min')\n @Watch('step')\n @Watch('stops')\n updateState() {\n this.steps = this.stops\n ? [\n this.min,\n ...this.stops\n .split(',')\n .map((valueLabel) => Number.parseInt(valueLabel, 10)),\n this.max,\n ]\n : this.step\n ? Array(Math.floor((this.max - this.min) / this.step) + 1)\n .fill(this.min)\n .map((min, index) => min + index * this.step)\n : []\n\n this.valueLabels = this.stops ? [...this.steps] : [this.min, this.max]\n }\n\n @Watch('value')\n handleValueChange() {\n const success = this.updateValues()\n\n if (success) {\n this.ldchange.emit(this.values)\n }\n }\n\n correctValues = (values: number[]) => {\n const correctedValues = values.map(this.getCorrectedValue)\n\n if (!correctedValues.every(this.validateValue)) {\n return this.correctValues(correctedValues)\n }\n\n return correctedValues\n }\n\n updateValues = (autoCorrectValues = false) => {\n const values = String(this.value)\n .split(',')\n .map((value) => Number.parseInt(value, 10))\n\n if (!values.every(this.validateValue)) {\n if (autoCorrectValues) {\n this.value = this.correctValues(values).join(',')\n }\n return false\n }\n\n this.values = values\n return true\n }\n\n componentWillLoad() {\n this.updateState()\n this.updateValues(true)\n }\n\n render() {\n const cssValues = this.values.reduce>(\n (prev, curr, index) => {\n prev[`--value${index}`] = curr\n return prev\n },\n {}\n )\n\n return (\n `\nlinear-gradient(\n 90deg,\n red\n calc(\n var(--ld-slider-radius) - var(--ld-slider-track-margin) +\n (var(--value${index}) - var(--min)) / var(--ld-slider-diff) *\n (var(--ld-slider-useful-width)${\n this.width === '100%' ? ' + 2 * var(--ld-slider-track-margin)' : ''\n })\n ),\n transparent 0\n)`\n )\n .join(','),\n }}\n >\n {this.values.map((value, index) => (\n <>\n \n {this.values.length === 2\n ? index === 0\n ? this.labelFrom\n : this.labelTo\n : `${this.labelValue} ${index + 1}`}\n \n this.handleInput(ev, index)}\n onKeyDown={(ev) => this.handleKeyDown(ev, index)}\n part=\"input focusable\"\n ref={\n index === 0\n ? (ref) => {\n this.firstSliderRef = ref\n }\n : undefined\n }\n step={this.snapOffset !== undefined ? undefined : this.step}\n style={\n // prevents that thumb is not movable, when swappable prop is not set\n value === this.max && this.values[index - 1] === this.max\n ? {\n zIndex: '2',\n }\n : undefined\n }\n tabindex={this.ldTabindex}\n type=\"range\"\n value={value}\n />\n \n \n ))}\n {this.indicators &&\n this.steps.map((step) => (\n \n ))}\n {!this.hideValueLabels &&\n this.valueLabels.map(\n (valueLabel, index) =>\n (index === 0 ||\n index === this.valueLabels.length - 1 ||\n !this.hideStopLabels) && (\n \n {valueLabel}\n {this.unit}\n \n )\n )}\n \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-8dc70a87.js b/1704966176737/dist/build/p-8dc70a87.js similarity index 100% rename from 1704894792450/dist/build/p-8dc70a87.js rename to 1704966176737/dist/build/p-8dc70a87.js diff --git a/1704894792450/dist/build/p-8dc70a87.js.map b/1704966176737/dist/build/p-8dc70a87.js.map similarity index 100% rename from 1704894792450/dist/build/p-8dc70a87.js.map rename to 1704966176737/dist/build/p-8dc70a87.js.map diff --git a/1704894792450/dist/build/p-94719925.entry.js b/1704966176737/dist/build/p-94719925.entry.js similarity index 100% rename from 1704894792450/dist/build/p-94719925.entry.js rename to 1704966176737/dist/build/p-94719925.entry.js diff --git a/1704894792450/dist/build/p-94719925.entry.js.map b/1704966176737/dist/build/p-94719925.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-94719925.entry.js.map rename to 1704966176737/dist/build/p-94719925.entry.js.map diff --git a/1704894792450/dist/build/p-98010be8.js b/1704966176737/dist/build/p-98010be8.js similarity index 100% rename from 1704894792450/dist/build/p-98010be8.js rename to 1704966176737/dist/build/p-98010be8.js diff --git a/1704894792450/dist/build/p-98010be8.js.map b/1704966176737/dist/build/p-98010be8.js.map similarity index 100% rename from 1704894792450/dist/build/p-98010be8.js.map rename to 1704966176737/dist/build/p-98010be8.js.map diff --git a/1704966176737/dist/build/p-9833ecb4.entry.js b/1704966176737/dist/build/p-9833ecb4.entry.js new file mode 100644 index 0000000000..1a2c6f7d3e --- /dev/null +++ b/1704966176737/dist/build/p-9833ecb4.entry.js @@ -0,0 +1,2 @@ +import{r as e,c as d,h as a,H as i,g as o}from"./p-21a69c18.js";import{c}from"./p-71026bf3.js";import{g as l}from"./p-1133c92e.js";import{r as t}from"./p-8dc70a87.js";import{i as h}from"./p-b05f0e4e.js";const s='.ld-checkbox,:host{--ld-checkbox-size:1.25rem;--ld-checkbox-bg-col:var(--ld-col-wht);--ld-checkbox-bg-col-hover:var(--ld-col-neutral-010);--ld-checkbox-bg-col-active:var(--ld-col-neutral-050);--ld-checkbox-disabled-col:var(--ld-col-neutral-300);--ld-checkbox-disabled-bg-col:var(--ld-col-neutral-100);--ld-checkbox-dark-bg-col:var(--ld-col-neutral-050);--ld-checkbox-dark-bg-col-hover:var(--ld-col-neutral-100);--ld-checkbox-dark-bg-col-active:var(--ld-col-neutral-300);--ld-checkbox-checked-col:var(--ld-col-wht);--ld-checkbox-checked-col-active:var(--ld-col-wht);--ld-checkbox-col:var(--ld-thm-primary);--ld-checkbox-col-hover:var(--ld-thm-primary-hover);--ld-checkbox-col-active:var(--ld-thm-primary-active);--ld-checkbox-col-focus:var(--ld-thm-primary-focus);--ld-checkbox-invalid-col:var(--ld-thm-error);--ld-checkbox-invalid-col-hover:var(--ld-thm-error-hover);--ld-checkbox-invalid-col-focus:var(--ld-thm-error-focus);--ld-checkbox-invalid-col-active:var(--ld-thm-error-active);--ld-checkbox-warn-col:var(--ld-thm-warning);--ld-checkbox-warn-col-hover:var(--ld-thm-warning-hover);--ld-checkbox-warn-col-focus:var(--ld-thm-warning-focus);--ld-checkbox-warn-col-active:var(--ld-thm-warning-active);--ld-checkbox-warn-checked-col:var(--ld-thm-warning-active);--ld-checkbox-warn-checked-col-active:var(--ld-thm-warning-hover);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--ld-checkbox-size);min-width:auto!important;position:relative;width:var(--ld-checkbox-size)}.ld-checkbox input,:host input{-webkit-appearance:none;appearance:none;background-color:initial;height:100%;inset:0;margin:0;position:absolute;width:100%;z-index:1}.ld-checkbox input:checked~.ld-checkbox__check,:host input:checked~.ld-checkbox__check{visibility:inherit}.ld-checkbox input:indeterminate~.ld-checkbox__box:before,:host input:indeterminate~.ld-checkbox__box:before{border-radius:var(--ld-sp-2);box-shadow:inherit;content:"";height:var(--ld-sp-2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1}.ld-checkbox input:where(:disabled)~.ld-checkbox__check,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__check,:host input:where(:disabled)~.ld-checkbox__check,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__check{color:var(--ld-checkbox-disabled-col)}.ld-checkbox input:where(:disabled)~.ld-checkbox__box,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__box,:host input:where(:disabled)~.ld-checkbox__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-checkbox__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-disabled-bg-col)}.ld-checkbox input:where(:disabled):checked~.ld-checkbox__box,.ld-checkbox input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-checkbox__box,:host input:where(:disabled):checked~.ld-checkbox__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-checkbox__box{background-color:var(--ld-checkbox-disabled-bg-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__check{color:var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-checkbox__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-checkbox__box,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__check{color:var(--ld-checkbox-checked-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-checkbox__box{background-color:var(--ld-checkbox-col);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__check{color:var(--ld-checkbox-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-checkbox__box{background-color:var(--ld-checkbox-col-focus);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__check,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__check,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__check{color:var(--ld-checkbox-checked-col-active)}.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__box,.ld-checkbox input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-checkbox__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-checkbox__box{background-color:var(--ld-checkbox-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col)}@media (hover:hover){.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-checkbox__box{background-color:var(--ld-checkbox-bg-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__check,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__check{color:var(--ld-checkbox-checked-col)}.ld-checkbox :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-checkbox__box{background-color:var(--ld-checkbox-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover)}}.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col)}@media (hover:hover){.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col-hover)}}.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-checkbox__box,.ld-checkbox.ld-checkbox--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-checkbox__box,:host(.ld-checkbox.ld-checkbox--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-checkbox__box{background-color:var(--ld-checkbox-dark-bg-col-active)}.ld-checkbox__check{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;z-index:1}.ld-checkbox__box{height:100%;pointer-events:none;position:absolute;width:100%}.ld-checkbox,.ld-checkbox__box,:host{border-radius:var(--ld-br-m)}.ld-checkbox--highlight,:host(.ld-checkbox--highlight){--ld-checkbox-col:var(--ld-checkbox-warn-col);--ld-checkbox-col-hover:var(--ld-checkbox-warn-col-hover);--ld-checkbox-col-focus:var(--ld-checkbox-warn-col-focus);--ld-checkbox-col-active:var(--ld-checkbox-warn-col-active);--ld-checkbox-checked-col:var(--ld-checkbox-warn-checked-col);--ld-checkbox-checked-col-active:var(--ld-checkbox-warn-checked-col-active)}.ld-checkbox--danger,.ld-checkbox--invalid,:host(.ld-checkbox--danger),:host(.ld-checkbox--invalid){--ld-checkbox-col:var(--ld-checkbox-invalid-col);--ld-checkbox-col-hover:var(--ld-checkbox-invalid-col-hover);--ld-checkbox-col-active:var(--ld-checkbox-invalid-col-active);--ld-checkbox-col-focus:var(--ld-checkbox-invalid-col-focus)}';const r=class{constructor(a){e(this,a);this.ldchange=d(this,"ldchange",7);this.ldinput=d(this,"ldinput",7);this.handleChange=e=>{this.el.dispatchEvent(new InputEvent("change",e));this.ldchange.emit(this.checked)};this.handleClick=e=>{if(this.disabled||h(this.el.ariaDisabled)){e.preventDefault();return}this.checked=!this.checked;if(!e.isTrusted){this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true}));this.handleInput();this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.ldchange.emit(this.checked)}};this.handleInput=()=>{this.ldinput.emit(this.checked)};this.ariaDisabled=undefined;this.autofocus=undefined;this.checked=false;this.disabled=undefined;this.form=undefined;this.indeterminate=undefined;this.invalid=undefined;this.ldTabindex=undefined;this.mode=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.tone=undefined;this.value=undefined;this.clonedAttributes=undefined}async focusInner(){if(this.input!==undefined){this.input.focus()}}updateIndeterminate(){this.indeterminate=undefined}updateHiddenInput(){const e=this.el.closest("form");if(!this.hiddenInput&&this.name&&(e||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(!this.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}this.hiddenInput.name=this.name;this.hiddenInput.checked=this.checked;if(this.value){this.hiddenInput.value=this.value}else{this.hiddenInput.removeAttribute("value")}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(e){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="checkbox";this.hiddenInput.style.visibility="hidden";this.hiddenInput.style.position="absolute";this.hiddenInput.style.pointerEvents="none";this.el.appendChild(this.hiddenInput)}componentWillLoad(){this.attributesObserver=c.call(this,["tone","mode"]);const e=this.el.closest("form");if(this.name&&(e||this.form)){this.createHiddenInput();this.hiddenInput.checked=this.checked;this.hiddenInput.name=this.name;if(this.form){this.hiddenInput.setAttribute("form",this.form)}if(this.value){this.hiddenInput.value=this.value}}t(this.autofocus)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const e=["ld-checkbox",this.mode&&`ld-checkbox--${this.mode}`,this.tone&&`ld-checkbox--${this.tone}`,this.invalid&&"ld-checkbox--invalid"];return a(i,{part:"root",class:l(e),onClick:this.handleClick},a("input",Object.assign({type:"checkbox"},this.clonedAttributes,{checked:this.checked,disabled:this.disabled,indeterminate:this.indeterminate,onChange:this.handleChange,onInput:this.handleInput,part:"input focusable",ref:e=>this.input=e,tabIndex:this.ldTabindex,value:this.value})),a("svg",{class:"ld-checkbox__check",part:"check",width:"14",height:"14",fill:"none",viewBox:"0 0 14 14"},a("path",{d:"M12 4L5.40795 10L2 6.63964",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"})),a("div",{class:"ld-checkbox__box",part:"box"}))}get el(){return o(this)}static get watchers(){return{checked:["updateIndeterminate","updateHiddenInput"],form:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"]}}};r.style=s;export{r as ld_checkbox}; +//# sourceMappingURL=p-9833ecb4.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-16163f05.entry.js.map b/1704966176737/dist/build/p-9833ecb4.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-16163f05.entry.js.map rename to 1704966176737/dist/build/p-9833ecb4.entry.js.map index 21cb0f1d84..5fc7862375 100644 --- a/1704894792450/dist/build/p-16163f05.entry.js.map +++ b/1704966176737/dist/build/p-9833ecb4.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldCheckboxCss","LdCheckbox","this","handleChange","ev","el","dispatchEvent","InputEvent","ldchange","emit","checked","handleClick","disabled","isAriaDisabled","ariaDisabled","preventDefault","isTrusted","bubbles","composed","handleInput","ldinput","focusInner","input","undefined","focus","updateIndeterminate","indeterminate","updateHiddenInput","outerForm","closest","hiddenInput","name","form","createHiddenInput","remove","value","removeAttribute","setAttribute","getAttribute","document","createElement","type","style","visibility","position","pointerEvents","appendChild","componentWillLoad","attributesObserver","cloneAttributes","call","registerAutofocus","autofocus","disconnectedCallback","disconnect","render","cl","mode","tone","invalid","h","Host","part","class","getClassNames","onClick","Object","assign","clonedAttributes","onChange","onInput","ref","tabIndex","ldTabindex","width","height","fill","viewBox","d","stroke"],"sources":["../src/liquid/components/ld-checkbox/ld-checkbox.css?tag=ld-checkbox&encapsulation=shadow","../src/liquid/components/ld-checkbox/ld-checkbox.tsx"],"sourcesContent":[":host,\n.ld-checkbox {\n /* layout */\n --ld-checkbox-size: 1.25rem;\n\n /* colors */\n --ld-checkbox-bg-col: var(--ld-col-wht);\n --ld-checkbox-bg-col-hover: var(--ld-col-neutral-010);\n --ld-checkbox-bg-col-active: var(--ld-col-neutral-050);\n --ld-checkbox-disabled-col: var(--ld-col-neutral-300);\n --ld-checkbox-disabled-bg-col: var(--ld-col-neutral-100);\n --ld-checkbox-dark-bg-col: var(--ld-col-neutral-050);\n --ld-checkbox-dark-bg-col-hover: var(--ld-col-neutral-100);\n --ld-checkbox-dark-bg-col-active: var(--ld-col-neutral-300);\n --ld-checkbox-checked-col: var(--ld-col-wht);\n --ld-checkbox-checked-col-active: var(--ld-col-wht);\n\n /* themable colors */\n --ld-checkbox-col: var(--ld-thm-primary);\n --ld-checkbox-col-hover: var(--ld-thm-primary-hover);\n --ld-checkbox-col-active: var(--ld-thm-primary-active);\n --ld-checkbox-col-focus: var(--ld-thm-primary-focus);\n --ld-checkbox-invalid-col: var(--ld-thm-error);\n --ld-checkbox-invalid-col-hover: var(--ld-thm-error-hover);\n --ld-checkbox-invalid-col-focus: var(--ld-thm-error-focus);\n --ld-checkbox-invalid-col-active: var(--ld-thm-error-active);\n --ld-checkbox-warn-col: var(--ld-thm-warning);\n --ld-checkbox-warn-col-hover: var(--ld-thm-warning-hover);\n --ld-checkbox-warn-col-focus: var(--ld-thm-warning-focus);\n --ld-checkbox-warn-col-active: var(--ld-thm-warning-active);\n --ld-checkbox-warn-checked-col: var(--ld-thm-warning-active);\n --ld-checkbox-warn-checked-col-active: var(--ld-thm-warning-hover);\n\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n width: var(--ld-checkbox-size);\n height: var(--ld-checkbox-size);\n min-width: auto !important;\n box-sizing: border-box;\n\n input {\n appearance: none;\n background-color: transparent; /* Required for Mobile Sarari */\n height: 100%;\n inset: 0;\n margin: 0;\n position: absolute;\n width: 100%;\n z-index: 1;\n\n &:checked {\n ~ .ld-checkbox__check {\n visibility: inherit;\n }\n }\n\n &:indeterminate {\n ~ .ld-checkbox__box::before {\n content: '';\n position: absolute;\n width: 50%;\n height: var(--ld-sp-2);\n border-radius: var(--ld-sp-2);\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n box-shadow: inherit;\n z-index: 1;\n }\n }\n\n &:where(:disabled),\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-disabled-col);\n }\n ~ .ld-checkbox__box {\n background-color: transparent;\n box-shadow: inset 0 0 0 var(--ld-sp-2)\n var(--ld-checkbox-disabled-bg-col);\n }\n\n &:checked {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-disabled-bg-col);\n }\n }\n }\n\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n cursor: pointer;\n\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-col-active);\n }\n ~ .ld-checkbox__box {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col);\n }\n\n &:focus:focus-visible {\n ~ .ld-checkbox__box {\n background-color: transparent;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus);\n }\n }\n &:active,\n &:active:focus-visible {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-bg-col-active);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active);\n }\n }\n\n &:checked {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-checked-col);\n }\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-col);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col);\n }\n\n &:focus:focus-visible {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-col-active);\n }\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-col-focus);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus);\n }\n }\n &:active,\n &:active:focus-visible {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-checked-col-active);\n }\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-col-active);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active);\n }\n }\n }\n }\n }\n\n :where(\n input:not(\n :disabled,\n input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-bg-col);\n }\n\n @media (hover: hover) {\n &:hover {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-bg-col-hover);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover);\n }\n\n &:checked {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-checked-col);\n }\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-col-hover);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover);\n }\n }\n }\n }\n }\n}\n\n.ld-checkbox.ld-checkbox--dark,\n:host(.ld-checkbox.ld-checkbox--dark) {\n :where(input) {\n &:not(\n :disabled,\n input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n :checked\n ) {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-dark-bg-col);\n }\n\n @media (hover: hover) {\n &:hover {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-dark-bg-col-hover);\n }\n }\n }\n\n &:active,\n &:active:focus-visible {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-dark-bg-col-active);\n }\n }\n }\n }\n}\n\n.ld-checkbox__check {\n visibility: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n z-index: 1;\n}\n\n.ld-checkbox__box {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n:host,\n.ld-checkbox,\n.ld-checkbox__box {\n border-radius: var(--ld-br-m);\n}\n\n:host(.ld-checkbox--highlight),\n.ld-checkbox--highlight {\n --ld-checkbox-col: var(--ld-checkbox-warn-col);\n --ld-checkbox-col-hover: var(--ld-checkbox-warn-col-hover);\n --ld-checkbox-col-focus: var(--ld-checkbox-warn-col-focus);\n --ld-checkbox-col-active: var(--ld-checkbox-warn-col-active);\n --ld-checkbox-checked-col: var(--ld-checkbox-warn-checked-col);\n --ld-checkbox-checked-col-active: var(--ld-checkbox-warn-checked-col-active);\n}\n\n:host(.ld-checkbox--invalid),\n:host(.ld-checkbox--danger),\n.ld-checkbox--invalid,\n.ld-checkbox--danger {\n --ld-checkbox-col: var(--ld-checkbox-invalid-col);\n --ld-checkbox-col-hover: var(--ld-checkbox-invalid-col-hover);\n --ld-checkbox-col-active: var(--ld-checkbox-invalid-col-active);\n --ld-checkbox-col-focus: var(--ld-checkbox-invalid-col-focus);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part input - Actual input element\n */\n@Component({\n tag: 'ld-checkbox',\n styleUrl: 'ld-checkbox.css',\n shadow: true,\n})\nexport class LdCheckbox implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLInputElement\n\n private attributesObserver: MutationObserver\n\n private input: HTMLInputElement\n private hiddenInput: HTMLInputElement\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Indicates whether the checkbox is checked. */\n @Prop({ mutable: true }) checked? = false\n\n /** Disabled state of the checkbox. */\n @Prop() disabled?: boolean\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /**\n * Set this property to `true` to indicate that the checkbox's value is neither true nor false.\n * The prop is removed automatically as soon as the checkbox is clicked (if not disabled).\n */\n @Prop({ mutable: true }) indeterminate?: boolean\n\n /** Set this property to `true` in order to mark the checkbox visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** Display mode. */\n @Prop() mode?: 'highlight' | 'danger'\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** Set this property to `true` in order to mark the checkbox as required. */\n @Prop() required?: boolean\n\n /** Checkbox tone. Use `'dark'` on white backgrounds. Default is a light tone. */\n @Prop() tone?: 'dark'\n\n /** The input value. */\n @Prop() value?: string\n\n @State() clonedAttributes\n\n /** Emitted when the input value changed and the element loses focus. */\n @Event() ldchange: EventEmitter\n\n /** Emitted when the input value changed. */\n @Event() ldinput: EventEmitter\n\n /** Sets focus on the checkbox. */\n @Method()\n async focusInner() {\n if (this.input !== undefined) {\n this.input.focus()\n }\n }\n\n @Watch('checked')\n updateIndeterminate() {\n this.indeterminate = undefined\n }\n\n @Watch('checked')\n @Watch('form')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (!this.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n this.hiddenInput.name = this.name\n this.hiddenInput.checked = this.checked\n\n if (this.value) {\n this.hiddenInput.value = this.value\n } else {\n this.hiddenInput.removeAttribute('value')\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'checkbox'\n this.hiddenInput.style.visibility = 'hidden'\n this.hiddenInput.style.position = 'absolute'\n this.hiddenInput.style.pointerEvents = 'none'\n this.el.appendChild(this.hiddenInput)\n }\n\n private handleChange = (ev: InputEvent) => {\n this.el.dispatchEvent(new InputEvent('change', ev))\n this.ldchange.emit(this.checked)\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (this.disabled || isAriaDisabled(this.el.ariaDisabled)) {\n ev.preventDefault()\n return\n }\n\n this.checked = !this.checked\n\n if (!ev.isTrusted) {\n // This happens, when a click event is dispatched on the host element\n // from the outside i.e. on click on a parent ld-label element.\n this.el.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true })\n )\n this.handleInput()\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.ldchange.emit(this.checked)\n }\n }\n\n private handleInput = () => {\n this.ldinput.emit(this.checked)\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, ['tone', 'mode'])\n\n const outerForm = this.el.closest('form')\n\n if (this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n this.hiddenInput.checked = this.checked\n this.hiddenInput.name = this.name\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n }\n\n if (this.value) {\n this.hiddenInput.value = this.value\n }\n }\n\n registerAutofocus(this.autofocus)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = [\n 'ld-checkbox',\n this.mode && `ld-checkbox--${this.mode}`,\n this.tone && `ld-checkbox--${this.tone}`,\n this.invalid && 'ld-checkbox--invalid',\n ]\n\n return (\n \n (this.input = ref)}\n tabIndex={this.ldTabindex}\n value={this.value}\n />\n {/* custom icon check */}\n \n \n \n
    \n
    \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["ldCheckboxCss","LdCheckbox","this","handleChange","ev","el","dispatchEvent","InputEvent","ldchange","emit","checked","handleClick","disabled","isAriaDisabled","ariaDisabled","preventDefault","isTrusted","bubbles","composed","handleInput","ldinput","focusInner","input","undefined","focus","updateIndeterminate","indeterminate","updateHiddenInput","outerForm","closest","hiddenInput","name","form","createHiddenInput","remove","value","removeAttribute","setAttribute","getAttribute","document","createElement","type","style","visibility","position","pointerEvents","appendChild","componentWillLoad","attributesObserver","cloneAttributes","call","registerAutofocus","autofocus","disconnectedCallback","disconnect","render","cl","mode","tone","invalid","h","Host","part","class","getClassNames","onClick","Object","assign","clonedAttributes","onChange","onInput","ref","tabIndex","ldTabindex","width","height","fill","viewBox","d","stroke"],"sources":["../src/liquid/components/ld-checkbox/ld-checkbox.css?tag=ld-checkbox&encapsulation=shadow","../src/liquid/components/ld-checkbox/ld-checkbox.tsx"],"sourcesContent":[":host,\n.ld-checkbox {\n /* layout */\n --ld-checkbox-size: 1.25rem;\n\n /* colors */\n --ld-checkbox-bg-col: var(--ld-col-wht);\n --ld-checkbox-bg-col-hover: var(--ld-col-neutral-010);\n --ld-checkbox-bg-col-active: var(--ld-col-neutral-050);\n --ld-checkbox-disabled-col: var(--ld-col-neutral-300);\n --ld-checkbox-disabled-bg-col: var(--ld-col-neutral-100);\n --ld-checkbox-dark-bg-col: var(--ld-col-neutral-050);\n --ld-checkbox-dark-bg-col-hover: var(--ld-col-neutral-100);\n --ld-checkbox-dark-bg-col-active: var(--ld-col-neutral-300);\n --ld-checkbox-checked-col: var(--ld-col-wht);\n --ld-checkbox-checked-col-active: var(--ld-col-wht);\n\n /* themable colors */\n --ld-checkbox-col: var(--ld-thm-primary);\n --ld-checkbox-col-hover: var(--ld-thm-primary-hover);\n --ld-checkbox-col-active: var(--ld-thm-primary-active);\n --ld-checkbox-col-focus: var(--ld-thm-primary-focus);\n --ld-checkbox-invalid-col: var(--ld-thm-error);\n --ld-checkbox-invalid-col-hover: var(--ld-thm-error-hover);\n --ld-checkbox-invalid-col-focus: var(--ld-thm-error-focus);\n --ld-checkbox-invalid-col-active: var(--ld-thm-error-active);\n --ld-checkbox-warn-col: var(--ld-thm-warning);\n --ld-checkbox-warn-col-hover: var(--ld-thm-warning-hover);\n --ld-checkbox-warn-col-focus: var(--ld-thm-warning-focus);\n --ld-checkbox-warn-col-active: var(--ld-thm-warning-active);\n --ld-checkbox-warn-checked-col: var(--ld-thm-warning-active);\n --ld-checkbox-warn-checked-col-active: var(--ld-thm-warning-hover);\n\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n width: var(--ld-checkbox-size);\n height: var(--ld-checkbox-size);\n min-width: auto !important;\n box-sizing: border-box;\n\n input {\n appearance: none;\n background-color: transparent; /* Required for Mobile Sarari */\n height: 100%;\n inset: 0;\n margin: 0;\n position: absolute;\n width: 100%;\n z-index: 1;\n\n &:checked {\n ~ .ld-checkbox__check {\n visibility: inherit;\n }\n }\n\n &:indeterminate {\n ~ .ld-checkbox__box::before {\n content: '';\n position: absolute;\n width: 50%;\n height: var(--ld-sp-2);\n border-radius: var(--ld-sp-2);\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n box-shadow: inherit;\n z-index: 1;\n }\n }\n\n &:where(:disabled),\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-disabled-col);\n }\n ~ .ld-checkbox__box {\n background-color: transparent;\n box-shadow: inset 0 0 0 var(--ld-sp-2)\n var(--ld-checkbox-disabled-bg-col);\n }\n\n &:checked {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-disabled-bg-col);\n }\n }\n }\n\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n cursor: pointer;\n\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-col-active);\n }\n ~ .ld-checkbox__box {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col);\n }\n\n &:focus:focus-visible {\n ~ .ld-checkbox__box {\n background-color: transparent;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus);\n }\n }\n &:active,\n &:active:focus-visible {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-bg-col-active);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active);\n }\n }\n\n &:checked {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-checked-col);\n }\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-col);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col);\n }\n\n &:focus:focus-visible {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-col-active);\n }\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-col-focus);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-focus);\n }\n }\n &:active,\n &:active:focus-visible {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-checked-col-active);\n }\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-col-active);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-active);\n }\n }\n }\n }\n }\n\n :where(\n input:not(\n :disabled,\n input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-bg-col);\n }\n\n @media (hover: hover) {\n &:hover {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-bg-col-hover);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover);\n }\n\n &:checked {\n ~ .ld-checkbox__check {\n color: var(--ld-checkbox-checked-col);\n }\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-col-hover);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-checkbox-col-hover);\n }\n }\n }\n }\n }\n}\n\n.ld-checkbox.ld-checkbox--dark,\n:host(.ld-checkbox.ld-checkbox--dark) {\n :where(input) {\n &:not(\n :disabled,\n input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n :checked\n ) {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-dark-bg-col);\n }\n\n @media (hover: hover) {\n &:hover {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-dark-bg-col-hover);\n }\n }\n }\n\n &:active,\n &:active:focus-visible {\n ~ .ld-checkbox__box {\n background-color: var(--ld-checkbox-dark-bg-col-active);\n }\n }\n }\n }\n}\n\n.ld-checkbox__check {\n visibility: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n z-index: 1;\n}\n\n.ld-checkbox__box {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n:host,\n.ld-checkbox,\n.ld-checkbox__box {\n border-radius: var(--ld-br-m);\n}\n\n:host(.ld-checkbox--highlight),\n.ld-checkbox--highlight {\n --ld-checkbox-col: var(--ld-checkbox-warn-col);\n --ld-checkbox-col-hover: var(--ld-checkbox-warn-col-hover);\n --ld-checkbox-col-focus: var(--ld-checkbox-warn-col-focus);\n --ld-checkbox-col-active: var(--ld-checkbox-warn-col-active);\n --ld-checkbox-checked-col: var(--ld-checkbox-warn-checked-col);\n --ld-checkbox-checked-col-active: var(--ld-checkbox-warn-checked-col-active);\n}\n\n:host(.ld-checkbox--invalid),\n:host(.ld-checkbox--danger),\n.ld-checkbox--invalid,\n.ld-checkbox--danger {\n --ld-checkbox-col: var(--ld-checkbox-invalid-col);\n --ld-checkbox-col-hover: var(--ld-checkbox-invalid-col-hover);\n --ld-checkbox-col-active: var(--ld-checkbox-invalid-col-active);\n --ld-checkbox-col-focus: var(--ld-checkbox-invalid-col-focus);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part input - Actual input element\n */\n@Component({\n tag: 'ld-checkbox',\n styleUrl: 'ld-checkbox.css',\n shadow: true,\n})\nexport class LdCheckbox implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLInputElement\n\n private attributesObserver: MutationObserver\n\n private input: HTMLInputElement\n private hiddenInput: HTMLInputElement\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Indicates whether the checkbox is checked. */\n @Prop({ mutable: true }) checked? = false\n\n /** Disabled state of the checkbox. */\n @Prop() disabled?: boolean\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /**\n * Set this property to `true` to indicate that the checkbox's value is neither true nor false.\n * The prop is removed automatically as soon as the checkbox is clicked (if not disabled).\n */\n @Prop({ mutable: true }) indeterminate?: boolean\n\n /** Set this property to `true` in order to mark the checkbox visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** Display mode. */\n @Prop() mode?: 'highlight' | 'danger'\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** Set this property to `true` in order to mark the checkbox as required. */\n @Prop() required?: boolean\n\n /** Checkbox tone. Use `'dark'` on white backgrounds. Default is a light tone. */\n @Prop() tone?: 'dark'\n\n /** The input value. */\n @Prop() value?: string\n\n @State() clonedAttributes\n\n /** Emitted when the input value changed and the element loses focus. */\n @Event() ldchange: EventEmitter\n\n /** Emitted when the input value changed. */\n @Event() ldinput: EventEmitter\n\n /** Sets focus on the checkbox. */\n @Method()\n async focusInner() {\n if (this.input !== undefined) {\n this.input.focus()\n }\n }\n\n @Watch('checked')\n updateIndeterminate() {\n this.indeterminate = undefined\n }\n\n @Watch('checked')\n @Watch('form')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (!this.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n this.hiddenInput.name = this.name\n this.hiddenInput.checked = this.checked\n\n if (this.value) {\n this.hiddenInput.value = this.value\n } else {\n this.hiddenInput.removeAttribute('value')\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'checkbox'\n this.hiddenInput.style.visibility = 'hidden'\n this.hiddenInput.style.position = 'absolute'\n this.hiddenInput.style.pointerEvents = 'none'\n this.el.appendChild(this.hiddenInput)\n }\n\n private handleChange = (ev: InputEvent) => {\n this.el.dispatchEvent(new InputEvent('change', ev))\n this.ldchange.emit(this.checked)\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (this.disabled || isAriaDisabled(this.el.ariaDisabled)) {\n ev.preventDefault()\n return\n }\n\n this.checked = !this.checked\n\n if (!ev.isTrusted) {\n // This happens, when a click event is dispatched on the host element\n // from the outside i.e. on click on a parent ld-label element.\n this.el.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true })\n )\n this.handleInput()\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.ldchange.emit(this.checked)\n }\n }\n\n private handleInput = () => {\n this.ldinput.emit(this.checked)\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, ['tone', 'mode'])\n\n const outerForm = this.el.closest('form')\n\n if (this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n this.hiddenInput.checked = this.checked\n this.hiddenInput.name = this.name\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n }\n\n if (this.value) {\n this.hiddenInput.value = this.value\n }\n }\n\n registerAutofocus(this.autofocus)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = [\n 'ld-checkbox',\n this.mode && `ld-checkbox--${this.mode}`,\n this.tone && `ld-checkbox--${this.tone}`,\n this.invalid && 'ld-checkbox--invalid',\n ]\n\n return (\n \n (this.input = ref)}\n tabIndex={this.ldTabindex}\n value={this.value}\n />\n {/* custom icon check */}\n \n \n \n
    \n
    \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-98b11beb.entry.js b/1704966176737/dist/build/p-98b11beb.entry.js similarity index 100% rename from 1704894792450/dist/build/p-98b11beb.entry.js rename to 1704966176737/dist/build/p-98b11beb.entry.js diff --git a/1704894792450/dist/build/p-98b11beb.entry.js.map b/1704966176737/dist/build/p-98b11beb.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-98b11beb.entry.js.map rename to 1704966176737/dist/build/p-98b11beb.entry.js.map diff --git a/1704966176737/dist/build/p-99899d8a.entry.js b/1704966176737/dist/build/p-99899d8a.entry.js new file mode 100644 index 0000000000..9d27d05f7e --- /dev/null +++ b/1704966176737/dist/build/p-99899d8a.entry.js @@ -0,0 +1,2 @@ +import{r as a,h as i,H as n,g as s}from"./p-21a69c18.js";import{g as t}from"./p-1133c92e.js";import{c as e}from"./p-6e5841ef.js";const o=':host{--ld-sidenav-accordion-bg-col-hover:var(--ld-col-neutral-100);background:var(\n --ld-sidenav-bg-color\n );display:none;height:100%;position:absolute;top:0;transform:translateX(100%);visibility:hidden;width:100%;z-index:1}:host(.ld-sidenav-subnav--active){display:block}:host ::slotted(:where(:not(ld-sidenav-separator):not(ld-sidenav-navitem):not(ld-sidenav-subnav))){margin-bottom:var(--ld-sidenav-padding-y);transition:var(--ld-sidenav-collapse-content-transition);will-change:opacity,transform}:host ::slotted(.ld-sidenav-subnav__hidden){opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host ::slotted(.ld-sidenav-accordion){transform:none}.ld-sidenav-subnav__background{background-color:var(--ld-sidenav-bg-color);inset:0;opacity:0;position:absolute;transition:opacity var(--ld-sidenav-transition-duration) linear}.ld-sidenav-subnav__background:before{background-color:var(--ld-sidenav-subnav-bg-color);content:"";inset:0;position:absolute}.ld-sidenav-subnav__background--active{opacity:1}:host(.ld-sidenav-subnav--has-parent-subnav) .ld-sidenav-subnav__background{opacity:1}';const d=class{constructor(i){a(this,i);this.toggleVisibilityOnHidableContent=a=>{Array.from(this.el.children).forEach((i=>{if(!["LD-SIDENAV-ACCORDION","LD-SIDENAV-NAVITEM","LD-SIDENAV-SEPARATOR","LD-SIDENAV-SUBNAV"].includes(i.tagName)){i.classList.toggle("ld-sidenav-subnav__hidden",!a)}}))};this.activeBeforeTransition=false;this.active=false;this.ancestor=false;this.label=undefined;this.hasParentSubnav=undefined}async scrollToTop(a=false){this.scrollerRef.scrollToTop(a)}onActiveChange(a){var i;if(a){(i=this.scrollerRef)===null||i===void 0?void 0:i.updateShadows()}}onActiveBeforeTransitionChange(a){this.updateBackground(a)}updateBackground(a){setTimeout((()=>{this.bgRef.classList.toggle("ld-sidenav-subnav__background--active",a)}),20)}handleSidenavCollapsedChange(a){if(a.target!==this.sidenav)return;if(a.detail.collapsed){this.scrollToTop(true);this.toggleVisibilityOnHidableContent(false)}else{this.toggleVisibilityOnHidableContent(true)}}handleSidenavBreakpointChange(a){if(a.target!==this.sidenav)return;const i=a.detail;if(i){this.toggleVisibilityOnHidableContent(true)}else{this.toggleVisibilityOnHidableContent(!this.sidenav.collapsed)}}componentWillLoad(){this.sidenav=e("ld-sidenav",this.el);this.hasParentSubnav=this.el.parentElement.tagName==="LD-SIDENAV-SUBNAV"}render(){const a=t(["ld-sidenav-subnav",this.active&&"ld-sidenav-subnav--active",this.hasParentSubnav&&"ld-sidenav-subnav--has-parent-subnav"]);return i(n,{class:a},i("div",{ref:a=>this.bgRef=a,class:"ld-sidenav-subnav__background"}),i("ld-sidenav-scroller-internal",{style:{visibility:!this.active||this.ancestor?"hidden":"visible"},part:"scroll-container",ref:a=>this.scrollerRef=a},i("slot",null)))}get el(){return s(this)}static get watchers(){return{active:["onActiveChange"],activeBeforeTransition:["onActiveBeforeTransitionChange"]}}};d.style=o;export{d as ld_sidenav_subnav}; +//# sourceMappingURL=p-99899d8a.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-cdf78ae7.entry.js.map b/1704966176737/dist/build/p-99899d8a.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-cdf78ae7.entry.js.map rename to 1704966176737/dist/build/p-99899d8a.entry.js.map index 6f8d7901a8..881129abb8 100644 --- a/1704894792450/dist/build/p-cdf78ae7.entry.js.map +++ b/1704966176737/dist/build/p-99899d8a.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldSidenavSubnavShadowCss","LdSidenavSubnav","this","toggleVisibilityOnHidableContent","visible","Array","from","el","children","forEach","includes","tagName","classList","toggle","scrollToTop","smoothly","scrollerRef","onActiveChange","active","_a","updateShadows","onActiveBeforeTransitionChange","activeBeforeTransition","updateBackground","setTimeout","bgRef","handleSidenavCollapsedChange","ev","target","sidenav","detail","collapsed","handleSidenavBreakpointChange","sidenavClosable","componentWillLoad","closest","hasParentSubnav","parentElement","render","cl","getClassNames","h","Host","class","ref","style","visibility","ancestor","part"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-subnav/ld-sidenav-subnav.shadow.css?tag=ld-sidenav-subnav&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-subnav/ld-sidenav-subnav.tsx"],"sourcesContent":[":host {\n --ld-sidenav-accordion-bg-col-hover: var(--ld-col-neutral-100);\n\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n transform: translateX(100%);\n display: none;\n z-index: 1; /* makes the scrollbar of the parent scroll-container disappear, */\n background: var(\n --ld-sidenav-bg-color\n ); /* which only works with a background color */\n visibility: hidden;\n\n &(.ld-sidenav-subnav--active) {\n display: block;\n }\n\n ::slotted(\n :where(:not(ld-sidenav-separator, ld-sidenav-navitem, ld-sidenav-subnav))\n ) {\n margin-bottom: var(--ld-sidenav-padding-y);\n transition: var(--ld-sidenav-collapse-content-transition);\n will-change: opacity, transform; /* fixes flickering on slide */\n }\n\n ::slotted(.ld-sidenav-subnav__hidden) {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n opacity: 0;\n visibility: hidden;\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n }\n\n ::slotted(.ld-sidenav-accordion) {\n transform: none;\n }\n}\n\n.ld-sidenav-subnav__background {\n opacity: 0;\n transition: opacity var(--ld-sidenav-transition-duration) linear;\n position: absolute;\n inset: 0;\n background-color: var(--ld-sidenav-bg-color);\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--ld-sidenav-subnav-bg-color);\n }\n\n &--active {\n opacity: 1;\n }\n}\n\n:host(.ld-sidenav-subnav--has-parent-subnav) {\n .ld-sidenav-subnav__background {\n opacity: 1;\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { closest } from '../../../utils/closest'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-subnav',\n styleUrl: 'ld-sidenav-subnav.shadow.css',\n shadow: true,\n})\nexport class LdSidenavSubnav {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n private scrollerRef: HTMLLdSidenavScrollerInternalElement\n private bgRef: HTMLElement\n\n /**\n * @internal\n * Internal prop indicating that the subnav is about to become active which\n * may happen before a transition finishes after which it actually becomes active.\n */\n @Prop() activeBeforeTransition? = false\n\n /**\n * @internal\n * Internal prop indicating that the subnav is either ancestor of the\n * currently visible subnav or the currently visible subnav itself.\n */\n @Prop() active? = false\n\n /**\n * @internal\n * Internal prop indicating that the subnav is ancestor of the\n * currently visible subnav.\n */\n @Prop() ancestor? = false\n\n /** Used in the ld-sidenav-back component to display parent nav label. */\n @Prop() label!: string\n\n @State() hasParentSubnav: boolean\n\n /** Scrolls the subnav scroll container to the top. */\n @Method()\n async scrollToTop(smoothly = false) {\n this.scrollerRef.scrollToTop(smoothly)\n }\n\n @Watch('active')\n onActiveChange(active) {\n if (active) {\n this.scrollerRef?.updateShadows()\n }\n }\n\n @Watch('activeBeforeTransition')\n onActiveBeforeTransitionChange(activeBeforeTransition) {\n this.updateBackground(activeBeforeTransition)\n }\n\n private updateBackground(activeBeforeTransition: boolean) {\n // HACK: Timeout is required to make the transition work on nav item click\n setTimeout(() => {\n this.bgRef.classList.toggle(\n 'ld-sidenav-subnav__background--active',\n activeBeforeTransition\n )\n }, 20)\n }\n\n private toggleVisibilityOnHidableContent = (visible: boolean) => {\n Array.from(this.el.children).forEach((el) => {\n // To also hide one of the following elements,\n // it is possible to wrap it in a div with display contents.\n if (\n ![\n 'LD-SIDENAV-ACCORDION',\n 'LD-SIDENAV-NAVITEM',\n 'LD-SIDENAV-SEPARATOR',\n 'LD-SIDENAV-SUBNAV',\n ].includes(el.tagName)\n ) {\n el.classList.toggle('ld-sidenav-subnav__hidden', !visible)\n }\n })\n }\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n if (ev.detail.collapsed) {\n this.scrollToTop(true)\n this.toggleVisibilityOnHidableContent(false)\n } else {\n this.toggleVisibilityOnHidableContent(true)\n }\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n const sidenavClosable = ev.detail\n if (sidenavClosable) {\n this.toggleVisibilityOnHidableContent(true)\n } else {\n this.toggleVisibilityOnHidableContent(!this.sidenav.collapsed)\n }\n }\n\n componentWillLoad() {\n this.sidenav = closest('ld-sidenav', this.el)\n this.hasParentSubnav = this.el.parentElement.tagName === 'LD-SIDENAV-SUBNAV'\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-subnav',\n this.active && 'ld-sidenav-subnav--active',\n this.hasParentSubnav && 'ld-sidenav-subnav--has-parent-subnav',\n ])\n\n return (\n \n (this.bgRef = el)}\n class=\"ld-sidenav-subnav__background\"\n >\n (this.scrollerRef = el)}\n >\n \n \n \n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAA2B,s3C,MCuBpBC,EAAe,M,yBA4DlBC,KAAAC,iCAAoCC,IAC1CC,MAAMC,KAAKJ,KAAKK,GAAGC,UAAUC,SAASF,IAGpC,IACG,CACC,uBACA,qBACA,uBACA,qBACAG,SAASH,EAAGI,SACd,CACAJ,EAAGK,UAAUC,OAAO,6BAA8BT,E,IAEpD,E,4BA/D8B,M,YAOhB,M,cAOE,M,oDASpB,iBAAMU,CAAYC,EAAW,OAC3Bb,KAAKc,YAAYF,YAAYC,E,CAI/B,cAAAE,CAAeC,G,MACb,GAAIA,EAAQ,EACVC,EAAAjB,KAAKc,eAAW,MAAAG,SAAA,SAAAA,EAAEC,e,EAKtB,8BAAAC,CAA+BC,GAC7BpB,KAAKqB,iBAAiBD,E,CAGhB,gBAAAC,CAAiBD,GAEvBE,YAAW,KACTtB,KAAKuB,MAAMb,UAAUC,OACnB,wCACAS,EACD,GACA,G,CAqBL,4BAAAI,CACEC,GAKA,GAAIA,EAAGC,SAAW1B,KAAK2B,QAAS,OAChC,GAAIF,EAAGG,OAAOC,UAAW,CACvB7B,KAAKY,YAAY,MACjBZ,KAAKC,iCAAiC,M,KACjC,CACLD,KAAKC,iCAAiC,K,EAK1C,6BAAA6B,CAA8BL,GAC5B,GAAIA,EAAGC,SAAW1B,KAAK2B,QAAS,OAChC,MAAMI,EAAkBN,EAAGG,OAC3B,GAAIG,EAAiB,CACnB/B,KAAKC,iCAAiC,K,KACjC,CACLD,KAAKC,kCAAkCD,KAAK2B,QAAQE,U,EAIxD,iBAAAG,GACEhC,KAAK2B,QAAUM,EAAQ,aAAcjC,KAAKK,IAC1CL,KAAKkC,gBAAkBlC,KAAKK,GAAG8B,cAAc1B,UAAY,mB,CAG3D,MAAA2B,GACE,MAAMC,EAAKC,EAAc,CACvB,oBACAtC,KAAKgB,QAAU,4BACfhB,KAAKkC,iBAAmB,yCAG1B,OACEK,EAACC,EAAI,CAACC,MAAOJ,GACXE,EAAA,OACEG,IAAMrC,GAAQL,KAAKuB,MAAQlB,EAC3BoC,MAAM,kCAERF,EAAA,gCACEI,MAAO,CACLC,YAAa5C,KAAKgB,QAAUhB,KAAK6C,SAAW,SAAW,WAEzDC,KAAK,mBACLJ,IAAMrC,GAAQL,KAAKc,YAAcT,GAEjCkC,EAAA,c"} \ No newline at end of file +{"version":3,"names":["ldSidenavSubnavShadowCss","LdSidenavSubnav","this","toggleVisibilityOnHidableContent","visible","Array","from","el","children","forEach","includes","tagName","classList","toggle","scrollToTop","smoothly","scrollerRef","onActiveChange","active","_a","updateShadows","onActiveBeforeTransitionChange","activeBeforeTransition","updateBackground","setTimeout","bgRef","handleSidenavCollapsedChange","ev","target","sidenav","detail","collapsed","handleSidenavBreakpointChange","sidenavClosable","componentWillLoad","closest","hasParentSubnav","parentElement","render","cl","getClassNames","h","Host","class","ref","style","visibility","ancestor","part"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-subnav/ld-sidenav-subnav.shadow.css?tag=ld-sidenav-subnav&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-subnav/ld-sidenav-subnav.tsx"],"sourcesContent":[":host {\n --ld-sidenav-accordion-bg-col-hover: var(--ld-col-neutral-100);\n\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n transform: translateX(100%);\n display: none;\n z-index: 1; /* makes the scrollbar of the parent scroll-container disappear, */\n background: var(\n --ld-sidenav-bg-color\n ); /* which only works with a background color */\n visibility: hidden;\n\n &(.ld-sidenav-subnav--active) {\n display: block;\n }\n\n ::slotted(\n :where(:not(ld-sidenav-separator, ld-sidenav-navitem, ld-sidenav-subnav))\n ) {\n margin-bottom: var(--ld-sidenav-padding-y);\n transition: var(--ld-sidenav-collapse-content-transition);\n will-change: opacity, transform; /* fixes flickering on slide */\n }\n\n ::slotted(.ld-sidenav-subnav__hidden) {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n opacity: 0;\n visibility: hidden;\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n }\n\n ::slotted(.ld-sidenav-accordion) {\n transform: none;\n }\n}\n\n.ld-sidenav-subnav__background {\n opacity: 0;\n transition: opacity var(--ld-sidenav-transition-duration) linear;\n position: absolute;\n inset: 0;\n background-color: var(--ld-sidenav-bg-color);\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--ld-sidenav-subnav-bg-color);\n }\n\n &--active {\n opacity: 1;\n }\n}\n\n:host(.ld-sidenav-subnav--has-parent-subnav) {\n .ld-sidenav-subnav__background {\n opacity: 1;\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { closest } from '../../../utils/closest'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav-subnav',\n styleUrl: 'ld-sidenav-subnav.shadow.css',\n shadow: true,\n})\nexport class LdSidenavSubnav {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n private scrollerRef: HTMLLdSidenavScrollerInternalElement\n private bgRef: HTMLElement\n\n /**\n * @internal\n * Internal prop indicating that the subnav is about to become active which\n * may happen before a transition finishes after which it actually becomes active.\n */\n @Prop() activeBeforeTransition? = false\n\n /**\n * @internal\n * Internal prop indicating that the subnav is either ancestor of the\n * currently visible subnav or the currently visible subnav itself.\n */\n @Prop() active? = false\n\n /**\n * @internal\n * Internal prop indicating that the subnav is ancestor of the\n * currently visible subnav.\n */\n @Prop() ancestor? = false\n\n /** Used in the ld-sidenav-back component to display parent nav label. */\n @Prop() label!: string\n\n @State() hasParentSubnav: boolean\n\n /** Scrolls the subnav scroll container to the top. */\n @Method()\n async scrollToTop(smoothly = false) {\n this.scrollerRef.scrollToTop(smoothly)\n }\n\n @Watch('active')\n onActiveChange(active) {\n if (active) {\n this.scrollerRef?.updateShadows()\n }\n }\n\n @Watch('activeBeforeTransition')\n onActiveBeforeTransitionChange(activeBeforeTransition) {\n this.updateBackground(activeBeforeTransition)\n }\n\n private updateBackground(activeBeforeTransition: boolean) {\n // HACK: Timeout is required to make the transition work on nav item click\n setTimeout(() => {\n this.bgRef.classList.toggle(\n 'ld-sidenav-subnav__background--active',\n activeBeforeTransition\n )\n }, 20)\n }\n\n private toggleVisibilityOnHidableContent = (visible: boolean) => {\n Array.from(this.el.children).forEach((el) => {\n // To also hide one of the following elements,\n // it is possible to wrap it in a div with display contents.\n if (\n ![\n 'LD-SIDENAV-ACCORDION',\n 'LD-SIDENAV-NAVITEM',\n 'LD-SIDENAV-SEPARATOR',\n 'LD-SIDENAV-SUBNAV',\n ].includes(el.tagName)\n ) {\n el.classList.toggle('ld-sidenav-subnav__hidden', !visible)\n }\n })\n }\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n if (ev.target !== this.sidenav) return\n if (ev.detail.collapsed) {\n this.scrollToTop(true)\n this.toggleVisibilityOnHidableContent(false)\n } else {\n this.toggleVisibilityOnHidableContent(true)\n }\n }\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n const sidenavClosable = ev.detail\n if (sidenavClosable) {\n this.toggleVisibilityOnHidableContent(true)\n } else {\n this.toggleVisibilityOnHidableContent(!this.sidenav.collapsed)\n }\n }\n\n componentWillLoad() {\n this.sidenav = closest('ld-sidenav', this.el)\n this.hasParentSubnav = this.el.parentElement.tagName === 'LD-SIDENAV-SUBNAV'\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-subnav',\n this.active && 'ld-sidenav-subnav--active',\n this.hasParentSubnav && 'ld-sidenav-subnav--has-parent-subnav',\n ])\n\n return (\n \n (this.bgRef = el)}\n class=\"ld-sidenav-subnav__background\"\n >\n (this.scrollerRef = el)}\n >\n \n \n \n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAA2B,00C,MCuBpBC,EAAe,M,yBA4DlBC,KAAAC,iCAAoCC,IAC1CC,MAAMC,KAAKJ,KAAKK,GAAGC,UAAUC,SAASF,IAGpC,IACG,CACC,uBACA,qBACA,uBACA,qBACAG,SAASH,EAAGI,SACd,CACAJ,EAAGK,UAAUC,OAAO,6BAA8BT,E,IAEpD,E,4BA/D8B,M,YAOhB,M,cAOE,M,oDASpB,iBAAMU,CAAYC,EAAW,OAC3Bb,KAAKc,YAAYF,YAAYC,E,CAI/B,cAAAE,CAAeC,G,MACb,GAAIA,EAAQ,EACVC,EAAAjB,KAAKc,eAAW,MAAAG,SAAA,SAAAA,EAAEC,e,EAKtB,8BAAAC,CAA+BC,GAC7BpB,KAAKqB,iBAAiBD,E,CAGhB,gBAAAC,CAAiBD,GAEvBE,YAAW,KACTtB,KAAKuB,MAAMb,UAAUC,OACnB,wCACAS,EACD,GACA,G,CAqBL,4BAAAI,CACEC,GAKA,GAAIA,EAAGC,SAAW1B,KAAK2B,QAAS,OAChC,GAAIF,EAAGG,OAAOC,UAAW,CACvB7B,KAAKY,YAAY,MACjBZ,KAAKC,iCAAiC,M,KACjC,CACLD,KAAKC,iCAAiC,K,EAK1C,6BAAA6B,CAA8BL,GAC5B,GAAIA,EAAGC,SAAW1B,KAAK2B,QAAS,OAChC,MAAMI,EAAkBN,EAAGG,OAC3B,GAAIG,EAAiB,CACnB/B,KAAKC,iCAAiC,K,KACjC,CACLD,KAAKC,kCAAkCD,KAAK2B,QAAQE,U,EAIxD,iBAAAG,GACEhC,KAAK2B,QAAUM,EAAQ,aAAcjC,KAAKK,IAC1CL,KAAKkC,gBAAkBlC,KAAKK,GAAG8B,cAAc1B,UAAY,mB,CAG3D,MAAA2B,GACE,MAAMC,EAAKC,EAAc,CACvB,oBACAtC,KAAKgB,QAAU,4BACfhB,KAAKkC,iBAAmB,yCAG1B,OACEK,EAACC,EAAI,CAACC,MAAOJ,GACXE,EAAA,OACEG,IAAMrC,GAAQL,KAAKuB,MAAQlB,EAC3BoC,MAAM,kCAERF,EAAA,gCACEI,MAAO,CACLC,YAAa5C,KAAKgB,QAAUhB,KAAK6C,SAAW,SAAW,WAEzDC,KAAK,mBACLJ,IAAMrC,GAAQL,KAAKc,YAAcT,GAEjCkC,EAAA,c"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-9dc79166.entry.js b/1704966176737/dist/build/p-9dc79166.entry.js new file mode 100644 index 0000000000..51e79f8480 --- /dev/null +++ b/1704966176737/dist/build/p-9dc79166.entry.js @@ -0,0 +1,2 @@ +import{r as e,c as i,h as o,H as t,g as n}from"./p-21a69c18.js";import{g as l}from"./p-1133c92e.js";const a='.ld-option-internal,:host{--ld-option-padding-inline-start:var(--ld-sp-12);--ld-option-padding-inline-start-sm:0.625rem;--ld-option-padding-inline-start-lg:0.875rem;--ld-option-bg-col:var(--ld-col-wht);--ld-option-border-col:var(--ld-col-neutral-100);--ld-option-disabled-text-col:var(--ld-col-neutral-100);--ld-option-text-col:var(--ld-col-neutral-900);--ld-option-thm-col:var(--ld-thm-primary);--ld-option-thm-col-hover:var(--ld-thm-primary-hover);--ld-option-thm-col-focus:var(--ld-thm-primary-focus);--ld-option-thm-col-active:var(--ld-thm-primary-active);--ld-option-thm-bg-col-hover:var(--ld-thm-primary-highlight);--ld-option-thm-bg-col-focus:var(--ld-thm-primary-highlight);--ld-option-thm-bg-col-active:var(--ld-thm-primary-highlight)}:host(:not(:last-of-type)) .ld-option-internal{border-bottom:solid var(--ld-option-border-col) var(--ld-sp-1)}.ld-option-internal--sm{--ld-option-padding-inline-start:var(--ld-option-padding-inline-start-sm)}.ld-option-internal--lg{--ld-option-padding-inline-start:var(--ld-option-padding-inline-start-lg)}.ld-option-internal--indent{--ld-option-indent:1.75rem}.ld-option-internal{background-color:var(--ld-option-bg-col);border:0;color:var(--ld-option-text-col);display:flex;font:var(--ld-typo-label-m);min-height:2.5rem;outline:none;padding-block:var(--ld-sp-8);padding-inline:calc(var(--ld-option-padding-inline-start) + var(--ld-option-indent, 0px)) var(--ld-sp-12);position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none;box-sizing:border-box}.ld-option-internal--filtered{display:none}.ld-option-internal *,.ld-option-internal :after,.ld-option-internal :before{box-sizing:inherit}[data-popper-placement*=bottom] .ld-option-internal:last-of-type{border-bottom-left-radius:var(--ld-br-m);border-bottom-right-radius:var(--ld-br-m)}[data-popper-placement*=top] .ld-option-internal:first-of-type{border-top-left-radius:var(--ld-br-m);border-top-right-radius:var(--ld-br-m)}.ld-option-internal:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-option-internal[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){color:var(--ld-option-disabled-text-col)}.ld-option-internal:before{border-radius:var(--ld-br-m);content:"";inset:0;pointer-events:none;position:absolute}.ld-option-internal:where(:focus):before,.ld-option-internal:where(:focus:focus-visible):before{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-option-thm-col)}.ld-option-internal:where(:focus:not(:focus-visible)):before{box-shadow:none}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))) :where(.ld-option-internal__check){color:var(--ld-option-thm-col)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible){background-color:var(--ld-option-thm-bg-col-focus)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus) :where(.ld-option-internal__check),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:focus-visible) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-focus)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)){background-color:var(--ld-option-bg-col)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:focus:not(:focus-visible)) :where(.ld-option-internal__check){color:var(--ld-option-thm-col)}@media (hover:hover){.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover){background-color:var(--ld-option-thm-bg-col-hover)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:hover) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-hover)}}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible){background-color:var(--ld-option-thm-bg-col-active)}.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active) :where(.ld-option-internal__check),.ld-option-internal:where(:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):where(:active:focus-visible) :where(.ld-option-internal__check){color:var(--ld-option-thm-col-active)}.ld-option-internal__checkbox-wrapper{display:inline-flex;flex-shrink:0}.ld-option-internal__check,.ld-option-internal__checkbox{align-self:center;flex-shrink:0;transform:translateX(calc(-1 * var(--ld-sp-2)))}.ld-option-internal__check{margin-right:var(--ld-sp-4)}.ld-option-internal__checkbox{margin-left:var(--ld-sp-2);margin-right:var(--ld-sp-6)}.ld-option-internal__label{overflow:hidden;text-overflow:ellipsis}';const r=class{constructor(o){e(this,o);this.ldoptionselect=i(this,"ldoptionselect",7);this.handleClick=()=>{if(this.disabled)return;if(!this.preventDeselection||!this.selected||this.mode==="checkbox"){this.selected=!this.selected}};this.value=undefined;this.selected=false;this.disabled=false;this.preventDeselection=undefined;this.mode=undefined;this.size=undefined;this.filtered=false;this.ldTabindex=-1;this.title=undefined;this.hasFocus=undefined;this.hasHover=undefined;this.indent=false}async focusInner(){this.optionRef.focus()}handleSelectedChange(){this.ldoptionselect.emit(this.selected)}handleKeyDown(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();e.stopImmediatePropagation();this.handleClick()}}componentWillLoad(){if(typeof this.value==="undefined"){setTimeout((()=>{this.value=this.el.innerText}))}if(this.mode==="checkbox"&&this.el.closest("ld-optgroup-internal")){this.indent=true}}render(){return o(t,null,o("div",{class:l(["ld-option-internal",this.indent&&`ld-option-internal--indent`,this.size&&`ld-option-internal--${this.size}`,this.filtered&&"ld-option-internal--filtered"]),role:"option",ref:e=>this.optionRef=e,"aria-selected":this.selected?"true":undefined,"aria-disabled":this.disabled?"true":undefined,onClick:this.handleClick,tabindex:this.ldTabindex,part:"option focusable"},this.mode==="checkbox"?o("div",{class:"ld-option-internal__checkbox-wrapper",role:"presentation",part:"checkbox-wrapper"},o("ld-checkbox",{class:"ld-option-internal__checkbox",checked:this.selected,disabled:this.disabled,part:"checkbox"})):o("svg",{role:"presentation",class:"ld-option-internal__check",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",part:"check"},o("path",{style:{visibility:this.selected?"inherit":"hidden"},d:"M15 7L8.40795 13L5 9.63964",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"})),o("span",{class:"ld-option-internal__label",title:this.title,part:"label"},o("slot",null))))}get el(){return n(this)}static get watchers(){return{selected:["handleSelectedChange"]}}};r.style=a;export{r as ld_option_internal}; +//# sourceMappingURL=p-9dc79166.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-8362445f.entry.js.map b/1704966176737/dist/build/p-9dc79166.entry.js.map similarity index 99% rename from 1704894792450/dist/build/p-8362445f.entry.js.map rename to 1704966176737/dist/build/p-9dc79166.entry.js.map index e01566c43e..d35500deab 100644 --- a/1704894792450/dist/build/p-8362445f.entry.js.map +++ b/1704966176737/dist/build/p-9dc79166.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldOptionInternalShadowCss","LdOptionInternal","this","handleClick","disabled","preventDeselection","selected","mode","focusInner","optionRef","focus","handleSelectedChange","ldoptionselect","emit","handleKeyDown","ev","key","preventDefault","stopImmediatePropagation","componentWillLoad","value","setTimeout","el","innerText","closest","indent","render","h","Host","class","getClassNames","size","filtered","role","ref","undefined","onClick","tabindex","ldTabindex","part","checked","width","height","viewBox","fill","style","visibility","d","stroke","title"],"sources":["../src/liquid/components/ld-select/ld-option-internal/ld-option-internal.shadow.css?tag=ld-option-internal&encapsulation=shadow","../src/liquid/components/ld-select/ld-option-internal/ld-option-internal.tsx"],"sourcesContent":[":host,\n.ld-option-internal {\n /* layout */\n --ld-option-padding-inline-start: var(--ld-sp-12);\n --ld-option-padding-inline-start-sm: 0.625rem;\n --ld-option-padding-inline-start-lg: 0.875rem;\n\n /* colors */\n --ld-option-bg-col: var(--ld-col-wht);\n --ld-option-border-col: var(--ld-col-neutral-100);\n --ld-option-disabled-text-col: var(--ld-col-neutral-100);\n --ld-option-text-col: var(--ld-col-neutral-900);\n\n /* themable colors */\n --ld-option-thm-col: var(--ld-thm-primary);\n --ld-option-thm-col-hover: var(--ld-thm-primary-hover);\n --ld-option-thm-col-focus: var(--ld-thm-primary-focus);\n --ld-option-thm-col-active: var(--ld-thm-primary-active);\n --ld-option-thm-bg-col-hover: var(--ld-thm-primary-highlight);\n --ld-option-thm-bg-col-focus: var(--ld-thm-primary-highlight);\n --ld-option-thm-bg-col-active: var(--ld-thm-primary-highlight);\n}\n\n:host(:not(:last-of-type)) {\n .ld-option-internal {\n border-bottom: solid var(--ld-option-border-col) var(--ld-sp-1);\n }\n}\n\n.ld-option-internal {\n &--sm {\n --ld-option-padding-inline-start: var(--ld-option-padding-inline-start-sm);\n }\n\n &--lg {\n --ld-option-padding-inline-start: var(--ld-option-padding-inline-start-lg);\n }\n\n &--indent {\n --ld-option-indent: 1.75rem;\n }\n\n outline: none;\n display: flex;\n position: relative;\n color: var(--ld-option-text-col);\n background-color: var(--ld-option-bg-col);\n padding-block: var(--ld-sp-8);\n padding-inline: calc(\n var(--ld-option-padding-inline-start) + var(--ld-option-indent, 0px)\n ) var(--ld-sp-12);\n font: var(--ld-typo-label-m);\n min-height: 2.5rem;\n white-space: nowrap;\n user-select: none;\n touch-action: manipulation;\n border: 0;\n -webkit-touch-callout: none;\n box-sizing: border-box;\n\n &--filtered {\n display: none;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n [data-popper-placement*='bottom'] & {\n &:last-of-type {\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n }\n }\n [data-popper-placement*='top'] & {\n &:first-of-type {\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n }\n\n &:not(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n cursor: pointer;\n }\n\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n color: var(--ld-option-disabled-text-col);\n }\n\n /* Pseudo element for focus outline */\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--ld-br-m);\n pointer-events: none;\n }\n\n &:where(:focus),\n &:where(:focus:focus-visible) {\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-option-thm-col);\n }\n }\n\n &:where(:focus:not(:focus-visible)) {\n &::before {\n box-shadow: none;\n }\n }\n\n &:where(\n :not(\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col);\n }\n\n &:where(:focus),\n &:where(:focus:focus-visible) {\n background-color: var(--ld-option-thm-bg-col-focus);\n\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col-focus);\n }\n }\n\n &:where(:focus:not(:focus-visible)) {\n background-color: var(--ld-option-bg-col);\n\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col);\n }\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n background-color: var(--ld-option-thm-bg-col-hover);\n\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col-hover);\n }\n }\n }\n\n &:where(:active),\n &:where(:active:focus-visible) {\n background-color: var(--ld-option-thm-bg-col-active);\n\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col-active);\n }\n }\n }\n}\n\n.ld-option-internal__checkbox-wrapper {\n display: inline-flex;\n flex-shrink: 0;\n}\n\n.ld-option-internal__check,\n.ld-option-internal__checkbox {\n align-self: center;\n flex-shrink: 0;\n transform: translateX(calc(-1 * var(--ld-sp-2)));\n}\n\n.ld-option-internal__check {\n margin-right: var(--ld-sp-4);\n}\n\n.ld-option-internal__checkbox {\n margin-left: var(--ld-sp-2);\n margin-right: var(--ld-sp-6);\n}\n\n.ld-option-internal__label {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","import {\n Component,\n h,\n Host,\n Prop,\n Element,\n Event,\n EventEmitter,\n Listen,\n State,\n Method,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'ld-option-internal',\n styleUrl: 'ld-option-internal.shadow.css',\n shadow: true,\n})\nexport class LdOptionInternal implements InnerFocusable {\n @Element() el: HTMLElement\n\n private optionRef: HTMLElement\n\n /**\n * The content of this attribute represents the value to be submitted with the form,\n * should this option be selected. If this attribute is omitted, the value is taken\n * from the text content of the option element.\n */\n @Prop({ mutable: true, reflect: true }) value?: string\n\n /**\n * If present, this boolean attribute indicates that the option is selected.\n */\n @Prop({ mutable: true, reflect: true }) selected? = false\n\n /**\n * Disables the option.\n */\n @Prop() disabled? = false\n\n /**\n * Prevents deselection of a selected options when the selected option\n * is clicked in single select mode.\n */\n @Prop() preventDeselection?: boolean\n\n /**\n * Display mode.\n */\n @Prop() mode?: 'checkbox'\n\n /** Size of the option. */\n @Prop() size?: 'sm' | 'lg'\n\n /** Set to true on filtering via select input. */\n @Prop() filtered? = false\n\n /** Tab index of the option. */\n @Prop() ldTabindex? = -1\n\n /** Sets focus internally. */\n @Method()\n async focusInner() {\n this.optionRef.focus()\n }\n\n /**\n * @internal\n * Emitted on either selection or de-selection of the option.\n */\n @Event() ldoptionselect: EventEmitter\n\n @State() title: string\n\n @State() hasFocus: boolean\n @State() hasHover: boolean\n @State() indent?: boolean = false\n\n @Watch('selected')\n handleSelectedChange() {\n this.ldoptionselect.emit(this.selected)\n }\n\n private handleClick = () => {\n if (this.disabled) return\n\n if (\n !this.preventDeselection ||\n !this.selected ||\n this.mode === 'checkbox'\n ) {\n this.selected = !this.selected\n }\n }\n\n @Listen('keydown', { passive: false })\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === ' ' || ev.key === 'Enter') {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n this.handleClick()\n }\n }\n\n componentWillLoad() {\n if (typeof this.value === 'undefined') {\n setTimeout(() => {\n this.value = this.el.innerText\n })\n }\n if (this.mode === 'checkbox' && this.el.closest('ld-optgroup-internal')) {\n this.indent = true\n }\n }\n\n render() {\n return (\n \n (this.optionRef = el as HTMLElement)}\n aria-selected={this.selected ? 'true' : undefined}\n aria-disabled={this.disabled ? 'true' : undefined}\n onClick={this.handleClick}\n tabindex={this.ldTabindex}\n part=\"option focusable\"\n >\n {this.mode === 'checkbox' ? (\n \n \n \n ) : (\n \n \n \n )}\n\n \n \n
    \n \n \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAA4B,wtK,MCqBrBC,EAAgB,M,wEAiEnBC,KAAAC,YAAc,KACpB,GAAID,KAAKE,SAAU,OAEnB,IACGF,KAAKG,qBACLH,KAAKI,UACNJ,KAAKK,OAAS,WACd,CACAL,KAAKI,UAAYJ,KAAKI,Q,sCA1D0B,M,cAKhC,M,wFAiBA,M,iBAGG,E,iFAkBK,K,CAd5B,gBAAME,GACJN,KAAKO,UAAUC,O,CAgBjB,oBAAAC,GACET,KAAKU,eAAeC,KAAKX,KAAKI,S,CAgBhC,aAAAQ,CAAcC,GACZ,GAAIA,EAAGC,MAAQ,KAAOD,EAAGC,MAAQ,QAAS,CACxCD,EAAGE,iBACHF,EAAGG,2BACHhB,KAAKC,a,EAIT,iBAAAgB,GACE,UAAWjB,KAAKkB,QAAU,YAAa,CACrCC,YAAW,KACTnB,KAAKkB,MAAQlB,KAAKoB,GAAGC,SAAS,G,CAGlC,GAAIrB,KAAKK,OAAS,YAAcL,KAAKoB,GAAGE,QAAQ,wBAAyB,CACvEtB,KAAKuB,OAAS,I,EAIlB,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAOC,EAAc,CACnB,qBACA5B,KAAKuB,QAAU,6BACfvB,KAAK6B,MAAQ,uBAAuB7B,KAAK6B,OACzC7B,KAAK8B,UAAY,iCAEnBC,KAAK,SACLC,IAAMZ,GAAQpB,KAAKO,UAAYa,EAAkB,gBAClCpB,KAAKI,SAAW,OAAS6B,UAAS,gBAClCjC,KAAKE,SAAW,OAAS+B,UACxCC,QAASlC,KAAKC,YACdkC,SAAUnC,KAAKoC,WACfC,KAAK,oBAEJrC,KAAKK,OAAS,WACboB,EAAA,OACEE,MAAM,uCACNI,KAAK,eACLM,KAAK,oBAELZ,EAAA,eACEE,MAAM,+BACNW,QAAStC,KAAKI,SACdF,SAAUF,KAAKE,SACfmC,KAAK,cAITZ,EAAA,OACEM,KAAM,eACNJ,MAAM,4BACNY,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLL,KAAK,SAELZ,EAAA,QACEkB,MAAO,CAAEC,WAAY5C,KAAKI,SAAW,UAAY,UACjDyC,EAAE,6BACFC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,kBACN,WAKtBrB,EAAA,QACEE,MAAM,4BACNoB,MAAO/C,KAAK+C,MACZV,KAAK,SAELZ,EAAA,e"} \ No newline at end of file +{"version":3,"names":["ldOptionInternalShadowCss","LdOptionInternal","this","handleClick","disabled","preventDeselection","selected","mode","focusInner","optionRef","focus","handleSelectedChange","ldoptionselect","emit","handleKeyDown","ev","key","preventDefault","stopImmediatePropagation","componentWillLoad","value","setTimeout","el","innerText","closest","indent","render","h","Host","class","getClassNames","size","filtered","role","ref","undefined","onClick","tabindex","ldTabindex","part","checked","width","height","viewBox","fill","style","visibility","d","stroke","title"],"sources":["../src/liquid/components/ld-select/ld-option-internal/ld-option-internal.shadow.css?tag=ld-option-internal&encapsulation=shadow","../src/liquid/components/ld-select/ld-option-internal/ld-option-internal.tsx"],"sourcesContent":[":host,\n.ld-option-internal {\n /* layout */\n --ld-option-padding-inline-start: var(--ld-sp-12);\n --ld-option-padding-inline-start-sm: 0.625rem;\n --ld-option-padding-inline-start-lg: 0.875rem;\n\n /* colors */\n --ld-option-bg-col: var(--ld-col-wht);\n --ld-option-border-col: var(--ld-col-neutral-100);\n --ld-option-disabled-text-col: var(--ld-col-neutral-100);\n --ld-option-text-col: var(--ld-col-neutral-900);\n\n /* themable colors */\n --ld-option-thm-col: var(--ld-thm-primary);\n --ld-option-thm-col-hover: var(--ld-thm-primary-hover);\n --ld-option-thm-col-focus: var(--ld-thm-primary-focus);\n --ld-option-thm-col-active: var(--ld-thm-primary-active);\n --ld-option-thm-bg-col-hover: var(--ld-thm-primary-highlight);\n --ld-option-thm-bg-col-focus: var(--ld-thm-primary-highlight);\n --ld-option-thm-bg-col-active: var(--ld-thm-primary-highlight);\n}\n\n:host(:not(:last-of-type)) {\n .ld-option-internal {\n border-bottom: solid var(--ld-option-border-col) var(--ld-sp-1);\n }\n}\n\n.ld-option-internal {\n &--sm {\n --ld-option-padding-inline-start: var(--ld-option-padding-inline-start-sm);\n }\n\n &--lg {\n --ld-option-padding-inline-start: var(--ld-option-padding-inline-start-lg);\n }\n\n &--indent {\n --ld-option-indent: 1.75rem;\n }\n\n outline: none;\n display: flex;\n position: relative;\n color: var(--ld-option-text-col);\n background-color: var(--ld-option-bg-col);\n padding-block: var(--ld-sp-8);\n padding-inline: calc(\n var(--ld-option-padding-inline-start) + var(--ld-option-indent, 0px)\n ) var(--ld-sp-12);\n font: var(--ld-typo-label-m);\n min-height: 2.5rem;\n white-space: nowrap;\n user-select: none;\n touch-action: manipulation;\n border: 0;\n -webkit-touch-callout: none;\n box-sizing: border-box;\n\n &--filtered {\n display: none;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n [data-popper-placement*='bottom'] & {\n &:last-of-type {\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n }\n }\n [data-popper-placement*='top'] & {\n &:first-of-type {\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n }\n\n &:not(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n cursor: pointer;\n }\n\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n color: var(--ld-option-disabled-text-col);\n }\n\n /* Pseudo element for focus outline */\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--ld-br-m);\n pointer-events: none;\n }\n\n &:where(:focus),\n &:where(:focus:focus-visible) {\n &::before {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-option-thm-col);\n }\n }\n\n &:where(:focus:not(:focus-visible)) {\n &::before {\n box-shadow: none;\n }\n }\n\n &:where(\n :not(\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col);\n }\n\n &:where(:focus),\n &:where(:focus:focus-visible) {\n background-color: var(--ld-option-thm-bg-col-focus);\n\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col-focus);\n }\n }\n\n &:where(:focus:not(:focus-visible)) {\n background-color: var(--ld-option-bg-col);\n\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col);\n }\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n background-color: var(--ld-option-thm-bg-col-hover);\n\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col-hover);\n }\n }\n }\n\n &:where(:active),\n &:where(:active:focus-visible) {\n background-color: var(--ld-option-thm-bg-col-active);\n\n :where(.ld-option-internal__check) {\n color: var(--ld-option-thm-col-active);\n }\n }\n }\n}\n\n.ld-option-internal__checkbox-wrapper {\n display: inline-flex;\n flex-shrink: 0;\n}\n\n.ld-option-internal__check,\n.ld-option-internal__checkbox {\n align-self: center;\n flex-shrink: 0;\n transform: translateX(calc(-1 * var(--ld-sp-2)));\n}\n\n.ld-option-internal__check {\n margin-right: var(--ld-sp-4);\n}\n\n.ld-option-internal__checkbox {\n margin-left: var(--ld-sp-2);\n margin-right: var(--ld-sp-6);\n}\n\n.ld-option-internal__label {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","import {\n Component,\n h,\n Host,\n Prop,\n Element,\n Event,\n EventEmitter,\n Listen,\n State,\n Method,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'ld-option-internal',\n styleUrl: 'ld-option-internal.shadow.css',\n shadow: true,\n})\nexport class LdOptionInternal implements InnerFocusable {\n @Element() el: HTMLElement\n\n private optionRef: HTMLElement\n\n /**\n * The content of this attribute represents the value to be submitted with the form,\n * should this option be selected. If this attribute is omitted, the value is taken\n * from the text content of the option element.\n */\n @Prop({ mutable: true, reflect: true }) value?: string\n\n /**\n * If present, this boolean attribute indicates that the option is selected.\n */\n @Prop({ mutable: true, reflect: true }) selected? = false\n\n /**\n * Disables the option.\n */\n @Prop() disabled? = false\n\n /**\n * Prevents deselection of a selected options when the selected option\n * is clicked in single select mode.\n */\n @Prop() preventDeselection?: boolean\n\n /**\n * Display mode.\n */\n @Prop() mode?: 'checkbox'\n\n /** Size of the option. */\n @Prop() size?: 'sm' | 'lg'\n\n /** Set to true on filtering via select input. */\n @Prop() filtered? = false\n\n /** Tab index of the option. */\n @Prop() ldTabindex? = -1\n\n /** Sets focus internally. */\n @Method()\n async focusInner() {\n this.optionRef.focus()\n }\n\n /**\n * @internal\n * Emitted on either selection or de-selection of the option.\n */\n @Event() ldoptionselect: EventEmitter\n\n @State() title: string\n\n @State() hasFocus: boolean\n @State() hasHover: boolean\n @State() indent?: boolean = false\n\n @Watch('selected')\n handleSelectedChange() {\n this.ldoptionselect.emit(this.selected)\n }\n\n private handleClick = () => {\n if (this.disabled) return\n\n if (\n !this.preventDeselection ||\n !this.selected ||\n this.mode === 'checkbox'\n ) {\n this.selected = !this.selected\n }\n }\n\n @Listen('keydown', { passive: false })\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === ' ' || ev.key === 'Enter') {\n ev.preventDefault()\n ev.stopImmediatePropagation()\n this.handleClick()\n }\n }\n\n componentWillLoad() {\n if (typeof this.value === 'undefined') {\n setTimeout(() => {\n this.value = this.el.innerText\n })\n }\n if (this.mode === 'checkbox' && this.el.closest('ld-optgroup-internal')) {\n this.indent = true\n }\n }\n\n render() {\n return (\n \n (this.optionRef = el as HTMLElement)}\n aria-selected={this.selected ? 'true' : undefined}\n aria-disabled={this.disabled ? 'true' : undefined}\n onClick={this.handleClick}\n tabindex={this.ldTabindex}\n part=\"option focusable\"\n >\n {this.mode === 'checkbox' ? (\n \n \n \n ) : (\n \n \n \n )}\n\n \n \n
    \n \n \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAA4B,wsK,MCqBrBC,EAAgB,M,wEAiEnBC,KAAAC,YAAc,KACpB,GAAID,KAAKE,SAAU,OAEnB,IACGF,KAAKG,qBACLH,KAAKI,UACNJ,KAAKK,OAAS,WACd,CACAL,KAAKI,UAAYJ,KAAKI,Q,sCA1D0B,M,cAKhC,M,wFAiBA,M,iBAGG,E,iFAkBK,K,CAd5B,gBAAME,GACJN,KAAKO,UAAUC,O,CAgBjB,oBAAAC,GACET,KAAKU,eAAeC,KAAKX,KAAKI,S,CAgBhC,aAAAQ,CAAcC,GACZ,GAAIA,EAAGC,MAAQ,KAAOD,EAAGC,MAAQ,QAAS,CACxCD,EAAGE,iBACHF,EAAGG,2BACHhB,KAAKC,a,EAIT,iBAAAgB,GACE,UAAWjB,KAAKkB,QAAU,YAAa,CACrCC,YAAW,KACTnB,KAAKkB,MAAQlB,KAAKoB,GAAGC,SAAS,G,CAGlC,GAAIrB,KAAKK,OAAS,YAAcL,KAAKoB,GAAGE,QAAQ,wBAAyB,CACvEtB,KAAKuB,OAAS,I,EAIlB,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAOC,EAAc,CACnB,qBACA5B,KAAKuB,QAAU,6BACfvB,KAAK6B,MAAQ,uBAAuB7B,KAAK6B,OACzC7B,KAAK8B,UAAY,iCAEnBC,KAAK,SACLC,IAAMZ,GAAQpB,KAAKO,UAAYa,EAAkB,gBAClCpB,KAAKI,SAAW,OAAS6B,UAAS,gBAClCjC,KAAKE,SAAW,OAAS+B,UACxCC,QAASlC,KAAKC,YACdkC,SAAUnC,KAAKoC,WACfC,KAAK,oBAEJrC,KAAKK,OAAS,WACboB,EAAA,OACEE,MAAM,uCACNI,KAAK,eACLM,KAAK,oBAELZ,EAAA,eACEE,MAAM,+BACNW,QAAStC,KAAKI,SACdF,SAAUF,KAAKE,SACfmC,KAAK,cAITZ,EAAA,OACEM,KAAM,eACNJ,MAAM,4BACNY,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLL,KAAK,SAELZ,EAAA,QACEkB,MAAO,CAAEC,WAAY5C,KAAKI,SAAW,UAAY,UACjDyC,EAAE,6BACFC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,kBACN,WAKtBrB,EAAA,QACEE,MAAM,4BACNoB,MAAO/C,KAAK+C,MACZV,KAAK,SAELZ,EAAA,e"} \ No newline at end of file diff --git a/dist/build/p-9982eec9.entry.js b/1704966176737/dist/build/p-9eccdd55.entry.js similarity index 55% rename from dist/build/p-9982eec9.entry.js rename to 1704966176737/dist/build/p-9eccdd55.entry.js index 53bea8fdfc..c261221eba 100644 --- a/dist/build/p-9982eec9.entry.js +++ b/1704966176737/dist/build/p-9eccdd55.entry.js @@ -1,2 +1,2 @@ -import{r as a,h as o,H as i,g as d}from"./p-21a69c18.js";const n='.docs-main hr{background-color:var(--ld-col-neutral-100)}.docs-main main>header ld-breadcrumbs{filter:none}.docs-main main>[id^=css-variables]+table code,.docs-main main>[id^=events]+table code,.docs-main main>[id^=methods]~h3 code,.docs-main main>[id^=properties]+table code,.docs-main main>[id^=slots]+table code,.docs-main main>ld-notice code,.docs-main main>ol code,.docs-main main>p code,.docs-main main>ul code{background-color:var(--ld-col-neutral-010);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100)}.docs-main main [id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-main main [id^=css-variables]+table td:nth-of-type(2) code:not(:last-child),.docs-main main [id^=css-variables]+table td:nth-of-type(4) code:not(:last-child),.docs-main main [id^=properties]+table td:first-of-type code:not(:last-child),.docs-main main [id^=properties]+table td:nth-of-type(2) code:not(:last-child),.docs-main main [id^=properties]+table td:nth-of-type(4) code:not(:last-child){background-color:var(--ld-thm-ocean-primary);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-800);color:var(--ld-col-rb-010)}.docs-main main>ol a,.docs-main main>p>a,.docs-main main>table a,.docs-main main>ul a{color:var(--ld-col-vc-600)}@media (hover:hover){.docs-main main>ol a:hover,.docs-main main>p>a:hover,.docs-main main>table a:hover,.docs-main main>ul a:hover{color:var(--ld-thm-secondary)}}.docs-main main>ol a:active,.docs-main main>ol a:active:focus-visible,.docs-main main>p>a:active,.docs-main main>p>a:active:focus-visible,.docs-main main>table a:active,.docs-main main>table a:active:focus-visible,.docs-main main>ul a:active,.docs-main main>ul a:active:focus-visible{color:var(--ld-col-vc-700)}.docs-main main>blockquote{background-color:var(--ld-thm-warning-focus);border-left:solid var(--ld-sp-6) var(--ld-thm-warning);color:var(--ld-col-neutral-900);font:var(--ld-typo-body-m)}.docs-main main>blockquote code{background-color:var(--ld-thm-warning)}.docs-main main>pre{border-color:var(--ld-col-neutral-100)}.docs-main main>pre>docs-copy-to-cb{filter:none}.docs-main main>table thead tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-300)}.docs-main main>table tbody tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-100)}@media (prefers-color-scheme:dark){.docs-main hr{background-color:var(--ld-col-neutral-600)}.docs-main main>header ld-breadcrumbs{filter:invert(1) hue-rotate(180deg)}.docs-main main>[id^=css-variables]+table code,.docs-main main>[id^=events]+table code,.docs-main main>[id^=methods]~h3 code,.docs-main main>[id^=properties]+table code,.docs-main main>[id^=slots]+table code,.docs-main main>ol code,.docs-main main>p code,.docs-main main>ul code{background-color:var(--ld-col-neutral-600);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-400)}.docs-main main [id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-main main [id^=css-variables]+table td:nth-of-type(3) code:not(:last-child),.docs-main main [id^=properties]+table td:first-of-type code:not(:last-child),.docs-main main [id^=properties]+table td:nth-of-type(2) code:not(:last-child),.docs-main main [id^=properties]+table td:nth-of-type(4) code:not(:last-child){background-color:var(--ld-thm-ocean-primary);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-400);color:var(--ld-col-rb-010)}.docs-main main>ol a,.docs-main main>p>a,.docs-main main>table a,.docs-main main>ul a{color:var(--ld-col-vc-200)}@media (hover:hover){.docs-main main>ol a:hover,.docs-main main>p>a:hover,.docs-main main>table a:hover,.docs-main main>ul a:hover{color:var(--ld-col-vc)}}.docs-main main>ol a:active,.docs-main main>ol a:active:focus-visible,.docs-main main>p>a:active,.docs-main main>p>a:active:focus-visible,.docs-main main>table a:active,.docs-main main>table a:active:focus-visible,.docs-main main>ul a:active,.docs-main main>ul a:active:focus-visible{color:var(--ld-col-vc-600)}.docs-main main>blockquote{border-left:solid var(--ld-sp-6) var(--ld-thm-warning-hover);color:var(--ld-col-neutral-900)}.docs-main main>blockquote,.docs-main main>blockquote code{background-color:var(--ld-thm-warning)}.docs-main main>pre{border-color:var(--ld-col-neutral-900)}.docs-main main>pre>docs-copy-to-cb{filter:invert(1) hue-rotate(180deg)}.docs-main main>table thead tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-wht)}.docs-main main>table tbody tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-700)}}.docs-ui-dark .docs-main hr{background-color:var(--ld-col-neutral-600)}.docs-ui-dark .docs-main main>header ld-breadcrumbs{filter:invert(1) hue-rotate(180deg)}.docs-ui-dark .docs-main main>[id^=css-variables]+table code,.docs-ui-dark .docs-main main>[id^=events]+table code,.docs-ui-dark .docs-main main>[id^=methods]~h3 code,.docs-ui-dark .docs-main main>[id^=properties]+table code,.docs-ui-dark .docs-main main>[id^=slots]+table code,.docs-ui-dark .docs-main main>ol code,.docs-ui-dark .docs-main main>p code,.docs-ui-dark .docs-main main>ul code{background-color:var(--ld-col-neutral-600);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-400)}.docs-ui-dark .docs-main main [id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-ui-dark .docs-main main [id^=css-variables]+table td:nth-of-type(3) code:not(:last-child),.docs-ui-dark .docs-main main [id^=properties]+table td:first-of-type code:not(:last-child),.docs-ui-dark .docs-main main [id^=properties]+table td:nth-of-type(2) code:not(:last-child),.docs-ui-dark .docs-main main [id^=properties]+table td:nth-of-type(4) code:not(:last-child){background-color:var(--ld-thm-ocean-primary);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-400);color:var(--ld-col-rb-010)}.docs-ui-dark .docs-main main>ol a,.docs-ui-dark .docs-main main>p>a,.docs-ui-dark .docs-main main>table a,.docs-ui-dark .docs-main main>ul a{color:var(--ld-col-vc-200)}@media (hover:hover){.docs-ui-dark .docs-main main>ol a:hover,.docs-ui-dark .docs-main main>p>a:hover,.docs-ui-dark .docs-main main>table a:hover,.docs-ui-dark .docs-main main>ul a:hover{color:var(--ld-col-vc)}}.docs-ui-dark .docs-main main>ol a:active,.docs-ui-dark .docs-main main>ol a:active:focus-visible,.docs-ui-dark .docs-main main>p>a:active,.docs-ui-dark .docs-main main>p>a:active:focus-visible,.docs-ui-dark .docs-main main>table a:active,.docs-ui-dark .docs-main main>table a:active:focus-visible,.docs-ui-dark .docs-main main>ul a:active,.docs-ui-dark .docs-main main>ul a:active:focus-visible{color:var(--ld-col-vc-600)}.docs-ui-dark .docs-main main>blockquote{background-color:var(--ld-thm-warning);border-left:solid var(--ld-sp-6) var(--ld-thm-warning-hover);color:var(--ld-col-neutral-900)}.docs-ui-dark .docs-main main>blockquote code{background-color:var(--ld-thm-warning)}.docs-ui-dark .docs-main main>pre{border-color:var(--ld-col-neutral-900)}.docs-ui-dark .docs-main main>pre>docs-copy-to-cb{filter:invert(1) hue-rotate(180deg)}.docs-ui-dark .docs-main main>table thead tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-wht)}.docs-ui-dark .docs-main main>table tbody tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-700)}.docs-ui-light .docs-main hr{background-color:var(--ld-col-neutral-100)}.docs-ui-light .docs-main main>header ld-breadcrumbs{filter:none}.docs-ui-light .docs-main main>[id^=css-variables]+table code,.docs-ui-light .docs-main main>[id^=events]+table code,.docs-ui-light .docs-main main>[id^=methods]~h3 code,.docs-ui-light .docs-main main>[id^=properties]+table code,.docs-ui-light .docs-main main>[id^=slots]+table code,.docs-ui-light .docs-main main>ld-notice code,.docs-ui-light .docs-main main>ol code,.docs-ui-light .docs-main main>p code,.docs-ui-light .docs-main main>ul code{background-color:var(--ld-col-neutral-010);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100)}.docs-ui-light .docs-main main [id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-ui-light .docs-main main [id^=css-variables]+table td:nth-of-type(2) code:not(:last-child),.docs-ui-light .docs-main main [id^=css-variables]+table td:nth-of-type(4) code:not(:last-child),.docs-ui-light .docs-main main [id^=properties]+table td:first-of-type code:not(:last-child),.docs-ui-light .docs-main main [id^=properties]+table td:nth-of-type(2) code:not(:last-child),.docs-ui-light .docs-main main [id^=properties]+table td:nth-of-type(4) code:not(:last-child){background-color:var(--ld-thm-ocean-primary);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-800);color:var(--ld-col-rb-010)}.docs-ui-light .docs-main main>ol a,.docs-ui-light .docs-main main>p>a,.docs-ui-light .docs-main main>table a,.docs-ui-light .docs-main main>ul a{color:var(--ld-col-vc-600)}@media (hover:hover){.docs-ui-light .docs-main main>ol a:hover,.docs-ui-light .docs-main main>p>a:hover,.docs-ui-light .docs-main main>table a:hover,.docs-ui-light .docs-main main>ul a:hover{color:var(--ld-thm-secondary)}}.docs-ui-light .docs-main main>ol a:active,.docs-ui-light .docs-main main>ol a:active:focus-visible,.docs-ui-light .docs-main main>p>a:active,.docs-ui-light .docs-main main>p>a:active:focus-visible,.docs-ui-light .docs-main main>table a:active,.docs-ui-light .docs-main main>table a:active:focus-visible,.docs-ui-light .docs-main main>ul a:active,.docs-ui-light .docs-main main>ul a:active:focus-visible{color:var(--ld-col-vc-700)}.docs-ui-light .docs-main main>blockquote{background-color:var(--ld-thm-warning-focus);border-left:solid var(--ld-sp-6) var(--ld-thm-warning);color:var(--ld-col-neutral-900);font:var(--ld-typo-body-m)}.docs-ui-light .docs-main main>blockquote code{background-color:var(--ld-thm-warning)}.docs-ui-light .docs-main main>pre{border-color:var(--ld-col-neutral-100)}.docs-ui-light .docs-main main>pre>docs-copy-to-cb{filter:none}.docs-ui-light .docs-main main>table thead tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-300)}.docs-ui-light .docs-main main>table tbody tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-100)}.docs-main{--ld-typo-code-s:0.875rem/176% "Source Code Pro",Consolas,Monaco,"Ubuntu Mono",monospace;--ld-typo-code-m:1rem/160% "Source Code Pro",Consolas,Monaco,"Ubuntu Mono",monospace;--docs-main-padding-x:var(--ld-sp-40);max-width:54rem;min-width:20rem;padding:var(--ld-sp-24) var(--docs-main-padding-x) var(--ld-sp-40)}@media (max-width:75rem){.docs-main{--docs-main-padding-x:var(--ld-sp-24)}}.docs-main main>footer,.docs-main main>header{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.docs-main main>header ld-breadcrumbs{flex-grow:1;margin-bottom:var(--ld-sp-16);margin-left:0;margin-right:var(--ld-sp-24);margin-top:var(--ld-sp-16)}.docs-main main>ol,.docs-main main>p,.docs-main main>ul{font:var(--ld-typo-body-m)}.docs-main main>ld-notice code,.docs-main main>ol code,.docs-main main>p code,.docs-main main>ul code{border-radius:var(--ld-br-s);display:inline-flex;padding:0 var(--ld-sp-4)}.docs-main main>blockquote a,.docs-main main>ol a,.docs-main main>p>a,.docs-main main>table a,.docs-main main>ul a{-webkit-text-decoration:underline;text-decoration:underline}.docs-main main>blockquote a code,.docs-main main>ol a code,.docs-main main>p>a code,.docs-main main>table a code,.docs-main main>ul a code{background-color:initial!important;box-shadow:none!important;font-size:inherit;padding:0}.docs-main main>hr{border:0;height:var(--ld-sp-1)}.docs-main main>hr:last-of-type:not(:first-of-type),.docs-main main>hr:last-of-type:not(:first-of-type)+p{display:none}.docs-main main>*+*{margin-top:var(--ld-sp-32)}.docs-main main>*+h1{margin-top:var(--ld-sp-16)}.docs-main main>*+footer,.docs-main main>*+h2,.docs-main main>*+h3{margin-top:var(--ld-sp-40)}.docs-main main #overview,.docs-main main #overview+p,.docs-main main [id^=graph],.docs-main main [id^=graph]+pre,.docs-main main [id^=shadow-parts],.docs-main main [id^=shadow-parts]+table{display:none}.docs-main main>h1{font:var(--ld-typo-xh5)}.docs-main main>h2{font:var(--ld-typo-h2)}.docs-main main>h3{font:var(--ld-typo-h3)}.docs-main main>h4{font:var(--ld-typo-h4)}.docs-main main>h5{font:var(--ld-typo-h5)}.docs-main main>h6{font:var(--ld-typo-h6)}.docs-main main>h1,.docs-main main>h2,.docs-main main>h3,.docs-main main>h4,.docs-main main>h5,.docs-main main>h6{font-weight:700;outline:none;position:relative}.docs-main main>h1>code,.docs-main main>h2>code,.docs-main main>h3>code,.docs-main main>h4>code,.docs-main main>h5>code,.docs-main main>h6>code{font-size:inherit;font-weight:inherit}.docs-main main>ol,.docs-main main>ul{padding-left:var(--ld-sp-16)}.docs-main main>ol>li>p,.docs-main main>ul>li>p{display:inline}.docs-main main>ul{list-style:disc}.docs-main main>ol{list-style:decimal}.docs-main main>table{border-collapse:collapse;display:block;min-width:100%;overflow-x:scroll;overflow-y:hidden;overflow:scroll hidden;padding-bottom:var(--ld-sp-24);text-align:left}.docs-main main>table tr{margin-top:var(--ld-sp-16)}.docs-main main>table tbody tr:nth-child(odd){background-color:var(--sensitive-grey-dark)}.docs-main main>table thead tr{margin-top:0}.docs-main main>table thead th{padding-top:0}.docs-main main>table th{padding-bottom:var(--ld-sp-16)}.docs-main main>table td,.docs-main main>table th{padding:var(--ld-sp-12) var(--ld-sp-16);vertical-align:top}.docs-main main>table td:first-of-type,.docs-main main>table th:first-of-type{padding-left:0}.docs-main main>table td:last-of-type,.docs-main main>table th:last-of-type{padding-right:0}.docs-main main>table b,.docs-main main>table strong{font-weight:700}.docs-main main>[id^=properties]+table td code,.docs-main main>[id^=properties]+table th code{display:inline-grid;gap:var(--ld-sp-4);grid-auto-flow:column}.docs-main main>[id^=properties]+table td code+em,.docs-main main>[id^=properties]+table th code+em{display:none}.docs-main main>[id^=properties]+table td code:not(:last-child),.docs-main main>[id^=properties]+table th code:not(:last-child){font-weight:700}.docs-main main>[id^=properties]+table td code:not(:last-child):after,.docs-main main>[id^=properties]+table th code:not(:last-child):after{content:"*";transform:translateY(-.125rem)}.docs-main main>[id^=properties]+table td:nth-of-type(2),.docs-main main>[id^=properties]+table th:nth-of-type(2){display:none}.docs-main main>[id^=css-variables]+table td:first-of-type,.docs-main main>[id^=css-variables]+table th:first-of-type{flex-shrink:0}.docs-main main>[id^=css-variables]+table td:first-of-type code,.docs-main main>[id^=css-variables]+table th:first-of-type code{display:inline-grid;gap:var(--ld-sp-4);grid-auto-flow:column}.docs-main main>[id^=css-variables]+table td:first-of-type code+em,.docs-main main>[id^=css-variables]+table th:first-of-type code+em{display:none}.docs-main main>[id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-main main>[id^=css-variables]+table th:first-of-type code:not(:last-child){font-weight:700}.docs-main main>[id^=css-variables]+table td:first-of-type code:not(:last-child):after,.docs-main main>[id^=css-variables]+table th:first-of-type code:not(:last-child):after{content:"*";transform:translateY(-.125rem)}.docs-main main>[id^=methods]~h3 code{border-radius:var(--ld-br-s);display:inline-flex;font:var(--ld-typo-body-s);font-family:Source Code Pro,Consolas,Monaco,Ubuntu Mono,monospace;font-weight:400;line-height:1;padding:var(--ld-sp-4) var(--ld-sp-6)}.docs-main main>[id^=css-variables]+table,.docs-main main>[id^=events]+table,.docs-main main>[id^=properties]+table,.docs-main main>[id^=slots]+table{font:var(--ld-typo-body-m)}.docs-main main>[id^=css-variables]+table code,.docs-main main>[id^=events]+table code,.docs-main main>[id^=properties]+table code,.docs-main main>[id^=slots]+table code{border-radius:var(--ld-br-s);display:inline-flex;padding:0 var(--ld-sp-6)}.docs-main main>blockquote{padding:var(--ld-sp-8) var(--ld-sp-24) var(--ld-sp-12) var(--ld-sp-24)}.docs-main main>blockquote a{-webkit-text-decoration:underline;text-decoration:underline}.docs-main main>blockquote code{border-radius:var(--ld-br-s);padding:0 var(--ld-sp-4)}.docs-main main>pre{border-radius:var(--ld-br-l);border-style:solid;border-width:var(--ld-sp-1);display:flex;justify-content:space-between;position:relative}.docs-main main>pre>docs-copy-to-cb{bottom:100%;height:0;position:sticky;right:var(--ld-sp-4)}.docs-main main>pre>docs-copy-to-cb ld-button{transform:translateX(var(--ld-sp-12)) translateY(calc(-1 * var(--ld-sp-6)))}.docs-main code{font:var(--ld-typo-code-s)}@media (max-width:52rem){.docs-main{padding:var(--ld-sp-24) var(--ld-sp-24)}.docs-main main{padding-bottom:var(--ld-sp-40)}}[id^=properties]+table:after{content:"* required"}[id^=css-variables]+table:after{content:"* readonly"}.language-mermaid code>:nth-last-child(-n+3),.language-mermaid+hr,[id^=events]+table+hr,[id^=properties]+table+hr,[id^=returns]+p+hr,[id^=shadow-parts]+table+hr,[id^=slots]+table+hr{display:none}.header-anchor{left:0;position:absolute;text-align:right;transform:translateX(-100%)}@media screen and (max-width:52rem){.header-anchor{left:auto;position:relative;width:auto}}.header-anchor__symbol{opacity:.25;padding-right:var(--ld-sp-8);visibility:hidden}.header-anchor__symbol:hover{opacity:1}.header-anchor:focus .header-anchor__symbol,h1:hover .header-anchor__symbol,h2:hover .header-anchor__symbol,h3:hover .header-anchor__symbol,h4:hover .header-anchor__symbol,h5:hover .header-anchor__symbol,h6:hover .header-anchor__symbol{visibility:inherit}.header-anchor:focus .header-anchor__symbol{opacity:1}@media screen and (hover:none){.header-anchor__symbol{visibility:inherit}}@media screen and (max-width:52rem){.header-anchor__symbol{opacity:.25;padding-right:0;visibility:inherit}.header-anchor:focus .header-anchor__symbol,h1:hover .header-anchor__symbol,h2:hover .header-anchor__symbol,h3:hover .header-anchor__symbol,h4:hover .header-anchor__symbol,h5:hover .header-anchor__symbol,h6:hover .header-anchor__symbol{visibility:inherit}.header-anchor:focus .header-anchor__symbol{opacity:1}}.docs-main__header-image{max-width:32rem}';const e=class{constructor(o){a(this,o)}componentDidLoad(){this.mainRef.querySelectorAll("#css-variables + table code, #properties + table code").forEach((a=>{a.innerHTML=a.innerHTML.replace(/\\\|/g,"|")}));setTimeout((()=>{Array.from(this.mainRef.children).filter((a=>a.tagName==="PRE")).forEach((a=>{const o=document.createElement("docs-copy-to-cb");o.textToCopy=a.innerText;a.appendChild(o)}))}))}render(){return o(i,{class:"docs-main"},o("main",{id:"main",ref:a=>this.mainRef=a},o("slot",null)))}get el(){return d(this)}};e.style=n;export{e as docs_main}; -//# sourceMappingURL=p-9982eec9.entry.js.map \ No newline at end of file +import{r as a,h as o,H as i,g as d}from"./p-21a69c18.js";const n='.docs-main hr{background-color:var(--ld-col-neutral-100)}.docs-main main>header ld-breadcrumbs{filter:none}.docs-main main>[id^=css-variables]+table code,.docs-main main>[id^=events]+table code,.docs-main main>[id^=methods]~h3 code,.docs-main main>[id^=properties]+table code,.docs-main main>[id^=slots]+table code,.docs-main main>ld-notice code,.docs-main main>ol code,.docs-main main>p code,.docs-main main>ul code{background-color:var(--ld-col-neutral-010);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100)}.docs-main main [id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-main main [id^=css-variables]+table td:nth-of-type(2) code:not(:last-child),.docs-main main [id^=css-variables]+table td:nth-of-type(4) code:not(:last-child),.docs-main main [id^=properties]+table td:first-of-type code:not(:last-child),.docs-main main [id^=properties]+table td:nth-of-type(2) code:not(:last-child),.docs-main main [id^=properties]+table td:nth-of-type(4) code:not(:last-child){background-color:var(--ld-thm-ocean-primary);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-800);color:var(--ld-col-rb-010)}.docs-main main>ol a,.docs-main main>p>a,.docs-main main>table a,.docs-main main>ul a{color:var(--ld-col-vc-600)}@media (hover:hover){.docs-main main>ol a:hover,.docs-main main>p>a:hover,.docs-main main>table a:hover,.docs-main main>ul a:hover{color:var(--ld-thm-secondary)}}.docs-main main>ol a:active,.docs-main main>ol a:active:focus-visible,.docs-main main>p>a:active,.docs-main main>p>a:active:focus-visible,.docs-main main>table a:active,.docs-main main>table a:active:focus-visible,.docs-main main>ul a:active,.docs-main main>ul a:active:focus-visible{color:var(--ld-col-vc-700)}.docs-main main>blockquote{background-color:var(--ld-thm-warning-focus);border-left:solid var(--ld-sp-6) var(--ld-thm-warning);color:var(--ld-col-neutral-900);font:var(--ld-typo-body-m)}.docs-main main>blockquote code{background-color:var(--ld-thm-warning)}.docs-main main>pre{border-color:var(--ld-col-neutral-100)}.docs-main main>pre>docs-copy-to-cb{filter:none}.docs-main main>table thead tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-300)}.docs-main main>table tbody tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-100)}@media (prefers-color-scheme:dark){.docs-main hr{background-color:var(--ld-col-neutral-600)}.docs-main main>header ld-breadcrumbs{filter:invert(1) hue-rotate(180deg)}.docs-main main>[id^=css-variables]+table code,.docs-main main>[id^=events]+table code,.docs-main main>[id^=methods]~h3 code,.docs-main main>[id^=properties]+table code,.docs-main main>[id^=slots]+table code,.docs-main main>ol code,.docs-main main>p code,.docs-main main>ul code{background-color:var(--ld-col-neutral-600);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-400)}.docs-main main [id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-main main [id^=css-variables]+table td:nth-of-type(3) code:not(:last-child),.docs-main main [id^=properties]+table td:first-of-type code:not(:last-child),.docs-main main [id^=properties]+table td:nth-of-type(2) code:not(:last-child),.docs-main main [id^=properties]+table td:nth-of-type(4) code:not(:last-child){background-color:var(--ld-thm-ocean-primary);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-400);color:var(--ld-col-rb-010)}.docs-main main>ol a,.docs-main main>p>a,.docs-main main>table a,.docs-main main>ul a{color:var(--ld-col-vc-200)}@media (hover:hover){.docs-main main>ol a:hover,.docs-main main>p>a:hover,.docs-main main>table a:hover,.docs-main main>ul a:hover{color:var(--ld-col-vc)}}.docs-main main>ol a:active,.docs-main main>ol a:active:focus-visible,.docs-main main>p>a:active,.docs-main main>p>a:active:focus-visible,.docs-main main>table a:active,.docs-main main>table a:active:focus-visible,.docs-main main>ul a:active,.docs-main main>ul a:active:focus-visible{color:var(--ld-col-vc-600)}.docs-main main>blockquote{border-left:solid var(--ld-sp-6) var(--ld-thm-warning-hover);color:var(--ld-col-neutral-900)}.docs-main main>blockquote,.docs-main main>blockquote code{background-color:var(--ld-thm-warning)}.docs-main main>pre{border-color:var(--ld-col-neutral-900)}.docs-main main>pre>docs-copy-to-cb{filter:invert(1) hue-rotate(180deg)}.docs-main main>table thead tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-wht)}.docs-main main>table tbody tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-700)}}.docs-ui-dark .docs-main hr{background-color:var(--ld-col-neutral-600)}.docs-ui-dark .docs-main main>header ld-breadcrumbs{filter:invert(1) hue-rotate(180deg)}.docs-ui-dark .docs-main main>[id^=css-variables]+table code,.docs-ui-dark .docs-main main>[id^=events]+table code,.docs-ui-dark .docs-main main>[id^=methods]~h3 code,.docs-ui-dark .docs-main main>[id^=properties]+table code,.docs-ui-dark .docs-main main>[id^=slots]+table code,.docs-ui-dark .docs-main main>ol code,.docs-ui-dark .docs-main main>p code,.docs-ui-dark .docs-main main>ul code{background-color:var(--ld-col-neutral-600);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-400)}.docs-ui-dark .docs-main main [id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-ui-dark .docs-main main [id^=css-variables]+table td:nth-of-type(3) code:not(:last-child),.docs-ui-dark .docs-main main [id^=properties]+table td:first-of-type code:not(:last-child),.docs-ui-dark .docs-main main [id^=properties]+table td:nth-of-type(2) code:not(:last-child),.docs-ui-dark .docs-main main [id^=properties]+table td:nth-of-type(4) code:not(:last-child){background-color:var(--ld-thm-ocean-primary);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-400);color:var(--ld-col-rb-010)}.docs-ui-dark .docs-main main>ol a,.docs-ui-dark .docs-main main>p>a,.docs-ui-dark .docs-main main>table a,.docs-ui-dark .docs-main main>ul a{color:var(--ld-col-vc-200)}@media (hover:hover){.docs-ui-dark .docs-main main>ol a:hover,.docs-ui-dark .docs-main main>p>a:hover,.docs-ui-dark .docs-main main>table a:hover,.docs-ui-dark .docs-main main>ul a:hover{color:var(--ld-col-vc)}}.docs-ui-dark .docs-main main>ol a:active,.docs-ui-dark .docs-main main>ol a:active:focus-visible,.docs-ui-dark .docs-main main>p>a:active,.docs-ui-dark .docs-main main>p>a:active:focus-visible,.docs-ui-dark .docs-main main>table a:active,.docs-ui-dark .docs-main main>table a:active:focus-visible,.docs-ui-dark .docs-main main>ul a:active,.docs-ui-dark .docs-main main>ul a:active:focus-visible{color:var(--ld-col-vc-600)}.docs-ui-dark .docs-main main>blockquote{background-color:var(--ld-thm-warning);border-left:solid var(--ld-sp-6) var(--ld-thm-warning-hover);color:var(--ld-col-neutral-900)}.docs-ui-dark .docs-main main>blockquote code{background-color:var(--ld-thm-warning)}.docs-ui-dark .docs-main main>pre{border-color:var(--ld-col-neutral-900)}.docs-ui-dark .docs-main main>pre>docs-copy-to-cb{filter:invert(1) hue-rotate(180deg)}.docs-ui-dark .docs-main main>table thead tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-wht)}.docs-ui-dark .docs-main main>table tbody tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-700)}.docs-ui-light .docs-main hr{background-color:var(--ld-col-neutral-100)}.docs-ui-light .docs-main main>header ld-breadcrumbs{filter:none}.docs-ui-light .docs-main main>[id^=css-variables]+table code,.docs-ui-light .docs-main main>[id^=events]+table code,.docs-ui-light .docs-main main>[id^=methods]~h3 code,.docs-ui-light .docs-main main>[id^=properties]+table code,.docs-ui-light .docs-main main>[id^=slots]+table code,.docs-ui-light .docs-main main>ld-notice code,.docs-ui-light .docs-main main>ol code,.docs-ui-light .docs-main main>p code,.docs-ui-light .docs-main main>ul code{background-color:var(--ld-col-neutral-010);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100)}.docs-ui-light .docs-main main [id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-ui-light .docs-main main [id^=css-variables]+table td:nth-of-type(2) code:not(:last-child),.docs-ui-light .docs-main main [id^=css-variables]+table td:nth-of-type(4) code:not(:last-child),.docs-ui-light .docs-main main [id^=properties]+table td:first-of-type code:not(:last-child),.docs-ui-light .docs-main main [id^=properties]+table td:nth-of-type(2) code:not(:last-child),.docs-ui-light .docs-main main [id^=properties]+table td:nth-of-type(4) code:not(:last-child){background-color:var(--ld-thm-ocean-primary);box-shadow:inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-800);color:var(--ld-col-rb-010)}.docs-ui-light .docs-main main>ol a,.docs-ui-light .docs-main main>p>a,.docs-ui-light .docs-main main>table a,.docs-ui-light .docs-main main>ul a{color:var(--ld-col-vc-600)}@media (hover:hover){.docs-ui-light .docs-main main>ol a:hover,.docs-ui-light .docs-main main>p>a:hover,.docs-ui-light .docs-main main>table a:hover,.docs-ui-light .docs-main main>ul a:hover{color:var(--ld-thm-secondary)}}.docs-ui-light .docs-main main>ol a:active,.docs-ui-light .docs-main main>ol a:active:focus-visible,.docs-ui-light .docs-main main>p>a:active,.docs-ui-light .docs-main main>p>a:active:focus-visible,.docs-ui-light .docs-main main>table a:active,.docs-ui-light .docs-main main>table a:active:focus-visible,.docs-ui-light .docs-main main>ul a:active,.docs-ui-light .docs-main main>ul a:active:focus-visible{color:var(--ld-col-vc-700)}.docs-ui-light .docs-main main>blockquote{background-color:var(--ld-thm-warning-focus);border-left:solid var(--ld-sp-6) var(--ld-thm-warning);color:var(--ld-col-neutral-900);font:var(--ld-typo-body-m)}.docs-ui-light .docs-main main>blockquote code{background-color:var(--ld-thm-warning)}.docs-ui-light .docs-main main>pre{border-color:var(--ld-col-neutral-100)}.docs-ui-light .docs-main main>pre>docs-copy-to-cb{filter:none}.docs-ui-light .docs-main main>table thead tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-300)}.docs-ui-light .docs-main main>table tbody tr{border-bottom:solid var(--ld-sp-1) var(--ld-col-neutral-100)}.docs-main{--ld-typo-code-s:0.875rem/176% "Source Code Pro",Consolas,Monaco,"Ubuntu Mono",monospace;--ld-typo-code-m:1rem/160% "Source Code Pro",Consolas,Monaco,"Ubuntu Mono",monospace;--docs-main-padding-x:var(--ld-sp-40);max-width:54rem;min-width:20rem;padding:var(--ld-sp-24) var(--docs-main-padding-x) var(--ld-sp-40)}@media (width <= 75rem){.docs-main{--docs-main-padding-x:var(--ld-sp-24)}}.docs-main main>footer,.docs-main main>header{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.docs-main main>header ld-breadcrumbs{flex-grow:1;margin-block:var(--ld-sp-16);margin-inline:0 var(--ld-sp-24)}.docs-main main>ol,.docs-main main>p,.docs-main main>ul{font:var(--ld-typo-body-m)}.docs-main main>ld-notice code,.docs-main main>ol code,.docs-main main>p code,.docs-main main>ul code{border-radius:var(--ld-br-s);display:inline-flex;padding:0 var(--ld-sp-4)}.docs-main main>blockquote a,.docs-main main>ol a,.docs-main main>p>a,.docs-main main>table a,.docs-main main>ul a{-webkit-text-decoration:underline;text-decoration:underline}.docs-main main>blockquote a code,.docs-main main>ol a code,.docs-main main>p>a code,.docs-main main>table a code,.docs-main main>ul a code{background-color:initial!important;box-shadow:none!important;font-size:inherit;padding:0}.docs-main main>hr{border:0;height:var(--ld-sp-1)}.docs-main main>hr:last-of-type:not(:first-of-type),.docs-main main>hr:last-of-type:not(:first-of-type)+p{display:none}.docs-main main>*+*{margin-top:var(--ld-sp-32)}.docs-main main>*+h1{margin-top:var(--ld-sp-16)}.docs-main main>*+footer,.docs-main main>*+h2,.docs-main main>*+h3{margin-top:var(--ld-sp-40)}.docs-main main #overview,.docs-main main #overview+p,.docs-main main [id^=graph],.docs-main main [id^=graph]+pre,.docs-main main [id^=shadow-parts],.docs-main main [id^=shadow-parts]+table{display:none}.docs-main main>h1{font:var(--ld-typo-xh5)}.docs-main main>h2{font:var(--ld-typo-h2)}.docs-main main>h3{font:var(--ld-typo-h3)}.docs-main main>h4{font:var(--ld-typo-h4)}.docs-main main>h5{font:var(--ld-typo-h5)}.docs-main main>h6{font:var(--ld-typo-h6)}.docs-main main>h1,.docs-main main>h2,.docs-main main>h3,.docs-main main>h4,.docs-main main>h5,.docs-main main>h6{font-weight:700;outline:none;position:relative}.docs-main main>h1>code,.docs-main main>h2>code,.docs-main main>h3>code,.docs-main main>h4>code,.docs-main main>h5>code,.docs-main main>h6>code{font-size:inherit;font-weight:inherit}.docs-main main>ol,.docs-main main>ul{padding-left:var(--ld-sp-16)}.docs-main main>ol>li>p,.docs-main main>ul>li>p{display:inline}.docs-main main>ul{list-style:disc}.docs-main main>ol{list-style:decimal}.docs-main main>table{border-collapse:collapse;display:block;min-width:100%;overflow:scroll hidden;padding-bottom:var(--ld-sp-24);text-align:left}.docs-main main>table tr{margin-top:var(--ld-sp-16)}.docs-main main>table tbody tr:nth-child(odd){background-color:var(--sensitive-grey-dark)}.docs-main main>table thead tr{margin-top:0}.docs-main main>table thead th{padding-top:0}.docs-main main>table th{padding-bottom:var(--ld-sp-16)}.docs-main main>table td,.docs-main main>table th{padding:var(--ld-sp-12) var(--ld-sp-16);vertical-align:top}.docs-main main>table td:first-of-type,.docs-main main>table th:first-of-type{padding-left:0}.docs-main main>table td:last-of-type,.docs-main main>table th:last-of-type{padding-right:0}.docs-main main>table b,.docs-main main>table strong{font-weight:700}.docs-main main>[id^=properties]+table td code,.docs-main main>[id^=properties]+table th code{display:inline-grid;gap:var(--ld-sp-4);grid-auto-flow:column}.docs-main main>[id^=properties]+table td code+em,.docs-main main>[id^=properties]+table th code+em{display:none}.docs-main main>[id^=properties]+table td code:not(:last-child),.docs-main main>[id^=properties]+table th code:not(:last-child){font-weight:700}.docs-main main>[id^=properties]+table td code:not(:last-child):after,.docs-main main>[id^=properties]+table th code:not(:last-child):after{content:"*";transform:translateY(-.125rem)}.docs-main main>[id^=properties]+table td:nth-of-type(2),.docs-main main>[id^=properties]+table th:nth-of-type(2){display:none}.docs-main main>[id^=css-variables]+table td:first-of-type,.docs-main main>[id^=css-variables]+table th:first-of-type{flex-shrink:0}.docs-main main>[id^=css-variables]+table td:first-of-type code,.docs-main main>[id^=css-variables]+table th:first-of-type code{display:inline-grid;gap:var(--ld-sp-4);grid-auto-flow:column}.docs-main main>[id^=css-variables]+table td:first-of-type code+em,.docs-main main>[id^=css-variables]+table th:first-of-type code+em{display:none}.docs-main main>[id^=css-variables]+table td:first-of-type code:not(:last-child),.docs-main main>[id^=css-variables]+table th:first-of-type code:not(:last-child){font-weight:700}.docs-main main>[id^=css-variables]+table td:first-of-type code:not(:last-child):after,.docs-main main>[id^=css-variables]+table th:first-of-type code:not(:last-child):after{content:"*";transform:translateY(-.125rem)}.docs-main main>[id^=methods]~h3 code{border-radius:var(--ld-br-s);display:inline-flex;font:var(--ld-typo-body-s);font-family:Source Code Pro,Consolas,Monaco,Ubuntu Mono,monospace;font-weight:400;line-height:1;padding:var(--ld-sp-4) var(--ld-sp-6)}.docs-main main>[id^=css-variables]+table,.docs-main main>[id^=events]+table,.docs-main main>[id^=properties]+table,.docs-main main>[id^=slots]+table{font:var(--ld-typo-body-m)}.docs-main main>[id^=css-variables]+table code,.docs-main main>[id^=events]+table code,.docs-main main>[id^=properties]+table code,.docs-main main>[id^=slots]+table code{border-radius:var(--ld-br-s);display:inline-flex;padding:0 var(--ld-sp-6)}.docs-main main>blockquote{padding:var(--ld-sp-8) var(--ld-sp-24) var(--ld-sp-12) var(--ld-sp-24)}.docs-main main>blockquote a{-webkit-text-decoration:underline;text-decoration:underline}.docs-main main>blockquote code{border-radius:var(--ld-br-s);padding:0 var(--ld-sp-4)}.docs-main main>pre{border-radius:var(--ld-br-l);border-style:solid;border-width:var(--ld-sp-1);display:flex;justify-content:space-between;position:relative}.docs-main main>pre>docs-copy-to-cb{bottom:100%;height:0;position:sticky;right:var(--ld-sp-4)}.docs-main main>pre>docs-copy-to-cb ld-button{transform:translateX(var(--ld-sp-12)) translateY(calc(-1 * var(--ld-sp-6)))}.docs-main code{font:var(--ld-typo-code-s)}@media (width <= 52rem){.docs-main{padding:var(--ld-sp-24) var(--ld-sp-24)}.docs-main main{padding-bottom:var(--ld-sp-40)}}[id^=properties]+table:after{content:"* required"}[id^=css-variables]+table:after{content:"* readonly"}.language-mermaid code>:nth-last-child(-n+3),.language-mermaid+hr,[id^=events]+table+hr,[id^=properties]+table+hr,[id^=returns]+p+hr,[id^=shadow-parts]+table+hr,[id^=slots]+table+hr{display:none}.header-anchor{left:0;position:absolute;text-align:right;transform:translateX(-100%)}@media screen and (width <= 52rem){.header-anchor{left:unset;position:relative;width:auto}}.header-anchor__symbol{opacity:.25;padding-right:var(--ld-sp-8);visibility:hidden}.header-anchor__symbol:hover{opacity:1}.header-anchor:focus .header-anchor__symbol,h1:hover .header-anchor__symbol,h2:hover .header-anchor__symbol,h3:hover .header-anchor__symbol,h4:hover .header-anchor__symbol,h5:hover .header-anchor__symbol,h6:hover .header-anchor__symbol{visibility:inherit}.header-anchor:focus .header-anchor__symbol{opacity:1}@media screen and (hover:none){.header-anchor__symbol{visibility:inherit}}@media screen and (width <= 52rem){.header-anchor__symbol{opacity:.25;padding-right:0;visibility:inherit}.header-anchor:focus .header-anchor__symbol,h1:hover .header-anchor__symbol,h2:hover .header-anchor__symbol,h3:hover .header-anchor__symbol,h4:hover .header-anchor__symbol,h5:hover .header-anchor__symbol,h6:hover .header-anchor__symbol{visibility:inherit}.header-anchor:focus .header-anchor__symbol{opacity:1}}.docs-main__header-image{max-width:32rem}';const e=class{constructor(o){a(this,o)}componentDidLoad(){this.mainRef.querySelectorAll("#css-variables + table code, #properties + table code").forEach((a=>{a.innerHTML=a.innerHTML.replace(/\\\|/g,"|")}));setTimeout((()=>{Array.from(this.mainRef.children).filter((a=>a.tagName==="PRE")).forEach((a=>{const o=document.createElement("docs-copy-to-cb");o.textToCopy=a.innerText;a.appendChild(o)}))}))}render(){return o(i,{class:"docs-main"},o("main",{id:"main",ref:a=>this.mainRef=a},o("slot",null)))}get el(){return d(this)}};e.style=n;export{e as docs_main}; +//# sourceMappingURL=p-9eccdd55.entry.js.map \ No newline at end of file diff --git a/dist/build/p-9982eec9.entry.js.map b/1704966176737/dist/build/p-9eccdd55.entry.js.map similarity index 99% rename from dist/build/p-9982eec9.entry.js.map rename to 1704966176737/dist/build/p-9eccdd55.entry.js.map index 83e024d727..6c1e155b35 100644 --- a/dist/build/p-9982eec9.entry.js.map +++ b/1704966176737/dist/build/p-9eccdd55.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["docsMainCss","DocsNav","componentDidLoad","this","mainRef","querySelectorAll","forEach","code","innerHTML","replace","setTimeout","Array","from","children","filter","child","tagName","pre","copyToCB","document","createElement","textToCopy","innerText","appendChild","render","h","Host","class","id","ref"],"sources":["../src/docs/components/docs-main/docs-main.css?tag=docs-main","../src/docs/components/docs-main/docs-main.tsx"],"sourcesContent":["@define-mixin docs-main-ui-light {\n .docs-main {\n hr {\n background-color: var(--ld-col-neutral-100);\n }\n\n main {\n > header {\n ld-breadcrumbs {\n filter: none;\n }\n }\n\n > p,\n > ol,\n > ul,\n > ld-notice,\n > [id^='css-variables'] + table,\n > [id^='properties'] + table,\n > [id^='events'] + table,\n > [id^='slots'] + table,\n > [id^='methods'] ~ h3 {\n code {\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100);\n background-color: var(--ld-col-neutral-010);\n }\n }\n\n [id^='css-variables'] + table td,\n [id^='properties'] + table td {\n &:first-of-type,\n &:nth-of-type(2),\n &:nth-of-type(4) {\n code {\n &:not(:last-child) {\n color: var(--ld-col-rb-010);\n background-color: var(--ld-thm-ocean-primary);\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-800);\n }\n }\n }\n }\n\n > p > a,\n > ul a,\n > ol a,\n > table a {\n color: var(--ld-col-vc-600);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-secondary);\n }\n }\n\n &:active,\n &:active:focus-visible {\n color: var(--ld-col-vc-700);\n }\n }\n\n > blockquote {\n color: var(--ld-col-neutral-900);\n background-color: var(--ld-thm-warning-focus);\n border-left: solid var(--ld-sp-6) var(--ld-thm-warning);\n font: var(--ld-typo-body-m);\n\n code {\n background-color: var(--ld-thm-warning);\n }\n }\n\n > pre {\n border-color: var(--ld-col-neutral-100);\n\n > docs-copy-to-cb {\n filter: none;\n }\n }\n\n > table {\n thead tr {\n border-bottom: solid var(--ld-sp-1) var(--ld-col-neutral-300);\n }\n tbody tr {\n border-bottom: solid var(--ld-sp-1) var(--ld-col-neutral-100);\n }\n }\n }\n }\n}\n@define-mixin docs-main-ui-dark {\n .docs-main {\n hr {\n background-color: var(--ld-col-neutral-600);\n }\n\n main {\n > header {\n ld-breadcrumbs {\n filter: invert(1) hue-rotate(180deg);\n }\n }\n\n > p,\n > ol,\n > ul,\n > [id^='css-variables'] + table,\n > [id^='properties'] + table,\n > [id^='events'] + table,\n > [id^='slots'] + table,\n > [id^='methods'] ~ h3 {\n code {\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-400);\n background-color: var(--ld-col-neutral-600);\n }\n }\n\n [id^='properties'] + table td {\n &:first-of-type,\n &:nth-of-type(2),\n &:nth-of-type(4) {\n code {\n &:not(:last-child) {\n color: var(--ld-col-rb-010);\n background-color: var(--ld-thm-ocean-primary);\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-400);\n }\n }\n }\n }\n\n [id^='css-variables'] + table td {\n &:first-of-type,\n &:nth-of-type(3) {\n code {\n &:not(:last-child) {\n color: var(--ld-col-rb-010);\n background-color: var(--ld-thm-ocean-primary);\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-400);\n }\n }\n }\n }\n\n > p > a,\n > ol a,\n > ul a,\n > table a {\n color: var(--ld-col-vc-200);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-col-vc);\n }\n }\n\n &:active,\n &:active:focus-visible {\n color: var(--ld-col-vc-600);\n }\n }\n\n > blockquote {\n color: var(--ld-col-neutral-900);\n background-color: var(--ld-thm-warning);\n border-left: solid var(--ld-sp-6) var(--ld-thm-warning-hover);\n\n code {\n background-color: var(--ld-thm-warning);\n }\n }\n\n > pre {\n border-color: var(--ld-col-neutral-900);\n\n > docs-copy-to-cb {\n filter: invert(1) hue-rotate(180deg);\n }\n }\n\n > table {\n thead tr {\n border-bottom: solid var(--ld-sp-1) var(--ld-col-wht);\n }\n tbody tr {\n border-bottom: solid var(--ld-sp-1) var(--ld-col-neutral-700);\n }\n }\n }\n }\n}\n\n@mixin docs-main-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-main-ui-dark;\n}\n.docs-ui-dark {\n @mixin docs-main-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-main-ui-light;\n}\n\n.docs-main {\n --ld-typo-code-s: 0.875rem / 176% 'Source Code Pro', Consolas, Monaco,\n 'Ubuntu Mono', monospace;\n --ld-typo-code-m: 1rem / 160% 'Source Code Pro', Consolas, Monaco,\n 'Ubuntu Mono', monospace;\n --docs-main-padding-x: var(--ld-sp-40);\n padding: var(--ld-sp-24) var(--docs-main-padding-x) var(--ld-sp-40);\n max-width: 54rem;\n min-width: 20rem;\n\n @media (width <= 75rem) {\n --docs-main-padding-x: var(--ld-sp-24);\n }\n\n main {\n > header,\n > footer {\n display: flex;\n justify-content: flex-end;\n flex-wrap: wrap;\n align-items: center;\n }\n\n > header {\n ld-breadcrumbs {\n flex-grow: 1;\n margin-inline: 0 var(--ld-sp-24);\n margin-block: var(--ld-sp-16);\n }\n }\n\n > p,\n > ol,\n > ul {\n font: var(--ld-typo-body-m);\n }\n\n > p,\n > ol,\n > ul,\n > ld-notice {\n code {\n display: inline-flex;\n padding: 0 var(--ld-sp-4);\n border-radius: var(--ld-br-s);\n }\n }\n\n > p > a,\n > table a,\n > ol a,\n > ul a,\n > blockquote a {\n text-decoration: underline;\n\n code {\n background-color: transparent !important;\n box-shadow: none !important;\n padding: 0;\n font-size: inherit;\n }\n }\n\n > hr {\n border: 0;\n height: var(--ld-sp-1);\n\n &:last-of-type:not(:first-of-type) {\n display: none;\n\n & + p {\n display: none;\n }\n }\n }\n\n > * + * {\n margin-top: var(--ld-sp-32);\n }\n\n > * + h1 {\n margin-top: var(--ld-sp-16);\n }\n\n > * + h2,\n > * + h3,\n > * + footer {\n margin-top: var(--ld-sp-40);\n }\n\n #overview,\n #overview + p,\n [id^='graph'],\n [id^='graph'] + pre,\n [id^='shadow-parts'],\n [id^='shadow-parts'] + table {\n display: none;\n }\n\n > h1 {\n font: var(--ld-typo-xh5);\n }\n > h2 {\n font: var(--ld-typo-h2);\n }\n > h3 {\n font: var(--ld-typo-h3);\n }\n > h4 {\n font: var(--ld-typo-h4);\n }\n > h5 {\n font: var(--ld-typo-h5);\n }\n > h6 {\n font: var(--ld-typo-h6);\n }\n\n > h1,\n > h2,\n > h3,\n > h4,\n > h5,\n > h6 {\n position: relative;\n font-weight: 700;\n outline: none;\n\n > code {\n font-size: inherit;\n font-weight: inherit;\n }\n }\n\n > ul,\n > ol {\n padding-left: var(--ld-sp-16);\n\n > li {\n > p {\n display: inline;\n }\n }\n }\n\n > ul {\n list-style: disc;\n }\n\n > ol {\n list-style: decimal;\n }\n\n > table {\n overflow: scroll hidden;\n min-width: 100%;\n text-align: left;\n border-collapse: collapse;\n display: block;\n padding-bottom: var(--ld-sp-24);\n\n tr {\n margin-top: var(--ld-sp-16);\n }\n tbody tr:nth-child(odd) {\n background-color: var(--sensitive-grey-dark);\n }\n\n thead {\n tr {\n margin-top: 0;\n }\n th {\n padding-top: 0;\n }\n }\n\n th {\n padding-bottom: var(--ld-sp-16);\n }\n\n td,\n th {\n padding: var(--ld-sp-12) var(--ld-sp-16);\n vertical-align: top;\n\n &:first-of-type {\n padding-left: 0;\n }\n &:last-of-type {\n padding-right: 0;\n }\n }\n\n b,\n strong {\n font-weight: 700;\n }\n }\n\n > [id^='properties'] + table {\n td,\n th {\n code {\n display: inline-grid;\n grid-auto-flow: column;\n gap: var(--ld-sp-4);\n\n + em {\n display: none;\n }\n\n &:not(:last-child) {\n font-weight: 700;\n\n &::after {\n content: '*';\n transform: translateY(-0.125rem);\n }\n }\n }\n\n /* attributes */\n &:nth-of-type(2) {\n display: none;\n }\n }\n }\n\n > [id^='css-variables'] + table {\n td,\n th {\n &:first-of-type {\n flex-shrink: 0;\n\n code {\n display: inline-grid;\n grid-auto-flow: column;\n gap: var(--ld-sp-4);\n\n + em {\n display: none;\n }\n\n &:not(:last-child) {\n font-weight: 700;\n\n &::after {\n content: '*';\n transform: translateY(-0.125rem);\n }\n }\n }\n }\n }\n }\n\n > [id^='methods'] {\n ~ h3 code {\n font: var(--ld-typo-body-s);\n line-height: 1;\n font-weight: 400;\n font-family: 'Source Code Pro', Consolas, Monaco, 'Ubuntu Mono',\n monospace;\n padding: var(--ld-sp-4) var(--ld-sp-6);\n border-radius: var(--ld-br-s);\n display: inline-flex;\n }\n }\n\n > [id^='css-variables'] + table,\n > [id^='properties'] + table,\n > [id^='events'] + table,\n > [id^='slots'] + table {\n font: var(--ld-typo-body-m);\n\n code {\n display: inline-flex;\n padding: 0 var(--ld-sp-6);\n border-radius: var(--ld-br-s);\n }\n }\n\n > blockquote {\n padding: var(--ld-sp-8) var(--ld-sp-24) var(--ld-sp-12) var(--ld-sp-24);\n\n a {\n text-decoration: underline;\n }\n\n code {\n padding: 0 var(--ld-sp-4);\n border-radius: var(--ld-br-s);\n }\n }\n\n > pre {\n border-radius: var(--ld-br-l);\n border-style: solid;\n border-width: var(--ld-sp-1);\n position: relative;\n display: flex;\n justify-content: space-between;\n\n > docs-copy-to-cb {\n position: sticky;\n right: var(--ld-sp-4);\n bottom: 100%;\n height: 0;\n\n ld-button {\n transform: translateX(var(--ld-sp-12))\n translateY(calc(-1 * var(--ld-sp-6)));\n }\n }\n }\n }\n\n code {\n font: var(--ld-typo-code-s);\n }\n\n @media (width <= 52rem) {\n padding: var(--ld-sp-24) var(--ld-sp-24);\n\n main {\n padding-bottom: var(--ld-sp-40);\n }\n }\n}\n\n[id^='properties'] + table::after {\n content: '* required';\n}\n[id^='css-variables'] + table::after {\n content: '* readonly';\n}\n\n[id^='slots'],\n[id^='events'],\n[id^='properties'],\n[id^='shadow-parts'] {\n + table + hr {\n display: none;\n }\n}\n\n.language-mermaid {\n & + hr {\n display: none;\n }\n\n code > :nth-last-child(-n + 3) {\n display: none;\n }\n}\n\n[id^='returns'] + p + hr {\n display: none;\n}\n\n.header-anchor {\n left: 0;\n transform: translateX(-100%);\n position: absolute;\n text-align: right;\n\n @media screen and (width <= 52rem) {\n left: unset;\n position: relative;\n width: auto;\n }\n}\n\n.header-anchor__symbol {\n visibility: hidden;\n padding-right: var(--ld-sp-8);\n opacity: 0.25;\n\n &:hover {\n opacity: 1;\n }\n\n h1:hover &,\n h2:hover &,\n h3:hover &,\n h4:hover &,\n h5:hover &,\n h6:hover &,\n .header-anchor:focus & {\n visibility: inherit;\n }\n\n .header-anchor:focus & {\n opacity: 1;\n }\n\n @media screen and (hover: none) {\n visibility: inherit;\n }\n\n @media screen and (width <= 52rem) {\n visibility: inherit;\n padding-right: 0;\n opacity: 0.25;\n\n h1:hover &,\n h2:hover &,\n h3:hover &,\n h4:hover &,\n h5:hover &,\n h6:hover &,\n .header-anchor:focus & {\n visibility: inherit;\n }\n\n .header-anchor:focus & {\n opacity: 1;\n }\n }\n}\n\n.docs-main__header-image {\n max-width: 32rem;\n}\n","import { Component, Element, h, Host } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-main',\n styleUrl: 'docs-main.css',\n shadow: false,\n})\nexport class DocsNav {\n @Element() el: HTMLElement\n\n private mainRef!: HTMLElement\n\n componentDidLoad() {\n this.mainRef\n .querySelectorAll('#css-variables + table code, #properties + table code')\n .forEach((code) => {\n code.innerHTML = code.innerHTML.replace(/\\\\\\|/g, '|')\n })\n\n // Timeout is required in order to use innerText.\n // We use innerText and not textContent in order to preserve line breaks.\n setTimeout(() => {\n Array.from(this.mainRef.children)\n .filter((child) => child.tagName === 'PRE')\n .forEach((pre: HTMLPreElement) => {\n const copyToCB = document.createElement('docs-copy-to-cb')\n copyToCB.textToCopy = pre.innerText\n pre.appendChild(copyToCB)\n })\n })\n }\n\n render() {\n return (\n \n
    (this.mainRef = ref)}>\n \n
    \n
    \n )\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAc,kmjB,MCQPC,EAAO,M,yBAKlB,gBAAAC,GACEC,KAAKC,QACFC,iBAAiB,yDACjBC,SAASC,IACRA,EAAKC,UAAYD,EAAKC,UAAUC,QAAQ,QAAS,IAAI,IAKzDC,YAAW,KACTC,MAAMC,KAAKT,KAAKC,QAAQS,UACrBC,QAAQC,GAAUA,EAAMC,UAAY,QACpCV,SAASW,IACR,MAAMC,EAAWC,SAASC,cAAc,mBACxCF,EAASG,WAAaJ,EAAIK,UAC1BL,EAAIM,YAAYL,EAAS,GACzB,G,CAIR,MAAAM,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,aACVF,EAAA,QAAMG,GAAG,OAAOC,IAAMA,GAAS1B,KAAKC,QAAUyB,GAC5CJ,EAAA,c"} \ No newline at end of file +{"version":3,"names":["docsMainCss","DocsNav","componentDidLoad","this","mainRef","querySelectorAll","forEach","code","innerHTML","replace","setTimeout","Array","from","children","filter","child","tagName","pre","copyToCB","document","createElement","textToCopy","innerText","appendChild","render","h","Host","class","id","ref"],"sources":["../src/docs/components/docs-main/docs-main.css?tag=docs-main","../src/docs/components/docs-main/docs-main.tsx"],"sourcesContent":["@define-mixin docs-main-ui-light {\n .docs-main {\n hr {\n background-color: var(--ld-col-neutral-100);\n }\n\n main {\n > header {\n ld-breadcrumbs {\n filter: none;\n }\n }\n\n > p,\n > ol,\n > ul,\n > ld-notice,\n > [id^='css-variables'] + table,\n > [id^='properties'] + table,\n > [id^='events'] + table,\n > [id^='slots'] + table,\n > [id^='methods'] ~ h3 {\n code {\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100);\n background-color: var(--ld-col-neutral-010);\n }\n }\n\n [id^='css-variables'] + table td,\n [id^='properties'] + table td {\n &:first-of-type,\n &:nth-of-type(2),\n &:nth-of-type(4) {\n code {\n &:not(:last-child) {\n color: var(--ld-col-rb-010);\n background-color: var(--ld-thm-ocean-primary);\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-800);\n }\n }\n }\n }\n\n > p > a,\n > ul a,\n > ol a,\n > table a {\n color: var(--ld-col-vc-600);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-thm-secondary);\n }\n }\n\n &:active,\n &:active:focus-visible {\n color: var(--ld-col-vc-700);\n }\n }\n\n > blockquote {\n color: var(--ld-col-neutral-900);\n background-color: var(--ld-thm-warning-focus);\n border-left: solid var(--ld-sp-6) var(--ld-thm-warning);\n font: var(--ld-typo-body-m);\n\n code {\n background-color: var(--ld-thm-warning);\n }\n }\n\n > pre {\n border-color: var(--ld-col-neutral-100);\n\n > docs-copy-to-cb {\n filter: none;\n }\n }\n\n > table {\n thead tr {\n border-bottom: solid var(--ld-sp-1) var(--ld-col-neutral-300);\n }\n tbody tr {\n border-bottom: solid var(--ld-sp-1) var(--ld-col-neutral-100);\n }\n }\n }\n }\n}\n@define-mixin docs-main-ui-dark {\n .docs-main {\n hr {\n background-color: var(--ld-col-neutral-600);\n }\n\n main {\n > header {\n ld-breadcrumbs {\n filter: invert(1) hue-rotate(180deg);\n }\n }\n\n > p,\n > ol,\n > ul,\n > [id^='css-variables'] + table,\n > [id^='properties'] + table,\n > [id^='events'] + table,\n > [id^='slots'] + table,\n > [id^='methods'] ~ h3 {\n code {\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-400);\n background-color: var(--ld-col-neutral-600);\n }\n }\n\n [id^='properties'] + table td {\n &:first-of-type,\n &:nth-of-type(2),\n &:nth-of-type(4) {\n code {\n &:not(:last-child) {\n color: var(--ld-col-rb-010);\n background-color: var(--ld-thm-ocean-primary);\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-400);\n }\n }\n }\n }\n\n [id^='css-variables'] + table td {\n &:first-of-type,\n &:nth-of-type(3) {\n code {\n &:not(:last-child) {\n color: var(--ld-col-rb-010);\n background-color: var(--ld-thm-ocean-primary);\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-rb-400);\n }\n }\n }\n }\n\n > p > a,\n > ol a,\n > ul a,\n > table a {\n color: var(--ld-col-vc-200);\n\n @media (hover: hover) {\n &:hover {\n color: var(--ld-col-vc);\n }\n }\n\n &:active,\n &:active:focus-visible {\n color: var(--ld-col-vc-600);\n }\n }\n\n > blockquote {\n color: var(--ld-col-neutral-900);\n background-color: var(--ld-thm-warning);\n border-left: solid var(--ld-sp-6) var(--ld-thm-warning-hover);\n\n code {\n background-color: var(--ld-thm-warning);\n }\n }\n\n > pre {\n border-color: var(--ld-col-neutral-900);\n\n > docs-copy-to-cb {\n filter: invert(1) hue-rotate(180deg);\n }\n }\n\n > table {\n thead tr {\n border-bottom: solid var(--ld-sp-1) var(--ld-col-wht);\n }\n tbody tr {\n border-bottom: solid var(--ld-sp-1) var(--ld-col-neutral-700);\n }\n }\n }\n }\n}\n\n@mixin docs-main-ui-light;\n\n@media (prefers-color-scheme: dark) {\n @mixin docs-main-ui-dark;\n}\n.docs-ui-dark {\n @mixin docs-main-ui-dark;\n}\n.docs-ui-light {\n @mixin docs-main-ui-light;\n}\n\n.docs-main {\n --ld-typo-code-s: 0.875rem / 176% 'Source Code Pro', Consolas, Monaco,\n 'Ubuntu Mono', monospace;\n --ld-typo-code-m: 1rem / 160% 'Source Code Pro', Consolas, Monaco,\n 'Ubuntu Mono', monospace;\n --docs-main-padding-x: var(--ld-sp-40);\n padding: var(--ld-sp-24) var(--docs-main-padding-x) var(--ld-sp-40);\n max-width: 54rem;\n min-width: 20rem;\n\n @media (width <= 75rem) {\n --docs-main-padding-x: var(--ld-sp-24);\n }\n\n main {\n > header,\n > footer {\n display: flex;\n justify-content: flex-end;\n flex-wrap: wrap;\n align-items: center;\n }\n\n > header {\n ld-breadcrumbs {\n flex-grow: 1;\n margin-inline: 0 var(--ld-sp-24);\n margin-block: var(--ld-sp-16);\n }\n }\n\n > p,\n > ol,\n > ul {\n font: var(--ld-typo-body-m);\n }\n\n > p,\n > ol,\n > ul,\n > ld-notice {\n code {\n display: inline-flex;\n padding: 0 var(--ld-sp-4);\n border-radius: var(--ld-br-s);\n }\n }\n\n > p > a,\n > table a,\n > ol a,\n > ul a,\n > blockquote a {\n text-decoration: underline;\n\n code {\n background-color: transparent !important;\n box-shadow: none !important;\n padding: 0;\n font-size: inherit;\n }\n }\n\n > hr {\n border: 0;\n height: var(--ld-sp-1);\n\n &:last-of-type:not(:first-of-type) {\n display: none;\n\n & + p {\n display: none;\n }\n }\n }\n\n > * + * {\n margin-top: var(--ld-sp-32);\n }\n\n > * + h1 {\n margin-top: var(--ld-sp-16);\n }\n\n > * + h2,\n > * + h3,\n > * + footer {\n margin-top: var(--ld-sp-40);\n }\n\n #overview,\n #overview + p,\n [id^='graph'],\n [id^='graph'] + pre,\n [id^='shadow-parts'],\n [id^='shadow-parts'] + table {\n display: none;\n }\n\n > h1 {\n font: var(--ld-typo-xh5);\n }\n > h2 {\n font: var(--ld-typo-h2);\n }\n > h3 {\n font: var(--ld-typo-h3);\n }\n > h4 {\n font: var(--ld-typo-h4);\n }\n > h5 {\n font: var(--ld-typo-h5);\n }\n > h6 {\n font: var(--ld-typo-h6);\n }\n\n > h1,\n > h2,\n > h3,\n > h4,\n > h5,\n > h6 {\n position: relative;\n font-weight: 700;\n outline: none;\n\n > code {\n font-size: inherit;\n font-weight: inherit;\n }\n }\n\n > ul,\n > ol {\n padding-left: var(--ld-sp-16);\n\n > li {\n > p {\n display: inline;\n }\n }\n }\n\n > ul {\n list-style: disc;\n }\n\n > ol {\n list-style: decimal;\n }\n\n > table {\n overflow: scroll hidden;\n min-width: 100%;\n text-align: left;\n border-collapse: collapse;\n display: block;\n padding-bottom: var(--ld-sp-24);\n\n tr {\n margin-top: var(--ld-sp-16);\n }\n tbody tr:nth-child(odd) {\n background-color: var(--sensitive-grey-dark);\n }\n\n thead {\n tr {\n margin-top: 0;\n }\n th {\n padding-top: 0;\n }\n }\n\n th {\n padding-bottom: var(--ld-sp-16);\n }\n\n td,\n th {\n padding: var(--ld-sp-12) var(--ld-sp-16);\n vertical-align: top;\n\n &:first-of-type {\n padding-left: 0;\n }\n &:last-of-type {\n padding-right: 0;\n }\n }\n\n b,\n strong {\n font-weight: 700;\n }\n }\n\n > [id^='properties'] + table {\n td,\n th {\n code {\n display: inline-grid;\n grid-auto-flow: column;\n gap: var(--ld-sp-4);\n\n + em {\n display: none;\n }\n\n &:not(:last-child) {\n font-weight: 700;\n\n &::after {\n content: '*';\n transform: translateY(-0.125rem);\n }\n }\n }\n\n /* attributes */\n &:nth-of-type(2) {\n display: none;\n }\n }\n }\n\n > [id^='css-variables'] + table {\n td,\n th {\n &:first-of-type {\n flex-shrink: 0;\n\n code {\n display: inline-grid;\n grid-auto-flow: column;\n gap: var(--ld-sp-4);\n\n + em {\n display: none;\n }\n\n &:not(:last-child) {\n font-weight: 700;\n\n &::after {\n content: '*';\n transform: translateY(-0.125rem);\n }\n }\n }\n }\n }\n }\n\n > [id^='methods'] {\n ~ h3 code {\n font: var(--ld-typo-body-s);\n line-height: 1;\n font-weight: 400;\n font-family: 'Source Code Pro', Consolas, Monaco, 'Ubuntu Mono',\n monospace;\n padding: var(--ld-sp-4) var(--ld-sp-6);\n border-radius: var(--ld-br-s);\n display: inline-flex;\n }\n }\n\n > [id^='css-variables'] + table,\n > [id^='properties'] + table,\n > [id^='events'] + table,\n > [id^='slots'] + table {\n font: var(--ld-typo-body-m);\n\n code {\n display: inline-flex;\n padding: 0 var(--ld-sp-6);\n border-radius: var(--ld-br-s);\n }\n }\n\n > blockquote {\n padding: var(--ld-sp-8) var(--ld-sp-24) var(--ld-sp-12) var(--ld-sp-24);\n\n a {\n text-decoration: underline;\n }\n\n code {\n padding: 0 var(--ld-sp-4);\n border-radius: var(--ld-br-s);\n }\n }\n\n > pre {\n border-radius: var(--ld-br-l);\n border-style: solid;\n border-width: var(--ld-sp-1);\n position: relative;\n display: flex;\n justify-content: space-between;\n\n > docs-copy-to-cb {\n position: sticky;\n right: var(--ld-sp-4);\n bottom: 100%;\n height: 0;\n\n ld-button {\n transform: translateX(var(--ld-sp-12))\n translateY(calc(-1 * var(--ld-sp-6)));\n }\n }\n }\n }\n\n code {\n font: var(--ld-typo-code-s);\n }\n\n @media (width <= 52rem) {\n padding: var(--ld-sp-24) var(--ld-sp-24);\n\n main {\n padding-bottom: var(--ld-sp-40);\n }\n }\n}\n\n[id^='properties'] + table::after {\n content: '* required';\n}\n[id^='css-variables'] + table::after {\n content: '* readonly';\n}\n\n[id^='slots'],\n[id^='events'],\n[id^='properties'],\n[id^='shadow-parts'] {\n + table + hr {\n display: none;\n }\n}\n\n.language-mermaid {\n & + hr {\n display: none;\n }\n\n code > :nth-last-child(-n + 3) {\n display: none;\n }\n}\n\n[id^='returns'] + p + hr {\n display: none;\n}\n\n.header-anchor {\n left: 0;\n transform: translateX(-100%);\n position: absolute;\n text-align: right;\n\n @media screen and (width <= 52rem) {\n left: unset;\n position: relative;\n width: auto;\n }\n}\n\n.header-anchor__symbol {\n visibility: hidden;\n padding-right: var(--ld-sp-8);\n opacity: 0.25;\n\n &:hover {\n opacity: 1;\n }\n\n h1:hover &,\n h2:hover &,\n h3:hover &,\n h4:hover &,\n h5:hover &,\n h6:hover &,\n .header-anchor:focus & {\n visibility: inherit;\n }\n\n .header-anchor:focus & {\n opacity: 1;\n }\n\n @media screen and (hover: none) {\n visibility: inherit;\n }\n\n @media screen and (width <= 52rem) {\n visibility: inherit;\n padding-right: 0;\n opacity: 0.25;\n\n h1:hover &,\n h2:hover &,\n h3:hover &,\n h4:hover &,\n h5:hover &,\n h6:hover &,\n .header-anchor:focus & {\n visibility: inherit;\n }\n\n .header-anchor:focus & {\n opacity: 1;\n }\n }\n}\n\n.docs-main__header-image {\n max-width: 32rem;\n}\n","import { Component, Element, h, Host } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-main',\n styleUrl: 'docs-main.css',\n shadow: false,\n})\nexport class DocsNav {\n @Element() el: HTMLElement\n\n private mainRef!: HTMLElement\n\n componentDidLoad() {\n this.mainRef\n .querySelectorAll('#css-variables + table code, #properties + table code')\n .forEach((code) => {\n code.innerHTML = code.innerHTML.replace(/\\\\\\|/g, '|')\n })\n\n // Timeout is required in order to use innerText.\n // We use innerText and not textContent in order to preserve line breaks.\n setTimeout(() => {\n Array.from(this.mainRef.children)\n .filter((child) => child.tagName === 'PRE')\n .forEach((pre: HTMLPreElement) => {\n const copyToCB = document.createElement('docs-copy-to-cb')\n copyToCB.textToCopy = pre.innerText\n pre.appendChild(copyToCB)\n })\n })\n }\n\n render() {\n return (\n \n
    (this.mainRef = ref)}>\n \n
    \n
    \n )\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAc,ohjB,MCQPC,EAAO,M,yBAKlB,gBAAAC,GACEC,KAAKC,QACFC,iBAAiB,yDACjBC,SAASC,IACRA,EAAKC,UAAYD,EAAKC,UAAUC,QAAQ,QAAS,IAAI,IAKzDC,YAAW,KACTC,MAAMC,KAAKT,KAAKC,QAAQS,UACrBC,QAAQC,GAAUA,EAAMC,UAAY,QACpCV,SAASW,IACR,MAAMC,EAAWC,SAASC,cAAc,mBACxCF,EAASG,WAAaJ,EAAIK,UAC1BL,EAAIM,YAAYL,EAAS,GACzB,G,CAIR,MAAAM,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,aACVF,EAAA,QAAMG,GAAG,OAAOC,IAAMA,GAAS1B,KAAKC,QAAUyB,GAC5CJ,EAAA,c"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-a088f7d3.entry.js b/1704966176737/dist/build/p-a088f7d3.entry.js new file mode 100644 index 0000000000..0de685f46b --- /dev/null +++ b/1704966176737/dist/build/p-a088f7d3.entry.js @@ -0,0 +1,2 @@ +import{r as d,c as a,h as i,H as e,g as o}from"./p-21a69c18.js";import{c as r}from"./p-71026bf3.js";import{g as l}from"./p-1133c92e.js";import{r as t}from"./p-8dc70a87.js";import{i as s}from"./p-b05f0e4e.js";const n='.ld-radio,:host{--ld-radio-size:1.25rem;--ld-radio-dot-size:0.625rem;--ld-radio-bg-col:var(--ld-col-wht);--ld-radio-bg-col-hover:var(--ld-col-neutral-010);--ld-radio-bg-col-active:var(--ld-col-neutral-050);--ld-radio-disabled-col:var(--ld-col-neutral-300);--ld-radio-disabled-bg-col:var(--ld-col-neutral-100);--ld-radio-dark-bg-col:var(--ld-col-neutral-050);--ld-radio-dark-bg-col-hover:var(--ld-col-neutral-100);--ld-radio-dark-bg-col-active:var(--ld-col-neutral-300);--ld-radio-checked-col:var(--ld-col-wht);--ld-radio-checked-col-active:var(--ld-col-wht);--ld-radio-invalid-checked-col:var(--ld-col-wht);--ld-radio-invalid-checked-col-active:var(--ld-col-wht);--ld-radio-col:var(--ld-thm-primary);--ld-radio-col-hover:var(--ld-thm-primary-hover);--ld-radio-col-active:var(--ld-thm-primary-active);--ld-radio-col-focus:var(--ld-thm-primary-focus);--ld-radio-invalid-col:var(--ld-thm-error);--ld-radio-invalid-col-hover:var(--ld-thm-error-hover);--ld-radio-invalid-col-focus:var(--ld-thm-error-focus);--ld-radio-invalid-col-active:var(--ld-thm-error-active);--ld-radio-warn-col:var(--ld-thm-warning);--ld-radio-warn-col-hover:var(--ld-thm-warning-hover);--ld-radio-warn-col-focus:var(--ld-thm-warning-focus);--ld-radio-warn-col-active:var(--ld-thm-warning-active);--ld-radio-warn-checked-col:var(--ld-thm-warning-active);--ld-radio-warn-checked-col-active:var(--ld-thm-warning-hover);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--ld-radio-size);min-width:auto!important;position:relative;width:var(--ld-radio-size)}.ld-radio input,:host input{-webkit-appearance:none;appearance:none;background-color:initial;height:100%;inset:0;margin:0;position:absolute;width:100%;z-index:1}.ld-radio input:checked~.ld-radio__dot,:host input:checked~.ld-radio__dot{visibility:inherit}.ld-radio input:where(:disabled)~.ld-radio__dot,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__dot,:host input:where(:disabled)~.ld-radio__dot,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__dot{background-color:var(--ld-radio-disabled-col)}.ld-radio input:where(:disabled)~.ld-radio__box,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__box,:host input:where(:disabled)~.ld-radio__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))~.ld-radio__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-disabled-bg-col)}.ld-radio input:where(:disabled):checked~.ld-radio__box,.ld-radio input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-radio__box,:host input:where(:disabled):checked~.ld-radio__box,:host input:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):checked~.ld-radio__box{background-color:var(--ld-radio-disabled-bg-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))),:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))){cursor:pointer}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__dot{background-color:var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):focus:focus-visible~.ld-radio__box{background-color:initial;box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-radio__box,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):active~.ld-radio__box{background-color:var(--ld-radio-bg-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__dot{background-color:var(--ld-radio-checked-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked~.ld-radio__box{background-color:var(--ld-radio-col);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__dot{background-color:var(--ld-radio-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:focus:focus-visible~.ld-radio__box{background-color:var(--ld-radio-col-focus);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__dot,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__dot,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__dot{background-color:var(--ld-radio-checked-col-active)}.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__box,.ld-radio input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active:focus-visible~.ld-radio__box,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):checked:active~.ld-radio__box{background-color:var(--ld-radio-col-active);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))))~.ld-radio__box{background-color:var(--ld-radio-bg-col)}@media (hover:hover){.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover~.ld-radio__box{background-color:var(--ld-radio-bg-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__dot,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__dot{color:var(--ld-radio-checked-col)}.ld-radio :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__box,:host :where(input:not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):hover:checked~.ld-radio__box{background-color:var(--ld-radio-col-hover);box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover)}}.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked)~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col)}@media (hover:hover){.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):hover~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col-hover)}}.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-radio__box,.ld-radio.ld-radio--dark :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active:focus-visible~.ld-radio__box,:host(.ld-radio.ld-radio--dark) :where(input):not(:disabled):not(input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):not(:checked):active~.ld-radio__box{background-color:var(--ld-radio-dark-bg-col-active)}.ld-radio__dot{height:var(--ld-radio-dot-size);left:50%;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:var(--ld-radio-dot-size);z-index:1}.ld-radio__box,.ld-radio__dot{pointer-events:none;position:absolute}.ld-radio__box{box-shadow:inset 0 0 0 var(--ld-sp-2) var(--ld-col-rblck4);height:100%;width:100%}.ld-radio,.ld-radio__box,.ld-radio__dot,:host{border-radius:var(--ld-br-full)}.ld-radio--highlight,:host(.ld-radio--highlight){--ld-radio-col:var(--ld-radio-warn-col);--ld-radio-col-hover:var(--ld-radio-warn-col-hover);--ld-radio-col-active:var(--ld-radio-warn-col-focus);--ld-radio-col-focus:var(--ld-radio-warn-col-active);--ld-radio-checked-col:var(--ld-radio-warn-checked-col);--ld-radio-checked-col-active:var(--ld-radio-warn-checked-col-active)}.ld-radio--danger,.ld-radio--invalid,:host(.ld-radio--danger),:host(.ld-radio--invalid){--ld-radio-col:var(--ld-radio-invalid-col);--ld-radio-col-hover:var(--ld-radio-invalid-col-hover);--ld-radio-col-active:var(--ld-radio-invalid-col-focus);--ld-radio-col-focus:var(--ld-radio-invalid-col-active);--ld-radio-checked-col:var(--ld-radio-invalid-checked-col);--ld-radio-checked-col-active:var(--ld-radio-invalid-checked-col-active)}';const h=class{constructor(i){d(this,i);this.ldchange=a(this,"ldchange",7);this.ldinput=a(this,"ldinput",7);this.handleKeyDown=d=>{switch(d.key){case"ArrowUp":case"ArrowLeft":{d.preventDefault();this.focusAndSelect("prev");return}case"ArrowDown":case"ArrowRight":{d.preventDefault();this.focusAndSelect("next");return}}};this.handleChange=d=>{this.el.dispatchEvent(new InputEvent("change",d));this.ldchange.emit(this.checked)};this.handleClick=d=>{if(this.disabled||s(this.el.ariaDisabled)){d===null||d===void 0?void 0:d.preventDefault();return}if(this.checked)return;if(this.name){Array.from(document.querySelectorAll("ld-radio")).filter((d=>d.getAttribute("name")===this.name)).forEach((d=>{d.checked=false;d.groupChecked=true}))}this.checked=true;if(!d.isTrusted){this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true}));this.handleInput();this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.ldchange.emit(this.checked)}};this.handleInput=()=>{this.ldinput.emit(this.checked)};this.ariaDisabled=undefined;this.autofocus=undefined;this.checked=false;this.disabled=undefined;this.form=undefined;this.groupChecked=false;this.invalid=undefined;this.ldTabindex=undefined;this.mode=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.tone=undefined;this.value=undefined;this.clonedAttributes=undefined}async focusInner(){if(this.input!==undefined){this.input.focus()}}updateHiddenInput(){const d=this.el.closest("form");if(!this.hiddenInput&&this.name&&(d||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(!this.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}this.hiddenInput.name=this.name;this.hiddenInput.checked=this.checked;if(this.value){this.hiddenInput.value=this.value}else{this.hiddenInput.removeAttribute("value")}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(d){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="radio";this.hiddenInput.style.visibility="hidden";this.hiddenInput.style.position="absolute";this.hiddenInput.style.pointerEvents="none";this.el.appendChild(this.hiddenInput)}focusAndSelect(d){const a=Array.from(document.querySelectorAll("ld-radio")).filter((d=>d.getAttribute("name")===this.name));a.forEach(((i,e)=>{if(i===this.el){const i=a[e+(d==="next"?1:-1)];if(i){i.focusInner();i.click()}}}))}componentWillLoad(){this.attributesObserver=r.call(this,["tone","mode"]);const d=this.el.closest("form");if(this.name&&(d||this.form)){this.createHiddenInput();this.hiddenInput.checked=this.checked;this.hiddenInput.name=this.name;if(this.form){this.hiddenInput.setAttribute("form",this.form)}if(this.value){this.hiddenInput.value=this.value}}if(this.checked){Array.from(document.querySelectorAll("ld-radio")).filter((d=>d.getAttribute("name")===this.name)).forEach((d=>{d.groupChecked=true}))}t(this.autofocus)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const d=["ld-radio",this.mode&&`ld-radio--${this.mode}`,this.tone&&`ld-radio--${this.tone}`,this.invalid&&"ld-radio--invalid"];return i(e,{part:"root",class:l(d),onClick:this.handleClick},i("input",Object.assign({type:"radio"},this.clonedAttributes,{part:"input focusable",onChange:this.handleChange,onInput:this.handleInput,onKeyDown:this.handleKeyDown,ref:d=>this.input=d,disabled:this.disabled,checked:this.checked,tabIndex:this.disabled||this.checked||!this.groupChecked?this.ldTabindex:-1,value:this.value})),i("div",{part:"dot",class:"ld-radio__dot"}),i("div",{class:"ld-radio__box",part:"box"}))}get el(){return o(this)}static get watchers(){return{checked:["updateHiddenInput"],form:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"]}}};h.style=n;export{h as ld_radio}; +//# sourceMappingURL=p-a088f7d3.entry.js.map \ No newline at end of file diff --git a/dist/build/p-8f77c4bf.entry.js.map b/1704966176737/dist/build/p-a088f7d3.entry.js.map similarity index 99% rename from dist/build/p-8f77c4bf.entry.js.map rename to 1704966176737/dist/build/p-a088f7d3.entry.js.map index bdb8c72498..20007003d2 100644 --- a/dist/build/p-8f77c4bf.entry.js.map +++ b/1704966176737/dist/build/p-a088f7d3.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["ldRadioCss","LdRadio","this","handleKeyDown","ev","key","preventDefault","focusAndSelect","handleChange","event","el","dispatchEvent","InputEvent","ldchange","emit","checked","handleClick","disabled","isAriaDisabled","ariaDisabled","name","Array","from","document","querySelectorAll","filter","ldRadio","getAttribute","forEach","groupChecked","isTrusted","bubbles","composed","handleInput","ldinput","focusInner","input","undefined","focus","updateHiddenInput","outerForm","closest","hiddenInput","form","createHiddenInput","remove","value","removeAttribute","setAttribute","createElement","type","style","visibility","position","pointerEvents","appendChild","dir","ldRadios","index","targetLdRadio","click","componentWillLoad","attributesObserver","cloneAttributes","call","registerAutofocus","autofocus","disconnectedCallback","disconnect","render","cl","mode","tone","invalid","h","Host","part","class","getClassNames","onClick","Object","assign","clonedAttributes","onChange","onInput","onKeyDown","ref","tabIndex","ldTabindex"],"sources":["../src/liquid/components/ld-radio/ld-radio.css?tag=ld-radio&encapsulation=shadow","../src/liquid/components/ld-radio/ld-radio.tsx"],"sourcesContent":[":host,\n.ld-radio {\n /* layout */\n --ld-radio-size: 1.25rem;\n --ld-radio-dot-size: 0.625rem;\n\n /* colors */\n --ld-radio-bg-col: var(--ld-col-wht);\n --ld-radio-bg-col-hover: var(--ld-col-neutral-010);\n --ld-radio-bg-col-active: var(--ld-col-neutral-050);\n --ld-radio-disabled-col: var(--ld-col-neutral-300);\n --ld-radio-disabled-bg-col: var(--ld-col-neutral-100);\n --ld-radio-dark-bg-col: var(--ld-col-neutral-050);\n --ld-radio-dark-bg-col-hover: var(--ld-col-neutral-100);\n --ld-radio-dark-bg-col-active: var(--ld-col-neutral-300);\n --ld-radio-checked-col: var(--ld-col-wht);\n --ld-radio-checked-col-active: var(--ld-col-wht);\n --ld-radio-invalid-checked-col: var(--ld-col-wht);\n --ld-radio-invalid-checked-col-active: var(--ld-col-wht);\n\n /* themable colors */\n --ld-radio-col: var(--ld-thm-primary);\n --ld-radio-col-hover: var(--ld-thm-primary-hover);\n --ld-radio-col-active: var(--ld-thm-primary-active);\n --ld-radio-col-focus: var(--ld-thm-primary-focus);\n --ld-radio-invalid-col: var(--ld-thm-error);\n --ld-radio-invalid-col-hover: var(--ld-thm-error-hover);\n --ld-radio-invalid-col-focus: var(--ld-thm-error-focus);\n --ld-radio-invalid-col-active: var(--ld-thm-error-active);\n --ld-radio-warn-col: var(--ld-thm-warning);\n --ld-radio-warn-col-hover: var(--ld-thm-warning-hover);\n --ld-radio-warn-col-focus: var(--ld-thm-warning-focus);\n --ld-radio-warn-col-active: var(--ld-thm-warning-active);\n --ld-radio-warn-checked-col: var(--ld-thm-warning-active);\n --ld-radio-warn-checked-col-active: var(--ld-thm-warning-hover);\n\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n width: var(--ld-radio-size);\n height: var(--ld-radio-size);\n min-width: auto !important;\n box-sizing: border-box;\n\n input {\n appearance: none;\n background-color: transparent; /* Required for Mobile Sarari */\n height: 100%;\n inset: 0;\n margin: 0;\n position: absolute;\n width: 100%;\n z-index: 1;\n\n &:checked {\n ~ .ld-radio__dot {\n visibility: inherit;\n }\n }\n\n &:where(:disabled),\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-disabled-col);\n }\n ~ .ld-radio__box {\n background-color: transparent;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-disabled-bg-col);\n }\n\n &:checked {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-disabled-bg-col);\n }\n }\n }\n\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n cursor: pointer;\n\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-col-active);\n }\n ~ .ld-radio__box {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col);\n }\n\n &:focus:focus-visible {\n ~ .ld-radio__box {\n background-color: transparent;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus);\n }\n }\n &:active,\n &:active:focus-visible {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-bg-col-active);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active);\n }\n }\n\n &:checked {\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-checked-col);\n }\n ~ .ld-radio__box {\n background-color: var(--ld-radio-col);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col);\n }\n\n &:focus:focus-visible {\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-col-active);\n }\n ~ .ld-radio__box {\n background-color: var(--ld-radio-col-focus);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus);\n }\n }\n &:active,\n &:active:focus-visible {\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-checked-col-active);\n }\n ~ .ld-radio__box {\n background-color: var(--ld-radio-col-active);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active);\n }\n }\n }\n }\n }\n\n :where(\n input:not(\n :disabled,\n input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-bg-col);\n }\n\n @media (hover: hover) {\n &:hover {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-bg-col-hover);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover);\n }\n\n &:checked {\n ~ .ld-radio__dot {\n color: var(--ld-radio-checked-col);\n }\n ~ .ld-radio__box {\n background-color: var(--ld-radio-col-hover);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover);\n }\n }\n }\n }\n }\n}\n\n.ld-radio.ld-radio--dark,\n:host(.ld-radio.ld-radio--dark) {\n :where(input) {\n &:not(\n :disabled,\n input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n :checked\n ) {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-dark-bg-col);\n }\n\n @media (hover: hover) {\n &:hover {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-dark-bg-col-hover);\n }\n }\n }\n\n &:active,\n &:active:focus-visible {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-dark-bg-col-active);\n }\n }\n }\n }\n}\n\n.ld-radio__dot {\n visibility: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n z-index: 1;\n width: var(--ld-radio-dot-size);\n height: var(--ld-radio-dot-size);\n}\n\n.ld-radio__box {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-col-rblck4);\n}\n\n:host,\n.ld-radio,\n.ld-radio__dot,\n.ld-radio__box {\n border-radius: var(--ld-br-full);\n}\n\n:host(.ld-radio--highlight),\n.ld-radio--highlight {\n --ld-radio-col: var(--ld-radio-warn-col);\n --ld-radio-col-hover: var(--ld-radio-warn-col-hover);\n --ld-radio-col-active: var(--ld-radio-warn-col-focus);\n --ld-radio-col-focus: var(--ld-radio-warn-col-active);\n --ld-radio-checked-col: var(--ld-radio-warn-checked-col);\n --ld-radio-checked-col-active: var(--ld-radio-warn-checked-col-active);\n}\n\n:host(.ld-radio--invalid),\n:host(.ld-radio--danger),\n.ld-radio--invalid,\n.ld-radio--danger {\n --ld-radio-col: var(--ld-radio-invalid-col);\n --ld-radio-col-hover: var(--ld-radio-invalid-col-hover);\n --ld-radio-col-active: var(--ld-radio-invalid-col-focus);\n --ld-radio-col-focus: var(--ld-radio-invalid-col-active);\n --ld-radio-checked-col: var(--ld-radio-invalid-checked-col);\n --ld-radio-checked-col-active: var(--ld-radio-invalid-checked-col-active);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part input - Actual input element\n */\n@Component({\n tag: 'ld-radio',\n styleUrl: 'ld-radio.css',\n shadow: true,\n})\nexport class LdRadio implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLInputElement\n\n private attributesObserver: MutationObserver\n\n private input: HTMLInputElement\n private hiddenInput: HTMLInputElement\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Indicates whether the radio button is selected. */\n @Prop({ mutable: true }) checked? = false\n\n /** Disabled state of the radio. */\n @Prop() disabled?: boolean\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /**\n * @internal\n * States that this radio button or another radio button with the same name is checked.\n */\n @Prop() groupChecked? = false\n\n /** Set this property to `true` in order to mark the radio visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** Display mode. */\n @Prop() mode?: 'highlight' | 'danger'\n\n /** Used to specify the name of the control. */\n @Prop() name!: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** Set this property to `true` in order to mark the radio button as required. */\n @Prop() required?: boolean\n\n /** radio tone. Use `'dark'` on white backgrounds. Default is a light tone. */\n @Prop() tone?: 'dark'\n\n /** The input value. */\n @Prop() value?: string\n\n @State() clonedAttributes\n\n /** Emitted when the input value changed and the element loses focus. */\n @Event() ldchange: EventEmitter\n\n /** Emitted when the input value changed. */\n @Event() ldinput: EventEmitter\n\n /** Sets focus on the radio button. */\n @Method()\n async focusInner() {\n if (this.input !== undefined) {\n this.input.focus()\n }\n }\n\n @Watch('checked')\n @Watch('form')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (!this.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n this.hiddenInput.name = this.name\n this.hiddenInput.checked = this.checked\n\n if (this.value) {\n this.hiddenInput.value = this.value\n } else {\n this.hiddenInput.removeAttribute('value')\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'radio'\n this.hiddenInput.style.visibility = 'hidden'\n this.hiddenInput.style.position = 'absolute'\n this.hiddenInput.style.pointerEvents = 'none'\n this.el.appendChild(this.hiddenInput)\n }\n\n private handleKeyDown = (ev: KeyboardEvent) => {\n switch (ev.key) {\n case 'ArrowUp':\n case 'ArrowLeft': {\n ev.preventDefault()\n this.focusAndSelect('prev')\n return\n }\n case 'ArrowDown':\n case 'ArrowRight': {\n ev.preventDefault()\n this.focusAndSelect('next')\n return\n }\n }\n }\n\n private handleChange = (event: InputEvent) => {\n this.el.dispatchEvent(new InputEvent('change', event))\n this.ldchange.emit(this.checked)\n }\n\n private handleClick = (ev?: MouseEvent) => {\n if (this.disabled || isAriaDisabled(this.el.ariaDisabled)) {\n ev?.preventDefault()\n return\n }\n\n if (this.checked) return\n\n // Uncheck radios with same name.\n if (this.name) {\n // Attribute selector fails in test env, hance filtering with js below.\n Array.from(document.querySelectorAll('ld-radio'))\n .filter((ldRadio) => ldRadio.getAttribute('name') === this.name)\n .forEach((ldRadio) => {\n ldRadio.checked = false\n ldRadio.groupChecked = true\n })\n }\n\n this.checked = true\n\n if (!ev.isTrusted) {\n // This happens, when a click event is dispatched on the host element\n // from the outside i.e. on click on a parent ld-label element.\n this.el.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true })\n )\n this.handleInput()\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.ldchange.emit(this.checked)\n }\n }\n\n private handleInput = () => {\n this.ldinput.emit(this.checked)\n }\n\n private focusAndSelect(dir: 'next' | 'prev') {\n const ldRadios = Array.from(document.querySelectorAll('ld-radio')).filter(\n (ldRadio) => ldRadio.getAttribute('name') === this.name\n )\n ldRadios.forEach((ldRadio, index) => {\n if (ldRadio === (this.el as unknown as HTMLLdRadioElement)) {\n const targetLdRadio = ldRadios[index + (dir === 'next' ? 1 : -1)]\n if (targetLdRadio) {\n targetLdRadio.focusInner()\n targetLdRadio.click()\n }\n }\n })\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, ['tone', 'mode'])\n\n const outerForm = this.el.closest('form')\n\n if (this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n this.hiddenInput.checked = this.checked\n this.hiddenInput.name = this.name\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n }\n\n if (this.value) {\n this.hiddenInput.value = this.value\n }\n }\n\n if (this.checked) {\n Array.from(document.querySelectorAll('ld-radio'))\n .filter((ldRadio) => ldRadio.getAttribute('name') === this.name)\n .forEach((ldRadio) => {\n ldRadio.groupChecked = true\n })\n }\n\n registerAutofocus(this.autofocus)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = [\n 'ld-radio',\n this.mode && `ld-radio--${this.mode}`,\n this.tone && `ld-radio--${this.tone}`,\n this.invalid && 'ld-radio--invalid',\n ]\n\n return (\n \n (this.input = ref)}\n disabled={this.disabled}\n checked={this.checked}\n tabIndex={\n this.disabled || this.checked || !this.groupChecked\n ? this.ldTabindex\n : -1\n }\n value={this.value}\n />\n
    \n
    \n
    \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file +{"version":3,"names":["ldRadioCss","LdRadio","this","handleKeyDown","ev","key","preventDefault","focusAndSelect","handleChange","event","el","dispatchEvent","InputEvent","ldchange","emit","checked","handleClick","disabled","isAriaDisabled","ariaDisabled","name","Array","from","document","querySelectorAll","filter","ldRadio","getAttribute","forEach","groupChecked","isTrusted","bubbles","composed","handleInput","ldinput","focusInner","input","undefined","focus","updateHiddenInput","outerForm","closest","hiddenInput","form","createHiddenInput","remove","value","removeAttribute","setAttribute","createElement","type","style","visibility","position","pointerEvents","appendChild","dir","ldRadios","index","targetLdRadio","click","componentWillLoad","attributesObserver","cloneAttributes","call","registerAutofocus","autofocus","disconnectedCallback","disconnect","render","cl","mode","tone","invalid","h","Host","part","class","getClassNames","onClick","Object","assign","clonedAttributes","onChange","onInput","onKeyDown","ref","tabIndex","ldTabindex"],"sources":["../src/liquid/components/ld-radio/ld-radio.css?tag=ld-radio&encapsulation=shadow","../src/liquid/components/ld-radio/ld-radio.tsx"],"sourcesContent":[":host,\n.ld-radio {\n /* layout */\n --ld-radio-size: 1.25rem;\n --ld-radio-dot-size: 0.625rem;\n\n /* colors */\n --ld-radio-bg-col: var(--ld-col-wht);\n --ld-radio-bg-col-hover: var(--ld-col-neutral-010);\n --ld-radio-bg-col-active: var(--ld-col-neutral-050);\n --ld-radio-disabled-col: var(--ld-col-neutral-300);\n --ld-radio-disabled-bg-col: var(--ld-col-neutral-100);\n --ld-radio-dark-bg-col: var(--ld-col-neutral-050);\n --ld-radio-dark-bg-col-hover: var(--ld-col-neutral-100);\n --ld-radio-dark-bg-col-active: var(--ld-col-neutral-300);\n --ld-radio-checked-col: var(--ld-col-wht);\n --ld-radio-checked-col-active: var(--ld-col-wht);\n --ld-radio-invalid-checked-col: var(--ld-col-wht);\n --ld-radio-invalid-checked-col-active: var(--ld-col-wht);\n\n /* themable colors */\n --ld-radio-col: var(--ld-thm-primary);\n --ld-radio-col-hover: var(--ld-thm-primary-hover);\n --ld-radio-col-active: var(--ld-thm-primary-active);\n --ld-radio-col-focus: var(--ld-thm-primary-focus);\n --ld-radio-invalid-col: var(--ld-thm-error);\n --ld-radio-invalid-col-hover: var(--ld-thm-error-hover);\n --ld-radio-invalid-col-focus: var(--ld-thm-error-focus);\n --ld-radio-invalid-col-active: var(--ld-thm-error-active);\n --ld-radio-warn-col: var(--ld-thm-warning);\n --ld-radio-warn-col-hover: var(--ld-thm-warning-hover);\n --ld-radio-warn-col-focus: var(--ld-thm-warning-focus);\n --ld-radio-warn-col-active: var(--ld-thm-warning-active);\n --ld-radio-warn-checked-col: var(--ld-thm-warning-active);\n --ld-radio-warn-checked-col-active: var(--ld-thm-warning-hover);\n\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n width: var(--ld-radio-size);\n height: var(--ld-radio-size);\n min-width: auto !important;\n box-sizing: border-box;\n\n input {\n appearance: none;\n background-color: transparent; /* Required for Mobile Sarari */\n height: 100%;\n inset: 0;\n margin: 0;\n position: absolute;\n width: 100%;\n z-index: 1;\n\n &:checked {\n ~ .ld-radio__dot {\n visibility: inherit;\n }\n }\n\n &:where(:disabled),\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-disabled-col);\n }\n ~ .ld-radio__box {\n background-color: transparent;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-disabled-bg-col);\n }\n\n &:checked {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-disabled-bg-col);\n }\n }\n }\n\n &:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n cursor: pointer;\n\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-col-active);\n }\n ~ .ld-radio__box {\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col);\n }\n\n &:focus:focus-visible {\n ~ .ld-radio__box {\n background-color: transparent;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus);\n }\n }\n &:active,\n &:active:focus-visible {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-bg-col-active);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active);\n }\n }\n\n &:checked {\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-checked-col);\n }\n ~ .ld-radio__box {\n background-color: var(--ld-radio-col);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col);\n }\n\n &:focus:focus-visible {\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-col-active);\n }\n ~ .ld-radio__box {\n background-color: var(--ld-radio-col-focus);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-focus);\n }\n }\n &:active,\n &:active:focus-visible {\n ~ .ld-radio__dot {\n background-color: var(--ld-radio-checked-col-active);\n }\n ~ .ld-radio__box {\n background-color: var(--ld-radio-col-active);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-active);\n }\n }\n }\n }\n }\n\n :where(\n input:not(\n :disabled,\n input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-bg-col);\n }\n\n @media (hover: hover) {\n &:hover {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-bg-col-hover);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover);\n }\n\n &:checked {\n ~ .ld-radio__dot {\n color: var(--ld-radio-checked-col);\n }\n ~ .ld-radio__box {\n background-color: var(--ld-radio-col-hover);\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-radio-col-hover);\n }\n }\n }\n }\n }\n}\n\n.ld-radio.ld-radio--dark,\n:host(.ld-radio.ld-radio--dark) {\n :where(input) {\n &:not(\n :disabled,\n input[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ),\n :checked\n ) {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-dark-bg-col);\n }\n\n @media (hover: hover) {\n &:hover {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-dark-bg-col-hover);\n }\n }\n }\n\n &:active,\n &:active:focus-visible {\n ~ .ld-radio__box {\n background-color: var(--ld-radio-dark-bg-col-active);\n }\n }\n }\n }\n}\n\n.ld-radio__dot {\n visibility: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n z-index: 1;\n width: var(--ld-radio-dot-size);\n height: var(--ld-radio-dot-size);\n}\n\n.ld-radio__box {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-col-rblck4);\n}\n\n:host,\n.ld-radio,\n.ld-radio__dot,\n.ld-radio__box {\n border-radius: var(--ld-br-full);\n}\n\n:host(.ld-radio--highlight),\n.ld-radio--highlight {\n --ld-radio-col: var(--ld-radio-warn-col);\n --ld-radio-col-hover: var(--ld-radio-warn-col-hover);\n --ld-radio-col-active: var(--ld-radio-warn-col-focus);\n --ld-radio-col-focus: var(--ld-radio-warn-col-active);\n --ld-radio-checked-col: var(--ld-radio-warn-checked-col);\n --ld-radio-checked-col-active: var(--ld-radio-warn-checked-col-active);\n}\n\n:host(.ld-radio--invalid),\n:host(.ld-radio--danger),\n.ld-radio--invalid,\n.ld-radio--danger {\n --ld-radio-col: var(--ld-radio-invalid-col);\n --ld-radio-col-hover: var(--ld-radio-invalid-col-hover);\n --ld-radio-col-active: var(--ld-radio-invalid-col-focus);\n --ld-radio-col-focus: var(--ld-radio-invalid-col-active);\n --ld-radio-checked-col: var(--ld-radio-invalid-checked-col);\n --ld-radio-checked-col-active: var(--ld-radio-invalid-checked-col-active);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part input - Actual input element\n */\n@Component({\n tag: 'ld-radio',\n styleUrl: 'ld-radio.css',\n shadow: true,\n})\nexport class LdRadio implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLInputElement\n\n private attributesObserver: MutationObserver\n\n private input: HTMLInputElement\n private hiddenInput: HTMLInputElement\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Indicates whether the radio button is selected. */\n @Prop({ mutable: true }) checked? = false\n\n /** Disabled state of the radio. */\n @Prop() disabled?: boolean\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /**\n * @internal\n * States that this radio button or another radio button with the same name is checked.\n */\n @Prop() groupChecked? = false\n\n /** Set this property to `true` in order to mark the radio visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** Display mode. */\n @Prop() mode?: 'highlight' | 'danger'\n\n /** Used to specify the name of the control. */\n @Prop() name!: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** Set this property to `true` in order to mark the radio button as required. */\n @Prop() required?: boolean\n\n /** radio tone. Use `'dark'` on white backgrounds. Default is a light tone. */\n @Prop() tone?: 'dark'\n\n /** The input value. */\n @Prop() value?: string\n\n @State() clonedAttributes\n\n /** Emitted when the input value changed and the element loses focus. */\n @Event() ldchange: EventEmitter\n\n /** Emitted when the input value changed. */\n @Event() ldinput: EventEmitter\n\n /** Sets focus on the radio button. */\n @Method()\n async focusInner() {\n if (this.input !== undefined) {\n this.input.focus()\n }\n }\n\n @Watch('checked')\n @Watch('form')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (!this.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n this.hiddenInput.name = this.name\n this.hiddenInput.checked = this.checked\n\n if (this.value) {\n this.hiddenInput.value = this.value\n } else {\n this.hiddenInput.removeAttribute('value')\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'radio'\n this.hiddenInput.style.visibility = 'hidden'\n this.hiddenInput.style.position = 'absolute'\n this.hiddenInput.style.pointerEvents = 'none'\n this.el.appendChild(this.hiddenInput)\n }\n\n private handleKeyDown = (ev: KeyboardEvent) => {\n switch (ev.key) {\n case 'ArrowUp':\n case 'ArrowLeft': {\n ev.preventDefault()\n this.focusAndSelect('prev')\n return\n }\n case 'ArrowDown':\n case 'ArrowRight': {\n ev.preventDefault()\n this.focusAndSelect('next')\n return\n }\n }\n }\n\n private handleChange = (event: InputEvent) => {\n this.el.dispatchEvent(new InputEvent('change', event))\n this.ldchange.emit(this.checked)\n }\n\n private handleClick = (ev?: MouseEvent) => {\n if (this.disabled || isAriaDisabled(this.el.ariaDisabled)) {\n ev?.preventDefault()\n return\n }\n\n if (this.checked) return\n\n // Uncheck radios with same name.\n if (this.name) {\n // Attribute selector fails in test env, hance filtering with js below.\n Array.from(document.querySelectorAll('ld-radio'))\n .filter((ldRadio) => ldRadio.getAttribute('name') === this.name)\n .forEach((ldRadio) => {\n ldRadio.checked = false\n ldRadio.groupChecked = true\n })\n }\n\n this.checked = true\n\n if (!ev.isTrusted) {\n // This happens, when a click event is dispatched on the host element\n // from the outside i.e. on click on a parent ld-label element.\n this.el.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true })\n )\n this.handleInput()\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.ldchange.emit(this.checked)\n }\n }\n\n private handleInput = () => {\n this.ldinput.emit(this.checked)\n }\n\n private focusAndSelect(dir: 'next' | 'prev') {\n const ldRadios = Array.from(document.querySelectorAll('ld-radio')).filter(\n (ldRadio) => ldRadio.getAttribute('name') === this.name\n )\n ldRadios.forEach((ldRadio, index) => {\n if (ldRadio === (this.el as unknown as HTMLLdRadioElement)) {\n const targetLdRadio = ldRadios[index + (dir === 'next' ? 1 : -1)]\n if (targetLdRadio) {\n targetLdRadio.focusInner()\n targetLdRadio.click()\n }\n }\n })\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, ['tone', 'mode'])\n\n const outerForm = this.el.closest('form')\n\n if (this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n this.hiddenInput.checked = this.checked\n this.hiddenInput.name = this.name\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n }\n\n if (this.value) {\n this.hiddenInput.value = this.value\n }\n }\n\n if (this.checked) {\n Array.from(document.querySelectorAll('ld-radio'))\n .filter((ldRadio) => ldRadio.getAttribute('name') === this.name)\n .forEach((ldRadio) => {\n ldRadio.groupChecked = true\n })\n }\n\n registerAutofocus(this.autofocus)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n const cl = [\n 'ld-radio',\n this.mode && `ld-radio--${this.mode}`,\n this.tone && `ld-radio--${this.tone}`,\n this.invalid && 'ld-radio--invalid',\n ]\n\n return (\n \n (this.input = ref)}\n disabled={this.disabled}\n checked={this.checked}\n tabIndex={\n this.disabled || this.checked || !this.groupChecked\n ? this.ldTabindex\n : -1\n }\n value={this.value}\n />\n
    \n
    \n
    \n )\n }\n}\n"],"mappings":"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"} \ No newline at end of file diff --git a/1704966176737/dist/build/p-a4360635.entry.js b/1704966176737/dist/build/p-a4360635.entry.js new file mode 100644 index 0000000000..57bf3a3cae --- /dev/null +++ b/1704966176737/dist/build/p-a4360635.entry.js @@ -0,0 +1,2 @@ +import{r as o,h as t,H as i}from"./p-21a69c18.js";const s='html{scroll-padding-top:5rem}body{--docs-header-height:3.125rem;--docs-max-width:90rem;--docs-nav-width:19rem;--docs-toc-top:7.75rem;--docs-toc-width:17rem;-webkit-text-size-adjust:none;overflow-x:hidden;overscroll-behavior:none}@media (width <= 75rem){body{--docs-toc-width:13rem}}.docs-toc__content{position:sticky;top:var(--docs-toc-top);width:var(--docs-toc-width)}@media (width <= 40rem){.docs-toc__content{display:none}}.docs-layout{display:grid;font-family:var(--ld-font-body);grid-template-columns:auto auto 1fr auto;margin:0 auto;max-width:var(--docs-max-width);min-height:calc(100vh - var(--docs-header-height))}.docs-layout.hydrated{visibility:visible!important}.docs-layout:before{content:"";inset:0;position:fixed;z-index:-1}.docs-layout :where(a:not([class*=ld-]):not([class*=docs-]):not(.ld-notice *)){color:inherit;-webkit-text-decoration:none;text-decoration:none}.docs-nav{width:var(--docs-nav-width)}@media (width <= 52rem){.docs-nav{box-shadow:var(--ld-shadow-hover);height:calc(100% - var(--docs-header-height));position:fixed;transform:translateX(-100%);transition:transform .2s ease,visibility 0s linear .2s;visibility:hidden}.docs-nav:target{transform:translateX(0);transition:transform .2s ease;visibility:visible}.docs-nav:target+.docs-nav-backdrop{display:block;opacity:.5;pointer-events:auto;transition:opacity .2s linear;visibility:visible}.docs-nav:target~.docs-btn-toggle-nav .docs-btn-toggle-nav__close{display:inline-flex}.docs-nav:target~.docs-btn-toggle-nav .docs-btn-toggle-nav__open{display:none}}';const a=class{constructor(t){o(this,t)}render(){return t(i,{class:"docs-layout"},t("slot",null))}};a.style=s;export{a as docs_layout}; +//# sourceMappingURL=p-a4360635.entry.js.map \ No newline at end of file diff --git a/dist/build/p-8b757c69.entry.js.map b/1704966176737/dist/build/p-a4360635.entry.js.map similarity index 97% rename from dist/build/p-8b757c69.entry.js.map rename to 1704966176737/dist/build/p-a4360635.entry.js.map index db0e21458c..26c920ef55 100644 --- a/dist/build/p-8b757c69.entry.js.map +++ b/1704966176737/dist/build/p-a4360635.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["docsLayoutCss","DocsLayout","render","h","Host","class"],"sources":["../src/docs/layouts/docs-layout/docs-layout.css?tag=docs-layout","../src/docs/layouts/docs-layout/docs-layout.tsx"],"sourcesContent":["html {\n scroll-padding-top: 5rem;\n}\n\nbody {\n --docs-header-height: 3.125rem;\n --docs-max-width: 90rem;\n --docs-nav-width: 19rem;\n --docs-toc-top: 7.75rem;\n --docs-toc-width: 17rem;\n -webkit-text-size-adjust: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n overscroll-behavior: none;\n overflow-x: hidden;\n\n @media (width <= 75rem) {\n --docs-toc-width: 13rem;\n }\n}\n\n.docs-toc__content {\n width: var(--docs-toc-width);\n position: sticky;\n top: var(--docs-toc-top);\n\n @media (width <= 40rem) {\n display: none;\n }\n}\n\n.docs-layout {\n display: grid;\n grid-template-columns: auto auto 1fr auto;\n font-family: var(--ld-font-body);\n margin: 0 auto;\n max-width: var(--docs-max-width);\n min-height: calc(100vh - var(--docs-header-height));\n\n &.hydrated {\n visibility: visible !important;\n }\n\n &::before {\n content: '';\n position: fixed;\n inset: 0;\n z-index: -1;\n }\n\n :where(a:not([class*='ld-'], [class*='docs-'], .ld-notice *)) {\n text-decoration: none;\n color: inherit;\n }\n}\n\n.docs-nav {\n width: var(--docs-nav-width);\n\n @media (width <= 52rem) {\n transition: transform 0.2s ease, visibility 0s 0.2s linear;\n visibility: hidden;\n transform: translateX(-100%);\n position: fixed;\n height: calc(100% - var(--docs-header-height));\n box-shadow: var(--ld-shadow-hover);\n }\n}\n\n@media (width <= 52rem) {\n .docs-nav:target {\n visibility: visible;\n transform: translateX(0);\n transition: transform 0.2s ease;\n\n + .docs-nav-backdrop {\n transition: opacity 0.2s linear;\n display: block;\n pointer-events: auto;\n visibility: visible;\n opacity: 0.5;\n }\n\n ~ .docs-btn-toggle-nav {\n .docs-btn-toggle-nav__close {\n display: inline-flex;\n }\n .docs-btn-toggle-nav__open {\n display: none;\n }\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-layout',\n styleUrl: 'docs-layout.css',\n shadow: false,\n})\nexport class DocsLayout {\n render(): HTMLDivElement {\n return (\n \n \n \n )\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,0hD,MCQTC,EAAU,M,yBACrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,eACVF,EAAA,a"} \ No newline at end of file +{"version":3,"names":["docsLayoutCss","DocsLayout","render","h","Host","class"],"sources":["../src/docs/layouts/docs-layout/docs-layout.css?tag=docs-layout","../src/docs/layouts/docs-layout/docs-layout.tsx"],"sourcesContent":["html {\n scroll-padding-top: 5rem;\n}\n\nbody {\n --docs-header-height: 3.125rem;\n --docs-max-width: 90rem;\n --docs-nav-width: 19rem;\n --docs-toc-top: 7.75rem;\n --docs-toc-width: 17rem;\n -webkit-text-size-adjust: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n overscroll-behavior: none;\n overflow-x: hidden;\n\n @media (width <= 75rem) {\n --docs-toc-width: 13rem;\n }\n}\n\n.docs-toc__content {\n width: var(--docs-toc-width);\n position: sticky;\n top: var(--docs-toc-top);\n\n @media (width <= 40rem) {\n display: none;\n }\n}\n\n.docs-layout {\n display: grid;\n grid-template-columns: auto auto 1fr auto;\n font-family: var(--ld-font-body);\n margin: 0 auto;\n max-width: var(--docs-max-width);\n min-height: calc(100vh - var(--docs-header-height));\n\n &.hydrated {\n visibility: visible !important;\n }\n\n &::before {\n content: '';\n position: fixed;\n inset: 0;\n z-index: -1;\n }\n\n :where(a:not([class*='ld-'], [class*='docs-'], .ld-notice *)) {\n text-decoration: none;\n color: inherit;\n }\n}\n\n.docs-nav {\n width: var(--docs-nav-width);\n\n @media (width <= 52rem) {\n transition: transform 0.2s ease, visibility 0s 0.2s linear;\n visibility: hidden;\n transform: translateX(-100%);\n position: fixed;\n height: calc(100% - var(--docs-header-height));\n box-shadow: var(--ld-shadow-hover);\n }\n}\n\n@media (width <= 52rem) {\n .docs-nav:target {\n visibility: visible;\n transform: translateX(0);\n transition: transform 0.2s ease;\n\n + .docs-nav-backdrop {\n transition: opacity 0.2s linear;\n display: block;\n pointer-events: auto;\n visibility: visible;\n opacity: 0.5;\n }\n\n ~ .docs-btn-toggle-nav {\n .docs-btn-toggle-nav__close {\n display: inline-flex;\n }\n .docs-btn-toggle-nav__open {\n display: none;\n }\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-layout',\n styleUrl: 'docs-layout.css',\n shadow: false,\n})\nexport class DocsLayout {\n render(): HTMLDivElement {\n return (\n \n \n \n )\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,igD,MCQTC,EAAU,M,yBACrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,eACVF,EAAA,a"} \ No newline at end of file diff --git a/1704894792450/dist/build/p-a5f4b2c5.entry.js b/1704966176737/dist/build/p-a5f4b2c5.entry.js similarity index 100% rename from 1704894792450/dist/build/p-a5f4b2c5.entry.js rename to 1704966176737/dist/build/p-a5f4b2c5.entry.js diff --git a/1704894792450/dist/build/p-a5f4b2c5.entry.js.map b/1704966176737/dist/build/p-a5f4b2c5.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-a5f4b2c5.entry.js.map rename to 1704966176737/dist/build/p-a5f4b2c5.entry.js.map diff --git a/1704894792450/dist/build/p-ad64dade.entry.js b/1704966176737/dist/build/p-ad64dade.entry.js similarity index 100% rename from 1704894792450/dist/build/p-ad64dade.entry.js rename to 1704966176737/dist/build/p-ad64dade.entry.js diff --git a/1704894792450/dist/build/p-ad64dade.entry.js.map b/1704966176737/dist/build/p-ad64dade.entry.js.map similarity index 100% rename from 1704894792450/dist/build/p-ad64dade.entry.js.map rename to 1704966176737/dist/build/p-ad64dade.entry.js.map diff --git a/1704894792450/dist/build/p-b05f0e4e.js b/1704966176737/dist/build/p-b05f0e4e.js similarity index 100% rename from 1704894792450/dist/build/p-b05f0e4e.js rename to 1704966176737/dist/build/p-b05f0e4e.js diff --git a/1704894792450/dist/build/p-b05f0e4e.js.map b/1704966176737/dist/build/p-b05f0e4e.js.map similarity index 100% rename from 1704894792450/dist/build/p-b05f0e4e.js.map rename to 1704966176737/dist/build/p-b05f0e4e.js.map diff --git a/1704966176737/dist/build/p-b2dd29b5.entry.js b/1704966176737/dist/build/p-b2dd29b5.entry.js new file mode 100644 index 0000000000..ef6656ca03 --- /dev/null +++ b/1704966176737/dist/build/p-b2dd29b5.entry.js @@ -0,0 +1,2 @@ +import{r as e,h as t,H as s}from"./p-21a69c18.js";const a=".docs-iframe{inset:0;left:max(calc(var(--docs-nav-width) + 50vw - var(--docs-max-width) / 2),var(--docs-nav-width));position:fixed;top:var(--docs-header-height)}@media (width <= 52rem){.docs-iframe{left:0}}.docs-iframe iframe{height:100%;width:100%}";const i=class{constructor(t){e(this,t);this.src=undefined;this.darkMode=undefined;this.loaded=false}async setDarkMode(e){this.darkMode=e}updateDarkMode(e){if(!this.loaded)return;this.iframe.contentWindow.postMessage({mode:"updateDarkmode",darkMode:e})}componentDidLoad(){this.iframe.addEventListener("load",(()=>{this.loaded=true;this.updateDarkMode(this.darkMode)}))}render(){return t(s,{class:"docs-iframe"},t("iframe",{ref:e=>this.iframe=e,src:this.src}))}static get watchers(){return{darkMode:["updateDarkMode"]}}};i.style=a;export{i as docs_iframe}; +//# sourceMappingURL=p-b2dd29b5.entry.js.map \ No newline at end of file diff --git a/1704894792450/dist/build/p-b20a1cf5.entry.js.map b/1704966176737/dist/build/p-b2dd29b5.entry.js.map similarity index 97% rename from 1704894792450/dist/build/p-b20a1cf5.entry.js.map rename to 1704966176737/dist/build/p-b2dd29b5.entry.js.map index ce3b10d986..c0d5d3baac 100644 --- a/1704894792450/dist/build/p-b20a1cf5.entry.js.map +++ b/1704966176737/dist/build/p-b2dd29b5.entry.js.map @@ -1 +1 @@ -{"version":3,"names":["docsIframeCss","DocsIFrame","setDarkMode","darkMode","this","updateDarkMode","loaded","iframe","contentWindow","postMessage","mode","componentDidLoad","addEventListener","render","h","Host","class","ref","src"],"sources":["../src/docs/components/docs-iframe/docs-iframe.css?tag=docs-iframe","../src/docs/components/docs-iframe/docs-iframe.tsx"],"sourcesContent":[".docs-iframe {\n inset: 0;\n top: var(--docs-header-height);\n left: max(\n calc(var(--docs-nav-width) + 50vw - var(--docs-max-width) / 2),\n var(--docs-nav-width)\n );\n position: fixed;\n\n @media (width <= 52rem) {\n left: 0;\n }\n\n iframe {\n height: 100%;\n width: 100%;\n }\n}\n","import { Component, h, Host, Method, Prop, State, Watch } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-iframe',\n styleUrl: 'docs-iframe.css',\n shadow: false,\n})\nexport class DocsIFrame {\n private iframe: HTMLIFrameElement\n\n /** URL to the IFrame content */\n @Prop() src?: string\n\n @State() darkMode: boolean\n @State() loaded = false\n\n /** Setting the dark mode on the component */\n @Method()\n async setDarkMode(darkMode?: boolean) {\n this.darkMode = darkMode\n }\n\n @Watch('darkMode')\n updateDarkMode(darkMode: boolean) {\n if (!this.loaded) return\n\n this.iframe.contentWindow.postMessage({\n mode: 'updateDarkmode',\n darkMode: darkMode,\n })\n }\n\n componentDidLoad() {\n this.iframe.addEventListener('load', () => {\n this.loaded = true\n this.updateDarkMode(this.darkMode)\n })\n }\n\n render() {\n return (\n \n