@webority/ui-react 0.14.0 → 0.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types/components/AppCommandPalette.d.ts +62 -0
- package/dist/types/components/AppConfirmDialog.d.ts +1 -1
- package/dist/types/components/AppSegmented.d.ts +11 -42
- package/dist/types/index.d.ts +2 -0
- package/dist/types/lib/useCommandPaletteShortcut.d.ts +20 -0
- package/dist/ui-react.js +929 -756
- package/package.json +5 -5
package/dist/ui-react.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Children as e, Fragment as t, cloneElement as n, createElement as r, forwardRef as i, useCallback as a, useEffect as o, useId as s, useInsertionEffect as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
|
|
2
2
|
import { Alert as p, Badge as m, Breadcrumb as h, Button as g, Card as _, Dropdown as v, Form as y, Modal as b, Offcanvas as x, OverlayTrigger as S, Popover as C, Tooltip as w } from "react-bootstrap";
|
|
3
3
|
import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
|
|
4
|
-
import { COPY_FEEDBACK_MS as O, DEFAULT_IMAGE_ACCEPT as k, DEFAULT_MAX_SIZE_MB as A, acceptLabel as j, copyTextToClipboard as M, evaluatePassword as N, isImageFile as P, isImageOnlyAccept as F,
|
|
5
|
-
import { getConsent as
|
|
4
|
+
import { COPY_FEEDBACK_MS as O, DEFAULT_IMAGE_ACCEPT as k, DEFAULT_MAX_SIZE_MB as A, acceptLabel as j, copyTextToClipboard as M, evaluatePassword as N, isImageFile as P, isImageOnlyAccept as F, matchSegments as I, validateFile as L } from "@webority/ui-elements";
|
|
5
|
+
import { getConsent as R, saveConsent as z } from "@webority/analytics/site";
|
|
6
6
|
//#region src/components/iconCatalogLoaders.g.js
|
|
7
|
-
function
|
|
7
|
+
function B(e) {
|
|
8
8
|
let t = e[0]?.toLowerCase();
|
|
9
9
|
return t && t >= "a" && t <= "z" ? t : "_";
|
|
10
10
|
}
|
|
11
|
-
var
|
|
11
|
+
var V = {
|
|
12
12
|
a: () => import("./a.g-kGcGx7fd.js"),
|
|
13
13
|
b: () => import("./b.g-Dkq-W_Lw.js"),
|
|
14
14
|
c: () => import("./c.g-D3DSTTq_.js"),
|
|
@@ -34,7 +34,7 @@ var ee = {
|
|
|
34
34
|
w: () => import("./w.g-CGXIqJB2.js"),
|
|
35
35
|
x: () => import("./x.g-CIuI3Fqx.js"),
|
|
36
36
|
z: () => import("./z.g-BUP3BJiy.js")
|
|
37
|
-
},
|
|
37
|
+
}, H = {
|
|
38
38
|
outline: {
|
|
39
39
|
a: () => import("./a.g-DpfOFhWD.js"),
|
|
40
40
|
b: () => import("./b.g-MJlor3xB.js"),
|
|
@@ -170,7 +170,7 @@ var ee = {
|
|
|
170
170
|
x: () => import("./x.g-Cc7upOBC.js"),
|
|
171
171
|
z: () => import("./z.g-COIy6PjH.js")
|
|
172
172
|
}
|
|
173
|
-
}, V = /* @__PURE__ */ "aave.activity.add.add-circle.add-square.additem.airdrop.airplane.airplane-square.airpod.airpods.alarm.alert-circle.alert-triangle.align-bottom.align-horizontally.align-left.align-right.align-top.align-vertically.android.ankr.apple.aquarius.archive.archive-add.archive-book.archive-box.archive-minus.archive-slash.archive-tick.arrange-horizontal.arrange-horizontal-circle.arrange-horizontal-square.arrange-vertical.arrange-vertical-circle.arrange-vertical-square.arrow.arrow-circle-down.arrow-circle-down-2.arrow-circle-left.arrow-circle-left-2.arrow-circle-right.arrow-circle-right-2.arrow-circle-up.arrow-circle-up-2.arrow-down.arrow-down-2.arrow-down-3.arrow-down-up.arrow-forward.arrow-forward-square.arrow-left.arrow-left-2.arrow-left-3.arrow-right.arrow-right-2.arrow-right-3.arrow-rotate-left.arrow-rotate-right.arrow-square.arrow-square-down.arrow-square-left.arrow-square-right.arrow-square-up.arrow-swap-horizontal.arrow-swap-vertical.arrow-up.arrow-up-2.arrow-up-3.arrow-up-right.attach-circle.attach-square.audio-square.augur.autobrightness.autonio.avalanche.award.back.back-square.backward.backward-10-seconds.backward-15-seconds.backward-5-seconds.backward-item.badge-check.bag.bag-2.bag-cross.bag-cross-1.bag-happy.bag-tick.bag-tick-2.bag-timer.bank.barcode.battery-charging.battery-disable.battery-empty.battery-empty-1.battery-full.be.bell.bezier.bill.binance-coin.binance-usd.bitcoin.bitcoin-card.bitcoin-convert.bitcoin-refresh.blend.blend-2.blogger.bluetooth.bluetooth-2.bluetooth-circle.bluetooth-rectangle.blur.book.book-1.book-saved.book-square.bookmark.bookmark-2.bootstrap.box.box-1.box-2.box-add.box-remove.box-seam.box-search.box-tick.box-time.briefcase.brifecase-cross.brifecase-tick.brifecase-timer.brodcast.broom.brush.brush-2.brush-3.brush-big.brush-square.bubble.bucket.bucket-circle.bucket-square.bug.building.building-2.building-3.building-4.buildings.buildings-2.buliding.bullseye.bus.buy-crypto.cake.calculator.calendar.calendar-1.calendar-2.calendar-add.calendar-check.calendar-circle.calendar-dots.calendar-edit.calendar-remove.calendar-search.calendar-tick.call.call-add.call-calling.call-incoming.call-minus.call-outgoing.call-received.call-remove.call-slash.camera.camera-slash.candle.candle-2.car.card.card-add.card-coin.card-edit.card-pos.card-receive.card-remove.card-remove-1.card-send.card-slash.card-tick.card-tick-1.cardano.cards.cash-stack.category.category-2.cd.celo.celsius.chainlink.chart.chart-1.chart-2.chart-21.chart-circle.chart-column.chart-fail.chart-square.chart-success.chat.chat-dots.check.check-check.check-circle.chemical-glass.chevron-down.chevron-left.chevron-right.chevron-up.chevrons-left.chevrons-right.chevrons-up-down.chrome.circle.circle-help.civic.clipboard.clipboard-check.clipboard-close.clipboard-export.clipboard-import.clipboard-text.clipboard-tick.clock.close-circle.close-square.cloud.cloud-add.cloud-change.cloud-connection.cloud-cross.cloud-drizzle.cloud-fog.cloud-lightning.cloud-minus.cloud-notif.cloud-plus.cloud-remove.cloud-snow.cloud-sunny.code.code-1.code-circle.coffee.coin.coin-1.coins.color-swatch.colorfilter.colors-square.command.command-square.component.computing.contact.convert.convert-3-d-cube.convert-card.convertshape.convertshape-2.copy.copy-success.copyright.courthouse.cpu.cpu-charge.cpu-setting.creative-commons.credit-card.crop.crown.crown-1.cup.cursor.cut.dai.danger.dash.data.data-2.decred.dent.designtools.device-message.devices.diagram.diagram-3.diamonds.direct.direct-down.direct-inbox.direct-left.direct-normal.direct-notification.direct-right.direct-send.direct-up.directbox-default.directbox-notif.directbox-receive.directbox-send.discount-circle.discount-shape.discover.dislike.display.document.document-cloud.document-code.document-code-2.document-copy.document-download.document-favorite.document-filter.document-forward.document-like.document-previous.document-sketch.document-text.document-text-1.document-upload.dollar-circle.dollar-square.download.dribbble.driver.driver-2.driver-refresh.driving.drop.dropbox.edit.edit-2.educare.electricity.element.element-2.element-3.element-4.element-equal.element-plus.emercoin.emoji-happy.emoji-normal.emoji-sad.emoji-smile.empty-wallet.empty-wallet-add.empty-wallet-change.empty-wallet-remove.empty-wallet-tick.empty-wallet-time.enjin-coin.eos.eraser.eraser-square.ethereum.ethereum-classic.export.export-circle.export-curve.export-square.external-drive.external-link.eye.eye-off.eye-slash.facebook.factory.fatrows.favorite-chart.figma.figma-1.file-plus-2.file-text.files.filter.filter-add.filter-edit.filter-remove.filter-search.filter-square.filter-tick.finger-cricle.finger-scan.firstline.flag.flag-2.flash.flash-circle.flash-slash.flashy.folder.folder-2.folder-add.folder-cloud.folder-connection.folder-cross.folder-favorite.folder-kanban.folder-minus.folder-open.folder-plus.forbidden.forbidden-2.format-circle.format-square.forward.forward-10-seconds.forward-15-seconds.forward-5-seconds.forward-item.framer.ftx-token.gallery.gallery-add.gallery-edit.gallery-export.gallery-favorite.gallery-import.gallery-remove.gallery-slash.gallery-tick.game.gameboy.gas-station.gauge.gemini.gemini-2.ghost.gift.glass.global.global-edit.global-refresh.global-search.globe.globe2.google.google-drive.google-play.gps.gps-slash.grammerly.graph.grid.grid-1.grid-2.grid-3.grid-4.grid-5.grid-6.grid-7.grid-8.grid-9.grid-edit.grid-eraser.grid-lock.hamberger-menu.happyemoji.hard-hat.harmony.hashtag.hashtag-down.hashtag-square.hashtag-up.headphone.headphones.health.heart.heart-add.heart-circle.heart-edit.heart-remove.heart-search.heart-slash.heart-tick.hedera-hashgraph.hex.hierarchy.hierarchy-2.hierarchy-3.hierarchy-square.hierarchy-square-2.hierarchy-square-3.history.home.home-2.home-3.home-hashtag.home-trend-down.home-trend-up.home-wifi.hospital.house.house-2.html-3.html-5.huobi-token.i-24-support.i-3-d-cube-scan.i-3-d-rotate.i-3-d-square.i-3-dcube.i-3-square.icon.illustrator.image.import.import-circle.import-curve.import-square.inbox.info.info-circle.information.instagram.iost.java-script.js.judge.kanban.key.key-square.keyboard.keyboard-open.kyber-network.lamp.lamp-charge.lamp-on.lamp-slash.language-circle.language-square.layer.layout-dashboard.layout-grid.layout-maximize.level.lifebuoy.lightbulb.like.like-1.like-dislike.like-shapes.like-tag.link.link-1.link-2.link-21.link-circle.link-square.list.litecoin.location.location-add.location-cross.location-discover.location-minus.location-slash.location-tick.lock.lock-1.lock-circle.lock-slash.log-out.login.login-curve.logout.logout-curve.lovely.magic-star.magicpen.mail.main-component.maker.man.map.map-1.map-pin.mask.mask-left.mask-right.math.maximize.maximize-1.maximize-2.maximize-3.maximize-4.maximize-circle.medal.medal-star.menu.menu-board.message.message-2.message-add.message-add-1.message-circle.message-edit.message-favorite.message-minus.message-notif.message-programming.message-question.message-remove.message-search.message-square.message-text.message-text-1.message-tick.message-time.messages.messages-1.messages-2.messages-3.messenger.microphone.microphone-2.microphone-slash.microphone-slash-1.microscope.milk.mini-music-sqaure.minus.minus-cirlce.minus-square.mirror.mirroring-screen.mobile.mobile-programming.monero.money.money-2.money-3.money-4.money-add.money-archive.money-change.money-forbidden.money-recive.money-remove.money-send.money-tick.money-time.moneys.monitor.monitor-mobbile.monitor-recorder.moon.more.more-2.more-circle.more-horizontal.more-square.mouse.mouse-circle.mouse-square.music.music-circle.music-dashboard.music-filter.music-library-2.music-play.music-playlist.music-square.music-square-add.music-square-remove.music-square-search.musicnote.nebulas.nem.nexo.next.note.note-1.note-add.note-favorite.note-remove.note-square.note-text.notepad.notepad-2.notification.notification-1.notification-bing.notification-circle.notification-favorite.notification-status.ocean-protocol.okb.okru.omega-circle.omega-square.ontology.paintbucket.palette.panel-left-close.panel-left-open.paperclip.paperclip-2.password-check.path-tool.path-tool-2.path-tool-square.pause.pause-circle.paypal.pen-add.pen-close.pen-remove.pen-tool.pen-tool-2.pencil.people.percentage-circle.percentage-square.personalcard.pet.pharagraphspacing.phone.photoshop.picture-frame.play.play-add.play-circle.play-cricle.play-remove.plug.plus.plus-circle.pointer.polkadot.polygon.polyswarm.presention-chart.previous.printer.printer-slash.profile.profile-2-user.profile-add.profile-circle.profile-delete.profile-remove.profile-tick.programming-arrow.programming-arrows.python.quant.quote-down.quote-down-circle.quote-down-square.quote-up.quote-up-circle.quote-up-square.radar.radar-2.radio.ram.ram-2.rank.ranking.receipt.receipt-1.receipt-2.receipt-21.receipt-add.receipt-discount.receipt-disscount.receipt-edit.receipt-item.receipt-minus.receipt-search.receipt-square.receipt-text.receive.receive-square.receive-square-2.record.record-circle.recovery-convert.refresh.refresh-2.refresh-circle.refresh-cw.refresh-left-square.refresh-right-square.refresh-square.repeat.repeat-circle.repeate-music.repeate-one.reserve.rotate-ccw.rotate-left.rotate-right.route-square.routing.routing-2.row-horizontal.row-vertical.ruler.ruler-pen.safe-home.sagittarius.save-2.save-add.save-minus.save-remove.scan.scan-barcode.scanner.scanning.scissor.screenmirroring.scroll.search.search-favorite.search-favorite-1.search-normal.search-normal-1.search-status.search-status-1.search-zoom-in.search-zoom-in-1.search-zoom-out.search-zoom-out-1.security.security-card.security-safe.security-time.security-user.send.send-2.server.setting.setting-2.setting-3.setting-4.setting-5.settings.shapes.shapes-1.share.share-2.shield.shield-check.shield-cross.shield-lock.shield-plus.shield-search.shield-security.shield-slash.shield-tick.ship.shop.shop-add.shop-remove.shopping-bag.shopping-cart.shuffle.shutterstock.siacoin.sidebar-bottom.sidebar-left.sidebar-right.sidebar-top.signpost.simcard.simcard-1.simcard-2.size.slack.slash.slider.slider-horizontal.slider-horizontal-1.slider-vertical.slider-vertical-1.smallcaps.smart-car.smart-home.smileys.sms.sms-edit.sms-notification.sms-search.sms-star.sms-tracking.snapchat.solana.sort.sound.sparkles.speaker.speedometer.spotify.stacks.star.star-1.star-slash.stars.status.status-up.stellar.sticker.stickynote.stop.stop-circle.story.strongbox.strongbox-2.subtitle.sun.sun-1.sun-fog.table-document.table-lamp.tag.tag-2.tag-cross.tag-right.tag-user.task.task-square.teacher.telephone.tenx.tether.text.text-block.text-bold.text-italic.text-underline.textalign-center.textalign-justifycenter.textalign-justifyleft.textalign-justifyright.textalign-left.textalign-right.the-graph.theta.thorchain.tick-circle.tick-square.ticket.ticket-2.ticket-discount.ticket-expired.ticket-star.timer.timer-1.timer-pause.timer-start.toggle-off.toggle-off-circle.toggle-on.toggle-on-circle.trade.transaction-minus.translate.transmit.transmit-sqaure-2.transmit-square.trash.trash-2.tree.trello.trend-down.trend-up.trending-up.triangle.triangle-logo.trontron.truck.truck-fast.truck-remove.truck-tick.truck-time.trush-square.twitch.two-page.ui-8.unlimited.unlock.upload.usd-coin.user.user-add.user-check.user-cirlce-add.user-edit.user-minus.user-octagon.user-plus.user-remove.user-search.user-square.user-tag.user-tick.users.velas.verify.vibe.video.video-add.video-circle.video-horizontal.video-octagon.video-play.video-remove.video-slash.video-square.video-tick.video-time.video-vertical.voice-cricle.voice-square.volume.volume-cross.volume-high.volume-low.volume-low-1.volume-mute.volume-slash.volume-up.wallet.wallet-1.wallet-2.wallet-3.wallet-add.wallet-add-1.wallet-check.wallet-minus.wallet-money.wallet-remove.wallet-search.wallet2.wanchain.wanchain-1.wand-sparkles.warning-2.watch.watch-status.weight.weight-meter.whatsapp.wifi.wifi-square.wind.wind-2.windows.wing.woman.wrist-clock.x.x-circle.xd.xiaomi.xrp.youtube.zap.zel.zoom.zoom-in.zoom-out".split("."), te = {
|
|
173
|
+
}, ee = /* @__PURE__ */ "aave.activity.add.add-circle.add-square.additem.airdrop.airplane.airplane-square.airpod.airpods.alarm.alert-circle.alert-triangle.align-bottom.align-horizontally.align-left.align-right.align-top.align-vertically.android.ankr.apple.aquarius.archive.archive-add.archive-book.archive-box.archive-minus.archive-slash.archive-tick.arrange-horizontal.arrange-horizontal-circle.arrange-horizontal-square.arrange-vertical.arrange-vertical-circle.arrange-vertical-square.arrow.arrow-circle-down.arrow-circle-down-2.arrow-circle-left.arrow-circle-left-2.arrow-circle-right.arrow-circle-right-2.arrow-circle-up.arrow-circle-up-2.arrow-down.arrow-down-2.arrow-down-3.arrow-down-up.arrow-forward.arrow-forward-square.arrow-left.arrow-left-2.arrow-left-3.arrow-right.arrow-right-2.arrow-right-3.arrow-rotate-left.arrow-rotate-right.arrow-square.arrow-square-down.arrow-square-left.arrow-square-right.arrow-square-up.arrow-swap-horizontal.arrow-swap-vertical.arrow-up.arrow-up-2.arrow-up-3.arrow-up-right.attach-circle.attach-square.audio-square.augur.autobrightness.autonio.avalanche.award.back.back-square.backward.backward-10-seconds.backward-15-seconds.backward-5-seconds.backward-item.badge-check.bag.bag-2.bag-cross.bag-cross-1.bag-happy.bag-tick.bag-tick-2.bag-timer.bank.barcode.battery-charging.battery-disable.battery-empty.battery-empty-1.battery-full.be.bell.bezier.bill.binance-coin.binance-usd.bitcoin.bitcoin-card.bitcoin-convert.bitcoin-refresh.blend.blend-2.blogger.bluetooth.bluetooth-2.bluetooth-circle.bluetooth-rectangle.blur.book.book-1.book-saved.book-square.bookmark.bookmark-2.bootstrap.box.box-1.box-2.box-add.box-remove.box-seam.box-search.box-tick.box-time.briefcase.brifecase-cross.brifecase-tick.brifecase-timer.brodcast.broom.brush.brush-2.brush-3.brush-big.brush-square.bubble.bucket.bucket-circle.bucket-square.bug.building.building-2.building-3.building-4.buildings.buildings-2.buliding.bullseye.bus.buy-crypto.cake.calculator.calendar.calendar-1.calendar-2.calendar-add.calendar-check.calendar-circle.calendar-dots.calendar-edit.calendar-remove.calendar-search.calendar-tick.call.call-add.call-calling.call-incoming.call-minus.call-outgoing.call-received.call-remove.call-slash.camera.camera-slash.candle.candle-2.car.card.card-add.card-coin.card-edit.card-pos.card-receive.card-remove.card-remove-1.card-send.card-slash.card-tick.card-tick-1.cardano.cards.cash-stack.category.category-2.cd.celo.celsius.chainlink.chart.chart-1.chart-2.chart-21.chart-circle.chart-column.chart-fail.chart-square.chart-success.chat.chat-dots.check.check-check.check-circle.chemical-glass.chevron-down.chevron-left.chevron-right.chevron-up.chevrons-left.chevrons-right.chevrons-up-down.chrome.circle.circle-help.civic.clipboard.clipboard-check.clipboard-close.clipboard-export.clipboard-import.clipboard-text.clipboard-tick.clock.close-circle.close-square.cloud.cloud-add.cloud-change.cloud-connection.cloud-cross.cloud-drizzle.cloud-fog.cloud-lightning.cloud-minus.cloud-notif.cloud-plus.cloud-remove.cloud-snow.cloud-sunny.code.code-1.code-circle.coffee.coin.coin-1.coins.color-swatch.colorfilter.colors-square.command.command-square.component.computing.contact.convert.convert-3-d-cube.convert-card.convertshape.convertshape-2.copy.copy-success.copyright.courthouse.cpu.cpu-charge.cpu-setting.creative-commons.credit-card.crop.crown.crown-1.cup.cursor.cut.dai.danger.dash.data.data-2.decred.dent.designtools.device-message.devices.diagram.diagram-3.diamonds.direct.direct-down.direct-inbox.direct-left.direct-normal.direct-notification.direct-right.direct-send.direct-up.directbox-default.directbox-notif.directbox-receive.directbox-send.discount-circle.discount-shape.discover.dislike.display.document.document-cloud.document-code.document-code-2.document-copy.document-download.document-favorite.document-filter.document-forward.document-like.document-previous.document-sketch.document-text.document-text-1.document-upload.dollar-circle.dollar-square.download.dribbble.driver.driver-2.driver-refresh.driving.drop.dropbox.edit.edit-2.educare.electricity.element.element-2.element-3.element-4.element-equal.element-plus.emercoin.emoji-happy.emoji-normal.emoji-sad.emoji-smile.empty-wallet.empty-wallet-add.empty-wallet-change.empty-wallet-remove.empty-wallet-tick.empty-wallet-time.enjin-coin.eos.eraser.eraser-square.ethereum.ethereum-classic.export.export-circle.export-curve.export-square.external-drive.external-link.eye.eye-off.eye-slash.facebook.factory.fatrows.favorite-chart.figma.figma-1.file-plus-2.file-text.files.filter.filter-add.filter-edit.filter-remove.filter-search.filter-square.filter-tick.finger-cricle.finger-scan.firstline.flag.flag-2.flash.flash-circle.flash-slash.flashy.folder.folder-2.folder-add.folder-cloud.folder-connection.folder-cross.folder-favorite.folder-kanban.folder-minus.folder-open.folder-plus.forbidden.forbidden-2.format-circle.format-square.forward.forward-10-seconds.forward-15-seconds.forward-5-seconds.forward-item.framer.ftx-token.gallery.gallery-add.gallery-edit.gallery-export.gallery-favorite.gallery-import.gallery-remove.gallery-slash.gallery-tick.game.gameboy.gas-station.gauge.gemini.gemini-2.ghost.gift.glass.global.global-edit.global-refresh.global-search.globe.globe2.google.google-drive.google-play.gps.gps-slash.grammerly.graph.grid.grid-1.grid-2.grid-3.grid-4.grid-5.grid-6.grid-7.grid-8.grid-9.grid-edit.grid-eraser.grid-lock.hamberger-menu.happyemoji.hard-hat.harmony.hashtag.hashtag-down.hashtag-square.hashtag-up.headphone.headphones.health.heart.heart-add.heart-circle.heart-edit.heart-remove.heart-search.heart-slash.heart-tick.hedera-hashgraph.hex.hierarchy.hierarchy-2.hierarchy-3.hierarchy-square.hierarchy-square-2.hierarchy-square-3.history.home.home-2.home-3.home-hashtag.home-trend-down.home-trend-up.home-wifi.hospital.house.house-2.html-3.html-5.huobi-token.i-24-support.i-3-d-cube-scan.i-3-d-rotate.i-3-d-square.i-3-dcube.i-3-square.icon.illustrator.image.import.import-circle.import-curve.import-square.inbox.info.info-circle.information.instagram.iost.java-script.js.judge.kanban.key.key-square.keyboard.keyboard-open.kyber-network.lamp.lamp-charge.lamp-on.lamp-slash.language-circle.language-square.layer.layout-dashboard.layout-grid.layout-maximize.level.lifebuoy.lightbulb.like.like-1.like-dislike.like-shapes.like-tag.link.link-1.link-2.link-21.link-circle.link-square.list.litecoin.location.location-add.location-cross.location-discover.location-minus.location-slash.location-tick.lock.lock-1.lock-circle.lock-slash.log-out.login.login-curve.logout.logout-curve.lovely.magic-star.magicpen.mail.main-component.maker.man.map.map-1.map-pin.mask.mask-left.mask-right.math.maximize.maximize-1.maximize-2.maximize-3.maximize-4.maximize-circle.medal.medal-star.menu.menu-board.message.message-2.message-add.message-add-1.message-circle.message-edit.message-favorite.message-minus.message-notif.message-programming.message-question.message-remove.message-search.message-square.message-text.message-text-1.message-tick.message-time.messages.messages-1.messages-2.messages-3.messenger.microphone.microphone-2.microphone-slash.microphone-slash-1.microscope.milk.mini-music-sqaure.minus.minus-cirlce.minus-square.mirror.mirroring-screen.mobile.mobile-programming.monero.money.money-2.money-3.money-4.money-add.money-archive.money-change.money-forbidden.money-recive.money-remove.money-send.money-tick.money-time.moneys.monitor.monitor-mobbile.monitor-recorder.moon.more.more-2.more-circle.more-horizontal.more-square.mouse.mouse-circle.mouse-square.music.music-circle.music-dashboard.music-filter.music-library-2.music-play.music-playlist.music-square.music-square-add.music-square-remove.music-square-search.musicnote.nebulas.nem.nexo.next.note.note-1.note-add.note-favorite.note-remove.note-square.note-text.notepad.notepad-2.notification.notification-1.notification-bing.notification-circle.notification-favorite.notification-status.ocean-protocol.okb.okru.omega-circle.omega-square.ontology.paintbucket.palette.panel-left-close.panel-left-open.paperclip.paperclip-2.password-check.path-tool.path-tool-2.path-tool-square.pause.pause-circle.paypal.pen-add.pen-close.pen-remove.pen-tool.pen-tool-2.pencil.people.percentage-circle.percentage-square.personalcard.pet.pharagraphspacing.phone.photoshop.picture-frame.play.play-add.play-circle.play-cricle.play-remove.plug.plus.plus-circle.pointer.polkadot.polygon.polyswarm.presention-chart.previous.printer.printer-slash.profile.profile-2-user.profile-add.profile-circle.profile-delete.profile-remove.profile-tick.programming-arrow.programming-arrows.python.quant.quote-down.quote-down-circle.quote-down-square.quote-up.quote-up-circle.quote-up-square.radar.radar-2.radio.ram.ram-2.rank.ranking.receipt.receipt-1.receipt-2.receipt-21.receipt-add.receipt-discount.receipt-disscount.receipt-edit.receipt-item.receipt-minus.receipt-search.receipt-square.receipt-text.receive.receive-square.receive-square-2.record.record-circle.recovery-convert.refresh.refresh-2.refresh-circle.refresh-cw.refresh-left-square.refresh-right-square.refresh-square.repeat.repeat-circle.repeate-music.repeate-one.reserve.rotate-ccw.rotate-left.rotate-right.route-square.routing.routing-2.row-horizontal.row-vertical.ruler.ruler-pen.safe-home.sagittarius.save-2.save-add.save-minus.save-remove.scan.scan-barcode.scanner.scanning.scissor.screenmirroring.scroll.search.search-favorite.search-favorite-1.search-normal.search-normal-1.search-status.search-status-1.search-zoom-in.search-zoom-in-1.search-zoom-out.search-zoom-out-1.security.security-card.security-safe.security-time.security-user.send.send-2.server.setting.setting-2.setting-3.setting-4.setting-5.settings.shapes.shapes-1.share.share-2.shield.shield-check.shield-cross.shield-lock.shield-plus.shield-search.shield-security.shield-slash.shield-tick.ship.shop.shop-add.shop-remove.shopping-bag.shopping-cart.shuffle.shutterstock.siacoin.sidebar-bottom.sidebar-left.sidebar-right.sidebar-top.signpost.simcard.simcard-1.simcard-2.size.slack.slash.slider.slider-horizontal.slider-horizontal-1.slider-vertical.slider-vertical-1.smallcaps.smart-car.smart-home.smileys.sms.sms-edit.sms-notification.sms-search.sms-star.sms-tracking.snapchat.solana.sort.sound.sparkles.speaker.speedometer.spotify.stacks.star.star-1.star-slash.stars.status.status-up.stellar.sticker.stickynote.stop.stop-circle.story.strongbox.strongbox-2.subtitle.sun.sun-1.sun-fog.table-document.table-lamp.tag.tag-2.tag-cross.tag-right.tag-user.task.task-square.teacher.telephone.tenx.tether.text.text-block.text-bold.text-italic.text-underline.textalign-center.textalign-justifycenter.textalign-justifyleft.textalign-justifyright.textalign-left.textalign-right.the-graph.theta.thorchain.tick-circle.tick-square.ticket.ticket-2.ticket-discount.ticket-expired.ticket-star.timer.timer-1.timer-pause.timer-start.toggle-off.toggle-off-circle.toggle-on.toggle-on-circle.trade.transaction-minus.translate.transmit.transmit-sqaure-2.transmit-square.trash.trash-2.tree.trello.trend-down.trend-up.trending-up.triangle.triangle-logo.trontron.truck.truck-fast.truck-remove.truck-tick.truck-time.trush-square.twitch.two-page.ui-8.unlimited.unlock.upload.usd-coin.user.user-add.user-check.user-cirlce-add.user-edit.user-minus.user-octagon.user-plus.user-remove.user-search.user-square.user-tag.user-tick.users.velas.verify.vibe.video.video-add.video-circle.video-horizontal.video-octagon.video-play.video-remove.video-slash.video-square.video-tick.video-time.video-vertical.voice-cricle.voice-square.volume.volume-cross.volume-high.volume-low.volume-low-1.volume-mute.volume-slash.volume-up.wallet.wallet-1.wallet-2.wallet-3.wallet-add.wallet-add-1.wallet-check.wallet-minus.wallet-money.wallet-remove.wallet-search.wallet2.wanchain.wanchain-1.wand-sparkles.warning-2.watch.watch-status.weight.weight-meter.whatsapp.wifi.wifi-square.wind.wind-2.windows.wing.woman.wrist-clock.x.x-circle.xd.xiaomi.xrp.youtube.zap.zel.zoom.zoom-in.zoom-out".split("."), U = {
|
|
174
174
|
activity: "<path d=\"M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"m7.33 14.49 2.38-3.09c.34-.44.97-.52 1.41-.18l1.83 1.44c.44.34 1.07.26 1.41-.17l2.31-2.98\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
|
|
175
175
|
alarm: "<path d=\"M2 22h20M12 6a9 9 0 0 0-9 9v7h18v-7a9 9 0 0 0-9-9ZM12 2v1M4 4l1 1M20 4l-1 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
|
|
176
176
|
"alert-circle": "<path d=\"M12 7.75V13M21.08 8.58v6.84c0 1.12-.6 2.16-1.57 2.73l-5.94 3.43c-.97.56-2.17.56-3.15 0l-5.94-3.43a3.15 3.15 0 0 1-1.57-2.73V8.58c0-1.12.6-2.16 1.57-2.73l5.94-3.43c.97-.56 2.17-.56 3.15 0l5.94 3.43c.97.57 1.57 1.6 1.57 2.73Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M12 16.2v.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
|
|
@@ -319,19 +319,19 @@ var ee = {
|
|
|
319
319
|
"zoom-in": "<path d=\"M11 20a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM8.5 11h5M11 13.5v-5M18.93 20.69c.53 1.6 1.74 1.76 2.67.36.85-1.28.29-2.33-1.25-2.33-1.14-.01-1.78.88-1.42 1.97Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
|
|
320
320
|
"zoom-out": "<path d=\"M9 11.7h5M11.5 21a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19ZM22 22l-2-2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>"
|
|
321
321
|
};
|
|
322
|
-
Object.keys(
|
|
322
|
+
Object.keys(U);
|
|
323
323
|
//#endregion
|
|
324
324
|
//#region src/components/warnUnknownProps.js
|
|
325
|
-
var
|
|
325
|
+
var te = /* @__PURE__ */ new Set(/* @__PURE__ */ "id.title.role.style.className.class.tabIndex.lang.dir.hidden.slot.part.draggable.spellCheck.translate.inert.popover.name.type.value.defaultValue.checked.defaultChecked.placeholder.disabled.readOnly.required.autoFocus.autoComplete.form.formAction.formMethod.formNoValidate.formTarget.min.max.step.minLength.maxLength.pattern.multiple.accept.capture.rows.cols.wrap.list.htmlFor.inputMode.enterKeyHint.href.target.rel.download.ping.referrerPolicy.src.srcSet.alt.width.height.loading.decoding.sizes.crossOrigin.useMap.colSpan.rowSpan.headers.scope.span.key.ref.children.dangerouslySetInnerHTML.suppressHydrationWarning".split(".")), ne = () => {
|
|
326
326
|
try {
|
|
327
327
|
return process.env.NODE_ENV !== "production";
|
|
328
328
|
} catch {
|
|
329
329
|
return !0;
|
|
330
330
|
}
|
|
331
331
|
}, re = (e) => e.startsWith("data-") || e.startsWith("aria-") || /^on[A-Z]/.test(e), ie = /* @__PURE__ */ new Set();
|
|
332
|
-
function
|
|
332
|
+
function W(e, t) {
|
|
333
333
|
if (!(!ne() || !t) && !("as" in t)) for (let n of Object.keys(t)) {
|
|
334
|
-
if (re(n) ||
|
|
334
|
+
if (re(n) || te.has(n)) continue;
|
|
335
335
|
let t = `${e}.${n}`;
|
|
336
336
|
ie.has(t) || (ie.add(t), console.warn(`[@webority/ui-react] <${e}> received an unknown prop "${n}". It is not part of the component's API and is not a valid HTML attribute, so it will either be dropped or land on the DOM — check the prop name against the component catalogue at https://ui-react.webority.dev.`));
|
|
337
337
|
}
|
|
@@ -345,7 +345,7 @@ var ae = () => {
|
|
|
345
345
|
return !0;
|
|
346
346
|
}
|
|
347
347
|
}, oe = /* @__PURE__ */ new Set();
|
|
348
|
-
function
|
|
348
|
+
function G(e, t, n, r) {
|
|
349
349
|
if (!ae() || n == null) return;
|
|
350
350
|
let i = r instanceof Set ? r : new Set(r);
|
|
351
351
|
if (i.has(n)) return;
|
|
@@ -359,15 +359,15 @@ var se = {
|
|
|
359
359
|
end: "right",
|
|
360
360
|
top: "top",
|
|
361
361
|
bottom: "bottom"
|
|
362
|
-
},
|
|
362
|
+
}, K = [
|
|
363
363
|
"auto",
|
|
364
364
|
"top",
|
|
365
365
|
"bottom",
|
|
366
366
|
"start",
|
|
367
367
|
"end"
|
|
368
368
|
];
|
|
369
|
-
function
|
|
370
|
-
|
|
369
|
+
function ce({ content: e, children: t, placement: r = "top", tone: i = "default", size: a = "md", className: o = "", ...c }) {
|
|
370
|
+
W("AppTooltip", c), G("AppTooltip", "placement", r, K);
|
|
371
371
|
let l = /* @__PURE__ */ E(w, {
|
|
372
372
|
id: s(),
|
|
373
373
|
className: [
|
|
@@ -387,8 +387,8 @@ function G({ content: e, children: t, placement: r = "top", tone: i = "default",
|
|
|
387
387
|
}
|
|
388
388
|
//#endregion
|
|
389
389
|
//#region src/components/withTooltip.jsx
|
|
390
|
-
function
|
|
391
|
-
return t == null || t === "" ? e : /* @__PURE__ */ E(
|
|
390
|
+
function q(e, t, n) {
|
|
391
|
+
return t == null || t === "" ? e : /* @__PURE__ */ E(ce, {
|
|
392
392
|
content: t,
|
|
393
393
|
placement: n || "auto",
|
|
394
394
|
children: e
|
|
@@ -412,11 +412,11 @@ function he() {
|
|
|
412
412
|
}, 1e3));
|
|
413
413
|
}), fe;
|
|
414
414
|
}
|
|
415
|
-
var
|
|
415
|
+
var J = new Set(ee), ge = Object.create(null), _e = Object.create(null), ve = Object.create(null), ye = Object.create(null);
|
|
416
416
|
function be(e) {
|
|
417
|
-
let t =
|
|
417
|
+
let t = B(e), n = V[t];
|
|
418
418
|
return n ? (_e[t] ||= n().then((e) => {
|
|
419
|
-
Object.assign(
|
|
419
|
+
Object.assign(ge, e.FULL_GLYPHS), ye[t] = !1;
|
|
420
420
|
let n = ve[t];
|
|
421
421
|
if (n) {
|
|
422
422
|
for (let e of n) e();
|
|
@@ -428,47 +428,47 @@ function be(e) {
|
|
|
428
428
|
}, 1e3));
|
|
429
429
|
}), _e[t]) : null;
|
|
430
430
|
}
|
|
431
|
-
var
|
|
432
|
-
function
|
|
433
|
-
let n =
|
|
431
|
+
var xe = Object.create(null), Se = Object.create(null), Ce = Object.create(null), we = Object.create(null);
|
|
432
|
+
function Te(e, t) {
|
|
433
|
+
let n = H[e];
|
|
434
434
|
if (!n) return null;
|
|
435
|
-
let r =
|
|
435
|
+
let r = B(t), i = n[r];
|
|
436
436
|
if (!i) return null;
|
|
437
437
|
let a = `${e}:${r}`;
|
|
438
|
-
return
|
|
439
|
-
let n =
|
|
440
|
-
Object.assign(n, t.FULL_VARIANT_GLYPHS),
|
|
441
|
-
let r =
|
|
438
|
+
return Se[a] ||= i().then((t) => {
|
|
439
|
+
let n = xe[e] || (xe[e] = Object.create(null));
|
|
440
|
+
Object.assign(n, t.FULL_VARIANT_GLYPHS), we[a] = !1;
|
|
441
|
+
let r = Ce[a];
|
|
442
442
|
if (r) {
|
|
443
443
|
for (let e of r) e();
|
|
444
444
|
r.clear();
|
|
445
445
|
}
|
|
446
446
|
}).catch((t) => {
|
|
447
|
-
|
|
448
|
-
for (let e of [...
|
|
447
|
+
Se[a] = null, ue(`${e} icon catalogue '${r}' shard`, t), we[a] ? Ce[a]?.clear() : (we[a] = !0, setTimeout(() => {
|
|
448
|
+
for (let e of [...Ce[a] || []]) e();
|
|
449
449
|
}, 1e3));
|
|
450
|
-
}),
|
|
450
|
+
}), Se[a];
|
|
451
451
|
}
|
|
452
|
-
var
|
|
453
|
-
function
|
|
454
|
-
for (let [t, n] of Object.entries(e))
|
|
452
|
+
var Ee = ee, De = /* @__PURE__ */ new Map();
|
|
453
|
+
function Oe(e) {
|
|
454
|
+
for (let [t, n] of Object.entries(e)) De.set(t, n);
|
|
455
455
|
}
|
|
456
456
|
function Y({ name: e, size: t = 16, variant: n, tooltip: r, tooltipPlacement: i, className: a, color: s, style: c, ...l }) {
|
|
457
|
-
|
|
458
|
-
let u = !!n && n !== "linear", d = r != null && r !== "", p = (e) => d ?
|
|
457
|
+
W("AppIcon", l);
|
|
458
|
+
let u = !!n && n !== "linear", d = r != null && r !== "", p = (e) => d ? q(/* @__PURE__ */ E("span", {
|
|
459
459
|
className: "wui-icon-tip",
|
|
460
460
|
role: "img",
|
|
461
461
|
"aria-label": r,
|
|
462
462
|
children: e
|
|
463
|
-
}), r, i) : e, m =
|
|
463
|
+
}), r, i) : e, m = U[e] !== void 0, h = !m && J.has(e), [, g] = f(0);
|
|
464
464
|
o(() => {
|
|
465
465
|
let t = () => g((e) => e + 1);
|
|
466
466
|
u && m && !de && (me.add(t), he());
|
|
467
|
-
let r = h ?
|
|
468
|
-
h &&
|
|
469
|
-
let i = u && h ? `${n}:${
|
|
470
|
-
return u && h &&
|
|
471
|
-
me.delete(t), r && ve[r]?.delete(t), i &&
|
|
467
|
+
let r = h ? B(e) : null;
|
|
468
|
+
h && ge[e] === void 0 && ((ve[r] ||= /* @__PURE__ */ new Set()).add(t), be(e));
|
|
469
|
+
let i = u && h ? `${n}:${B(e)}` : null;
|
|
470
|
+
return u && h && xe[n]?.[e] === void 0 && ((Ce[i] ||= /* @__PURE__ */ new Set()).add(t), Te(n, e)), () => {
|
|
471
|
+
me.delete(t), r && ve[r]?.delete(t), i && Ce[i]?.delete(t);
|
|
472
472
|
};
|
|
473
473
|
}, [
|
|
474
474
|
e,
|
|
@@ -477,7 +477,7 @@ function Y({ name: e, size: t = 16, variant: n, tooltip: r, tooltipPlacement: i,
|
|
|
477
477
|
h,
|
|
478
478
|
n
|
|
479
479
|
]);
|
|
480
|
-
let _ =
|
|
480
|
+
let _ = De.get(e);
|
|
481
481
|
if (_) return p(_({
|
|
482
482
|
size: t,
|
|
483
483
|
color: s,
|
|
@@ -507,7 +507,7 @@ function Y({ name: e, size: t = 16, variant: n, tooltip: r, tooltipPlacement: i,
|
|
|
507
507
|
}), /* @__PURE__ */ E("path", { d: "M3.2 22.5C3.2 17.4 7.5 14.9 11 14.7L12 17.4l1-2.7C16.5 14.9 20.8 17.4 20.8 22.5z" })]
|
|
508
508
|
})
|
|
509
509
|
}));
|
|
510
|
-
let v = u && (de?.[n]?.[e] ||
|
|
510
|
+
let v = u && (de?.[n]?.[e] || xe?.[n]?.[e]) || U[e] || ge[e];
|
|
511
511
|
return v ? p(/* @__PURE__ */ E("svg", {
|
|
512
512
|
width: t,
|
|
513
513
|
height: t,
|
|
@@ -527,8 +527,8 @@ function Y({ name: e, size: t = 16, variant: n, tooltip: r, tooltipPlacement: i,
|
|
|
527
527
|
}
|
|
528
528
|
//#endregion
|
|
529
529
|
//#region src/components/AppAccordion.jsx
|
|
530
|
-
function
|
|
531
|
-
|
|
530
|
+
function ke({ items: e = [], multiple: t = !1, id: n, className: r = "", ...i }) {
|
|
531
|
+
W("AppAccordion", i);
|
|
532
532
|
let a = s(), o = n || a, [c, l] = f(() => {
|
|
533
533
|
let n = e.map((e, t) => ({
|
|
534
534
|
item: e,
|
|
@@ -589,7 +589,7 @@ function X(e, { size: t = 16, className: n, variant: i } = {}) {
|
|
|
589
589
|
}
|
|
590
590
|
//#endregion
|
|
591
591
|
//#region src/components/AppActionIcon.jsx
|
|
592
|
-
var
|
|
592
|
+
var Ae = [
|
|
593
593
|
"linear",
|
|
594
594
|
"outline",
|
|
595
595
|
"bold",
|
|
@@ -597,8 +597,8 @@ var ke = [
|
|
|
597
597
|
"broken",
|
|
598
598
|
"twotone"
|
|
599
599
|
];
|
|
600
|
-
function
|
|
601
|
-
|
|
600
|
+
function je({ icon: e, iconVariant: t, label: n, tooltipPlacement: r = "auto", danger: i = !1, disabled: a = !1, size: o = 20, onClick: s, className: c = "", as: l, href: u, ...d }) {
|
|
601
|
+
W("AppActionIcon", d), G("AppActionIcon", "iconVariant", t, Ae);
|
|
602
602
|
let f = [
|
|
603
603
|
"u-action",
|
|
604
604
|
i ? "danger" : "",
|
|
@@ -607,7 +607,7 @@ function Ae({ icon: e, iconVariant: t, label: n, tooltipPlacement: r = "auto", d
|
|
|
607
607
|
"--wui-action-size": `${o + 16}px`,
|
|
608
608
|
...p
|
|
609
609
|
}, g = l ?? (u ? "a" : "button"), _ = g === "button";
|
|
610
|
-
return
|
|
610
|
+
return q(/* @__PURE__ */ E(g, {
|
|
611
611
|
type: _ ? "button" : void 0,
|
|
612
612
|
href: _ || a ? void 0 : u,
|
|
613
613
|
className: f,
|
|
@@ -633,21 +633,21 @@ function Ae({ icon: e, iconVariant: t, label: n, tooltipPlacement: r = "auto", d
|
|
|
633
633
|
}
|
|
634
634
|
//#endregion
|
|
635
635
|
//#region src/components/AppAlert.jsx
|
|
636
|
-
var
|
|
636
|
+
var Me = {
|
|
637
637
|
info: "info",
|
|
638
638
|
success: "check",
|
|
639
639
|
warning: "alert-triangle",
|
|
640
640
|
danger: "x"
|
|
641
|
-
},
|
|
641
|
+
}, Ne = [
|
|
642
642
|
"sm",
|
|
643
643
|
"md",
|
|
644
644
|
"lg"
|
|
645
|
-
],
|
|
645
|
+
], Pe = [
|
|
646
646
|
"alert",
|
|
647
647
|
"status",
|
|
648
648
|
"none"
|
|
649
649
|
];
|
|
650
|
-
function
|
|
650
|
+
function Fe(e, t, n, r, i) {
|
|
651
651
|
return n ? /* @__PURE__ */ E("span", {
|
|
652
652
|
className: "alert-icon alert-icon-image",
|
|
653
653
|
style: i > 0 ? {
|
|
@@ -669,9 +669,9 @@ function Pe(e, t, n, r, i) {
|
|
|
669
669
|
children: e
|
|
670
670
|
}) : null;
|
|
671
671
|
}
|
|
672
|
-
function
|
|
673
|
-
|
|
674
|
-
let _ = r === void 0 ?
|
|
672
|
+
function Ie({ variant: e = "info", children: t, title: n, icon: r, image: i, imageAlt: a = "", imageSize: o, className: s = "", onClose: c, dismissible: l, bordered: u = !0, accent: d = !1, size: f = "md", action: m, role: h = "alert", ...g }) {
|
|
673
|
+
W("AppAlert", g), G("AppAlert", "size", f, Ne), G("AppAlert", "role", h, Pe);
|
|
674
|
+
let _ = r === void 0 ? Me[e] : r === "none" ? null : r, v = !!i || !!_, y = m != null && m !== !1, b = n ? /* @__PURE__ */ E("div", {
|
|
675
675
|
className: "alert-heading",
|
|
676
676
|
children: n
|
|
677
677
|
}) : null, x = v && !!b && !!t, S = f === "lg" ? x ? 17 : 15 : x ? 13 : 11;
|
|
@@ -693,7 +693,7 @@ function Fe({ variant: e = "info", children: t, title: n, icon: r, image: i, ima
|
|
|
693
693
|
role: h === "none" ? void 0 : h,
|
|
694
694
|
...g,
|
|
695
695
|
children: v || y ? /* @__PURE__ */ D(T, { children: [
|
|
696
|
-
v &&
|
|
696
|
+
v && Fe(_, S, i, a, o),
|
|
697
697
|
/* @__PURE__ */ D("div", {
|
|
698
698
|
className: "alert-content",
|
|
699
699
|
children: [b, t]
|
|
@@ -707,7 +707,7 @@ function Fe({ variant: e = "info", children: t, title: n, icon: r, image: i, ima
|
|
|
707
707
|
}
|
|
708
708
|
//#endregion
|
|
709
709
|
//#region src/components/AppButton.jsx
|
|
710
|
-
var
|
|
710
|
+
var Le = {
|
|
711
711
|
primary: "primary",
|
|
712
712
|
secondary: "secondary",
|
|
713
713
|
outline: "outline-primary",
|
|
@@ -720,28 +720,28 @@ var Ie = {
|
|
|
720
720
|
warning: "warning",
|
|
721
721
|
subtle: "subtle",
|
|
722
722
|
"outline-light": "outline-light"
|
|
723
|
-
},
|
|
723
|
+
}, Re = {
|
|
724
724
|
sm: 14,
|
|
725
725
|
md: 16,
|
|
726
726
|
lg: 20
|
|
727
727
|
};
|
|
728
|
-
function
|
|
728
|
+
function ze(e, t, n) {
|
|
729
729
|
if (!e) return null;
|
|
730
730
|
let r = t === "left" ? "me-2" : "ms-2";
|
|
731
731
|
return typeof e == "string" ? /* @__PURE__ */ E(Y, {
|
|
732
732
|
name: e,
|
|
733
|
-
size:
|
|
733
|
+
size: Re[n] ?? Re.md,
|
|
734
734
|
className: r
|
|
735
735
|
}) : /* @__PURE__ */ E("span", {
|
|
736
736
|
className: `d-inline-flex ${r}`,
|
|
737
737
|
children: e
|
|
738
738
|
});
|
|
739
739
|
}
|
|
740
|
-
function
|
|
741
|
-
if (
|
|
740
|
+
function Be({ children: e, variant: t = "primary", size: n = "md", type: r = "button", loading: i = !1, disabled: a = !1, block: o = !1, leftIcon: s = null, rightIcon: c = null, href: l, static: u = !1, tooltip: d, tooltipPlacement: f, className: p = "", ...m }) {
|
|
741
|
+
if (W("AppButton", m), G("AppButton", "variant", t, Object.keys(Le)), G("AppButton", "size", n, Object.keys(Re)), u) return q(/* @__PURE__ */ D("span", {
|
|
742
742
|
className: [
|
|
743
743
|
"btn",
|
|
744
|
-
`btn-${
|
|
744
|
+
`btn-${Le[t] ?? "primary"}`,
|
|
745
745
|
n === "sm" ? "btn-sm" : n === "lg" ? "btn-lg" : "",
|
|
746
746
|
o ? "w-100" : "",
|
|
747
747
|
"btn-static",
|
|
@@ -749,9 +749,9 @@ function ze({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
|
|
|
749
749
|
].filter(Boolean).join(" "),
|
|
750
750
|
...m,
|
|
751
751
|
children: [
|
|
752
|
-
|
|
752
|
+
ze(s, "left", n),
|
|
753
753
|
e,
|
|
754
|
-
|
|
754
|
+
ze(c, "right", n)
|
|
755
755
|
]
|
|
756
756
|
}), d, f);
|
|
757
757
|
let h = [
|
|
@@ -759,10 +759,10 @@ function ze({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
|
|
|
759
759
|
i ? "is-loading" : "",
|
|
760
760
|
p
|
|
761
761
|
].filter(Boolean).join(" ");
|
|
762
|
-
return
|
|
762
|
+
return q(/* @__PURE__ */ D(g, {
|
|
763
763
|
type: (m.as === void 0 || m.as === "button") && l === void 0 ? r : void 0,
|
|
764
764
|
href: l,
|
|
765
|
-
variant:
|
|
765
|
+
variant: Le[t] ?? "primary",
|
|
766
766
|
size: n === "md" ? void 0 : n,
|
|
767
767
|
disabled: a || i,
|
|
768
768
|
"aria-busy": i || void 0,
|
|
@@ -773,16 +773,16 @@ function ze({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
|
|
|
773
773
|
className: "spinner-border spinner-border-sm me-2",
|
|
774
774
|
"aria-hidden": "true"
|
|
775
775
|
}),
|
|
776
|
-
!i &&
|
|
776
|
+
!i && ze(s, "left", n),
|
|
777
777
|
e,
|
|
778
|
-
!i &&
|
|
778
|
+
!i && ze(c, "right", n)
|
|
779
779
|
]
|
|
780
780
|
}), d, f);
|
|
781
781
|
}
|
|
782
782
|
//#endregion
|
|
783
783
|
//#region src/components/AppEmptyState.jsx
|
|
784
|
-
function
|
|
785
|
-
return
|
|
784
|
+
function Ve({ icon: e, iconSize: t = 24, size: n = "md", title: r, text: i, action: a, className: o = "", style: s, ...c }) {
|
|
785
|
+
return W("AppEmptyState", c), /* @__PURE__ */ D("div", {
|
|
786
786
|
className: [
|
|
787
787
|
"empty-state",
|
|
788
788
|
n === "sm" ? "empty-state-sm" : "",
|
|
@@ -812,8 +812,8 @@ function Be({ icon: e, iconSize: t = 24, size: n = "md", title: r, text: i, acti
|
|
|
812
812
|
}
|
|
813
813
|
//#endregion
|
|
814
814
|
//#region src/components/AppSpinner.jsx
|
|
815
|
-
function
|
|
816
|
-
|
|
815
|
+
function He({ size: e = "md", label: t = "Loading", className: n = "", ...r }) {
|
|
816
|
+
W("AppSpinner", r);
|
|
817
817
|
let { style: i, ...a } = r, o = Number(e), s = Number.isFinite(o) && o > 0;
|
|
818
818
|
return /* @__PURE__ */ E("span", {
|
|
819
819
|
className: `spinner-border${!s && e === "sm" ? " spinner-border-sm" : ""}${n ? ` ${n}` : ""}`,
|
|
@@ -830,8 +830,8 @@ function Ve({ size: e = "md", label: t = "Loading", className: n = "", ...r }) {
|
|
|
830
830
|
}
|
|
831
831
|
//#endregion
|
|
832
832
|
//#region src/components/AppAsyncBlock.jsx
|
|
833
|
-
function
|
|
834
|
-
|
|
833
|
+
function Ue({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRetry: i, skeleton: a, className: o = "", ...s }) {
|
|
834
|
+
W("AppAsyncBlock", s);
|
|
835
835
|
let c = `async-block${o ? ` ${o}` : ""}`;
|
|
836
836
|
return e ? /* @__PURE__ */ E("div", {
|
|
837
837
|
className: c,
|
|
@@ -839,17 +839,17 @@ function He({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRe
|
|
|
839
839
|
...s,
|
|
840
840
|
children: a ?? /* @__PURE__ */ E("div", {
|
|
841
841
|
className: "d-flex align-items-center justify-content-center py-5",
|
|
842
|
-
children: /* @__PURE__ */ E(
|
|
842
|
+
children: /* @__PURE__ */ E(He, { label: "Loading" })
|
|
843
843
|
})
|
|
844
844
|
}) : t ? /* @__PURE__ */ E("div", {
|
|
845
845
|
className: c,
|
|
846
846
|
"data-state": "error",
|
|
847
847
|
...s,
|
|
848
|
-
children: /* @__PURE__ */ E(
|
|
848
|
+
children: /* @__PURE__ */ E(Ve, {
|
|
849
849
|
icon: "alert-circle",
|
|
850
850
|
title: "Something went wrong",
|
|
851
851
|
text: t,
|
|
852
|
-
action: i ? /* @__PURE__ */ E(
|
|
852
|
+
action: i ? /* @__PURE__ */ E(Be, {
|
|
853
853
|
variant: "secondary",
|
|
854
854
|
onClick: i,
|
|
855
855
|
children: "Retry"
|
|
@@ -859,7 +859,7 @@ function He({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRe
|
|
|
859
859
|
className: c,
|
|
860
860
|
"data-state": "empty",
|
|
861
861
|
...s,
|
|
862
|
-
children: /* @__PURE__ */ E(
|
|
862
|
+
children: /* @__PURE__ */ E(Ve, {
|
|
863
863
|
icon: "inbox",
|
|
864
864
|
title: "Nothing to show yet"
|
|
865
865
|
})
|
|
@@ -872,15 +872,15 @@ function He({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRe
|
|
|
872
872
|
}
|
|
873
873
|
//#endregion
|
|
874
874
|
//#region src/components/AppPopover.jsx
|
|
875
|
-
var
|
|
875
|
+
var We = {
|
|
876
876
|
start: "left",
|
|
877
877
|
end: "right",
|
|
878
878
|
top: "top",
|
|
879
879
|
bottom: "bottom",
|
|
880
880
|
auto: "auto"
|
|
881
881
|
};
|
|
882
|
-
function
|
|
883
|
-
|
|
882
|
+
function Ge({ trigger: e, children: t, title: r, placement: i = "bottom", triggerType: a = "click", onToggle: o, className: c = "", ...l }) {
|
|
883
|
+
W("AppPopover", l);
|
|
884
884
|
let u = s(), [d, p] = f(!1), m = (e) => {
|
|
885
885
|
p(e), o?.(e);
|
|
886
886
|
}, h = /* @__PURE__ */ D(C, {
|
|
@@ -901,7 +901,7 @@ function We({ trigger: e, children: t, title: r, placement: i = "bottom", trigge
|
|
|
901
901
|
}), T = a === "click", O = a === "hover" || Array.isArray(a) && a.includes("hover");
|
|
902
902
|
return /* @__PURE__ */ E(S, {
|
|
903
903
|
trigger: a,
|
|
904
|
-
placement:
|
|
904
|
+
placement: We[i] || i,
|
|
905
905
|
overlay: h,
|
|
906
906
|
rootClose: T,
|
|
907
907
|
delay: O ? {
|
|
@@ -914,19 +914,19 @@ function We({ trigger: e, children: t, title: r, placement: i = "bottom", trigge
|
|
|
914
914
|
}
|
|
915
915
|
//#endregion
|
|
916
916
|
//#region src/components/AppInfoTip.jsx
|
|
917
|
-
var
|
|
917
|
+
var Ke = {
|
|
918
918
|
sm: " infotip-popover-sm",
|
|
919
919
|
md: "",
|
|
920
920
|
lg: " infotip-popover-lg",
|
|
921
921
|
xl: " infotip-popover-xl"
|
|
922
922
|
};
|
|
923
|
-
function
|
|
924
|
-
|
|
923
|
+
function qe({ label: e, children: t, placement: n = "auto", width: r = "md", className: i = "", ...a }) {
|
|
924
|
+
W("AppInfoTip", a), G("AppInfoTip", "width", r, Object.keys(Ke));
|
|
925
925
|
let [o, s] = f(!1), c = !!e;
|
|
926
926
|
return !c && !t ? null : /* @__PURE__ */ E("span", {
|
|
927
927
|
className: `infotip${i ? ` ${i}` : ""}`,
|
|
928
928
|
...a,
|
|
929
|
-
children: /* @__PURE__ */ E(
|
|
929
|
+
children: /* @__PURE__ */ E(Ge, {
|
|
930
930
|
trigger: /* @__PURE__ */ E("button", {
|
|
931
931
|
type: "button",
|
|
932
932
|
className: "infotip-btn",
|
|
@@ -939,7 +939,7 @@ function Ke({ label: e, children: t, placement: n = "auto", width: r = "md", cla
|
|
|
939
939
|
title: c ? e : void 0,
|
|
940
940
|
placement: n,
|
|
941
941
|
triggerType: ["hover", "focus"],
|
|
942
|
-
className: `infotip-popover${
|
|
942
|
+
className: `infotip-popover${Ke[r] ?? ""}`,
|
|
943
943
|
onToggle: s,
|
|
944
944
|
"aria-expanded": o,
|
|
945
945
|
children: t
|
|
@@ -957,8 +957,8 @@ function Z() {
|
|
|
957
957
|
}
|
|
958
958
|
//#endregion
|
|
959
959
|
//#region src/components/useWuiControl.js
|
|
960
|
-
function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events: s =
|
|
961
|
-
let u = d(null), f = r ??
|
|
960
|
+
function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events: s = Je, on: l } = {}) {
|
|
961
|
+
let u = d(null), f = r ?? Ye, p = i ?? Xe, m = (s || Je).join("\0"), h = Object.keys(l ?? {}).join("\0"), g = d(null);
|
|
962
962
|
g.current === null && (g.current = {
|
|
963
963
|
ref: e,
|
|
964
964
|
value: t,
|
|
@@ -986,7 +986,7 @@ function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events:
|
|
|
986
986
|
_.current = null;
|
|
987
987
|
}
|
|
988
988
|
}, []), y = a((e) => {
|
|
989
|
-
let t = g.current.eventKey ? g.current.eventKey.split("\0") :
|
|
989
|
+
let t = g.current.eventKey ? g.current.eventKey.split("\0") : Je, n = Object.keys(g.current.on ?? {}), r = {
|
|
990
990
|
el: e,
|
|
991
991
|
names: t,
|
|
992
992
|
extraNames: n,
|
|
@@ -1012,7 +1012,7 @@ function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events:
|
|
|
1012
1012
|
n && !Object.is(t, n.last) && (n.last = void 0);
|
|
1013
1013
|
}, [t, p]), o(() => {
|
|
1014
1014
|
let e = u.current, t = _.current;
|
|
1015
|
-
!e || !t || (t.names.join("\0") !== (m ||
|
|
1015
|
+
!e || !t || (t.names.join("\0") !== (m || Je.join("\0")) || t.extraNames.join("\0") !== h) && (v(), y(e));
|
|
1016
1016
|
}, [
|
|
1017
1017
|
m,
|
|
1018
1018
|
h,
|
|
@@ -1023,15 +1023,15 @@ function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events:
|
|
|
1023
1023
|
innerRef: u
|
|
1024
1024
|
};
|
|
1025
1025
|
}
|
|
1026
|
-
var
|
|
1027
|
-
function
|
|
1026
|
+
var Je = ["change"];
|
|
1027
|
+
function Ye(e) {
|
|
1028
1028
|
return e.value;
|
|
1029
1029
|
}
|
|
1030
|
-
function
|
|
1030
|
+
function Xe(e, t) {
|
|
1031
1031
|
let n = t ?? "";
|
|
1032
1032
|
String(e.value ?? "") !== String(n) && (e.value = n);
|
|
1033
1033
|
}
|
|
1034
|
-
function
|
|
1034
|
+
function Ze(e, t) {
|
|
1035
1035
|
let n = e || [], r = t || [];
|
|
1036
1036
|
return n.length === r.length && n.every((e, t) => {
|
|
1037
1037
|
let n = r[t];
|
|
@@ -1041,28 +1041,28 @@ function Xe(e, t) {
|
|
|
1041
1041
|
return i.length === Object.keys(n).length && i.every((t) => Object.is(e[t], n[t]));
|
|
1042
1042
|
});
|
|
1043
1043
|
}
|
|
1044
|
-
function
|
|
1044
|
+
function Qe(e) {
|
|
1045
1045
|
return e.values;
|
|
1046
1046
|
}
|
|
1047
|
-
function
|
|
1047
|
+
function $e(e, t) {
|
|
1048
1048
|
let n = t || [], r = e.values || [];
|
|
1049
1049
|
(n.length !== r.length || !n.every((e, t) => e === r[t])) && (e.values = n);
|
|
1050
1050
|
}
|
|
1051
|
-
function
|
|
1051
|
+
function et(e) {
|
|
1052
1052
|
return {
|
|
1053
1053
|
start: e.start,
|
|
1054
1054
|
end: e.end
|
|
1055
1055
|
};
|
|
1056
1056
|
}
|
|
1057
|
-
function
|
|
1057
|
+
function tt(e, t) {
|
|
1058
1058
|
if (t === void 0) return;
|
|
1059
1059
|
let n = Number.parseFloat(t);
|
|
1060
1060
|
Number.isFinite(n) && e.value !== n && (e.value = n);
|
|
1061
1061
|
}
|
|
1062
1062
|
//#endregion
|
|
1063
1063
|
//#region src/components/AppAutocomplete.jsx
|
|
1064
|
-
var
|
|
1065
|
-
|
|
1064
|
+
var nt = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeholder: i = "Search…", minChars: a, debounce: c, disabled: l = !1, size: u, allowCustom: d = !1, name: f, id: p, label: m, error: h, hint: g, required: _ = !1, help: v, helpLabel: y = "More information", fieldClassName: b = "", ...x }, S) {
|
|
1065
|
+
W("AppAutocomplete", x);
|
|
1066
1066
|
let C = typeof r == "function", w = s(), T = p || w, { setRef: O, innerRef: k } = Q({
|
|
1067
1067
|
ref: S,
|
|
1068
1068
|
value: e ?? "",
|
|
@@ -1072,7 +1072,7 @@ var tt = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
|
|
|
1072
1072
|
let e = k.current;
|
|
1073
1073
|
if (!e || C) return;
|
|
1074
1074
|
let t = n || [];
|
|
1075
|
-
|
|
1075
|
+
Ze(t, e.options) || (e.options = t);
|
|
1076
1076
|
}, [
|
|
1077
1077
|
n,
|
|
1078
1078
|
C,
|
|
@@ -1108,7 +1108,7 @@ var tt = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
|
|
|
1108
1108
|
children: [
|
|
1109
1109
|
m,
|
|
1110
1110
|
_ && /* @__PURE__ */ E(Z, {}),
|
|
1111
|
-
v && /* @__PURE__ */ E(
|
|
1111
|
+
v && /* @__PURE__ */ E(qe, {
|
|
1112
1112
|
label: y,
|
|
1113
1113
|
children: v
|
|
1114
1114
|
})
|
|
@@ -1142,14 +1142,14 @@ var tt = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
|
|
|
1142
1142
|
}) : null
|
|
1143
1143
|
]
|
|
1144
1144
|
});
|
|
1145
|
-
}),
|
|
1145
|
+
}), rt = /* @__PURE__ */ new Set([
|
|
1146
1146
|
"xs",
|
|
1147
1147
|
"sm",
|
|
1148
1148
|
"md",
|
|
1149
1149
|
"lg",
|
|
1150
1150
|
"xl",
|
|
1151
1151
|
"2xl"
|
|
1152
|
-
]),
|
|
1152
|
+
]), it = {
|
|
1153
1153
|
xs: 20,
|
|
1154
1154
|
sm: 24,
|
|
1155
1155
|
md: 32,
|
|
@@ -1157,30 +1157,30 @@ var tt = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
|
|
|
1157
1157
|
xl: 64,
|
|
1158
1158
|
"2xl": 96
|
|
1159
1159
|
};
|
|
1160
|
-
function
|
|
1160
|
+
function at(e) {
|
|
1161
1161
|
let t = (e || "").trim();
|
|
1162
1162
|
if (!t) return "?";
|
|
1163
1163
|
let n = t.split(/\s+/).filter(Boolean);
|
|
1164
1164
|
return n.length === 1 ? n[0].slice(0, 2).toUpperCase() : (n[0][0] + n[n.length - 1][0]).toUpperCase();
|
|
1165
1165
|
}
|
|
1166
|
-
function
|
|
1166
|
+
function ot(e) {
|
|
1167
1167
|
let t = e || "", n = 0;
|
|
1168
1168
|
for (let e = 0; e < t.length; e += 1) n = Math.imul(n, 31) + t.charCodeAt(e) >>> 0;
|
|
1169
1169
|
return n % 360;
|
|
1170
1170
|
}
|
|
1171
|
-
function
|
|
1171
|
+
function st(e) {
|
|
1172
1172
|
if (typeof e == "number") return e;
|
|
1173
|
-
if (
|
|
1173
|
+
if (it[e] != null) return it[e];
|
|
1174
1174
|
let t = Number.parseInt(e, 10);
|
|
1175
1175
|
return Number.isNaN(t) ? 32 : t;
|
|
1176
1176
|
}
|
|
1177
|
-
function
|
|
1178
|
-
|
|
1177
|
+
function ct({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "primary", status: a = "none", ring: s = !1, label: c, icon: l, badge: u, href: d, onClick: p, linkComponent: m, tooltip: h, tooltipPlacement: g, className: _ = "", ...v }) {
|
|
1178
|
+
W("AppAvatar", v);
|
|
1179
1179
|
let { style: y, ...b } = v, [x, S] = f(!1);
|
|
1180
1180
|
o(() => {
|
|
1181
1181
|
S(!1);
|
|
1182
1182
|
}, [t]);
|
|
1183
|
-
let C = typeof n == "string" &&
|
|
1183
|
+
let C = typeof n == "string" && rt.has(n), w = C ? null : typeof n == "number" || /^\d+$/.test(n) ? `${n}px` : n, O = d != null || p != null, k = t != null && t !== "" && !x, A = [
|
|
1184
1184
|
"avatar",
|
|
1185
1185
|
C && n !== "md" ? `avatar-${n}` : "",
|
|
1186
1186
|
r === "circle" ? "" : `avatar-${r}`,
|
|
@@ -1189,16 +1189,16 @@ function st({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
|
|
|
1189
1189
|
O ? "avatar-clickable" : "",
|
|
1190
1190
|
_
|
|
1191
1191
|
].filter(Boolean).join(" "), j = {};
|
|
1192
|
-
w && (j["--avatar-size"] = w), i === "auto" && (j["--avatar-hue"] =
|
|
1192
|
+
w && (j["--avatar-size"] = w), i === "auto" && (j["--avatar-hue"] = ot(e));
|
|
1193
1193
|
let M = Object.keys(j).length || y ? {
|
|
1194
1194
|
...j,
|
|
1195
1195
|
...y
|
|
1196
1196
|
} : void 0, N = /* @__PURE__ */ E("span", {
|
|
1197
1197
|
className: "avatar-face",
|
|
1198
1198
|
"aria-hidden": "true",
|
|
1199
|
-
children: l == null ?
|
|
1199
|
+
children: l == null ? at(e) : /* @__PURE__ */ E(Y, {
|
|
1200
1200
|
name: l,
|
|
1201
|
-
size: Math.round(
|
|
1201
|
+
size: Math.round(st(n) * .55)
|
|
1202
1202
|
})
|
|
1203
1203
|
}), P = /* @__PURE__ */ D(T, { children: [
|
|
1204
1204
|
a !== "none" && /* @__PURE__ */ E("span", {
|
|
@@ -1226,7 +1226,7 @@ function st({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
|
|
|
1226
1226
|
] });
|
|
1227
1227
|
if (d != null) {
|
|
1228
1228
|
let t = m || "a", n = m ? { to: d } : { href: d };
|
|
1229
|
-
return
|
|
1229
|
+
return q(/* @__PURE__ */ E(t, {
|
|
1230
1230
|
className: A,
|
|
1231
1231
|
style: M,
|
|
1232
1232
|
...b,
|
|
@@ -1236,7 +1236,7 @@ function st({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
|
|
|
1236
1236
|
children: F
|
|
1237
1237
|
}), h, g);
|
|
1238
1238
|
}
|
|
1239
|
-
return
|
|
1239
|
+
return q(p == null ? k ? /* @__PURE__ */ E("span", {
|
|
1240
1240
|
className: A,
|
|
1241
1241
|
style: M,
|
|
1242
1242
|
...b,
|
|
@@ -1260,7 +1260,7 @@ function st({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
|
|
|
1260
1260
|
}
|
|
1261
1261
|
//#endregion
|
|
1262
1262
|
//#region src/components/AppAvatarGroup.jsx
|
|
1263
|
-
var
|
|
1263
|
+
var lt = {
|
|
1264
1264
|
xs: 20,
|
|
1265
1265
|
sm: 24,
|
|
1266
1266
|
md: 32,
|
|
@@ -1268,16 +1268,16 @@ var ct = {
|
|
|
1268
1268
|
xl: 64,
|
|
1269
1269
|
"2xl": 96
|
|
1270
1270
|
};
|
|
1271
|
-
function
|
|
1272
|
-
return e == null ? null : typeof e == "number" ? `${e}px` :
|
|
1271
|
+
function ut(e) {
|
|
1272
|
+
return e == null ? null : typeof e == "number" ? `${e}px` : lt[e] == null ? /^\d+$/.test(e) ? `${e}px` : e : `${lt[e]}px`;
|
|
1273
1273
|
}
|
|
1274
|
-
function
|
|
1275
|
-
|
|
1274
|
+
function dt({ children: e, size: t, spacing: n = "normal", overflow: r, className: i = "", ...a }) {
|
|
1275
|
+
W("AppAvatarGroup", a);
|
|
1276
1276
|
let { style: o, ...s } = a, c = [
|
|
1277
1277
|
"avatar-group",
|
|
1278
1278
|
n === "normal" ? "" : `avatar-group-${n}`,
|
|
1279
1279
|
i
|
|
1280
|
-
].filter(Boolean).join(" "), l =
|
|
1280
|
+
].filter(Boolean).join(" "), l = ut(t), u = l ? {
|
|
1281
1281
|
"--avatar-size": l,
|
|
1282
1282
|
...o
|
|
1283
1283
|
} : o, d = typeof r == "string" ? Number.parseInt(r, 10) : r;
|
|
@@ -1295,8 +1295,8 @@ function ut({ children: e, size: t, spacing: n = "normal", overflow: r, classNam
|
|
|
1295
1295
|
}
|
|
1296
1296
|
//#endregion
|
|
1297
1297
|
//#region src/components/AppBadge.jsx
|
|
1298
|
-
function
|
|
1299
|
-
return
|
|
1298
|
+
function ft({ children: e, tone: t, dot: n = !1, tooltip: r, tooltipPlacement: i, className: a = "", ...o }) {
|
|
1299
|
+
return W("AppBadge", o), q(/* @__PURE__ */ E(m, {
|
|
1300
1300
|
bg: !1,
|
|
1301
1301
|
className: [
|
|
1302
1302
|
t && t !== "neutral" ? `badge-${t}` : "",
|
|
@@ -1309,18 +1309,18 @@ function dt({ children: e, tone: t, dot: n = !1, tooltip: r, tooltipPlacement: i
|
|
|
1309
1309
|
}
|
|
1310
1310
|
//#endregion
|
|
1311
1311
|
//#region src/components/AppBanner.jsx
|
|
1312
|
-
var
|
|
1312
|
+
var pt = [
|
|
1313
1313
|
"info",
|
|
1314
1314
|
"success",
|
|
1315
1315
|
"warning",
|
|
1316
1316
|
"danger",
|
|
1317
1317
|
"neutral"
|
|
1318
1318
|
];
|
|
1319
|
-
function
|
|
1320
|
-
|
|
1319
|
+
function mt({ tone: e = "info", icon: t, children: n, dismissible: r = !1, onDismiss: i, className: a = "", ...o }) {
|
|
1320
|
+
W("AppBanner", o);
|
|
1321
1321
|
let [s, c] = f(!0);
|
|
1322
1322
|
if (!s) return null;
|
|
1323
|
-
let l =
|
|
1323
|
+
let l = pt.includes(e) ? e : "info", u = () => {
|
|
1324
1324
|
c(!1), i?.();
|
|
1325
1325
|
};
|
|
1326
1326
|
return /* @__PURE__ */ D("div", {
|
|
@@ -1351,8 +1351,8 @@ function pt({ tone: e = "info", icon: t, children: n, dismissible: r = !1, onDis
|
|
|
1351
1351
|
}
|
|
1352
1352
|
//#endregion
|
|
1353
1353
|
//#region src/components/AppBreadcrumbs.jsx
|
|
1354
|
-
function
|
|
1355
|
-
return
|
|
1354
|
+
function ht({ items: e = [], linkComponent: t, className: n = "", ...r }) {
|
|
1355
|
+
return W("AppBreadcrumbs", r), /* @__PURE__ */ E(h, {
|
|
1356
1356
|
className: n || void 0,
|
|
1357
1357
|
...r,
|
|
1358
1358
|
children: e.map((n, r) => {
|
|
@@ -1370,14 +1370,14 @@ function mt({ items: e = [], linkComponent: t, className: n = "", ...r }) {
|
|
|
1370
1370
|
}
|
|
1371
1371
|
//#endregion
|
|
1372
1372
|
//#region src/components/AppCard.jsx
|
|
1373
|
-
var
|
|
1373
|
+
var gt = {
|
|
1374
1374
|
xs: 320,
|
|
1375
1375
|
sm: 420,
|
|
1376
1376
|
md: 560,
|
|
1377
1377
|
lg: 720
|
|
1378
1378
|
};
|
|
1379
|
-
function
|
|
1380
|
-
|
|
1379
|
+
function _t({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", header: i, headerExtra: a, headerActions: o, footer: s, media: c, children: l, variant: u = "default", tone: d = "primary", padding: f = "md", maxWidth: p, className: m = "", bodyClassName: h = "", headerClassName: g = "", body: v = !0, lifted: y = !1, href: b, onClick: x, linkComponent: S, ...C }) {
|
|
1380
|
+
W("AppCard", C);
|
|
1381
1381
|
let { style: w, ...O } = C, k = b != null || x != null, A = [
|
|
1382
1382
|
u && u !== "default" ? `card-${u}` : "",
|
|
1383
1383
|
u === "accent" && d && d !== "primary" ? `tone-${d}` : "",
|
|
@@ -1386,7 +1386,7 @@ function gt({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", head
|
|
|
1386
1386
|
p == null ? "" : "card-constrained",
|
|
1387
1387
|
k ? "card-clickable" : "",
|
|
1388
1388
|
m
|
|
1389
|
-
].filter(Boolean).join(" ") || void 0, j = p == null ? void 0 :
|
|
1389
|
+
].filter(Boolean).join(" ") || void 0, j = p == null ? void 0 : gt[p] == null ? typeof p == "number" ? `${p}px` : p : `${gt[p]}px`, M = j ? {
|
|
1390
1390
|
"--card-max-width": j,
|
|
1391
1391
|
...w
|
|
1392
1392
|
} : w, N = {};
|
|
@@ -1457,7 +1457,7 @@ function gt({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", head
|
|
|
1457
1457
|
}
|
|
1458
1458
|
//#endregion
|
|
1459
1459
|
//#region src/lib/CheckField.jsx
|
|
1460
|
-
var
|
|
1460
|
+
var vt = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", rest: o = {}, inputType: c, wrapperClass: l }, u) {
|
|
1461
1461
|
let d = s(), f = t || d, p = r ? `${f}-error` : void 0, m = i ? `${f}-hint` : void 0;
|
|
1462
1462
|
return /* @__PURE__ */ D("div", {
|
|
1463
1463
|
className: `${l}${a ? ` ${a}` : ""}`,
|
|
@@ -1488,8 +1488,8 @@ var _t = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
|
|
|
1488
1488
|
}) : null
|
|
1489
1489
|
]
|
|
1490
1490
|
});
|
|
1491
|
-
}),
|
|
1492
|
-
return
|
|
1491
|
+
}), yt = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
|
|
1492
|
+
return W("AppCheckbox", o), /* @__PURE__ */ E(vt, {
|
|
1493
1493
|
ref: s,
|
|
1494
1494
|
label: e,
|
|
1495
1495
|
id: t,
|
|
@@ -1504,8 +1504,8 @@ var _t = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
|
|
|
1504
1504
|
});
|
|
1505
1505
|
//#endregion
|
|
1506
1506
|
//#region src/components/AppChip.jsx
|
|
1507
|
-
function
|
|
1508
|
-
|
|
1507
|
+
function bt({ label: e, children: t, tone: n = "neutral", variant: r = "soft", size: i = "md", leadingIcon: a, avatar: o, onRemove: s, onClick: c, disabled: l = !1, removeLabel: u, className: d = "", ...f }) {
|
|
1508
|
+
W("AppChip", f);
|
|
1509
1509
|
let p = e ?? t, m = [
|
|
1510
1510
|
"chip",
|
|
1511
1511
|
n && n !== "neutral" ? n : "",
|
|
@@ -1558,21 +1558,21 @@ function yt({ label: e, children: t, tone: n = "neutral", variant: r = "soft", s
|
|
|
1558
1558
|
}
|
|
1559
1559
|
//#endregion
|
|
1560
1560
|
//#region src/components/AppChoiceCard.jsx
|
|
1561
|
-
var
|
|
1561
|
+
var xt = {
|
|
1562
1562
|
sm: " wui-struct-card-sm",
|
|
1563
1563
|
md: "",
|
|
1564
1564
|
lg: " wui-struct-card-lg"
|
|
1565
|
-
},
|
|
1565
|
+
}, St = {
|
|
1566
1566
|
inline: "",
|
|
1567
1567
|
stacked: " wui-struct-card-stacked"
|
|
1568
|
-
},
|
|
1568
|
+
}, Ct = {
|
|
1569
1569
|
sm: 16,
|
|
1570
1570
|
md: 18,
|
|
1571
1571
|
lg: 22
|
|
1572
1572
|
};
|
|
1573
|
-
function
|
|
1574
|
-
|
|
1575
|
-
let b =
|
|
1573
|
+
function wt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon: a, iconNode: o, iconSize: s, image: c, imageAlt: l = "", children: u, title: d, description: f, checkIcon: p = "check", checkSize: m = 18, hideCheck: h = !1, size: g = "md", layout: _ = "inline", className: v = "", ...y }) {
|
|
1574
|
+
W("AppChoiceCard", y), G("AppChoiceCard", "size", g, Object.keys(xt)), G("AppChoiceCard", "layout", _, Object.keys(St));
|
|
1575
|
+
let b = xt[g] ?? "", x = St[_] ?? "", S = s ?? Ct[g] ?? Ct.md;
|
|
1576
1576
|
return /* @__PURE__ */ D("label", {
|
|
1577
1577
|
className: `struct-card${c ? " struct-card-img-card" : ""}${b}${x}${h ? " wui-struct-card-no-check" : ""}${r ? " checked" : ""}${v ? ` ${v}` : ""}`,
|
|
1578
1578
|
...y,
|
|
@@ -1622,8 +1622,8 @@ function Ct({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon
|
|
|
1622
1622
|
}
|
|
1623
1623
|
//#endregion
|
|
1624
1624
|
//#region src/components/AppChoiceChip.jsx
|
|
1625
|
-
function
|
|
1626
|
-
return
|
|
1625
|
+
function Tt({ multiple: e = !0, label: t, name: n, value: r, checked: i, onChange: a, children: o, count: s, size: c = "md", className: l = "", ...u }) {
|
|
1626
|
+
return W("AppChoiceChip", u), /* @__PURE__ */ D("label", {
|
|
1627
1627
|
className: `choice-chip${i ? " checked" : ""}${c === "sm" ? " choice-chip-sm" : c === "lg" ? " choice-chip-lg" : ""}${l ? ` ${l}` : ""}`,
|
|
1628
1628
|
...u,
|
|
1629
1629
|
children: [
|
|
@@ -1644,8 +1644,8 @@ function wt({ multiple: e = !0, label: t, name: n, value: r, checked: i, onChang
|
|
|
1644
1644
|
}
|
|
1645
1645
|
//#endregion
|
|
1646
1646
|
//#region src/components/AppColorField.jsx
|
|
1647
|
-
function
|
|
1648
|
-
|
|
1647
|
+
function Et({ value: e = "#000000", onChange: t, label: n, required: r = !1, error: i, hint: a, name: o, id: c, disabled: l = !1, size: u = "md", className: d = "", fieldClassName: f = "", ...p }) {
|
|
1648
|
+
W("AppColorField", p);
|
|
1649
1649
|
let m = s(), h = c || m, g = i ? `${h}-error` : a ? `${h}-hint` : void 0, _ = (e) => /^#[0-9a-f]{6}$/i.test(e), v = u === "sm" ? " color-field-sm" : u === "lg" ? " color-field-lg" : "", y = u === "sm" ? " input-sm" : u === "lg" ? " input-lg" : "";
|
|
1650
1650
|
return /* @__PURE__ */ D("div", {
|
|
1651
1651
|
className: `field${f ? ` ${f}` : ""}`,
|
|
@@ -1695,14 +1695,279 @@ function Tt({ value: e = "#000000", onChange: t, label: n, required: r = !1, err
|
|
|
1695
1695
|
});
|
|
1696
1696
|
}
|
|
1697
1697
|
//#endregion
|
|
1698
|
+
//#region src/components/AppModal.jsx
|
|
1699
|
+
var Dt = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", Ot = {
|
|
1700
|
+
sm: 380,
|
|
1701
|
+
md: 440,
|
|
1702
|
+
lg: 640,
|
|
1703
|
+
xl: 880
|
|
1704
|
+
}, kt = !1;
|
|
1705
|
+
function At() {
|
|
1706
|
+
let e = !0;
|
|
1707
|
+
try {
|
|
1708
|
+
e = process.env.NODE_ENV !== "production";
|
|
1709
|
+
} catch {
|
|
1710
|
+
e = !0;
|
|
1711
|
+
}
|
|
1712
|
+
!e || kt || (kt = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
|
|
1713
|
+
}
|
|
1714
|
+
function jt({ open: e, eyebrow: t, title: n, subtitle: r, headerIcon: i, tone: a = "default", dismissible: s = !0, onClose: c, footer: l, size: u = "md", placement: f = "center", hideHeader: p = !1, staticBackdrop: m = !1, ariaLabel: h, className: g = "", children: _, ...v }) {
|
|
1715
|
+
W("AppModal", v), G("AppModal", "size", typeof u == "string" ? u : null, Object.keys(Ot));
|
|
1716
|
+
let { style: y, ...x } = v;
|
|
1717
|
+
p && !h && typeof n != "string" && At();
|
|
1718
|
+
let S = d(null);
|
|
1719
|
+
o(() => {
|
|
1720
|
+
if (!e) return;
|
|
1721
|
+
let t = S.current?.closest(".modal-content");
|
|
1722
|
+
if (!t) return;
|
|
1723
|
+
let n = () => Array.from(t.querySelectorAll(Dt));
|
|
1724
|
+
(t.querySelector("[data-autofocus]") || n().find((e) => !e.classList.contains("wui-modal-close")) || n()[0] || t).focus?.();
|
|
1725
|
+
}, [e]);
|
|
1726
|
+
let C = typeof u == "number" ? u : Ot[u] ?? Ot.md, w = [
|
|
1727
|
+
"wui-modal",
|
|
1728
|
+
a === "default" ? "" : `tone-${a}`,
|
|
1729
|
+
g
|
|
1730
|
+
].filter(Boolean).join(" ");
|
|
1731
|
+
return /* @__PURE__ */ D(b, {
|
|
1732
|
+
...x,
|
|
1733
|
+
show: e,
|
|
1734
|
+
onHide: c,
|
|
1735
|
+
backdrop: !m || "static",
|
|
1736
|
+
keyboard: !m,
|
|
1737
|
+
autoFocus: !1,
|
|
1738
|
+
enforceFocus: !0,
|
|
1739
|
+
restoreFocus: !0,
|
|
1740
|
+
centered: f !== "top",
|
|
1741
|
+
className: "wui-modal-shell",
|
|
1742
|
+
style: {
|
|
1743
|
+
"--wui-modal-max-width": `${C}px`,
|
|
1744
|
+
...y
|
|
1745
|
+
},
|
|
1746
|
+
dialogClassName: "wui-rb-dialog",
|
|
1747
|
+
contentClassName: w,
|
|
1748
|
+
backdropClassName: "wui-modal-dim",
|
|
1749
|
+
"aria-label": h || (typeof n == "string" ? n : void 0),
|
|
1750
|
+
children: [
|
|
1751
|
+
!p && /* @__PURE__ */ D("div", {
|
|
1752
|
+
className: "wui-modal-header",
|
|
1753
|
+
children: [/* @__PURE__ */ D("div", {
|
|
1754
|
+
className: "wui-modal-heading",
|
|
1755
|
+
children: [i && /* @__PURE__ */ E("span", {
|
|
1756
|
+
className: "wui-modal-headicon",
|
|
1757
|
+
children: /* @__PURE__ */ E(Y, {
|
|
1758
|
+
name: i,
|
|
1759
|
+
size: 18
|
|
1760
|
+
})
|
|
1761
|
+
}), /* @__PURE__ */ D("div", {
|
|
1762
|
+
className: "wui-modal-headtext",
|
|
1763
|
+
children: [
|
|
1764
|
+
t && /* @__PURE__ */ E("div", {
|
|
1765
|
+
className: "wui-modal-eyebrow",
|
|
1766
|
+
children: t
|
|
1767
|
+
}),
|
|
1768
|
+
/* @__PURE__ */ E("div", {
|
|
1769
|
+
className: "wui-modal-title",
|
|
1770
|
+
children: n
|
|
1771
|
+
}),
|
|
1772
|
+
r && /* @__PURE__ */ E("div", {
|
|
1773
|
+
className: "wui-modal-subtitle",
|
|
1774
|
+
children: r
|
|
1775
|
+
})
|
|
1776
|
+
]
|
|
1777
|
+
})]
|
|
1778
|
+
}), s && /* @__PURE__ */ E("button", {
|
|
1779
|
+
type: "button",
|
|
1780
|
+
className: "wui-modal-close",
|
|
1781
|
+
onClick: c,
|
|
1782
|
+
"aria-label": "Close",
|
|
1783
|
+
children: /* @__PURE__ */ E("svg", {
|
|
1784
|
+
width: "18",
|
|
1785
|
+
height: "18",
|
|
1786
|
+
viewBox: "0 0 24 24",
|
|
1787
|
+
fill: "none",
|
|
1788
|
+
stroke: "currentColor",
|
|
1789
|
+
strokeWidth: "2",
|
|
1790
|
+
strokeLinecap: "round",
|
|
1791
|
+
strokeLinejoin: "round",
|
|
1792
|
+
"aria-hidden": "true",
|
|
1793
|
+
children: /* @__PURE__ */ E("path", { d: "M18 6 6 18M6 6l12 12" })
|
|
1794
|
+
})
|
|
1795
|
+
})]
|
|
1796
|
+
}),
|
|
1797
|
+
/* @__PURE__ */ E("div", {
|
|
1798
|
+
className: "wui-modal-body",
|
|
1799
|
+
ref: S,
|
|
1800
|
+
children: _
|
|
1801
|
+
}),
|
|
1802
|
+
l && /* @__PURE__ */ E("div", {
|
|
1803
|
+
className: "wui-modal-footer",
|
|
1804
|
+
children: l
|
|
1805
|
+
})
|
|
1806
|
+
]
|
|
1807
|
+
});
|
|
1808
|
+
}
|
|
1809
|
+
//#endregion
|
|
1810
|
+
//#region src/components/AppCommandPalette.jsx
|
|
1811
|
+
var Mt = "lg";
|
|
1812
|
+
function Nt({ open: e, onClose: t, query: n = "", onQueryChange: r, placeholder: i = "Search…", groups: a = [], loading: o = !1, emptyText: c = "No results", footer: l, ariaLabel: u = "Search", highlight: d = !0, id: f, className: p = "", ...m }) {
|
|
1813
|
+
W("AppCommandPalette", m);
|
|
1814
|
+
let h = s(), g = f || h;
|
|
1815
|
+
return /* @__PURE__ */ E(jt, {
|
|
1816
|
+
open: e,
|
|
1817
|
+
onClose: t,
|
|
1818
|
+
hideHeader: !0,
|
|
1819
|
+
placement: "top",
|
|
1820
|
+
size: Mt,
|
|
1821
|
+
ariaLabel: u,
|
|
1822
|
+
className: `wui-cmd-card${p ? ` ${p}` : ""}`,
|
|
1823
|
+
children: /* @__PURE__ */ E(Pt, {
|
|
1824
|
+
baseId: g,
|
|
1825
|
+
query: n,
|
|
1826
|
+
onQueryChange: r,
|
|
1827
|
+
placeholder: i,
|
|
1828
|
+
groups: a,
|
|
1829
|
+
loading: o,
|
|
1830
|
+
emptyText: c,
|
|
1831
|
+
footer: l,
|
|
1832
|
+
ariaLabel: u,
|
|
1833
|
+
highlight: d,
|
|
1834
|
+
onClose: t,
|
|
1835
|
+
rest: m
|
|
1836
|
+
})
|
|
1837
|
+
});
|
|
1838
|
+
}
|
|
1839
|
+
function Pt({ baseId: e, query: t, onQueryChange: n, placeholder: r, groups: i, loading: a, emptyText: s, footer: c, ariaLabel: u, highlight: f, onClose: p, rest: m }) {
|
|
1840
|
+
let h = d(null), g = `${e}-list`, _ = i.filter((e) => e.items?.length), v = !a && t.trim() !== "" && _.length === 0;
|
|
1841
|
+
return l(() => {
|
|
1842
|
+
h.current?.refresh?.();
|
|
1843
|
+
}), o(() => {
|
|
1844
|
+
let e = h.current, t = (e) => {
|
|
1845
|
+
let t = i.find((t) => String(t.key) === e.detail.groupKey)?.items?.find((t) => String(t.key) === e.detail.key);
|
|
1846
|
+
t && (e.preventDefault(), t.onSelect?.(), p?.());
|
|
1847
|
+
};
|
|
1848
|
+
return e.addEventListener("wui-command-palette:select", t), () => e.removeEventListener("wui-command-palette:select", t);
|
|
1849
|
+
}, [i, p]), /* @__PURE__ */ D("wui-command-palette", {
|
|
1850
|
+
ref: h,
|
|
1851
|
+
...m,
|
|
1852
|
+
children: [
|
|
1853
|
+
/* @__PURE__ */ D("div", {
|
|
1854
|
+
className: "wui-cmd-search",
|
|
1855
|
+
children: [
|
|
1856
|
+
/* @__PURE__ */ E("span", {
|
|
1857
|
+
className: "wui-cmd-search-icon",
|
|
1858
|
+
"aria-hidden": "true",
|
|
1859
|
+
children: /* @__PURE__ */ E(Y, {
|
|
1860
|
+
name: "search",
|
|
1861
|
+
size: 18
|
|
1862
|
+
})
|
|
1863
|
+
}),
|
|
1864
|
+
/* @__PURE__ */ E("input", {
|
|
1865
|
+
className: "wui-cmd-input",
|
|
1866
|
+
type: "text",
|
|
1867
|
+
role: "combobox",
|
|
1868
|
+
"aria-expanded": "true",
|
|
1869
|
+
"aria-controls": g,
|
|
1870
|
+
"aria-autocomplete": "list",
|
|
1871
|
+
"aria-label": u,
|
|
1872
|
+
placeholder: r,
|
|
1873
|
+
autoComplete: "off",
|
|
1874
|
+
spellCheck: !1,
|
|
1875
|
+
"data-autofocus": "",
|
|
1876
|
+
value: t,
|
|
1877
|
+
onChange: (e) => n?.(e.target.value)
|
|
1878
|
+
}),
|
|
1879
|
+
a && /* @__PURE__ */ E(He, {
|
|
1880
|
+
size: "sm",
|
|
1881
|
+
className: "wui-cmd-spinner"
|
|
1882
|
+
})
|
|
1883
|
+
]
|
|
1884
|
+
}),
|
|
1885
|
+
/* @__PURE__ */ E("div", {
|
|
1886
|
+
className: "wui-cmd-list",
|
|
1887
|
+
role: "listbox",
|
|
1888
|
+
id: g,
|
|
1889
|
+
"aria-label": "Results",
|
|
1890
|
+
"aria-busy": a ? "true" : void 0,
|
|
1891
|
+
hidden: _.length === 0,
|
|
1892
|
+
children: _.map((n) => {
|
|
1893
|
+
let r = `${e}-${It(n.key)}`;
|
|
1894
|
+
return /* @__PURE__ */ D("div", {
|
|
1895
|
+
className: "wui-cmd-group",
|
|
1896
|
+
role: "group",
|
|
1897
|
+
"aria-labelledby": r,
|
|
1898
|
+
children: [/* @__PURE__ */ E("div", {
|
|
1899
|
+
className: "wui-cmd-group-label",
|
|
1900
|
+
role: "presentation",
|
|
1901
|
+
id: r,
|
|
1902
|
+
children: n.label
|
|
1903
|
+
}), n.items.map((e) => /* @__PURE__ */ D("div", {
|
|
1904
|
+
className: "wui-cmd-item",
|
|
1905
|
+
role: "option",
|
|
1906
|
+
id: `${r}-${It(e.key)}`,
|
|
1907
|
+
"data-group-key": String(n.key),
|
|
1908
|
+
"data-key": String(e.key),
|
|
1909
|
+
children: [
|
|
1910
|
+
e.icon != null && /* @__PURE__ */ E("span", {
|
|
1911
|
+
className: "wui-cmd-item-icon",
|
|
1912
|
+
"aria-hidden": "true",
|
|
1913
|
+
children: X(e.icon, { size: 18 })
|
|
1914
|
+
}),
|
|
1915
|
+
/* @__PURE__ */ D("span", {
|
|
1916
|
+
className: "wui-cmd-item-text",
|
|
1917
|
+
children: [/* @__PURE__ */ E("span", {
|
|
1918
|
+
className: "wui-cmd-item-label",
|
|
1919
|
+
children: f ? Ft(e.label, t) : e.label
|
|
1920
|
+
}), e.description != null && /* @__PURE__ */ E("span", {
|
|
1921
|
+
className: "wui-cmd-item-desc",
|
|
1922
|
+
children: e.description
|
|
1923
|
+
})]
|
|
1924
|
+
}),
|
|
1925
|
+
e.meta != null && /* @__PURE__ */ E("span", {
|
|
1926
|
+
className: "wui-cmd-item-meta",
|
|
1927
|
+
children: e.meta
|
|
1928
|
+
})
|
|
1929
|
+
]
|
|
1930
|
+
}, e.key))]
|
|
1931
|
+
}, n.key);
|
|
1932
|
+
})
|
|
1933
|
+
}),
|
|
1934
|
+
/* @__PURE__ */ E("div", {
|
|
1935
|
+
className: "wui-cmd-empty",
|
|
1936
|
+
role: "status",
|
|
1937
|
+
children: v ? s : null
|
|
1938
|
+
}),
|
|
1939
|
+
c != null && /* @__PURE__ */ E("div", {
|
|
1940
|
+
className: "wui-cmd-footer",
|
|
1941
|
+
children: c
|
|
1942
|
+
})
|
|
1943
|
+
]
|
|
1944
|
+
});
|
|
1945
|
+
}
|
|
1946
|
+
function Ft(e, n) {
|
|
1947
|
+
if (typeof e != "string") return e;
|
|
1948
|
+
let r = I(e, n);
|
|
1949
|
+
if (r.length === 1 && !r[0].match) return e;
|
|
1950
|
+
let i = 0;
|
|
1951
|
+
return r.map((e) => {
|
|
1952
|
+
let n = i;
|
|
1953
|
+
return i += e.text.length, e.match ? /* @__PURE__ */ E("mark", {
|
|
1954
|
+
className: "wui-cmd-mark",
|
|
1955
|
+
children: e.text
|
|
1956
|
+
}, n) : /* @__PURE__ */ E(t, { children: e.text }, n);
|
|
1957
|
+
});
|
|
1958
|
+
}
|
|
1959
|
+
function It(e) {
|
|
1960
|
+
return String(e).replace(/\s+/g, "_");
|
|
1961
|
+
}
|
|
1962
|
+
//#endregion
|
|
1698
1963
|
//#region src/lib/emptyValue.js
|
|
1699
|
-
function
|
|
1964
|
+
function Lt(e) {
|
|
1700
1965
|
return e == null || e === "";
|
|
1701
1966
|
}
|
|
1702
1967
|
//#endregion
|
|
1703
1968
|
//#region src/components/AppCompareTable.jsx
|
|
1704
|
-
function
|
|
1705
|
-
|
|
1969
|
+
function Rt({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i }) {
|
|
1970
|
+
W("AppCompareTable", i);
|
|
1706
1971
|
let a = (e) => e === !0 ? /* @__PURE__ */ E("span", {
|
|
1707
1972
|
className: "compare-yes",
|
|
1708
1973
|
children: /* @__PURE__ */ E(Y, {
|
|
@@ -1738,66 +2003,66 @@ function Dt({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i
|
|
|
1738
2003
|
}
|
|
1739
2004
|
//#endregion
|
|
1740
2005
|
//#region src/components/AppInput.jsx
|
|
1741
|
-
var
|
|
1742
|
-
|
|
1743
|
-
let [R, z] = f(!1),
|
|
1744
|
-
|
|
1745
|
-
},
|
|
2006
|
+
var zt = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", type: c = "text", size: l = "md", leftIcon: u, rightIcon: p, onRightIconClick: m, rightIconLabel: h, unit: g, id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, clearable: C = !1, showCount: w = !1, maxLength: T, prefix: O, suffix: k, action: A, floatingLabel: j = !1, variant: M, passwordRequirements: P = !1, requirementsPlacement: F = "auto", ...I }, L) {
|
|
2007
|
+
W("AppInput", I);
|
|
2008
|
+
let [R, z] = f(!1), B = s(), V = _ || B, H = c === "password", ee = H && R ? "text" : c, U = d(null), te = (e) => {
|
|
2009
|
+
U.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
|
|
2010
|
+
}, ne = String(I.value ?? I.defaultValue ?? ""), [re, ie] = f(() => !!ne), [ae, oe] = f(() => ne.length), G = C && !S, se = C || w, K = H && !!P, [ce, q] = f(ne);
|
|
1746
2011
|
o(() => {
|
|
1747
|
-
!
|
|
1748
|
-
}, [I.value,
|
|
1749
|
-
if (!
|
|
2012
|
+
!K || I.value === void 0 || q(String(I.value ?? ""));
|
|
2013
|
+
}, [I.value, K]), o(() => {
|
|
2014
|
+
if (!se || I.value === void 0) return;
|
|
1750
2015
|
let e = String(I.value ?? "");
|
|
1751
|
-
|
|
1752
|
-
}, [I.value,
|
|
1753
|
-
let
|
|
1754
|
-
|
|
1755
|
-
},
|
|
1756
|
-
|
|
1757
|
-
},
|
|
2016
|
+
ie(!!e), oe(e.length);
|
|
2017
|
+
}, [I.value, se]);
|
|
2018
|
+
let le = (e) => {
|
|
2019
|
+
ie(!!e.target.value), oe(e.target.value.length), I.onInput?.(e);
|
|
2020
|
+
}, ue = (e) => {
|
|
2021
|
+
K && q(e.target.value), se ? le(e) : I.onInput?.(e);
|
|
2022
|
+
}, de = G ? /* @__PURE__ */ E("button", {
|
|
1758
2023
|
type: "button",
|
|
1759
2024
|
className: "input-clear",
|
|
1760
2025
|
onClick: () => {
|
|
1761
|
-
let e =
|
|
2026
|
+
let e = U.current;
|
|
1762
2027
|
if (!e) return;
|
|
1763
2028
|
let t = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
|
|
1764
|
-
t ? t.call(e, "") : e.value = "", e.dispatchEvent(new Event("input", { bubbles: !0 })),
|
|
2029
|
+
t ? t.call(e, "") : e.value = "", e.dispatchEvent(new Event("input", { bubbles: !0 })), ie(!1), e.focus();
|
|
1765
2030
|
},
|
|
1766
2031
|
"aria-label": "Clear",
|
|
1767
2032
|
tabIndex: -1,
|
|
1768
|
-
hidden: !
|
|
2033
|
+
hidden: !re,
|
|
1769
2034
|
children: /* @__PURE__ */ E(Y, {
|
|
1770
2035
|
name: "x",
|
|
1771
2036
|
size: 16
|
|
1772
2037
|
})
|
|
1773
|
-
}) : null,
|
|
2038
|
+
}) : null, fe = n && V ? `${V}-error` : void 0, pe = r && V ? `${V}-hint` : void 0, me = fe || pe, he = [
|
|
1774
2039
|
"input",
|
|
1775
2040
|
l === "sm" ? "input-sm" : "",
|
|
1776
2041
|
l === "lg" ? "input-lg" : "",
|
|
1777
2042
|
n ? "error" : "",
|
|
1778
|
-
|
|
2043
|
+
H ? "pw" : "",
|
|
1779
2044
|
g ? "num-input" : "",
|
|
1780
|
-
!(j && e || O || k || g ||
|
|
2045
|
+
!(j && e || O || k || g || H || p) && C && G ? "has-clear" : "",
|
|
1781
2046
|
M === "bare" ? "input-bare" : "",
|
|
1782
2047
|
b
|
|
1783
|
-
].filter(Boolean).join(" "),
|
|
1784
|
-
id:
|
|
2048
|
+
].filter(Boolean).join(" "), J = /* @__PURE__ */ E(y.Control, {
|
|
2049
|
+
id: V,
|
|
1785
2050
|
name: v,
|
|
1786
|
-
type:
|
|
1787
|
-
className:
|
|
2051
|
+
type: ee,
|
|
2052
|
+
className: he,
|
|
1788
2053
|
disabled: S,
|
|
1789
2054
|
required: t,
|
|
1790
2055
|
"aria-invalid": n ? "true" : "false",
|
|
1791
|
-
"aria-describedby":
|
|
2056
|
+
"aria-describedby": me,
|
|
1792
2057
|
maxLength: T,
|
|
1793
2058
|
...I,
|
|
1794
2059
|
placeholder: j ? " " : I.placeholder,
|
|
1795
|
-
ref:
|
|
1796
|
-
onInput:
|
|
1797
|
-
}),
|
|
2060
|
+
ref: te,
|
|
2061
|
+
onInput: se || K ? ue : I.onInput
|
|
2062
|
+
}), ge = P === !0 || P, _e = ge && typeof ge == "object" && ge.title || "Password Requirements", ve = K ? N(ce, ge) : null, ye = K ? /* @__PURE__ */ E("ul", {
|
|
1798
2063
|
className: "pw-criteria",
|
|
1799
2064
|
"aria-live": "polite",
|
|
1800
|
-
children:
|
|
2065
|
+
children: ve.map((e) => /* @__PURE__ */ D("li", {
|
|
1801
2066
|
className: `pw-rule ${e.met ? "met" : "unmet"}`,
|
|
1802
2067
|
children: [
|
|
1803
2068
|
/* @__PURE__ */ E("span", {
|
|
@@ -1814,16 +2079,16 @@ var Ot = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
|
|
|
1814
2079
|
})
|
|
1815
2080
|
]
|
|
1816
2081
|
}, e.key))
|
|
1817
|
-
}) : null,
|
|
1818
|
-
if (j && e)
|
|
2082
|
+
}) : null, be;
|
|
2083
|
+
if (j && e) be = /* @__PURE__ */ D("div", {
|
|
1819
2084
|
className: "field-float",
|
|
1820
|
-
children: [
|
|
2085
|
+
children: [J, /* @__PURE__ */ D("label", {
|
|
1821
2086
|
className: "float-label",
|
|
1822
|
-
htmlFor:
|
|
2087
|
+
htmlFor: V,
|
|
1823
2088
|
children: [e, t && /* @__PURE__ */ E(Z, {})]
|
|
1824
2089
|
})]
|
|
1825
2090
|
});
|
|
1826
|
-
else if (A)
|
|
2091
|
+
else if (A) be = /* @__PURE__ */ D("div", {
|
|
1827
2092
|
className: "input-action-row",
|
|
1828
2093
|
children: [/* @__PURE__ */ D("div", {
|
|
1829
2094
|
className: u ? "input-icon" : "input-wrap",
|
|
@@ -1833,34 +2098,34 @@ var Ot = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
|
|
|
1833
2098
|
name: u,
|
|
1834
2099
|
size: 16
|
|
1835
2100
|
})
|
|
1836
|
-
}),
|
|
2101
|
+
}), J]
|
|
1837
2102
|
}), /* @__PURE__ */ E("div", {
|
|
1838
2103
|
className: "input-action",
|
|
1839
2104
|
children: A
|
|
1840
2105
|
})]
|
|
1841
2106
|
});
|
|
1842
|
-
else if (O || k)
|
|
2107
|
+
else if (O || k) be = /* @__PURE__ */ D("div", {
|
|
1843
2108
|
className: "input-affixed",
|
|
1844
2109
|
children: [
|
|
1845
2110
|
O != null && /* @__PURE__ */ E("span", {
|
|
1846
2111
|
className: "affix affix-pre",
|
|
1847
2112
|
children: O
|
|
1848
2113
|
}),
|
|
1849
|
-
|
|
2114
|
+
J,
|
|
1850
2115
|
k != null && /* @__PURE__ */ E("span", {
|
|
1851
2116
|
className: "affix affix-suf",
|
|
1852
2117
|
children: k
|
|
1853
2118
|
})
|
|
1854
2119
|
]
|
|
1855
2120
|
});
|
|
1856
|
-
else if (g)
|
|
2121
|
+
else if (g) be = /* @__PURE__ */ D("div", {
|
|
1857
2122
|
className: "input-with-unit",
|
|
1858
|
-
children: [
|
|
2123
|
+
children: [J, /* @__PURE__ */ E("span", {
|
|
1859
2124
|
className: "unit",
|
|
1860
2125
|
children: g
|
|
1861
2126
|
})]
|
|
1862
2127
|
});
|
|
1863
|
-
else if (
|
|
2128
|
+
else if (H) {
|
|
1864
2129
|
let e = /* @__PURE__ */ D("div", {
|
|
1865
2130
|
className: u ? "input-icon" : "input-wrap",
|
|
1866
2131
|
children: [
|
|
@@ -1871,7 +2136,7 @@ var Ot = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
|
|
|
1871
2136
|
size: 16
|
|
1872
2137
|
})
|
|
1873
2138
|
}),
|
|
1874
|
-
|
|
2139
|
+
J,
|
|
1875
2140
|
/* @__PURE__ */ D("button", {
|
|
1876
2141
|
type: "button",
|
|
1877
2142
|
className: `pw-toggle${R ? " pw-revealed" : ""}`,
|
|
@@ -1890,17 +2155,17 @@ var Ot = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
|
|
|
1890
2155
|
})
|
|
1891
2156
|
]
|
|
1892
2157
|
});
|
|
1893
|
-
|
|
2158
|
+
be = K ? /* @__PURE__ */ E(Ge, {
|
|
1894
2159
|
trigger: e,
|
|
1895
2160
|
triggerType: "focus",
|
|
1896
2161
|
placement: F,
|
|
1897
|
-
title:
|
|
2162
|
+
title: _e,
|
|
1898
2163
|
className: "pw-popover",
|
|
1899
|
-
children:
|
|
2164
|
+
children: ye
|
|
1900
2165
|
}) : e;
|
|
1901
|
-
} else
|
|
2166
|
+
} else be = p ? /* @__PURE__ */ D("div", {
|
|
1902
2167
|
className: "input-wrap",
|
|
1903
|
-
children: [
|
|
2168
|
+
children: [J, /* @__PURE__ */ E("button", {
|
|
1904
2169
|
type: "button",
|
|
1905
2170
|
className: "pw-toggle",
|
|
1906
2171
|
onClick: m,
|
|
@@ -1922,8 +2187,8 @@ var Ot = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
|
|
|
1922
2187
|
size: 16
|
|
1923
2188
|
})
|
|
1924
2189
|
}),
|
|
1925
|
-
|
|
1926
|
-
|
|
2190
|
+
J,
|
|
2191
|
+
de
|
|
1927
2192
|
]
|
|
1928
2193
|
}) : u ? /* @__PURE__ */ D("div", {
|
|
1929
2194
|
className: "input-icon",
|
|
@@ -1933,176 +2198,64 @@ var Ot = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
|
|
|
1933
2198
|
name: u,
|
|
1934
2199
|
size: 16
|
|
1935
2200
|
})
|
|
1936
|
-
}),
|
|
1937
|
-
}) :
|
|
2201
|
+
}), J]
|
|
2202
|
+
}) : J;
|
|
1938
2203
|
return /* @__PURE__ */ D(y.Group, {
|
|
1939
2204
|
className: `field${x ? ` ${x}` : ""}`,
|
|
1940
2205
|
children: [
|
|
1941
2206
|
e && !j && /* @__PURE__ */ D(y.Label, {
|
|
1942
2207
|
className: "label",
|
|
1943
|
-
htmlFor:
|
|
2208
|
+
htmlFor: V,
|
|
1944
2209
|
children: [
|
|
1945
2210
|
e,
|
|
1946
2211
|
t && /* @__PURE__ */ E(Z, {}),
|
|
1947
|
-
i && /* @__PURE__ */ E(
|
|
2212
|
+
i && /* @__PURE__ */ E(qe, {
|
|
1948
2213
|
label: a,
|
|
1949
2214
|
children: i
|
|
1950
2215
|
})
|
|
1951
2216
|
]
|
|
1952
2217
|
}),
|
|
1953
|
-
|
|
2218
|
+
be,
|
|
1954
2219
|
n ? /* @__PURE__ */ E("div", {
|
|
1955
2220
|
className: "field-error",
|
|
1956
|
-
id:
|
|
2221
|
+
id: fe,
|
|
1957
2222
|
children: n
|
|
1958
2223
|
}) : r ? /* @__PURE__ */ E("div", {
|
|
1959
2224
|
className: "field-hint",
|
|
1960
|
-
id:
|
|
2225
|
+
id: pe,
|
|
1961
2226
|
children: r
|
|
1962
2227
|
}) : null,
|
|
1963
2228
|
w && /* @__PURE__ */ D("div", {
|
|
1964
|
-
className: `field-count${T &&
|
|
1965
|
-
children: [
|
|
2229
|
+
className: `field-count${T && ae >= T ? " at-limit" : ""}`,
|
|
2230
|
+
children: [ae, T ? ` / ${T}` : ""]
|
|
1966
2231
|
})
|
|
1967
2232
|
]
|
|
1968
2233
|
});
|
|
1969
|
-
}),
|
|
1970
|
-
sm: 380,
|
|
1971
|
-
md: 440,
|
|
1972
|
-
lg: 640,
|
|
1973
|
-
xl: 880
|
|
1974
|
-
}, jt = !1;
|
|
1975
|
-
function Mt() {
|
|
1976
|
-
let e = !0;
|
|
1977
|
-
try {
|
|
1978
|
-
e = process.env.NODE_ENV !== "production";
|
|
1979
|
-
} catch {
|
|
1980
|
-
e = !0;
|
|
1981
|
-
}
|
|
1982
|
-
!e || jt || (jt = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
|
|
1983
|
-
}
|
|
1984
|
-
function Nt({ open: e, eyebrow: t, title: n, subtitle: r, headerIcon: i, tone: a = "default", dismissible: s = !0, onClose: c, footer: l, size: u = "md", placement: f = "center", hideHeader: p = !1, staticBackdrop: m = !1, ariaLabel: h, className: g = "", children: _, ...v }) {
|
|
1985
|
-
U("AppModal", v), W("AppModal", "size", typeof u == "string" ? u : null, Object.keys(At));
|
|
1986
|
-
let { style: y, ...x } = v;
|
|
1987
|
-
p && !h && typeof n != "string" && Mt();
|
|
1988
|
-
let S = d(null);
|
|
1989
|
-
o(() => {
|
|
1990
|
-
if (!e) return;
|
|
1991
|
-
let t = S.current?.closest(".modal-content");
|
|
1992
|
-
if (!t) return;
|
|
1993
|
-
let n = () => Array.from(t.querySelectorAll(kt));
|
|
1994
|
-
(t.querySelector("[data-autofocus]") || n().find((e) => !e.classList.contains("wui-modal-close")) || n()[0] || t).focus?.();
|
|
1995
|
-
}, [e]);
|
|
1996
|
-
let C = typeof u == "number" ? u : At[u] ?? At.md, w = [
|
|
1997
|
-
"wui-modal",
|
|
1998
|
-
a === "default" ? "" : `tone-${a}`,
|
|
1999
|
-
g
|
|
2000
|
-
].filter(Boolean).join(" ");
|
|
2001
|
-
return /* @__PURE__ */ D(b, {
|
|
2002
|
-
...x,
|
|
2003
|
-
show: e,
|
|
2004
|
-
onHide: c,
|
|
2005
|
-
backdrop: !m || "static",
|
|
2006
|
-
keyboard: !m,
|
|
2007
|
-
autoFocus: !1,
|
|
2008
|
-
enforceFocus: !0,
|
|
2009
|
-
restoreFocus: !0,
|
|
2010
|
-
centered: f !== "top",
|
|
2011
|
-
className: "wui-modal-shell",
|
|
2012
|
-
style: {
|
|
2013
|
-
"--wui-modal-max-width": `${C}px`,
|
|
2014
|
-
...y
|
|
2015
|
-
},
|
|
2016
|
-
dialogClassName: "wui-rb-dialog",
|
|
2017
|
-
contentClassName: w,
|
|
2018
|
-
backdropClassName: "wui-modal-dim",
|
|
2019
|
-
"aria-label": h || (typeof n == "string" ? n : void 0),
|
|
2020
|
-
children: [
|
|
2021
|
-
!p && /* @__PURE__ */ D("div", {
|
|
2022
|
-
className: "wui-modal-header",
|
|
2023
|
-
children: [/* @__PURE__ */ D("div", {
|
|
2024
|
-
className: "wui-modal-heading",
|
|
2025
|
-
children: [i && /* @__PURE__ */ E("span", {
|
|
2026
|
-
className: "wui-modal-headicon",
|
|
2027
|
-
children: /* @__PURE__ */ E(Y, {
|
|
2028
|
-
name: i,
|
|
2029
|
-
size: 18
|
|
2030
|
-
})
|
|
2031
|
-
}), /* @__PURE__ */ D("div", {
|
|
2032
|
-
className: "wui-modal-headtext",
|
|
2033
|
-
children: [
|
|
2034
|
-
t && /* @__PURE__ */ E("div", {
|
|
2035
|
-
className: "wui-modal-eyebrow",
|
|
2036
|
-
children: t
|
|
2037
|
-
}),
|
|
2038
|
-
/* @__PURE__ */ E("div", {
|
|
2039
|
-
className: "wui-modal-title",
|
|
2040
|
-
children: n
|
|
2041
|
-
}),
|
|
2042
|
-
r && /* @__PURE__ */ E("div", {
|
|
2043
|
-
className: "wui-modal-subtitle",
|
|
2044
|
-
children: r
|
|
2045
|
-
})
|
|
2046
|
-
]
|
|
2047
|
-
})]
|
|
2048
|
-
}), s && /* @__PURE__ */ E("button", {
|
|
2049
|
-
type: "button",
|
|
2050
|
-
className: "wui-modal-close",
|
|
2051
|
-
onClick: c,
|
|
2052
|
-
"aria-label": "Close",
|
|
2053
|
-
children: /* @__PURE__ */ E("svg", {
|
|
2054
|
-
width: "18",
|
|
2055
|
-
height: "18",
|
|
2056
|
-
viewBox: "0 0 24 24",
|
|
2057
|
-
fill: "none",
|
|
2058
|
-
stroke: "currentColor",
|
|
2059
|
-
strokeWidth: "2",
|
|
2060
|
-
strokeLinecap: "round",
|
|
2061
|
-
strokeLinejoin: "round",
|
|
2062
|
-
"aria-hidden": "true",
|
|
2063
|
-
children: /* @__PURE__ */ E("path", { d: "M18 6 6 18M6 6l12 12" })
|
|
2064
|
-
})
|
|
2065
|
-
})]
|
|
2066
|
-
}),
|
|
2067
|
-
/* @__PURE__ */ E("div", {
|
|
2068
|
-
className: "wui-modal-body",
|
|
2069
|
-
ref: S,
|
|
2070
|
-
children: _
|
|
2071
|
-
}),
|
|
2072
|
-
l && /* @__PURE__ */ E("div", {
|
|
2073
|
-
className: "wui-modal-footer",
|
|
2074
|
-
children: l
|
|
2075
|
-
})
|
|
2076
|
-
]
|
|
2077
|
-
});
|
|
2078
|
-
}
|
|
2079
|
-
//#endregion
|
|
2080
|
-
//#region src/components/ModalIcons.jsx
|
|
2081
|
-
var Pt = (e) => function({ size: t = 72 }) {
|
|
2234
|
+
}), Bt = (e) => function({ size: t = 72 }) {
|
|
2082
2235
|
return /* @__PURE__ */ E("wui-status-icon", {
|
|
2083
2236
|
tone: e,
|
|
2084
2237
|
size: t
|
|
2085
2238
|
});
|
|
2086
|
-
},
|
|
2087
|
-
success:
|
|
2088
|
-
error:
|
|
2089
|
-
warning:
|
|
2090
|
-
info:
|
|
2091
|
-
delete:
|
|
2092
|
-
primary:
|
|
2239
|
+
}, Vt = {
|
|
2240
|
+
success: Bt("success"),
|
|
2241
|
+
error: Bt("error"),
|
|
2242
|
+
warning: Bt("warning"),
|
|
2243
|
+
info: Bt("info"),
|
|
2244
|
+
delete: Bt("delete"),
|
|
2245
|
+
primary: Bt("primary")
|
|
2093
2246
|
};
|
|
2094
2247
|
//#endregion
|
|
2095
2248
|
//#region src/components/AppConfirmDialog.jsx
|
|
2096
|
-
function
|
|
2097
|
-
|
|
2249
|
+
function Ht({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancelLabel: i = "Cancel", danger: a = !1, tone: s, image: c, iconSize: l, confirmPhrase: u, onConfirm: d, onClose: p, loading: m = !1, staticBackdrop: h = !1, placement: g = "center", size: _ = "md", className: v = "", ...y }) {
|
|
2250
|
+
W("AppConfirmDialog", y);
|
|
2098
2251
|
let [b, x] = f("");
|
|
2099
2252
|
if (o(() => {
|
|
2100
2253
|
e || x("");
|
|
2101
2254
|
}, [e]), !e) return null;
|
|
2102
|
-
let S = !!u && b.trim() !== u, C = c ? null :
|
|
2255
|
+
let S = !!u && b.trim() !== u, C = c ? null : Vt[s || (a ? "delete" : "info")], w = l > 0 ? { "--wui-confirm-icon-size": `${l}px` } : void 0, O = () => {
|
|
2103
2256
|
m || p?.();
|
|
2104
2257
|
};
|
|
2105
|
-
return /* @__PURE__ */ E(
|
|
2258
|
+
return /* @__PURE__ */ E(jt, {
|
|
2106
2259
|
...y,
|
|
2107
2260
|
open: e,
|
|
2108
2261
|
hideHeader: !0,
|
|
@@ -2114,12 +2267,12 @@ function It({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
|
|
|
2114
2267
|
className: ["wui-confirm", v].filter(Boolean).join(" "),
|
|
2115
2268
|
footer: /* @__PURE__ */ D("div", {
|
|
2116
2269
|
className: "wui-confirm-actions",
|
|
2117
|
-
children: [/* @__PURE__ */ E(
|
|
2270
|
+
children: [/* @__PURE__ */ E(Be, {
|
|
2118
2271
|
variant: "secondary",
|
|
2119
2272
|
disabled: m,
|
|
2120
2273
|
onClick: O,
|
|
2121
2274
|
children: i
|
|
2122
|
-
}), /* @__PURE__ */ E(
|
|
2275
|
+
}), /* @__PURE__ */ E(Be, {
|
|
2123
2276
|
variant: a ? "danger" : "primary",
|
|
2124
2277
|
disabled: S,
|
|
2125
2278
|
loading: m,
|
|
@@ -2141,7 +2294,7 @@ function It({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
|
|
|
2141
2294
|
}) : C && /* @__PURE__ */ E("span", {
|
|
2142
2295
|
className: "wui-confirm-icon",
|
|
2143
2296
|
style: w,
|
|
2144
|
-
children: /* @__PURE__ */ E(C, { size:
|
|
2297
|
+
children: /* @__PURE__ */ E(C, { size: 120 })
|
|
2145
2298
|
}),
|
|
2146
2299
|
/* @__PURE__ */ E("h3", {
|
|
2147
2300
|
className: "wui-confirm-title",
|
|
@@ -2153,7 +2306,7 @@ function It({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
|
|
|
2153
2306
|
className: "wui-confirm-msg",
|
|
2154
2307
|
children: n
|
|
2155
2308
|
}),
|
|
2156
|
-
u && /* @__PURE__ */ E(
|
|
2309
|
+
u && /* @__PURE__ */ E(zt, {
|
|
2157
2310
|
fieldClassName: "mt-3 mb-0 w-100 text-start",
|
|
2158
2311
|
label: /* @__PURE__ */ D(T, { children: [
|
|
2159
2312
|
"Type ",
|
|
@@ -2171,16 +2324,16 @@ function It({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
|
|
|
2171
2324
|
}
|
|
2172
2325
|
//#endregion
|
|
2173
2326
|
//#region src/components/AppConsentBanner.jsx
|
|
2174
|
-
var
|
|
2175
|
-
function
|
|
2176
|
-
|
|
2327
|
+
var Ut = ["bottom-left", "bottom-right"];
|
|
2328
|
+
function Wt({ heading: e, description: t, policyHref: n, policyLabel: r, analyticsDescription: i, functionalDescription: a, marketingDescription: s, position: c = "bottom-left", standalone: l = !1, className: u = "", style: d, ...f }) {
|
|
2329
|
+
W("AppConsentBanner", f), G("AppConsentBanner", "position", c, Ut);
|
|
2177
2330
|
let { setRef: p, innerRef: m } = Q({ on: { "wui-consent-save": (e) => {
|
|
2178
|
-
|
|
2331
|
+
z(e.detail), m.current && (m.current.preferences = R());
|
|
2179
2332
|
} } });
|
|
2180
2333
|
return o(() => {
|
|
2181
2334
|
let e = m.current;
|
|
2182
2335
|
if (!e) return;
|
|
2183
|
-
let t =
|
|
2336
|
+
let t = R();
|
|
2184
2337
|
e.preferences = t, t.decided || e.open();
|
|
2185
2338
|
}, [m]), /* @__PURE__ */ E("wui-consent-banner", {
|
|
2186
2339
|
ref: p,
|
|
@@ -2200,26 +2353,26 @@ function Rt({ heading: e, description: t, policyHref: n, policyLabel: r, analyti
|
|
|
2200
2353
|
}
|
|
2201
2354
|
//#endregion
|
|
2202
2355
|
//#region src/components/AppCopyButton.jsx
|
|
2203
|
-
var
|
|
2356
|
+
var Gt = {
|
|
2204
2357
|
sm: 14,
|
|
2205
2358
|
md: 16,
|
|
2206
2359
|
lg: 20
|
|
2207
2360
|
};
|
|
2208
|
-
function
|
|
2209
|
-
|
|
2361
|
+
function Kt({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r = !1, size: i = "md", variant: s = "ghost", onCopied: c, className: l = "", tooltip: u, tooltipPlacement: p, ...m }) {
|
|
2362
|
+
W("AppCopyButton", m), G("AppCopyButton", "size", i, Object.keys(Gt));
|
|
2210
2363
|
let [h, g] = f(!1), _ = d(null);
|
|
2211
2364
|
o(() => () => clearTimeout(_.current), []);
|
|
2212
2365
|
let v = a(async () => {
|
|
2213
2366
|
await M(e) && (g(!0), clearTimeout(_.current), _.current = setTimeout(() => g(!1), O), c?.());
|
|
2214
2367
|
}, [e, c]), y = h ? n : t, b = h ? "check" : "files";
|
|
2215
|
-
return
|
|
2368
|
+
return q(r ? /* @__PURE__ */ E(je, {
|
|
2216
2369
|
icon: b,
|
|
2217
2370
|
label: y,
|
|
2218
|
-
size:
|
|
2371
|
+
size: Gt[i] ?? Gt.md,
|
|
2219
2372
|
onClick: v,
|
|
2220
2373
|
className: l,
|
|
2221
2374
|
...m
|
|
2222
|
-
}) : /* @__PURE__ */ E(
|
|
2375
|
+
}) : /* @__PURE__ */ E(Be, {
|
|
2223
2376
|
leftIcon: b,
|
|
2224
2377
|
variant: s,
|
|
2225
2378
|
size: i,
|
|
@@ -2232,12 +2385,12 @@ function Bt({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r
|
|
|
2232
2385
|
}
|
|
2233
2386
|
//#endregion
|
|
2234
2387
|
//#region src/components/AppCountrySelect.jsx
|
|
2235
|
-
var
|
|
2388
|
+
var qt = [
|
|
2236
2389
|
"sm",
|
|
2237
2390
|
"md",
|
|
2238
2391
|
"lg"
|
|
2239
|
-
],
|
|
2240
|
-
|
|
2392
|
+
], Jt = i(function({ value: e, onChange: t, countries: n, placeholder: r = "Select country", searchPlaceholder: i = "Search countries...", searchable: a = !0, clearable: o = !1, size: c = "md", floatingLabel: l = !1, disabled: u, label: d, required: f = !1, error: p, hint: m, help: h, helpLabel: g = "More information", id: _, name: v, className: y = "", fieldClassName: b = "", "aria-label": x, "aria-labelledby": S, "aria-describedby": C, ...w }, T) {
|
|
2393
|
+
W("AppCountrySelect", w), G("AppCountrySelect", "size", c, qt);
|
|
2241
2394
|
let O = s(), { setRef: k } = Q({
|
|
2242
2395
|
ref: T,
|
|
2243
2396
|
value: e ?? "",
|
|
@@ -2270,7 +2423,7 @@ var Vt = [
|
|
|
2270
2423
|
children: [
|
|
2271
2424
|
d,
|
|
2272
2425
|
f && /* @__PURE__ */ E(Z, {}),
|
|
2273
|
-
h && /* @__PURE__ */ E(
|
|
2426
|
+
h && /* @__PURE__ */ E(qe, {
|
|
2274
2427
|
label: g,
|
|
2275
2428
|
children: h
|
|
2276
2429
|
})
|
|
@@ -2298,8 +2451,8 @@ var Vt = [
|
|
|
2298
2451
|
});
|
|
2299
2452
|
//#endregion
|
|
2300
2453
|
//#region src/components/AppSkeleton.jsx
|
|
2301
|
-
function
|
|
2302
|
-
return
|
|
2454
|
+
function Yt({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "", style: i, ...a }) {
|
|
2455
|
+
return W("AppSkeleton", a), /* @__PURE__ */ E("span", {
|
|
2303
2456
|
className: `skeleton${r ? ` ${r}` : ""}`,
|
|
2304
2457
|
"aria-hidden": "true",
|
|
2305
2458
|
style: {
|
|
@@ -2311,29 +2464,29 @@ function Ut({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "
|
|
|
2311
2464
|
...a
|
|
2312
2465
|
});
|
|
2313
2466
|
}
|
|
2314
|
-
function
|
|
2315
|
-
return Array.from({ length: e }).map((e, n) => /* @__PURE__ */ E("tr", { children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E(
|
|
2467
|
+
function Xt({ rows: e = 4, cols: t = 5 }) {
|
|
2468
|
+
return Array.from({ length: e }).map((e, n) => /* @__PURE__ */ E("tr", { children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E(Yt, {
|
|
2316
2469
|
width: t === 0 ? "70%" : "50%",
|
|
2317
2470
|
height: 12
|
|
2318
2471
|
}) }, `col-${t}`)) }, `row-${n}`));
|
|
2319
2472
|
}
|
|
2320
2473
|
//#endregion
|
|
2321
2474
|
//#region src/lib/pageWindow.js
|
|
2322
|
-
var
|
|
2475
|
+
var Zt = (e, t) => {
|
|
2323
2476
|
let n = [];
|
|
2324
2477
|
for (let r = e; r <= t; r += 1) n.push(r);
|
|
2325
2478
|
return n;
|
|
2326
2479
|
};
|
|
2327
|
-
function
|
|
2480
|
+
function Qt(e, t, { siblingCount: n = 2, boundaryCount: r = 1 } = {}) {
|
|
2328
2481
|
let i = Math.max(1, t), a = Math.min(Math.max(1, e), i);
|
|
2329
|
-
if (i <= n * 2 + 3 + r * 2) return
|
|
2330
|
-
let o = Math.max(a - n, r + 2), s = Math.min(a + n, i - r - 1), c = o > r + 2, l = s < i - r - 1, u =
|
|
2331
|
-
return u.push(...c ? ["ellipsis-left"] :
|
|
2482
|
+
if (i <= n * 2 + 3 + r * 2) return Zt(1, i);
|
|
2483
|
+
let o = Math.max(a - n, r + 2), s = Math.min(a + n, i - r - 1), c = o > r + 2, l = s < i - r - 1, u = Zt(1, r);
|
|
2484
|
+
return u.push(...c ? ["ellipsis-left"] : Zt(r + 1, o - 1)), u.push(...Zt(o, s)), u.push(...l ? ["ellipsis-right"] : Zt(s + 1, i - r)), u.push(...Zt(i - r + 1, i)), u;
|
|
2332
2485
|
}
|
|
2333
2486
|
//#endregion
|
|
2334
2487
|
//#region src/components/AppSelectMini.jsx
|
|
2335
|
-
function
|
|
2336
|
-
|
|
2488
|
+
function $t({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", name: i, ariaLabel: a, id: s, disabled: c, size: l, icon: u, prefix: d, className: f, ...p }) {
|
|
2489
|
+
W("AppSelectMini", p);
|
|
2337
2490
|
let { setRef: m, innerRef: h } = Q({
|
|
2338
2491
|
value: e ?? "",
|
|
2339
2492
|
onChange: t
|
|
@@ -2346,7 +2499,7 @@ function qt({ value: e, onChange: t, options: n = [], placeholder: r = "Select..
|
|
|
2346
2499
|
label: e.label ?? e.text ?? "",
|
|
2347
2500
|
icon: e.icon
|
|
2348
2501
|
}));
|
|
2349
|
-
|
|
2502
|
+
Ze(t, e.options) || (e.options = t);
|
|
2350
2503
|
}, [n, h]), o(() => {
|
|
2351
2504
|
let e = h.current;
|
|
2352
2505
|
if (e) for (let [t, n] of [["icon", u], ["prefix", d]]) n == null || n === "" ? e.removeAttribute(t) : e.setAttribute(t, n);
|
|
@@ -2369,22 +2522,22 @@ function qt({ value: e, onChange: t, options: n = [], placeholder: r = "Select..
|
|
|
2369
2522
|
}
|
|
2370
2523
|
//#endregion
|
|
2371
2524
|
//#region src/components/AppTablePagination.jsx
|
|
2372
|
-
var
|
|
2525
|
+
var en = [
|
|
2373
2526
|
5,
|
|
2374
2527
|
10,
|
|
2375
2528
|
25,
|
|
2376
2529
|
50
|
|
2377
2530
|
];
|
|
2378
|
-
function
|
|
2379
|
-
|
|
2380
|
-
let p = l === "numbered", m = p ?
|
|
2531
|
+
function tn({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRow: a, onPageChange: o, onPageSizeChange: s, pageSizes: c = en, mode: l = "prev-next", showPageSize: u = !0, className: d = "", ...f }) {
|
|
2532
|
+
W("AppTablePagination", f);
|
|
2533
|
+
let p = l === "numbered", m = p ? Qt(e, t) : null;
|
|
2381
2534
|
return /* @__PURE__ */ D("div", {
|
|
2382
2535
|
className: `table-pagination${d ? ` ${d}` : ""}`,
|
|
2383
2536
|
...f,
|
|
2384
2537
|
children: [
|
|
2385
2538
|
u && /* @__PURE__ */ D("span", {
|
|
2386
2539
|
className: "tpg-rows",
|
|
2387
|
-
children: ["Rows per page:", /* @__PURE__ */ E(
|
|
2540
|
+
children: ["Rows per page:", /* @__PURE__ */ E($t, {
|
|
2388
2541
|
value: n,
|
|
2389
2542
|
onChange: (e) => s(Number(e)),
|
|
2390
2543
|
ariaLabel: "Rows per page",
|
|
@@ -2448,14 +2601,14 @@ function Yt({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRo
|
|
|
2448
2601
|
}
|
|
2449
2602
|
//#endregion
|
|
2450
2603
|
//#region src/components/AppDataTable.jsx
|
|
2451
|
-
function
|
|
2604
|
+
function nn(e) {
|
|
2452
2605
|
return e === "end" ? "wui-cell-end" : e === "num" ? "num" : e === "center" ? "text-center" : "";
|
|
2453
2606
|
}
|
|
2454
|
-
function
|
|
2607
|
+
function rn(e) {
|
|
2455
2608
|
return e == null || e === "" ? "-" : typeof e == "boolean" ? String(e) : e;
|
|
2456
2609
|
}
|
|
2457
|
-
function
|
|
2458
|
-
|
|
2610
|
+
function an({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a, loading: o = !1, skeletonRows: s = 5, empty: c = "No records found.", emptyFiltered: l, sourceCount: u, rowActions: d, rowActionsLabel: p, pagination: m, ariaLabel: h, className: g = "", wrapperClassName: _ = "", selectable: v = !1, selectedIds: y, onToggleRow: b, onToggleAll: x, renderExpanded: S, ...C }) {
|
|
2611
|
+
W("AppDataTable", C);
|
|
2459
2612
|
let w = typeof S == "function", [O, k] = f(() => /* @__PURE__ */ new Set()), A = (e) => k((t) => {
|
|
2460
2613
|
let n = new Set(t);
|
|
2461
2614
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
@@ -2491,7 +2644,7 @@ function Qt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
|
|
|
2491
2644
|
e.map((e, t) => {
|
|
2492
2645
|
let n = !!(e.sortable && a), r = i && i.key === e.key;
|
|
2493
2646
|
return /* @__PURE__ */ D("th", {
|
|
2494
|
-
className: (n ? "sortable " : "") + (t === 0 ? "wui-name-cell " : "") +
|
|
2647
|
+
className: (n ? "sortable " : "") + (t === 0 ? "wui-name-cell " : "") + nn(e.align),
|
|
2495
2648
|
style: e.width ? { width: e.width } : void 0,
|
|
2496
2649
|
tabIndex: n ? 0 : void 0,
|
|
2497
2650
|
"aria-sort": r ? i.dir === "asc" ? "ascending" : "descending" : n ? "none" : void 0,
|
|
@@ -2518,7 +2671,7 @@ function Qt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
|
|
|
2518
2671
|
children: "Actions"
|
|
2519
2672
|
})
|
|
2520
2673
|
}))
|
|
2521
|
-
] }) }), /* @__PURE__ */ E("tbody", { children: o ? /* @__PURE__ */ E(
|
|
2674
|
+
] }) }), /* @__PURE__ */ E("tbody", { children: o ? /* @__PURE__ */ E(Xt, {
|
|
2522
2675
|
rows: s,
|
|
2523
2676
|
cols: j
|
|
2524
2677
|
}) : n?.length ? n.map((n, i) => {
|
|
@@ -2552,9 +2705,9 @@ function Qt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
|
|
|
2552
2705
|
})
|
|
2553
2706
|
}),
|
|
2554
2707
|
e.map((e, t) => /* @__PURE__ */ E("td", {
|
|
2555
|
-
className: (t === 0 ? "wui-name-cell " : "") +
|
|
2708
|
+
className: (t === 0 ? "wui-name-cell " : "") + nn(e.align) + (e.cellClassName ? ` ${e.cellClassName}` : ""),
|
|
2556
2709
|
style: e.cellStyle,
|
|
2557
|
-
children: e.render ? e.render(n) :
|
|
2710
|
+
children: e.render ? e.render(n) : rn(n[e.key])
|
|
2558
2711
|
}, e.key)),
|
|
2559
2712
|
d && /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E("div", {
|
|
2560
2713
|
className: "u-row-actions",
|
|
@@ -2577,7 +2730,7 @@ function Qt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
|
|
|
2577
2730
|
children: I
|
|
2578
2731
|
}) : I
|
|
2579
2732
|
})]
|
|
2580
|
-
}), m && m.total > 0 && /* @__PURE__ */ E(
|
|
2733
|
+
}), m && m.total > 0 && /* @__PURE__ */ E(tn, {
|
|
2581
2734
|
page: m.page,
|
|
2582
2735
|
totalPages: m.totalPages,
|
|
2583
2736
|
pageSize: m.pageSize,
|
|
@@ -2592,8 +2745,8 @@ function Qt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
|
|
|
2592
2745
|
}
|
|
2593
2746
|
//#endregion
|
|
2594
2747
|
//#region src/components/AppDatePicker.jsx
|
|
2595
|
-
var
|
|
2596
|
-
|
|
2748
|
+
var on = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, placeholder: u = "Enter Date", disabled: d, size: f, firstDay: p, id: m, ariaLabel: h, className: g = "", fieldClassName: _ = "", ...v }, y) {
|
|
2749
|
+
W("AppDatePicker", v);
|
|
2597
2750
|
let b = s(), x = m || b, { setRef: S } = Q({
|
|
2598
2751
|
ref: y,
|
|
2599
2752
|
value: e ?? "",
|
|
@@ -2636,8 +2789,8 @@ var $t = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
|
|
|
2636
2789
|
})
|
|
2637
2790
|
]
|
|
2638
2791
|
});
|
|
2639
|
-
}),
|
|
2640
|
-
|
|
2792
|
+
}), sn = i(function({ start: e, end: t, onChange: n, label: r, required: i = !1, hint: a, error: c, startName: l, endName: u, min: d, max: f, placeholder: p = "Start – End", disabled: m, size: h, firstDay: g, id: _, ariaLabel: v, className: y = "", fieldClassName: b = "", ...x }, S) {
|
|
2793
|
+
W("AppDateRangePicker", x);
|
|
2641
2794
|
let C = s(), w = _ || C, { setRef: T, innerRef: O } = Q({
|
|
2642
2795
|
ref: S,
|
|
2643
2796
|
onChange: n
|
|
@@ -2697,8 +2850,8 @@ var $t = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
|
|
|
2697
2850
|
});
|
|
2698
2851
|
//#endregion
|
|
2699
2852
|
//#region src/components/AppDescriptions.jsx
|
|
2700
|
-
function
|
|
2701
|
-
return
|
|
2853
|
+
function cn({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, title: i, className: a = "", ...o }) {
|
|
2854
|
+
return W("AppDescriptions", o), /* @__PURE__ */ D("div", {
|
|
2702
2855
|
className: [
|
|
2703
2856
|
"descs",
|
|
2704
2857
|
`descs-col-${t}`,
|
|
@@ -2713,7 +2866,7 @@ function tn({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, t
|
|
|
2713
2866
|
}), /* @__PURE__ */ E("dl", {
|
|
2714
2867
|
className: "descs-list",
|
|
2715
2868
|
children: e.map((e, t) => {
|
|
2716
|
-
let n =
|
|
2869
|
+
let n = Lt(e.value), r = e.span ?? 1, i = e.key ?? `${e.label}-${t}`;
|
|
2717
2870
|
return /* @__PURE__ */ D("div", {
|
|
2718
2871
|
className: "descs-item",
|
|
2719
2872
|
style: { "--descs-span": r },
|
|
@@ -2731,18 +2884,18 @@ function tn({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, t
|
|
|
2731
2884
|
}
|
|
2732
2885
|
//#endregion
|
|
2733
2886
|
//#region src/components/AppDropdown.jsx
|
|
2734
|
-
var
|
|
2735
|
-
function
|
|
2887
|
+
var ln = !1;
|
|
2888
|
+
function un() {
|
|
2736
2889
|
let e = !0;
|
|
2737
2890
|
try {
|
|
2738
2891
|
e = process.env.NODE_ENV !== "production";
|
|
2739
2892
|
} catch {
|
|
2740
2893
|
e = !0;
|
|
2741
2894
|
}
|
|
2742
|
-
!e ||
|
|
2895
|
+
!e || ln || (ln = !0, console.warn("[@webority/ui-react] <AppDropdown> icon-only toggle has no accessible name — pass `label` or `ariaLabel`."));
|
|
2743
2896
|
}
|
|
2744
|
-
function
|
|
2745
|
-
|
|
2897
|
+
function dn({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i, align: a = "end", items: s = [], menuClassName: c = "", linkComponent: l, children: u, trigger: d, ...p }) {
|
|
2898
|
+
W("AppDropdown", p), !d && !i && !r && un();
|
|
2746
2899
|
let m = n ?? (d ? "wui-dropdown-trigger" : "topbar-icon-btn"), [h, g] = f(!1);
|
|
2747
2900
|
return o(() => {
|
|
2748
2901
|
if (!h) return;
|
|
@@ -2759,7 +2912,7 @@ function an({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i,
|
|
|
2759
2912
|
onToggle: (e) => g(e),
|
|
2760
2913
|
...p,
|
|
2761
2914
|
children: [/* @__PURE__ */ E(v.Toggle, {
|
|
2762
|
-
as:
|
|
2915
|
+
as: fn,
|
|
2763
2916
|
icon: e,
|
|
2764
2917
|
iconSize: t,
|
|
2765
2918
|
btnClassName: m,
|
|
@@ -2795,7 +2948,7 @@ function an({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i,
|
|
|
2795
2948
|
})]
|
|
2796
2949
|
});
|
|
2797
2950
|
}
|
|
2798
|
-
var
|
|
2951
|
+
var fn = i(function({ icon: e, iconSize: t = 20, btnClassName: n = "topbar-icon-btn", trigger: r, "aria-label": i, className: a, ...o }, s) {
|
|
2799
2952
|
return /* @__PURE__ */ E("button", {
|
|
2800
2953
|
ref: s,
|
|
2801
2954
|
type: "button",
|
|
@@ -2810,16 +2963,16 @@ var on = i(function({ icon: e, iconSize: t = 20, btnClassName: n = "topbar-icon-
|
|
|
2810
2963
|
});
|
|
2811
2964
|
//#endregion
|
|
2812
2965
|
//#region src/lib/fileItem.js
|
|
2813
|
-
function
|
|
2966
|
+
function pn(e) {
|
|
2814
2967
|
return e instanceof File ? `${e.name}:${e.size}` : e?.url || e?.name || "item";
|
|
2815
2968
|
}
|
|
2816
|
-
function
|
|
2969
|
+
function mn(e) {
|
|
2817
2970
|
return e instanceof File ? e.name : e?.name;
|
|
2818
2971
|
}
|
|
2819
|
-
function
|
|
2972
|
+
function hn(e) {
|
|
2820
2973
|
return e instanceof File ? `${(e.size / 1024).toFixed(0)} KB` : null;
|
|
2821
2974
|
}
|
|
2822
|
-
function
|
|
2975
|
+
function gn(e, t) {
|
|
2823
2976
|
let [n, r] = f(null);
|
|
2824
2977
|
return o(() => {
|
|
2825
2978
|
if (!t) {
|
|
@@ -2835,8 +2988,8 @@ function un(e, t) {
|
|
|
2835
2988
|
}
|
|
2836
2989
|
//#endregion
|
|
2837
2990
|
//#region src/lib/FileItemRow.jsx
|
|
2838
|
-
function
|
|
2839
|
-
let i =
|
|
2991
|
+
function _n({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
|
|
2992
|
+
let i = gn(e, t), a = mn(e), o = hn(e);
|
|
2840
2993
|
return /* @__PURE__ */ D("div", {
|
|
2841
2994
|
className: "attach-item",
|
|
2842
2995
|
children: [
|
|
@@ -2875,15 +3028,15 @@ function dn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
|
|
|
2875
3028
|
}
|
|
2876
3029
|
//#endregion
|
|
2877
3030
|
//#region src/components/AppFileAttachment.jsx
|
|
2878
|
-
function
|
|
2879
|
-
|
|
2880
|
-
let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S =
|
|
3031
|
+
function vn({ label: e = "Attachment", value: t, name: n, onChange: r, multiple: i = !1, accept: a = k, maxSizeMb: o = A, optional: c = !1, validate: l = !0, error: u, id: d, ...p }) {
|
|
3032
|
+
W("AppFileAttachment", p);
|
|
3033
|
+
let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S = yn(a, o);
|
|
2881
3034
|
function C(e) {
|
|
2882
3035
|
let n = Array.from(e.target.files || []);
|
|
2883
3036
|
if (e.target.value = "", !n.length) return;
|
|
2884
3037
|
let s = [], c = "";
|
|
2885
3038
|
for (let e of n) {
|
|
2886
|
-
let t = l ?
|
|
3039
|
+
let t = l ? L(e, {
|
|
2887
3040
|
accept: a,
|
|
2888
3041
|
maxSizeMb: o
|
|
2889
3042
|
}) : null;
|
|
@@ -2894,14 +3047,14 @@ function fn({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
|
|
|
2894
3047
|
s.push(e);
|
|
2895
3048
|
}
|
|
2896
3049
|
if (_(c), s.length) if (i) {
|
|
2897
|
-
let e = Array.isArray(t) ? t : t ? [t] : [], n = new Set(e.map(
|
|
2898
|
-
r(e.concat(s.filter((e) => !n.has(
|
|
3050
|
+
let e = Array.isArray(t) ? t : t ? [t] : [], n = new Set(e.map(pn));
|
|
3051
|
+
r(e.concat(s.filter((e) => !n.has(pn(e)))));
|
|
2899
3052
|
} else r(s[0]);
|
|
2900
3053
|
}
|
|
2901
3054
|
function w(e) {
|
|
2902
3055
|
_(""), r(i ? v.filter((t, n) => n !== e) : null);
|
|
2903
3056
|
}
|
|
2904
|
-
let O = u || g, j = O ? `${h}-error` : void 0, M = i || v.length === 0, N = y ? "image" : "file",
|
|
3057
|
+
let O = u || g, j = O ? `${h}-error` : void 0, M = i || v.length === 0, N = y ? "image" : "file", I = i ? `Add ${N}s` : `Add ${y ? "an" : "a"} ${N}`;
|
|
2905
3058
|
return /* @__PURE__ */ D("div", {
|
|
2906
3059
|
className: "field",
|
|
2907
3060
|
children: [
|
|
@@ -2928,7 +3081,7 @@ function fn({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
|
|
|
2928
3081
|
className: "attach-drop-copy",
|
|
2929
3082
|
children: [/* @__PURE__ */ E("span", {
|
|
2930
3083
|
className: "attach-drop-title",
|
|
2931
|
-
children:
|
|
3084
|
+
children: I
|
|
2932
3085
|
}), S && /* @__PURE__ */ E("span", {
|
|
2933
3086
|
className: "attach-drop-hint",
|
|
2934
3087
|
children: S
|
|
@@ -2950,17 +3103,17 @@ function fn({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
|
|
|
2950
3103
|
onChange: C,
|
|
2951
3104
|
...p
|
|
2952
3105
|
})] }),
|
|
2953
|
-
x ? /* @__PURE__ */ E(
|
|
3106
|
+
x ? /* @__PURE__ */ E(bn, {
|
|
2954
3107
|
item: v[0],
|
|
2955
3108
|
isImage: !0,
|
|
2956
3109
|
onRemove: () => w(0)
|
|
2957
3110
|
}) : v.length > 0 && /* @__PURE__ */ E("div", {
|
|
2958
3111
|
className: "attach-list",
|
|
2959
|
-
children: v.map((e, t) => /* @__PURE__ */ E(
|
|
3112
|
+
children: v.map((e, t) => /* @__PURE__ */ E(_n, {
|
|
2960
3113
|
item: e,
|
|
2961
3114
|
isImage: b(e),
|
|
2962
3115
|
onRemove: () => w(t)
|
|
2963
|
-
},
|
|
3116
|
+
}, pn(e)))
|
|
2964
3117
|
}),
|
|
2965
3118
|
O && /* @__PURE__ */ E("div", {
|
|
2966
3119
|
className: "field-error",
|
|
@@ -2970,12 +3123,12 @@ function fn({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
|
|
|
2970
3123
|
]
|
|
2971
3124
|
});
|
|
2972
3125
|
}
|
|
2973
|
-
function
|
|
3126
|
+
function yn(e, t) {
|
|
2974
3127
|
let n = e?.trim() ? j(e) : "", r = t > 0 ? `up to ${t} MB` : "";
|
|
2975
3128
|
return n && r ? `${n}, ${r}` : r ? `Up to ${t} MB` : n;
|
|
2976
3129
|
}
|
|
2977
|
-
function
|
|
2978
|
-
let r =
|
|
3130
|
+
function bn({ item: e, isImage: t, onRemove: n }) {
|
|
3131
|
+
let r = gn(e, t), i = mn(e), a = hn(e);
|
|
2979
3132
|
return /* @__PURE__ */ D("div", {
|
|
2980
3133
|
className: "attach-preview",
|
|
2981
3134
|
children: [/* @__PURE__ */ D("div", {
|
|
@@ -3007,8 +3160,8 @@ function mn({ item: e, isImage: t, onRemove: n }) {
|
|
|
3007
3160
|
}
|
|
3008
3161
|
//#endregion
|
|
3009
3162
|
//#region src/components/AppFilePicker.jsx
|
|
3010
|
-
function
|
|
3011
|
-
|
|
3163
|
+
function xn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, maxFiles: c, accept: l = ".jpg,.jpeg,.png", maxSizeMb: u = A, required: p, error: m, hint: h, loading: g = !1, className: _ = "", fieldClassName: v = "", style: y, ...b }) {
|
|
3164
|
+
W("AppFilePicker", b);
|
|
3012
3165
|
let [x, S] = f(null), [C, w] = f(!1), [T, O] = f(""), k = d(null), M = s(), N = r || M;
|
|
3013
3166
|
o(() => {
|
|
3014
3167
|
if (!a && t instanceof File && P(t)) {
|
|
@@ -3017,18 +3170,18 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3017
3170
|
}
|
|
3018
3171
|
S(null);
|
|
3019
3172
|
}, [t, a]);
|
|
3020
|
-
let
|
|
3021
|
-
let t =
|
|
3173
|
+
let I = a ? Array.isArray(t) ? t : t ? [t] : [] : [], R = m || T, z = R ? `${N}-error` : void 0, B = h && !R ? `${N}-hint` : void 0, V = z || B, H = F(l), ee = !a && !!t, U = ee && (t instanceof File ? P(t) : H || P(t)), te = t?.name, ne = U ? t?.url || x : null, re = U ? "image" : "file", ie = e ? `Change ${e}` : `Change ${re}`, ae = e ? `Remove ${e}` : `Remove ${re}`, oe = e ? `${e} preview` : `Selected ${re} preview`, G = (e) => {
|
|
3174
|
+
let t = L(e, {
|
|
3022
3175
|
accept: l,
|
|
3023
3176
|
maxSizeMb: u
|
|
3024
3177
|
});
|
|
3025
3178
|
return t ? (O(t), !1) : (O(""), i(e), !0);
|
|
3026
|
-
},
|
|
3179
|
+
}, se = (e) => {
|
|
3027
3180
|
let n = Array.from(e || []);
|
|
3028
3181
|
if (!n.length) return;
|
|
3029
|
-
let r = Array.isArray(t) ? t : t ? [t] : [], a = new Set(r.map(
|
|
3182
|
+
let r = Array.isArray(t) ? t : t ? [t] : [], a = new Set(r.map(pn)), o = "", s = [];
|
|
3030
3183
|
for (let e of n) {
|
|
3031
|
-
let t =
|
|
3184
|
+
let t = L(e, {
|
|
3032
3185
|
accept: l,
|
|
3033
3186
|
maxSizeMb: u
|
|
3034
3187
|
});
|
|
@@ -3036,40 +3189,40 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3036
3189
|
o ||= t;
|
|
3037
3190
|
continue;
|
|
3038
3191
|
}
|
|
3039
|
-
a.has(
|
|
3192
|
+
a.has(pn(e)) || (a.add(pn(e)), s.push(e));
|
|
3040
3193
|
}
|
|
3041
3194
|
let d = r.concat(s);
|
|
3042
3195
|
c && d.length > c && (d = d.slice(0, c), o ||= `Up to ${c} files.`), O(o), i(d);
|
|
3043
|
-
},
|
|
3196
|
+
}, K = (e) => {
|
|
3044
3197
|
if (a) {
|
|
3045
|
-
|
|
3198
|
+
se(e.target.files);
|
|
3046
3199
|
return;
|
|
3047
3200
|
}
|
|
3048
3201
|
let t = e.target.files?.[0] || null;
|
|
3049
|
-
t && (
|
|
3050
|
-
},
|
|
3202
|
+
t && (G(t) || (e.target.value = ""));
|
|
3203
|
+
}, ce = (e) => {
|
|
3051
3204
|
if (e.preventDefault(), w(!1), g) return;
|
|
3052
3205
|
if (a) {
|
|
3053
|
-
|
|
3206
|
+
se(e.dataTransfer.files);
|
|
3054
3207
|
return;
|
|
3055
3208
|
}
|
|
3056
3209
|
let t = e.dataTransfer.files?.[0];
|
|
3057
|
-
t &&
|
|
3058
|
-
},
|
|
3059
|
-
O(""), i(
|
|
3060
|
-
},
|
|
3210
|
+
t && G(t);
|
|
3211
|
+
}, le = (e) => {
|
|
3212
|
+
O(""), i(I.filter((t, n) => n !== e));
|
|
3213
|
+
}, ue = () => k.current?.click(), de = g ? /* @__PURE__ */ E("span", {
|
|
3061
3214
|
className: "wui-file-busy",
|
|
3062
3215
|
children: /* @__PURE__ */ E("span", {
|
|
3063
3216
|
className: "spinner-border spinner-border-sm",
|
|
3064
3217
|
role: "status",
|
|
3065
3218
|
"aria-label": "Loading"
|
|
3066
3219
|
})
|
|
3067
|
-
}) : null,
|
|
3220
|
+
}) : null, fe = /* @__PURE__ */ E("input", {
|
|
3068
3221
|
id: N,
|
|
3069
3222
|
name: n,
|
|
3070
3223
|
ref: k,
|
|
3071
3224
|
type: "file",
|
|
3072
|
-
"aria-describedby":
|
|
3225
|
+
"aria-describedby": V,
|
|
3073
3226
|
accept: l,
|
|
3074
3227
|
multiple: a || void 0,
|
|
3075
3228
|
disabled: g || void 0,
|
|
@@ -3077,7 +3230,7 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3077
3230
|
onClick: (e) => {
|
|
3078
3231
|
e.currentTarget.value = "";
|
|
3079
3232
|
},
|
|
3080
|
-
onChange:
|
|
3233
|
+
onChange: K,
|
|
3081
3234
|
...b
|
|
3082
3235
|
});
|
|
3083
3236
|
return /* @__PURE__ */ D("div", {
|
|
@@ -3088,7 +3241,7 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3088
3241
|
htmlFor: N,
|
|
3089
3242
|
children: [e, p && /* @__PURE__ */ E(Z, {})]
|
|
3090
3243
|
}),
|
|
3091
|
-
|
|
3244
|
+
ee ? /* @__PURE__ */ D("div", {
|
|
3092
3245
|
className: `file-preview${R ? " error" : ""}${_ ? ` ${_}` : ""}`,
|
|
3093
3246
|
style: y,
|
|
3094
3247
|
"aria-busy": g || void 0,
|
|
@@ -3096,12 +3249,12 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3096
3249
|
/* @__PURE__ */ D("button", {
|
|
3097
3250
|
type: "button",
|
|
3098
3251
|
className: "file-preview-open",
|
|
3099
|
-
"aria-label":
|
|
3100
|
-
onClick:
|
|
3252
|
+
"aria-label": ie,
|
|
3253
|
+
onClick: ue,
|
|
3101
3254
|
disabled: g,
|
|
3102
|
-
children: [
|
|
3103
|
-
src:
|
|
3104
|
-
alt:
|
|
3255
|
+
children: [U && ne ? /* @__PURE__ */ E("img", {
|
|
3256
|
+
src: ne,
|
|
3257
|
+
alt: oe,
|
|
3105
3258
|
className: "file-preview-img"
|
|
3106
3259
|
}) : /* @__PURE__ */ D("span", {
|
|
3107
3260
|
className: "file-preview-file",
|
|
@@ -3110,7 +3263,7 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3110
3263
|
size: 28
|
|
3111
3264
|
}), /* @__PURE__ */ E("span", {
|
|
3112
3265
|
className: "file-preview-file-name",
|
|
3113
|
-
children:
|
|
3266
|
+
children: te
|
|
3114
3267
|
})]
|
|
3115
3268
|
}), /* @__PURE__ */ E("span", {
|
|
3116
3269
|
className: "file-preview-overlay",
|
|
@@ -3118,31 +3271,31 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3118
3271
|
className: "file-preview-cta",
|
|
3119
3272
|
children: [
|
|
3120
3273
|
/* @__PURE__ */ E(Y, {
|
|
3121
|
-
name:
|
|
3274
|
+
name: U ? "image" : "file-text",
|
|
3122
3275
|
size: 16
|
|
3123
3276
|
}),
|
|
3124
3277
|
" ",
|
|
3125
|
-
|
|
3278
|
+
U ? "Change image" : "Change file"
|
|
3126
3279
|
]
|
|
3127
3280
|
})
|
|
3128
3281
|
})]
|
|
3129
3282
|
}),
|
|
3130
|
-
|
|
3283
|
+
q(/* @__PURE__ */ E("button", {
|
|
3131
3284
|
type: "button",
|
|
3132
3285
|
className: "file-preview-remove",
|
|
3133
|
-
"aria-label":
|
|
3286
|
+
"aria-label": ae,
|
|
3134
3287
|
onClick: () => i(null),
|
|
3135
3288
|
disabled: g,
|
|
3136
3289
|
children: /* @__PURE__ */ E(Y, {
|
|
3137
3290
|
name: "x",
|
|
3138
3291
|
size: 16
|
|
3139
3292
|
})
|
|
3140
|
-
}),
|
|
3141
|
-
|
|
3142
|
-
|
|
3293
|
+
}), ae),
|
|
3294
|
+
fe,
|
|
3295
|
+
de
|
|
3143
3296
|
]
|
|
3144
3297
|
}) : /* @__PURE__ */ D("div", {
|
|
3145
|
-
className: `file-input file-input-tall${C ? " dragging" : ""}${R ? " error" : ""}${a &&
|
|
3298
|
+
className: `file-input file-input-tall${C ? " dragging" : ""}${R ? " error" : ""}${a && I.length > 0 ? " has-files" : ""}${_ ? ` ${_}` : ""}`,
|
|
3146
3299
|
style: y,
|
|
3147
3300
|
"aria-busy": g || void 0,
|
|
3148
3301
|
onDragOver: (e) => {
|
|
@@ -3151,7 +3304,7 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3151
3304
|
onDragLeave: (e) => {
|
|
3152
3305
|
e.preventDefault(), w(!1);
|
|
3153
3306
|
},
|
|
3154
|
-
onDrop:
|
|
3307
|
+
onDrop: ce,
|
|
3155
3308
|
children: [
|
|
3156
3309
|
/* @__PURE__ */ D("label", {
|
|
3157
3310
|
htmlFor: N,
|
|
@@ -3177,16 +3330,16 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3177
3330
|
})
|
|
3178
3331
|
]
|
|
3179
3332
|
}),
|
|
3180
|
-
pe,
|
|
3181
3333
|
fe,
|
|
3182
|
-
|
|
3334
|
+
de,
|
|
3335
|
+
a && I.length > 0 && /* @__PURE__ */ E("div", {
|
|
3183
3336
|
className: "attach-list",
|
|
3184
|
-
children:
|
|
3337
|
+
children: I.map((e, t) => /* @__PURE__ */ E(_n, {
|
|
3185
3338
|
item: e,
|
|
3186
|
-
isImage: e instanceof File ? P(e) :
|
|
3339
|
+
isImage: e instanceof File ? P(e) : H || P(e),
|
|
3187
3340
|
noun: "file",
|
|
3188
|
-
onRemove: () =>
|
|
3189
|
-
},
|
|
3341
|
+
onRemove: () => le(t)
|
|
3342
|
+
}, pn(e)))
|
|
3190
3343
|
})
|
|
3191
3344
|
]
|
|
3192
3345
|
}),
|
|
@@ -3196,7 +3349,7 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3196
3349
|
children: R
|
|
3197
3350
|
}) : h ? /* @__PURE__ */ E("div", {
|
|
3198
3351
|
className: "field-hint",
|
|
3199
|
-
id:
|
|
3352
|
+
id: B,
|
|
3200
3353
|
children: h
|
|
3201
3354
|
}) : null
|
|
3202
3355
|
]
|
|
@@ -3204,8 +3357,8 @@ function hn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3204
3357
|
}
|
|
3205
3358
|
//#endregion
|
|
3206
3359
|
//#region src/components/AppFloatingDock.jsx
|
|
3207
|
-
function
|
|
3208
|
-
return
|
|
3360
|
+
function Sn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
|
|
3361
|
+
return W("AppFloatingDock", s), /* @__PURE__ */ E("wui-dock", {
|
|
3209
3362
|
role: "navigation",
|
|
3210
3363
|
"aria-label": n,
|
|
3211
3364
|
static: r ? void 0 : "",
|
|
@@ -3246,8 +3399,8 @@ function gn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation"
|
|
|
3246
3399
|
}
|
|
3247
3400
|
//#endregion
|
|
3248
3401
|
//#region src/components/AppFormActions.jsx
|
|
3249
|
-
function
|
|
3250
|
-
return
|
|
3402
|
+
function Cn({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
|
|
3403
|
+
return W("AppFormActions", i), /* @__PURE__ */ E("div", {
|
|
3251
3404
|
className: [
|
|
3252
3405
|
"form-actions",
|
|
3253
3406
|
t ? "form-actions-sticky" : "",
|
|
@@ -3260,8 +3413,8 @@ function _n({ children: e, sticky: t = !1, align: n = "end", className: r = "",
|
|
|
3260
3413
|
}
|
|
3261
3414
|
//#endregion
|
|
3262
3415
|
//#region src/components/AppFormRow.jsx
|
|
3263
|
-
function
|
|
3264
|
-
|
|
3416
|
+
function wn({ children: e, columns: t = 2, className: n = "", ...r }) {
|
|
3417
|
+
W("AppFormRow", r);
|
|
3265
3418
|
let { style: i, ...a } = r;
|
|
3266
3419
|
return /* @__PURE__ */ E("div", {
|
|
3267
3420
|
className: ["form-row-grid", n].filter(Boolean).join(" "),
|
|
@@ -3275,8 +3428,8 @@ function vn({ children: e, columns: t = 2, className: n = "", ...r }) {
|
|
|
3275
3428
|
}
|
|
3276
3429
|
//#endregion
|
|
3277
3430
|
//#region src/components/AppFormSection.jsx
|
|
3278
|
-
function
|
|
3279
|
-
return
|
|
3431
|
+
function Tn({ children: e, title: t, description: n, className: r = "", ...i }) {
|
|
3432
|
+
return W("AppFormSection", i), /* @__PURE__ */ D("section", {
|
|
3280
3433
|
className: ["form-section", r].filter(Boolean).join(" "),
|
|
3281
3434
|
...i,
|
|
3282
3435
|
children: [(t != null || n != null) && /* @__PURE__ */ D("div", {
|
|
@@ -3296,12 +3449,12 @@ function yn({ children: e, title: t, description: n, className: r = "", ...i })
|
|
|
3296
3449
|
}
|
|
3297
3450
|
//#endregion
|
|
3298
3451
|
//#region src/components/AppInfoList.jsx
|
|
3299
|
-
function
|
|
3300
|
-
return
|
|
3452
|
+
function En({ items: e = [], className: t = "", ...n }) {
|
|
3453
|
+
return W("AppInfoList", n), /* @__PURE__ */ E("div", {
|
|
3301
3454
|
className: `info-list${t ? ` ${t}` : ""}`,
|
|
3302
3455
|
...n,
|
|
3303
3456
|
children: e.map((e, t) => {
|
|
3304
|
-
let n =
|
|
3457
|
+
let n = Lt(e.value), r = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
|
|
3305
3458
|
className: "info-icon",
|
|
3306
3459
|
children: X(e.icon, { size: 16 })
|
|
3307
3460
|
}), /* @__PURE__ */ D("span", {
|
|
@@ -3327,23 +3480,23 @@ function bn({ items: e = [], className: t = "", ...n }) {
|
|
|
3327
3480
|
}
|
|
3328
3481
|
//#endregion
|
|
3329
3482
|
//#region src/components/AppKpiTile.jsx
|
|
3330
|
-
var
|
|
3331
|
-
function
|
|
3332
|
-
if (!e || e.length < 2) return `0,${
|
|
3333
|
-
let t = Math.min(...e), n = Math.max(...e) - t, r =
|
|
3334
|
-
return e.map((e, i) => `${i * r},${n === 0 ?
|
|
3483
|
+
var Dn = 48, On = 16;
|
|
3484
|
+
function kn(e) {
|
|
3485
|
+
if (!e || e.length < 2) return `0,${On / 2} ${Dn},${On / 2}`;
|
|
3486
|
+
let t = Math.min(...e), n = Math.max(...e) - t, r = Dn / (e.length - 1);
|
|
3487
|
+
return e.map((e, i) => `${i * r},${n === 0 ? On / 2 : On - (e - t) / n * On}`).join(" ");
|
|
3335
3488
|
}
|
|
3336
|
-
function
|
|
3489
|
+
function An(e) {
|
|
3337
3490
|
if (typeof e != "string") return "flat";
|
|
3338
3491
|
let t = e.trim();
|
|
3339
3492
|
return t.startsWith("+") ? "up" : t.startsWith("-") || t.startsWith("−") ? "down" : "flat";
|
|
3340
3493
|
}
|
|
3341
|
-
function
|
|
3342
|
-
|
|
3494
|
+
function jn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, deltaDirection: o, sparkline: s, variant: c = "plain", size: l = "md", valueSize: u, inline: d = !1, attention: f = !1, href: p, linkComponent: m, className: h = "", style: g, iconClassName: _ = "", labelClassName: v = "", valueClassName: y = "", captionClassName: b = "", deltaClassName: x = "", sparklineClassName: S = "", ...C }) {
|
|
3495
|
+
W("AppKpiTile", C);
|
|
3343
3496
|
let w = `kpi${d ? " kpi-inline" : ""}${c === "filled" ? " kpi-filled" : c === "accent" ? " kpi-accent" : c === "spotlight" ? " kpi-spotlight" : ""}${l === "lg" ? " kpi-lg" : l === "sm" ? " kpi-sm" : ""}${f ? " kpi-attention" : ""}${h ? ` ${h}` : ""}`, T = typeof u == "number" && u > 0 ? {
|
|
3344
3497
|
...g,
|
|
3345
3498
|
"--wui-kpi-value-size": `${u}px`
|
|
3346
|
-
} : g, O = o ??
|
|
3499
|
+
} : g, O = o ?? An(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
|
|
3347
3500
|
return p != null && (A = m ? {
|
|
3348
3501
|
as: m,
|
|
3349
3502
|
to: p
|
|
@@ -3381,12 +3534,12 @@ function Tn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
|
|
|
3381
3534
|
}),
|
|
3382
3535
|
s && s.length > 0 && /* @__PURE__ */ E("svg", {
|
|
3383
3536
|
className: `kpi-sparkline${S ? ` ${S}` : ""}`,
|
|
3384
|
-
width:
|
|
3385
|
-
height:
|
|
3386
|
-
viewBox: `0 0 ${
|
|
3537
|
+
width: Dn,
|
|
3538
|
+
height: On,
|
|
3539
|
+
viewBox: `0 0 ${Dn} ${On}`,
|
|
3387
3540
|
"aria-hidden": "true",
|
|
3388
3541
|
children: /* @__PURE__ */ E("polyline", {
|
|
3389
|
-
points:
|
|
3542
|
+
points: kn(s),
|
|
3390
3543
|
stroke: "currentColor",
|
|
3391
3544
|
fill: "none"
|
|
3392
3545
|
})
|
|
@@ -3396,11 +3549,11 @@ function Tn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
|
|
|
3396
3549
|
}
|
|
3397
3550
|
//#endregion
|
|
3398
3551
|
//#region src/components/AppLink.jsx
|
|
3399
|
-
var
|
|
3552
|
+
var Mn = {
|
|
3400
3553
|
sm: 13,
|
|
3401
3554
|
md: 15,
|
|
3402
3555
|
lg: 18
|
|
3403
|
-
},
|
|
3556
|
+
}, Nn = [
|
|
3404
3557
|
"underline",
|
|
3405
3558
|
"underline-center",
|
|
3406
3559
|
"static",
|
|
@@ -3414,35 +3567,35 @@ var En = {
|
|
|
3414
3567
|
"shine",
|
|
3415
3568
|
"none"
|
|
3416
3569
|
];
|
|
3417
|
-
function
|
|
3570
|
+
function Pn(e, t, n) {
|
|
3418
3571
|
if (!e) return null;
|
|
3419
3572
|
let r = `wui-link__ic wui-link__ic--${t}`;
|
|
3420
3573
|
return typeof e == "string" ? /* @__PURE__ */ E("span", {
|
|
3421
3574
|
className: r,
|
|
3422
3575
|
children: /* @__PURE__ */ E(Y, {
|
|
3423
3576
|
name: e,
|
|
3424
|
-
size:
|
|
3577
|
+
size: Mn[n] ?? Mn.md
|
|
3425
3578
|
})
|
|
3426
3579
|
}) : /* @__PURE__ */ E("span", {
|
|
3427
3580
|
className: r,
|
|
3428
3581
|
children: e
|
|
3429
3582
|
});
|
|
3430
3583
|
}
|
|
3431
|
-
function
|
|
3432
|
-
|
|
3433
|
-
let f =
|
|
3584
|
+
function Fn({ children: e, label: t, href: n, animation: r = "underline", leftIcon: i = null, rightIcon: a = null, size: o = "md", external: s = !1, disabled: c = !1, linkComponent: l, className: u = "", ...d }) {
|
|
3585
|
+
W("AppLink", d), G("AppLink", "animation", r, Nn), G("AppLink", "size", o, Object.keys(Mn));
|
|
3586
|
+
let f = Nn.includes(r) ? r : "underline", p = f === "icon" && !a && !i ? "arrow-right" : a, m = [
|
|
3434
3587
|
"wui-link",
|
|
3435
3588
|
`wui-link--${f}`,
|
|
3436
3589
|
o === "md" ? "" : `wui-link--${o}`,
|
|
3437
3590
|
c ? "is-disabled" : "",
|
|
3438
3591
|
u
|
|
3439
3592
|
].filter(Boolean).join(" "), h = /* @__PURE__ */ D(T, { children: [
|
|
3440
|
-
|
|
3593
|
+
Pn(i, "left", o),
|
|
3441
3594
|
/* @__PURE__ */ E("span", {
|
|
3442
3595
|
className: "wui-link__label",
|
|
3443
3596
|
children: e ?? t
|
|
3444
3597
|
}),
|
|
3445
|
-
|
|
3598
|
+
Pn(p, "right", o)
|
|
3446
3599
|
] });
|
|
3447
3600
|
return c ? /* @__PURE__ */ E("span", {
|
|
3448
3601
|
className: m,
|
|
@@ -3465,105 +3618,105 @@ function kn({ children: e, label: t, href: n, animation: r = "underline", leftIc
|
|
|
3465
3618
|
}
|
|
3466
3619
|
//#endregion
|
|
3467
3620
|
//#region src/components/AppLogoPicker.jsx
|
|
3468
|
-
var
|
|
3621
|
+
var In = {
|
|
3469
3622
|
sm: 72,
|
|
3470
3623
|
md: 120,
|
|
3471
3624
|
lg: 160
|
|
3472
3625
|
};
|
|
3473
|
-
function
|
|
3474
|
-
|
|
3475
|
-
let j = d(null), M = s(), [N, P] = f(null), [F,
|
|
3626
|
+
function Ln({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a = !1, disabled: c = !1, accept: l = "image/png,image/jpeg,image/webp", maxSizeMb: u = A, overlayIcon: p = "image", overlayLabel: m = "Update photo", ariaLabel: h = "Upload photo", label: g, hint: _, error: v, layout: y = "stacked", title: b, subtitle: x, required: S = !1, variant: C = "initials", size: w = "md", shape: T = "circle", className: O = "", ...k }) {
|
|
3627
|
+
W("AppLogoPicker", k), G("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(In));
|
|
3628
|
+
let j = d(null), M = s(), [N, P] = f(null), [F, I] = f(""), [R, z] = f(!1), [B, V] = f(!1);
|
|
3476
3629
|
o(() => () => N && URL.revokeObjectURL(N), [N]), o(() => {
|
|
3477
3630
|
P(null), z(!1);
|
|
3478
3631
|
}, [e]);
|
|
3479
|
-
let
|
|
3480
|
-
|
|
3481
|
-
},
|
|
3482
|
-
let t =
|
|
3632
|
+
let H = a || c, ee = N || (e && !R ? e : null), U = v || F, te = _ && !U ? `${M}-hint` : void 0, ne = U ? `${M}-error` : void 0, re = !H && (!!N || !!ee && !!i), ie = () => {
|
|
3633
|
+
H || j.current?.click();
|
|
3634
|
+
}, ae = (e) => {
|
|
3635
|
+
let t = L(e, {
|
|
3483
3636
|
accept: l,
|
|
3484
3637
|
maxSizeMb: u
|
|
3485
3638
|
});
|
|
3486
3639
|
if (t) {
|
|
3487
|
-
|
|
3640
|
+
I(t);
|
|
3488
3641
|
return;
|
|
3489
3642
|
}
|
|
3490
|
-
|
|
3491
|
-
},
|
|
3643
|
+
I(""), z(!1), P(URL.createObjectURL(e)), r(e);
|
|
3644
|
+
}, oe = (e) => {
|
|
3492
3645
|
let t = e.target.files?.[0];
|
|
3493
|
-
e.target.value = "", t &&
|
|
3494
|
-
},
|
|
3495
|
-
if (e.preventDefault(),
|
|
3646
|
+
e.target.value = "", t && ae(t);
|
|
3647
|
+
}, se = (e) => {
|
|
3648
|
+
if (e.preventDefault(), V(!1), H) return;
|
|
3496
3649
|
let t = e.dataTransfer.files?.[0];
|
|
3497
|
-
t &&
|
|
3498
|
-
},
|
|
3499
|
-
P(null),
|
|
3500
|
-
},
|
|
3650
|
+
t && ae(t);
|
|
3651
|
+
}, K = () => {
|
|
3652
|
+
P(null), I(""), z(!1), j.current && (j.current.value = ""), i?.();
|
|
3653
|
+
}, ce = typeof w == "number" ? w : In[w] ?? In.md, le = Math.max(14, Math.round(ce * .18)), ue = Math.round(ce * .5), de = [
|
|
3501
3654
|
"set-uploader",
|
|
3502
3655
|
C === "avatar" ? "set-uploader--avatar" : "",
|
|
3503
3656
|
T === "rounded" ? "set-uploader--rounded" : T === "square" ? "set-uploader--square" : "",
|
|
3504
|
-
|
|
3505
|
-
].filter(Boolean).join(" "),
|
|
3657
|
+
B && "is-dragging"
|
|
3658
|
+
].filter(Boolean).join(" "), fe = y === "inline", pe = y === "profile", me = /* @__PURE__ */ D("div", {
|
|
3506
3659
|
className: "set-uploader-shell",
|
|
3507
|
-
style: { "--wui-logo-size": `${
|
|
3660
|
+
style: { "--wui-logo-size": `${ce}px` },
|
|
3508
3661
|
children: [
|
|
3509
3662
|
/* @__PURE__ */ E("button", {
|
|
3510
3663
|
type: "button",
|
|
3511
|
-
className:
|
|
3512
|
-
onClick:
|
|
3513
|
-
disabled:
|
|
3664
|
+
className: de,
|
|
3665
|
+
onClick: ie,
|
|
3666
|
+
disabled: H,
|
|
3514
3667
|
"aria-busy": a || void 0,
|
|
3515
3668
|
"aria-label": h,
|
|
3516
|
-
"aria-describedby":
|
|
3669
|
+
"aria-describedby": ne || te,
|
|
3517
3670
|
onDragOver: (e) => {
|
|
3518
|
-
e.preventDefault(), !
|
|
3671
|
+
e.preventDefault(), !H && !B && V(!0);
|
|
3519
3672
|
},
|
|
3520
3673
|
onDragLeave: (e) => {
|
|
3521
|
-
e.preventDefault(),
|
|
3674
|
+
e.preventDefault(), V(!1);
|
|
3522
3675
|
},
|
|
3523
|
-
onDrop:
|
|
3676
|
+
onDrop: se,
|
|
3524
3677
|
...k,
|
|
3525
3678
|
children: /* @__PURE__ */ D("span", {
|
|
3526
3679
|
className: "set-uploader-ring",
|
|
3527
3680
|
"data-overlay-label": m,
|
|
3528
|
-
children: [
|
|
3681
|
+
children: [ee ? /* @__PURE__ */ E("img", {
|
|
3529
3682
|
className: "set-uploader-img",
|
|
3530
|
-
src:
|
|
3683
|
+
src: ee,
|
|
3531
3684
|
alt: "",
|
|
3532
3685
|
onError: () => z(!0)
|
|
3533
3686
|
}) : /* @__PURE__ */ E("span", {
|
|
3534
3687
|
className: "set-uploader-logo",
|
|
3535
3688
|
children: t || C === "avatar" && /* @__PURE__ */ E(Y, {
|
|
3536
3689
|
name: "user",
|
|
3537
|
-
size:
|
|
3690
|
+
size: ue
|
|
3538
3691
|
})
|
|
3539
3692
|
}), a ? /* @__PURE__ */ E("span", {
|
|
3540
3693
|
className: "set-uploader-overlay is-loading",
|
|
3541
3694
|
"aria-hidden": "true",
|
|
3542
3695
|
children: /* @__PURE__ */ E(Y, {
|
|
3543
3696
|
name: "refresh-cw",
|
|
3544
|
-
size:
|
|
3697
|
+
size: le,
|
|
3545
3698
|
className: "wui-spin"
|
|
3546
3699
|
})
|
|
3547
3700
|
}) : !c && /* @__PURE__ */ D("span", {
|
|
3548
3701
|
className: "set-uploader-overlay",
|
|
3549
3702
|
children: [/* @__PURE__ */ E(Y, {
|
|
3550
3703
|
name: p,
|
|
3551
|
-
size:
|
|
3704
|
+
size: le
|
|
3552
3705
|
}), /* @__PURE__ */ E("span", { children: m })]
|
|
3553
3706
|
})]
|
|
3554
3707
|
})
|
|
3555
3708
|
}),
|
|
3556
|
-
|
|
3709
|
+
q(/* @__PURE__ */ E("button", {
|
|
3557
3710
|
type: "button",
|
|
3558
3711
|
className: "set-uploader-remove",
|
|
3559
|
-
hidden: !
|
|
3712
|
+
hidden: !re,
|
|
3560
3713
|
"aria-label": "Remove photo",
|
|
3561
|
-
onClick:
|
|
3714
|
+
onClick: K,
|
|
3562
3715
|
children: /* @__PURE__ */ E(Y, {
|
|
3563
3716
|
name: "x",
|
|
3564
3717
|
size: 14
|
|
3565
3718
|
})
|
|
3566
|
-
}),
|
|
3719
|
+
}), re ? "Remove photo" : null),
|
|
3567
3720
|
/* @__PURE__ */ E("input", {
|
|
3568
3721
|
id: M,
|
|
3569
3722
|
ref: j,
|
|
@@ -3571,23 +3724,23 @@ function jn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
|
|
|
3571
3724
|
name: n,
|
|
3572
3725
|
hidden: !0,
|
|
3573
3726
|
accept: l,
|
|
3574
|
-
onChange:
|
|
3575
|
-
disabled:
|
|
3727
|
+
onChange: oe,
|
|
3728
|
+
disabled: H
|
|
3576
3729
|
})
|
|
3577
3730
|
]
|
|
3578
|
-
}),
|
|
3731
|
+
}), he = _ && !U ? /* @__PURE__ */ E("div", {
|
|
3579
3732
|
className: "set-uploader-hint",
|
|
3580
|
-
id:
|
|
3733
|
+
id: te,
|
|
3581
3734
|
children: _
|
|
3582
|
-
}) : null,
|
|
3735
|
+
}) : null, J = U ? /* @__PURE__ */ E("div", {
|
|
3583
3736
|
className: "field-error",
|
|
3584
|
-
id:
|
|
3585
|
-
children:
|
|
3586
|
-
}) : null,
|
|
3737
|
+
id: ne,
|
|
3738
|
+
children: U
|
|
3739
|
+
}) : null, ge = g && /* @__PURE__ */ D("label", {
|
|
3587
3740
|
className: "label",
|
|
3588
3741
|
htmlFor: M,
|
|
3589
3742
|
children: [g, S && /* @__PURE__ */ E(Z, {})]
|
|
3590
|
-
}),
|
|
3743
|
+
}), _e = /* @__PURE__ */ D("div", {
|
|
3591
3744
|
className: "set-uploader-meta",
|
|
3592
3745
|
children: [
|
|
3593
3746
|
b && /* @__PURE__ */ E("div", {
|
|
@@ -3598,56 +3751,56 @@ function jn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
|
|
|
3598
3751
|
className: "set-uploader-subtitle",
|
|
3599
3752
|
children: x
|
|
3600
3753
|
}),
|
|
3601
|
-
|
|
3602
|
-
|
|
3754
|
+
he,
|
|
3755
|
+
J
|
|
3603
3756
|
]
|
|
3604
3757
|
});
|
|
3605
|
-
return
|
|
3758
|
+
return fe ? /* @__PURE__ */ D("div", {
|
|
3606
3759
|
className: `field set-uploader-field set-uploader-field--inline${O ? ` ${O}` : ""}`,
|
|
3607
|
-
children: [
|
|
3760
|
+
children: [ge, /* @__PURE__ */ D("div", {
|
|
3608
3761
|
className: "set-uploader-row",
|
|
3609
|
-
children: [
|
|
3762
|
+
children: [me, _e]
|
|
3610
3763
|
})]
|
|
3611
|
-
}) :
|
|
3764
|
+
}) : pe ? /* @__PURE__ */ D("div", {
|
|
3612
3765
|
className: `field set-uploader-field set-uploader-field--profile${O ? ` ${O}` : ""}`,
|
|
3613
3766
|
children: [
|
|
3614
|
-
|
|
3615
|
-
|
|
3616
|
-
|
|
3767
|
+
ge,
|
|
3768
|
+
me,
|
|
3769
|
+
_e
|
|
3617
3770
|
]
|
|
3618
3771
|
}) : /* @__PURE__ */ D("div", {
|
|
3619
3772
|
className: `field set-uploader-field${O ? ` ${O}` : ""}`,
|
|
3620
3773
|
children: [
|
|
3621
|
-
_e,
|
|
3622
|
-
he,
|
|
3623
3774
|
ge,
|
|
3624
|
-
|
|
3775
|
+
me,
|
|
3776
|
+
he,
|
|
3777
|
+
J
|
|
3625
3778
|
]
|
|
3626
3779
|
});
|
|
3627
3780
|
}
|
|
3628
3781
|
//#endregion
|
|
3629
3782
|
//#region src/components/AppMeter.jsx
|
|
3630
|
-
var
|
|
3783
|
+
var Rn = [
|
|
3631
3784
|
"info",
|
|
3632
3785
|
"success",
|
|
3633
3786
|
"warning",
|
|
3634
3787
|
"danger",
|
|
3635
3788
|
"neutral"
|
|
3636
3789
|
];
|
|
3637
|
-
function
|
|
3790
|
+
function zn(e, t, n) {
|
|
3638
3791
|
let r = n - t;
|
|
3639
3792
|
if (!(r > 0)) return 0;
|
|
3640
3793
|
let i = Math.min(100, Math.max(0, (e - t) / r * 100));
|
|
3641
3794
|
return Number(i.toFixed(2));
|
|
3642
3795
|
}
|
|
3643
|
-
function
|
|
3796
|
+
function Bn(e, t, n, r, i) {
|
|
3644
3797
|
if (t == null && n == null) return i;
|
|
3645
3798
|
let a = "mid";
|
|
3646
3799
|
return t != null && e <= t ? a = "low" : n != null && e >= n && (a = "high"), r === "low" ? a === "low" ? "success" : a === "high" ? "danger" : "warning" : a === "high" ? "success" : a === "low" ? "danger" : "warning";
|
|
3647
3800
|
}
|
|
3648
|
-
function
|
|
3649
|
-
|
|
3650
|
-
let f =
|
|
3801
|
+
function Vn({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum: i = "high", low: a, high: o, size: s = "md", label: c, showLabel: l = !1, className: u = "", ...d }) {
|
|
3802
|
+
W("AppMeter", d);
|
|
3803
|
+
let f = Bn(e, a, o, i, Rn.includes(r) ? r : "info"), p = zn(e, t, n);
|
|
3651
3804
|
return /* @__PURE__ */ E("div", {
|
|
3652
3805
|
className: `progress${s === "sm" ? " progress-sm" : ""}${u ? ` ${u}` : ""}`,
|
|
3653
3806
|
role: "meter",
|
|
@@ -3665,20 +3818,20 @@ function Fn({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum:
|
|
|
3665
3818
|
}
|
|
3666
3819
|
//#endregion
|
|
3667
3820
|
//#region src/components/AppMultiSelect.jsx
|
|
3668
|
-
var
|
|
3669
|
-
|
|
3821
|
+
var Hn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Select…", searchPlaceholder: i = "Search…", searchable: a = !0, disabled: c = !1, icon: l, size: u, collapseChips: d = !1, allowCustom: f = !1, validateCustom: p, customPattern: m, customInvalidMessage: h, name: g, id: _, label: v, error: y, hint: b, required: x = !1, help: S, helpLabel: C = "More information", fieldClassName: w = "", ...T }, O) {
|
|
3822
|
+
W("AppMultiSelect", T);
|
|
3670
3823
|
let k = s(), A = _ || k, { setRef: j, innerRef: M } = Q({
|
|
3671
3824
|
ref: O,
|
|
3672
3825
|
value: e,
|
|
3673
3826
|
onChange: t,
|
|
3674
|
-
readValue:
|
|
3675
|
-
writeValue:
|
|
3827
|
+
readValue: Qe,
|
|
3828
|
+
writeValue: $e
|
|
3676
3829
|
});
|
|
3677
3830
|
return o(() => {
|
|
3678
3831
|
let e = M.current;
|
|
3679
3832
|
if (!e) return;
|
|
3680
3833
|
let t = n || [];
|
|
3681
|
-
|
|
3834
|
+
Ze(t, e.options) || (e.options = t);
|
|
3682
3835
|
}, [n, M]), o(() => {
|
|
3683
3836
|
let e = M.current;
|
|
3684
3837
|
e && (e.validateCustom = p ?? null);
|
|
@@ -3691,7 +3844,7 @@ var In = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3691
3844
|
children: [
|
|
3692
3845
|
v,
|
|
3693
3846
|
x && /* @__PURE__ */ E(Z, {}),
|
|
3694
|
-
S && /* @__PURE__ */ E(
|
|
3847
|
+
S && /* @__PURE__ */ E(qe, {
|
|
3695
3848
|
label: C,
|
|
3696
3849
|
children: S
|
|
3697
3850
|
})
|
|
@@ -3728,8 +3881,8 @@ var In = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3728
3881
|
}) : null
|
|
3729
3882
|
]
|
|
3730
3883
|
});
|
|
3731
|
-
}),
|
|
3732
|
-
|
|
3884
|
+
}), Un = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", value: c, onChange: l, min: u, max: d, step: p = 1, precision: m = 0, unit: h, size: g = "md", id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, ...C }, w) {
|
|
3885
|
+
W("AppNumberInput", C);
|
|
3733
3886
|
let T = s(), O = _ || T, k = (e) => {
|
|
3734
3887
|
if (m === 0) return Math.round(e);
|
|
3735
3888
|
let t = 10 ** m;
|
|
@@ -3748,19 +3901,19 @@ var In = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3748
3901
|
let P = (e) => {
|
|
3749
3902
|
let t = (j(M) ?? A(0)) + e * p, n = A(k(t));
|
|
3750
3903
|
N(String(n)), l?.(n);
|
|
3751
|
-
}, F = j(M), I = S || F !== null && typeof u == "number" && F <= u, L = S || F !== null && typeof d == "number" && F >= d, R = n && O ? `${O}-error` : void 0, z = r && O ? `${O}-hint` : void 0,
|
|
3904
|
+
}, F = j(M), I = S || F !== null && typeof u == "number" && F <= u, L = S || F !== null && typeof d == "number" && F >= d, R = n && O ? `${O}-error` : void 0, z = r && O ? `${O}-hint` : void 0, B = R || z, V = [
|
|
3752
3905
|
"input",
|
|
3753
3906
|
g === "sm" ? "input-sm" : "",
|
|
3754
3907
|
g === "lg" ? "input-lg" : "",
|
|
3755
3908
|
n ? "error" : "",
|
|
3756
3909
|
"num-input",
|
|
3757
3910
|
b
|
|
3758
|
-
].filter(Boolean).join(" "),
|
|
3911
|
+
].filter(Boolean).join(" "), H = (e) => {
|
|
3759
3912
|
let t = e.target.value;
|
|
3760
3913
|
N(t);
|
|
3761
3914
|
let n = j(t);
|
|
3762
3915
|
n !== null && l?.(n);
|
|
3763
|
-
},
|
|
3916
|
+
}, ee = (e) => {
|
|
3764
3917
|
let t = j(e.target.value);
|
|
3765
3918
|
if (t === null) N(""), l?.("");
|
|
3766
3919
|
else {
|
|
@@ -3768,25 +3921,25 @@ var In = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3768
3921
|
N(String(e)), l?.(e);
|
|
3769
3922
|
}
|
|
3770
3923
|
C.onBlur?.(e);
|
|
3771
|
-
},
|
|
3924
|
+
}, U = (e) => {
|
|
3772
3925
|
e.key === "ArrowUp" ? (e.preventDefault(), P(1)) : e.key === "ArrowDown" && (e.preventDefault(), P(-1)), C.onKeyDown?.(e);
|
|
3773
|
-
},
|
|
3926
|
+
}, te = /* @__PURE__ */ E(y.Control, {
|
|
3774
3927
|
...C,
|
|
3775
3928
|
id: O,
|
|
3776
3929
|
name: v,
|
|
3777
3930
|
type: "text",
|
|
3778
3931
|
inputMode: m > 0 ? "decimal" : "numeric",
|
|
3779
|
-
className:
|
|
3932
|
+
className: V,
|
|
3780
3933
|
disabled: S,
|
|
3781
3934
|
required: t,
|
|
3782
3935
|
"aria-invalid": n ? "true" : "false",
|
|
3783
|
-
"aria-describedby":
|
|
3936
|
+
"aria-describedby": B,
|
|
3784
3937
|
value: M,
|
|
3785
3938
|
ref: w,
|
|
3786
|
-
onChange:
|
|
3787
|
-
onBlur:
|
|
3788
|
-
onKeyDown:
|
|
3789
|
-
}),
|
|
3939
|
+
onChange: H,
|
|
3940
|
+
onBlur: ee,
|
|
3941
|
+
onKeyDown: U
|
|
3942
|
+
}), ne = /* @__PURE__ */ D("div", {
|
|
3790
3943
|
className: [
|
|
3791
3944
|
"num-wrap",
|
|
3792
3945
|
g === "sm" ? "num-wrap-sm" : "",
|
|
@@ -3805,7 +3958,7 @@ var In = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3805
3958
|
size: 16
|
|
3806
3959
|
})
|
|
3807
3960
|
}),
|
|
3808
|
-
|
|
3961
|
+
te,
|
|
3809
3962
|
h && /* @__PURE__ */ E("span", {
|
|
3810
3963
|
className: "affix",
|
|
3811
3964
|
children: h
|
|
@@ -3833,13 +3986,13 @@ var In = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3833
3986
|
children: [
|
|
3834
3987
|
e,
|
|
3835
3988
|
t && /* @__PURE__ */ E(Z, {}),
|
|
3836
|
-
i && /* @__PURE__ */ E(
|
|
3989
|
+
i && /* @__PURE__ */ E(qe, {
|
|
3837
3990
|
label: a,
|
|
3838
3991
|
children: i
|
|
3839
3992
|
})
|
|
3840
3993
|
]
|
|
3841
3994
|
}),
|
|
3842
|
-
|
|
3995
|
+
ne,
|
|
3843
3996
|
n ? /* @__PURE__ */ E("div", {
|
|
3844
3997
|
className: "field-error",
|
|
3845
3998
|
id: R,
|
|
@@ -3851,8 +4004,8 @@ var In = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3851
4004
|
}) : null
|
|
3852
4005
|
]
|
|
3853
4006
|
});
|
|
3854
|
-
}),
|
|
3855
|
-
|
|
4007
|
+
}), Wn = i(function({ value: e, onChange: t, onComplete: n, length: r = 6, mode: i = "numeric", label: a, required: o = !1, hint: c, error: l, disabled: u = !1, name: d, id: f, className: p = "", fieldClassName: m = "", ...h }, g) {
|
|
4008
|
+
W("AppOtpInput", h);
|
|
3856
4009
|
let _ = s(), v = f || _, y = l ? `${v}-error` : void 0, b = c ? `${v}-hint` : void 0, x = y || b, { setRef: S } = Q({
|
|
3857
4010
|
ref: g,
|
|
3858
4011
|
value: e ?? "",
|
|
@@ -3896,8 +4049,8 @@ var In = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3896
4049
|
});
|
|
3897
4050
|
//#endregion
|
|
3898
4051
|
//#region src/components/AppPageHeader.jsx
|
|
3899
|
-
function
|
|
3900
|
-
|
|
4052
|
+
function Gn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", status: a, breadcrumbs: o, actions: s, size: c = "md", align: l = "start", divider: u = !1, sticky: d = !1, className: f = "", ...p }) {
|
|
4053
|
+
W("AppPageHeader", p);
|
|
3901
4054
|
let m = [
|
|
3902
4055
|
"page-header",
|
|
3903
4056
|
c && c !== "md" ? `page-header-${c}` : "",
|
|
@@ -3955,9 +4108,9 @@ function zn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", s
|
|
|
3955
4108
|
}
|
|
3956
4109
|
//#endregion
|
|
3957
4110
|
//#region src/components/AppPagination.jsx
|
|
3958
|
-
function
|
|
3959
|
-
if (
|
|
3960
|
-
let c =
|
|
4111
|
+
function Kn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
|
|
4112
|
+
if (W("AppPagination", s), t <= 1) return null;
|
|
4113
|
+
let c = Qt(e, t, { siblingCount: r });
|
|
3961
4114
|
return /* @__PURE__ */ E("nav", {
|
|
3962
4115
|
className: [
|
|
3963
4116
|
"pagination-nav",
|
|
@@ -4015,8 +4168,8 @@ function Bn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "m
|
|
|
4015
4168
|
}
|
|
4016
4169
|
//#endregion
|
|
4017
4170
|
//#region src/components/AppPhoneNumberInput.jsx
|
|
4018
|
-
var
|
|
4019
|
-
|
|
4171
|
+
var qn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name: i, id: a, label: o = "Phone number", placeholder: c, required: l = !1, error: u, showFlag: d = !0, showDialCode: f = !0, size: p = "md", fieldClassName: m = "", ...h }, g) {
|
|
4172
|
+
W("AppPhoneNumberInput", h);
|
|
4020
4173
|
let _ = s(), v = a || _, y = u && v ? `${v}-error` : void 0, { setRef: b } = Q({
|
|
4021
4174
|
ref: g,
|
|
4022
4175
|
value: e ?? "",
|
|
@@ -4056,8 +4209,8 @@ var Vn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name:
|
|
|
4056
4209
|
});
|
|
4057
4210
|
//#endregion
|
|
4058
4211
|
//#region src/components/AppPricingCard.jsx
|
|
4059
|
-
function
|
|
4060
|
-
return
|
|
4212
|
+
function Jn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a, featured: o = !1, current: s = !1, badge: c = "Most popular", className: l = "", ...u }) {
|
|
4213
|
+
return W("AppPricingCard", u), /* @__PURE__ */ D("div", {
|
|
4061
4214
|
className: [
|
|
4062
4215
|
"plan-card",
|
|
4063
4216
|
o ? "featured" : "",
|
|
@@ -4110,21 +4263,21 @@ function Hn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a,
|
|
|
4110
4263
|
}
|
|
4111
4264
|
//#endregion
|
|
4112
4265
|
//#region src/components/AppProgress.jsx
|
|
4113
|
-
var
|
|
4266
|
+
var Yn = [
|
|
4114
4267
|
"info",
|
|
4115
4268
|
"success",
|
|
4116
4269
|
"warning",
|
|
4117
4270
|
"danger",
|
|
4118
4271
|
"neutral"
|
|
4119
4272
|
];
|
|
4120
|
-
function
|
|
4273
|
+
function Xn(e, t) {
|
|
4121
4274
|
if (!(t > 0)) return 0;
|
|
4122
4275
|
let n = Math.min(100, Math.max(0, e / t * 100));
|
|
4123
4276
|
return Number(n.toFixed(2));
|
|
4124
4277
|
}
|
|
4125
|
-
function
|
|
4126
|
-
|
|
4127
|
-
let d =
|
|
4278
|
+
function Zn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", label: i, showLabel: a = !1, striped: o = !1, animated: s = !1, indeterminate: c = !1, className: l = "", ...u }) {
|
|
4279
|
+
W("AppProgress", u);
|
|
4280
|
+
let d = Yn.includes(n) ? n : "info", f = Xn(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
|
|
4128
4281
|
"progress-bar",
|
|
4129
4282
|
`wui-progress-${d}`,
|
|
4130
4283
|
o || s ? "progress-bar-striped" : "",
|
|
@@ -4148,8 +4301,8 @@ function Gn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", labe
|
|
|
4148
4301
|
}
|
|
4149
4302
|
//#endregion
|
|
4150
4303
|
//#region src/components/AppRadio.jsx
|
|
4151
|
-
var
|
|
4152
|
-
return
|
|
4304
|
+
var Qn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
|
|
4305
|
+
return W("AppRadio", o), /* @__PURE__ */ E(vt, {
|
|
4153
4306
|
ref: s,
|
|
4154
4307
|
label: e,
|
|
4155
4308
|
id: t,
|
|
@@ -4164,8 +4317,8 @@ var Kn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
|
|
|
4164
4317
|
});
|
|
4165
4318
|
//#endregion
|
|
4166
4319
|
//#region src/components/AppRepeater.jsx
|
|
4167
|
-
function
|
|
4168
|
-
|
|
4320
|
+
function $n({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, addLabel: a = "Add another", addVariant: o = "secondary", removeLabel: s = "Remove row", emptyText: c, min: l = 0, max: u, numbered: d = !0, className: f = "", ...p }) {
|
|
4321
|
+
W("AppRepeater", p);
|
|
4169
4322
|
let m = typeof u == "number" && e.length >= u, h = !!i && e.length > l;
|
|
4170
4323
|
return /* @__PURE__ */ D("div", {
|
|
4171
4324
|
className: `repeater${f ? ` ${f}` : ""}`,
|
|
@@ -4192,7 +4345,7 @@ function qn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
|
|
|
4192
4345
|
className: "repeater-body",
|
|
4193
4346
|
children: t(e, r)
|
|
4194
4347
|
}),
|
|
4195
|
-
h && /* @__PURE__ */ E(
|
|
4348
|
+
h && /* @__PURE__ */ E(je, {
|
|
4196
4349
|
icon: "trash-2",
|
|
4197
4350
|
label: `${s} ${r + 1}`,
|
|
4198
4351
|
danger: !0,
|
|
@@ -4202,7 +4355,7 @@ function qn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
|
|
|
4202
4355
|
]
|
|
4203
4356
|
}, e.id ?? r);
|
|
4204
4357
|
}),
|
|
4205
|
-
/* @__PURE__ */ E(
|
|
4358
|
+
/* @__PURE__ */ E(Be, {
|
|
4206
4359
|
variant: o,
|
|
4207
4360
|
size: "sm",
|
|
4208
4361
|
leftIcon: "plus",
|
|
@@ -4216,8 +4369,8 @@ function qn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
|
|
|
4216
4369
|
}
|
|
4217
4370
|
//#endregion
|
|
4218
4371
|
//#region src/components/AppResourceCard.jsx
|
|
4219
|
-
function
|
|
4220
|
-
|
|
4372
|
+
function er({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
|
|
4373
|
+
W("AppResourceCard", s);
|
|
4221
4374
|
let c = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
|
|
4222
4375
|
className: "res-card-icon",
|
|
4223
4376
|
children: /* @__PURE__ */ E(Y, {
|
|
@@ -4250,7 +4403,7 @@ function Jn({ icon: e, title: t, text: n, href: r, external: i = !1, linkCompone
|
|
|
4250
4403
|
}
|
|
4251
4404
|
//#endregion
|
|
4252
4405
|
//#region src/components/AppResult.jsx
|
|
4253
|
-
var
|
|
4406
|
+
var tr = {
|
|
4254
4407
|
success: {
|
|
4255
4408
|
icon: "check-circle",
|
|
4256
4409
|
tone: "success"
|
|
@@ -4271,9 +4424,9 @@ var Yn = {
|
|
|
4271
4424
|
404: { tone: "muted" },
|
|
4272
4425
|
500: { tone: "muted" }
|
|
4273
4426
|
};
|
|
4274
|
-
function
|
|
4275
|
-
|
|
4276
|
-
let c =
|
|
4427
|
+
function nr({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
|
|
4428
|
+
W("AppResult", s), G("AppResult", "status", e, Object.keys(tr));
|
|
4429
|
+
let c = tr[e] || tr.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
|
|
4277
4430
|
return /* @__PURE__ */ D("div", {
|
|
4278
4431
|
className: [
|
|
4279
4432
|
"result",
|
|
@@ -4311,8 +4464,8 @@ function Xn({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, ch
|
|
|
4311
4464
|
}
|
|
4312
4465
|
//#endregion
|
|
4313
4466
|
//#region src/components/AppScrollbar.jsx
|
|
4314
|
-
function
|
|
4315
|
-
return
|
|
4467
|
+
function rr({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
|
|
4468
|
+
return W("AppScrollbar", i), /* @__PURE__ */ E("div", {
|
|
4316
4469
|
className: t ? `wui-scroll ${t}` : "wui-scroll",
|
|
4317
4470
|
style: n == null ? r : {
|
|
4318
4471
|
maxHeight: n,
|
|
@@ -4324,8 +4477,8 @@ function Zn({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
|
|
|
4324
4477
|
}
|
|
4325
4478
|
//#endregion
|
|
4326
4479
|
//#region src/components/AppSearch.jsx
|
|
4327
|
-
function
|
|
4328
|
-
|
|
4480
|
+
function ir({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search…", ariaLabel: i, iconSize: a = 18, size: o, loading: s = !1, disabled: c = !1, className: l = "", ...u }) {
|
|
4481
|
+
W("AppSearch", u);
|
|
4329
4482
|
let d = t || n;
|
|
4330
4483
|
return /* @__PURE__ */ D("div", {
|
|
4331
4484
|
className: [
|
|
@@ -4371,17 +4524,24 @@ function Qn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search
|
|
|
4371
4524
|
}
|
|
4372
4525
|
//#endregion
|
|
4373
4526
|
//#region src/components/AppSegmented.jsx
|
|
4374
|
-
|
|
4375
|
-
|
|
4376
|
-
|
|
4527
|
+
var ar = {
|
|
4528
|
+
sm: "segmented-sm",
|
|
4529
|
+
md: "",
|
|
4530
|
+
lg: "segmented-lg",
|
|
4531
|
+
xl: "segmented-xl"
|
|
4532
|
+
};
|
|
4533
|
+
function or({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, bordered: u = !0, disabled: f = !1, className: p = "", ...m }) {
|
|
4534
|
+
W("AppSegmented", m), G("AppSegmented", "size", a, Object.keys(ar));
|
|
4535
|
+
let h = s(), g = i || h, _ = d(null), v = d(null), y = [
|
|
4377
4536
|
"segmented",
|
|
4378
|
-
a
|
|
4537
|
+
ar[a] ?? "",
|
|
4379
4538
|
c ? "segmented-full" : "",
|
|
4380
|
-
u ? "
|
|
4381
|
-
f
|
|
4539
|
+
u ? "" : "segmented-borderless",
|
|
4540
|
+
f ? "is-disabled" : "",
|
|
4541
|
+
p
|
|
4382
4542
|
].filter(Boolean).join(" ");
|
|
4383
4543
|
return l(() => {
|
|
4384
|
-
let e =
|
|
4544
|
+
let e = _.current, t = v.current;
|
|
4385
4545
|
if (!e || !t) return;
|
|
4386
4546
|
let n = (n) => {
|
|
4387
4547
|
let r = e.querySelector(".segmented-option:has(.segmented-input:checked)");
|
|
@@ -4389,7 +4549,7 @@ function $n({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
|
|
|
4389
4549
|
t.style.opacity = "0";
|
|
4390
4550
|
return;
|
|
4391
4551
|
}
|
|
4392
|
-
n || e.classList.remove("is-animated"), t.style.width = `${r.offsetWidth}px`, t.style.transform = `translateX(${r.offsetLeft}px)`, t.style.opacity = "1", n || requestAnimationFrame(() =>
|
|
4552
|
+
n || e.classList.remove("is-animated"), t.style.width = `${r.offsetWidth}px`, t.style.transform = `translateX(${r.offsetLeft}px)`, t.style.opacity = "1", n || requestAnimationFrame(() => _.current?.classList.add("is-animated"));
|
|
4393
4553
|
};
|
|
4394
4554
|
n(!0);
|
|
4395
4555
|
let r = typeof ResizeObserver < "u" ? new ResizeObserver(() => n(!1)) : null;
|
|
@@ -4400,18 +4560,18 @@ function $n({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
|
|
|
4400
4560
|
a,
|
|
4401
4561
|
c
|
|
4402
4562
|
]), o(() => {
|
|
4403
|
-
let e = requestAnimationFrame(() =>
|
|
4563
|
+
let e = requestAnimationFrame(() => _.current?.classList.add("is-animated"));
|
|
4404
4564
|
return () => cancelAnimationFrame(e);
|
|
4405
4565
|
}, []), /* @__PURE__ */ D("div", {
|
|
4406
|
-
ref:
|
|
4407
|
-
className:
|
|
4566
|
+
ref: _,
|
|
4567
|
+
className: y,
|
|
4408
4568
|
role: "radiogroup",
|
|
4409
4569
|
"aria-label": r,
|
|
4410
|
-
"aria-disabled":
|
|
4411
|
-
...
|
|
4570
|
+
"aria-disabled": f || void 0,
|
|
4571
|
+
...m,
|
|
4412
4572
|
children: [/* @__PURE__ */ E("span", {
|
|
4413
4573
|
className: "segmented-thumb",
|
|
4414
|
-
ref:
|
|
4574
|
+
ref: v,
|
|
4415
4575
|
"aria-hidden": "true"
|
|
4416
4576
|
}), e.map((e) => /* @__PURE__ */ D("label", {
|
|
4417
4577
|
className: "segmented-option",
|
|
@@ -4419,10 +4579,10 @@ function $n({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
|
|
|
4419
4579
|
/* @__PURE__ */ E("input", {
|
|
4420
4580
|
type: "radio",
|
|
4421
4581
|
className: "segmented-input",
|
|
4422
|
-
name:
|
|
4582
|
+
name: g,
|
|
4423
4583
|
value: e.value,
|
|
4424
4584
|
checked: e.value === t,
|
|
4425
|
-
disabled:
|
|
4585
|
+
disabled: f || e.disabled,
|
|
4426
4586
|
onChange: () => n?.(e.value)
|
|
4427
4587
|
}),
|
|
4428
4588
|
e.icon && /* @__PURE__ */ E(Y, {
|
|
@@ -4445,8 +4605,8 @@ function $n({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
|
|
|
4445
4605
|
}
|
|
4446
4606
|
//#endregion
|
|
4447
4607
|
//#region src/components/AppSelect.jsx
|
|
4448
|
-
var
|
|
4449
|
-
|
|
4608
|
+
var sr = (e) => e == null ? "" : e.label ?? e.text ?? "", cr = i(function({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", searchPlaceholder: i = "Search...", searchable: a = !1, clearable: c = !1, size: l, icon: u, prefix: d, suffix: f, floatingLabel: p = !1, disabled: m, label: h, required: g = !1, error: _, hint: v, help: y, helpLabel: b = "More information", id: x, name: S, className: C = "", fieldClassName: w = "", "aria-label": T, "aria-labelledby": O, "aria-describedby": k, ...A }, j) {
|
|
4609
|
+
W("AppSelect", A);
|
|
4450
4610
|
let M = s(), { setRef: N, innerRef: P } = Q({
|
|
4451
4611
|
ref: j,
|
|
4452
4612
|
value: e ?? "",
|
|
@@ -4457,10 +4617,10 @@ var er = (e) => e == null ? "" : e.label ?? e.text ?? "", tr = i(function({ valu
|
|
|
4457
4617
|
if (!e) return;
|
|
4458
4618
|
let t = n.map((e) => ({
|
|
4459
4619
|
value: e.value,
|
|
4460
|
-
label:
|
|
4620
|
+
label: sr(e),
|
|
4461
4621
|
icon: e.icon
|
|
4462
4622
|
}));
|
|
4463
|
-
|
|
4623
|
+
Ze(t, e.options) || (e.options = t);
|
|
4464
4624
|
}, [n, P]);
|
|
4465
4625
|
let F = x || M, I = p && h, L = _ && F ? `${F}-error` : void 0, R = v && F ? `${F}-hint` : void 0, z = /* @__PURE__ */ E("wui-select", {
|
|
4466
4626
|
"aria-label": T || (typeof h == "string" ? h : void 0),
|
|
@@ -4480,7 +4640,7 @@ var er = (e) => e == null ? "" : e.label ?? e.text ?? "", tr = i(function({ valu
|
|
|
4480
4640
|
required: g ? "" : void 0,
|
|
4481
4641
|
className: C || void 0,
|
|
4482
4642
|
...A
|
|
4483
|
-
}),
|
|
4643
|
+
}), B = !I && (d != null || f != null) ? /* @__PURE__ */ D("div", {
|
|
4484
4644
|
className: "input-affixed",
|
|
4485
4645
|
children: [
|
|
4486
4646
|
d != null && /* @__PURE__ */ E("span", {
|
|
@@ -4494,7 +4654,7 @@ var er = (e) => e == null ? "" : e.label ?? e.text ?? "", tr = i(function({ valu
|
|
|
4494
4654
|
})
|
|
4495
4655
|
]
|
|
4496
4656
|
}) : z;
|
|
4497
|
-
return !h && !_ && !v ?
|
|
4657
|
+
return !h && !_ && !v ? B : /* @__PURE__ */ D("div", {
|
|
4498
4658
|
className: ["field", w].filter(Boolean).join(" "),
|
|
4499
4659
|
children: [
|
|
4500
4660
|
h && !I && /* @__PURE__ */ D("label", {
|
|
@@ -4503,7 +4663,7 @@ var er = (e) => e == null ? "" : e.label ?? e.text ?? "", tr = i(function({ valu
|
|
|
4503
4663
|
children: [
|
|
4504
4664
|
h,
|
|
4505
4665
|
g && /* @__PURE__ */ E(Z, {}),
|
|
4506
|
-
y && /* @__PURE__ */ E(
|
|
4666
|
+
y && /* @__PURE__ */ E(qe, {
|
|
4507
4667
|
label: b,
|
|
4508
4668
|
children: y
|
|
4509
4669
|
})
|
|
@@ -4516,7 +4676,7 @@ var er = (e) => e == null ? "" : e.label ?? e.text ?? "", tr = i(function({ valu
|
|
|
4516
4676
|
htmlFor: F,
|
|
4517
4677
|
children: [h, g && /* @__PURE__ */ E(Z, {})]
|
|
4518
4678
|
})]
|
|
4519
|
-
}) :
|
|
4679
|
+
}) : B,
|
|
4520
4680
|
_ ? /* @__PURE__ */ E("div", {
|
|
4521
4681
|
className: "field-error",
|
|
4522
4682
|
id: L,
|
|
@@ -4531,8 +4691,8 @@ var er = (e) => e == null ? "" : e.label ?? e.text ?? "", tr = i(function({ valu
|
|
|
4531
4691
|
});
|
|
4532
4692
|
//#endregion
|
|
4533
4693
|
//#region src/components/AppShell.jsx
|
|
4534
|
-
function
|
|
4535
|
-
|
|
4694
|
+
function lr({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r, sidebarFooter: i, topbarStart: a, topbarEnd: s, footer: c, children: l, collapsed: u, onCollapsedChange: d, noSidebar: p = !1, navLabel: m = "Main navigation", linkComponent: h, className: g = "", ..._ }) {
|
|
4695
|
+
W("AppShell", _);
|
|
4536
4696
|
let [v, y] = f(!1), [b, x] = f(!1), [S, C] = f(!1), w = u ?? v, T = () => {
|
|
4537
4697
|
let e = !w;
|
|
4538
4698
|
u === void 0 && y(e), d?.(e);
|
|
@@ -4579,7 +4739,7 @@ function nr({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
|
|
|
4579
4739
|
children: [e.label && /* @__PURE__ */ E("div", {
|
|
4580
4740
|
className: "app-nav-group-label",
|
|
4581
4741
|
children: e.label
|
|
4582
|
-
}), e.items.map((e) => /* @__PURE__ */ E(
|
|
4742
|
+
}), e.items.map((e) => /* @__PURE__ */ E(ur, {
|
|
4583
4743
|
item: e,
|
|
4584
4744
|
linkComponent: h,
|
|
4585
4745
|
onNavigate: () => x(!1)
|
|
@@ -4646,7 +4806,7 @@ function nr({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
|
|
|
4646
4806
|
]
|
|
4647
4807
|
});
|
|
4648
4808
|
}
|
|
4649
|
-
function
|
|
4809
|
+
function ur({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
|
|
4650
4810
|
let i = Array.isArray(e.children) && e.children.length > 0, a = i && e.children.some((e) => e.active), [s, c] = f(a);
|
|
4651
4811
|
o(() => {
|
|
4652
4812
|
a && !s && c(!0);
|
|
@@ -4688,7 +4848,7 @@ function rr({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
|
|
|
4688
4848
|
"aria-hidden": !s || void 0,
|
|
4689
4849
|
children: /* @__PURE__ */ E("div", {
|
|
4690
4850
|
className: "app-nav-sub-inner",
|
|
4691
|
-
children: e.children.map((e) => /* @__PURE__ */ E(
|
|
4851
|
+
children: e.children.map((e) => /* @__PURE__ */ E(ur, {
|
|
4692
4852
|
item: e,
|
|
4693
4853
|
linkComponent: t,
|
|
4694
4854
|
onNavigate: n,
|
|
@@ -4729,7 +4889,7 @@ function rr({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
|
|
|
4729
4889
|
}
|
|
4730
4890
|
//#endregion
|
|
4731
4891
|
//#region src/components/AppSidebarMenu.jsx
|
|
4732
|
-
var
|
|
4892
|
+
var dr = {
|
|
4733
4893
|
left: "start",
|
|
4734
4894
|
right: "end",
|
|
4735
4895
|
start: "start",
|
|
@@ -4737,9 +4897,9 @@ var ir = {
|
|
|
4737
4897
|
top: "top",
|
|
4738
4898
|
bottom: "bottom"
|
|
4739
4899
|
};
|
|
4740
|
-
function
|
|
4741
|
-
|
|
4742
|
-
let { style: y, ...b } = v, S =
|
|
4900
|
+
function fr({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, header: a, children: o, footer: s, width: c, maxWidth: l, backdrop: u = !0, scroll: d = !1, keyboard: f = !0, closeButton: p = !0, responsive: m, className: h = "", bodyClassName: g = "", ariaLabel: _, ...v }) {
|
|
4901
|
+
W("AppSidebarMenu", v), G("AppSidebarMenu", "side", n, Object.keys(dr));
|
|
4902
|
+
let { style: y, ...b } = v, S = dr[n] || "end", C = c || l || y ? {
|
|
4743
4903
|
...c && { "--asm-width": c },
|
|
4744
4904
|
...l && { "--asm-max-width": l },
|
|
4745
4905
|
...y
|
|
@@ -4768,7 +4928,7 @@ function ar({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
|
|
|
4768
4928
|
size: 18
|
|
4769
4929
|
})
|
|
4770
4930
|
}), r]
|
|
4771
|
-
}), p && /* @__PURE__ */ E(
|
|
4931
|
+
}), p && /* @__PURE__ */ E(Be, {
|
|
4772
4932
|
variant: "ghost",
|
|
4773
4933
|
className: "btn-icon",
|
|
4774
4934
|
onClick: t,
|
|
@@ -4792,14 +4952,14 @@ function ar({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
|
|
|
4792
4952
|
}
|
|
4793
4953
|
//#endregion
|
|
4794
4954
|
//#region src/components/AppSlider.jsx
|
|
4795
|
-
var
|
|
4796
|
-
|
|
4955
|
+
var pr = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, label: a, required: c = !1, hint: l, error: u, name: d, startName: f, endName: p, min: m = 0, max: h = 100, step: g = 1, disabled: _, size: v, showValue: y, unit: b, id: x, ariaLabel: S, className: C = "", fieldClassName: w = "", ...T }, O) {
|
|
4956
|
+
W("AppSlider", T);
|
|
4797
4957
|
let k = s(), A = x || k, j = r, { setRef: M, innerRef: N } = Q({
|
|
4798
4958
|
ref: O,
|
|
4799
4959
|
value: j ? void 0 : e,
|
|
4800
4960
|
onChange: i,
|
|
4801
|
-
readValue: j ?
|
|
4802
|
-
writeValue: j ? void 0 :
|
|
4961
|
+
readValue: j ? et : void 0,
|
|
4962
|
+
writeValue: j ? void 0 : tt
|
|
4803
4963
|
});
|
|
4804
4964
|
o(() => {
|
|
4805
4965
|
if (!j) return;
|
|
@@ -4853,14 +5013,14 @@ var or = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, la
|
|
|
4853
5013
|
})
|
|
4854
5014
|
]
|
|
4855
5015
|
});
|
|
4856
|
-
}),
|
|
5016
|
+
}), mr = {
|
|
4857
5017
|
sm: 44,
|
|
4858
5018
|
md: 56,
|
|
4859
5019
|
lg: 72
|
|
4860
5020
|
};
|
|
4861
|
-
function
|
|
4862
|
-
|
|
4863
|
-
let { style: l, ...u } = c, d = typeof a == "number" ? a :
|
|
5021
|
+
function hr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
|
|
5022
|
+
W("AppSplash", c), G("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(mr));
|
|
5023
|
+
let { style: l, ...u } = c, d = typeof a == "number" ? a : mr[a] ?? mr.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
|
|
4864
5024
|
className: "splash-ring",
|
|
4865
5025
|
"aria-hidden": "true"
|
|
4866
5026
|
}) : i === "dots" ? /* @__PURE__ */ D("span", {
|
|
@@ -4907,8 +5067,8 @@ function cr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", siz
|
|
|
4907
5067
|
}
|
|
4908
5068
|
//#endregion
|
|
4909
5069
|
//#region src/components/AppStatusBadge.jsx
|
|
4910
|
-
function
|
|
4911
|
-
return
|
|
5070
|
+
function gr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
|
|
5071
|
+
return W("AppStatusBadge", a), e == null || e === "" ? "-" : q(/* @__PURE__ */ E("span", {
|
|
4912
5072
|
className: `status-label ${t}${n ? ` ${n}` : ""}`,
|
|
4913
5073
|
...a,
|
|
4914
5074
|
children: e
|
|
@@ -4916,8 +5076,8 @@ function lr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tool
|
|
|
4916
5076
|
}
|
|
4917
5077
|
//#endregion
|
|
4918
5078
|
//#region src/components/AppStepper.jsx
|
|
4919
|
-
function
|
|
4920
|
-
|
|
5079
|
+
function _r({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
|
|
5080
|
+
W("AppStepper", c);
|
|
4921
5081
|
let l = t === "journey";
|
|
4922
5082
|
return /* @__PURE__ */ E("nav", {
|
|
4923
5083
|
className: [
|
|
@@ -4929,7 +5089,7 @@ function ur({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
|
|
|
4929
5089
|
"aria-label": a,
|
|
4930
5090
|
...c,
|
|
4931
5091
|
children: e.map((t, n) => {
|
|
4932
|
-
let a = t.status ||
|
|
5092
|
+
let a = t.status || vr(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
|
|
4933
5093
|
c = a === "done" ? /* @__PURE__ */ E(Y, {
|
|
4934
5094
|
name: "check",
|
|
4935
5095
|
size: 14
|
|
@@ -4993,13 +5153,13 @@ function ur({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
|
|
|
4993
5153
|
})
|
|
4994
5154
|
});
|
|
4995
5155
|
}
|
|
4996
|
-
function
|
|
5156
|
+
function vr(e, t) {
|
|
4997
5157
|
return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
|
|
4998
5158
|
}
|
|
4999
5159
|
//#endregion
|
|
5000
5160
|
//#region src/components/AppSwitch.jsx
|
|
5001
|
-
var
|
|
5002
|
-
return
|
|
5161
|
+
var yr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "pill", className: o = "", ...s }, c) {
|
|
5162
|
+
return W("AppSwitch", s), /* @__PURE__ */ E(vt, {
|
|
5003
5163
|
ref: c,
|
|
5004
5164
|
label: e,
|
|
5005
5165
|
id: t,
|
|
@@ -5014,8 +5174,8 @@ var fr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "p
|
|
|
5014
5174
|
});
|
|
5015
5175
|
//#endregion
|
|
5016
5176
|
//#region src/components/AppTableEmptyState.jsx
|
|
5017
|
-
function
|
|
5018
|
-
return
|
|
5177
|
+
function br({ icon: e, title: t, text: n, action: r, ...i }) {
|
|
5178
|
+
return W("AppTableEmptyState", i), /* @__PURE__ */ D("div", {
|
|
5019
5179
|
className: "tbl-empty",
|
|
5020
5180
|
...i,
|
|
5021
5181
|
children: [
|
|
@@ -5040,9 +5200,9 @@ function pr({ icon: e, title: t, text: n, action: r, ...i }) {
|
|
|
5040
5200
|
}
|
|
5041
5201
|
//#endregion
|
|
5042
5202
|
//#region src/components/AppTabs.jsx
|
|
5043
|
-
var
|
|
5044
|
-
function
|
|
5045
|
-
|
|
5203
|
+
var xr = 1, Sr = 28, Cr = .7;
|
|
5204
|
+
function wr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "underline", orientation: s = "horizontal", size: c = "md", fitted: u = !1, activation: p = "automatic", ariaLabel: m, className: h = "", style: g, ..._ }) {
|
|
5205
|
+
W("AppTabs", _);
|
|
5046
5206
|
let v = d(null), y = d(null), b = s === "vertical", [x, S] = f(t);
|
|
5047
5207
|
o(() => {
|
|
5048
5208
|
S(t);
|
|
@@ -5053,7 +5213,7 @@ function _r({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
5053
5213
|
let e = v.current, t = y.current;
|
|
5054
5214
|
if (!e || !t || b) return;
|
|
5055
5215
|
let n = e.scrollWidth - e.clientWidth;
|
|
5056
|
-
t.classList.toggle("is-overflow-start", e.scrollLeft >
|
|
5216
|
+
t.classList.toggle("is-overflow-start", e.scrollLeft > xr), t.classList.toggle("is-overflow-end", n > xr && e.scrollLeft < n - xr);
|
|
5057
5217
|
}, [b]), M = a(() => {
|
|
5058
5218
|
let n = v.current;
|
|
5059
5219
|
if (!n) return;
|
|
@@ -5069,7 +5229,7 @@ function _r({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
5069
5229
|
if (!e || b) return;
|
|
5070
5230
|
let t = e.querySelector(".app-tab.active");
|
|
5071
5231
|
if (!t) return;
|
|
5072
|
-
let n =
|
|
5232
|
+
let n = Sr, r = t.offsetLeft, i = r + t.offsetWidth;
|
|
5073
5233
|
r - n < e.scrollLeft ? e.scrollLeft = Math.max(0, r - n) : i + n > e.scrollLeft + e.clientWidth && (e.scrollLeft = i + n - e.clientWidth);
|
|
5074
5234
|
}, [b]);
|
|
5075
5235
|
l(() => {
|
|
@@ -5104,7 +5264,7 @@ function _r({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
5104
5264
|
}
|
|
5105
5265
|
let I = (e) => {
|
|
5106
5266
|
let t = v.current;
|
|
5107
|
-
t && t.scrollBy({ left: e * t.clientWidth *
|
|
5267
|
+
t && t.scrollBy({ left: e * t.clientWidth * Cr });
|
|
5108
5268
|
}, L = [
|
|
5109
5269
|
"app-tabs",
|
|
5110
5270
|
i === "pills" ? "app-tabs-pills" : "",
|
|
@@ -5176,7 +5336,7 @@ function _r({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
5176
5336
|
},
|
|
5177
5337
|
children: s
|
|
5178
5338
|
}, e.key);
|
|
5179
|
-
return e.tooltip ? /* @__PURE__ */ E(
|
|
5339
|
+
return e.tooltip ? /* @__PURE__ */ E(ce, {
|
|
5180
5340
|
content: e.tooltip,
|
|
5181
5341
|
children: c
|
|
5182
5342
|
}, e.key) : c;
|
|
@@ -5217,14 +5377,14 @@ function _r({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
5217
5377
|
}
|
|
5218
5378
|
//#endregion
|
|
5219
5379
|
//#region src/components/AppTagInput.jsx
|
|
5220
|
-
var
|
|
5221
|
-
|
|
5380
|
+
var Tr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r, label: i, error: a, hint: o, required: c = !1, size: l, maxTags: u, allowDuplicates: d = !1, disabled: f = !1, id: p, ariaLabel: m, className: h = "", fieldClassName: g = "", help: _, helpLabel: v = "More information", ...y }, b) {
|
|
5381
|
+
W("AppTagInput", y);
|
|
5222
5382
|
let x = s(), S = p || x, { setRef: C } = Q({
|
|
5223
5383
|
ref: b,
|
|
5224
5384
|
value: e,
|
|
5225
5385
|
onChange: t,
|
|
5226
|
-
readValue:
|
|
5227
|
-
writeValue:
|
|
5386
|
+
readValue: Qe,
|
|
5387
|
+
writeValue: $e
|
|
5228
5388
|
});
|
|
5229
5389
|
return /* @__PURE__ */ D("div", {
|
|
5230
5390
|
className: `field${g ? ` ${g}` : ""}`,
|
|
@@ -5235,7 +5395,7 @@ var vr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
5235
5395
|
children: [
|
|
5236
5396
|
i,
|
|
5237
5397
|
c && /* @__PURE__ */ E(Z, {}),
|
|
5238
|
-
_ && /* @__PURE__ */ E(
|
|
5398
|
+
_ && /* @__PURE__ */ E(qe, {
|
|
5239
5399
|
label: v,
|
|
5240
5400
|
children: _
|
|
5241
5401
|
})
|
|
@@ -5268,8 +5428,8 @@ var vr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
5268
5428
|
}) : null
|
|
5269
5429
|
]
|
|
5270
5430
|
});
|
|
5271
|
-
}),
|
|
5272
|
-
|
|
5431
|
+
}), Er = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: c = "More information", id: u, name: p, rows: m = 4, autoGrow: h = !1, showCount: g = !1, maxLength: _, className: v = "", fieldClassName: b = "", ...x }, S) {
|
|
5432
|
+
W("AppTextarea", x);
|
|
5273
5433
|
let C = s(), w = u || C, T = [
|
|
5274
5434
|
"textarea",
|
|
5275
5435
|
h ? "autosize" : "",
|
|
@@ -5304,7 +5464,7 @@ var vr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
5304
5464
|
children: [
|
|
5305
5465
|
e,
|
|
5306
5466
|
t && /* @__PURE__ */ E(Z, {}),
|
|
5307
|
-
i && /* @__PURE__ */ E(
|
|
5467
|
+
i && /* @__PURE__ */ E(qe, {
|
|
5308
5468
|
label: c,
|
|
5309
5469
|
children: i
|
|
5310
5470
|
})
|
|
@@ -5339,7 +5499,7 @@ var vr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
5339
5499
|
})
|
|
5340
5500
|
]
|
|
5341
5501
|
});
|
|
5342
|
-
}),
|
|
5502
|
+
}), Dr = {
|
|
5343
5503
|
done: "check",
|
|
5344
5504
|
current: "clock",
|
|
5345
5505
|
"on-hold": "lock",
|
|
@@ -5348,8 +5508,8 @@ var vr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
5348
5508
|
skipped: "arrow-right",
|
|
5349
5509
|
upcoming: null
|
|
5350
5510
|
};
|
|
5351
|
-
function
|
|
5352
|
-
|
|
5511
|
+
function Or({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
|
|
5512
|
+
W("AppTimeline", o);
|
|
5353
5513
|
let s = t === "progress", c = `timeline${s ? " timeline--progress" : ""}${n === "horizontal" ? " timeline--horizontal" : ""}${i ? ` ${i}` : ""}`, l = typeof r == "number" && r > 0 ? r : void 0, u = l ? Math.round(l * .54) : s ? 13 : 12;
|
|
5354
5514
|
return /* @__PURE__ */ E("ol", {
|
|
5355
5515
|
className: c,
|
|
@@ -5359,7 +5519,7 @@ function xr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
|
|
|
5359
5519
|
} : a,
|
|
5360
5520
|
...o,
|
|
5361
5521
|
children: e.map((e, t) => {
|
|
5362
|
-
let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ?
|
|
5522
|
+
let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ? Dr[n] : void 0) : e.icon || "circle";
|
|
5363
5523
|
return /* @__PURE__ */ D("li", {
|
|
5364
5524
|
className: `timeline-item${r}${i}`,
|
|
5365
5525
|
children: [/* @__PURE__ */ E("span", {
|
|
@@ -5429,8 +5589,8 @@ function xr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
|
|
|
5429
5589
|
}
|
|
5430
5590
|
//#endregion
|
|
5431
5591
|
//#region src/components/AppTimePicker.jsx
|
|
5432
|
-
var
|
|
5433
|
-
|
|
5592
|
+
var kr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, step: u, format: d = "24", placeholder: f = "Select time", disabled: p, size: m, id: h, ariaLabel: g, className: _ = "", fieldClassName: v = "", ...y }, b) {
|
|
5593
|
+
W("AppTimePicker", y);
|
|
5434
5594
|
let x = s(), S = h || o || x, { setRef: C } = Q({
|
|
5435
5595
|
ref: b,
|
|
5436
5596
|
value: e ?? "",
|
|
@@ -5474,35 +5634,35 @@ var Sr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
|
|
|
5474
5634
|
})
|
|
5475
5635
|
]
|
|
5476
5636
|
});
|
|
5477
|
-
}),
|
|
5478
|
-
function
|
|
5479
|
-
for (let e of
|
|
5637
|
+
}), Ar = 6, $ = [], jr = /* @__PURE__ */ new Set(), Mr = /* @__PURE__ */ new Map(), Nr = /* @__PURE__ */ new Set(), Pr = 0;
|
|
5638
|
+
function Fr() {
|
|
5639
|
+
for (let e of jr) e($);
|
|
5480
5640
|
}
|
|
5481
|
-
function
|
|
5482
|
-
let t =
|
|
5483
|
-
t !== void 0 && (clearTimeout(t),
|
|
5641
|
+
function Ir(e) {
|
|
5642
|
+
let t = Mr.get(e);
|
|
5643
|
+
t !== void 0 && (clearTimeout(t), Mr.delete(e));
|
|
5484
5644
|
}
|
|
5485
|
-
function
|
|
5486
|
-
if (e.length <=
|
|
5645
|
+
function Lr(e, t) {
|
|
5646
|
+
if (e.length <= Ar) return e;
|
|
5487
5647
|
let n = [...e], r = [];
|
|
5488
|
-
for (; n.length >
|
|
5648
|
+
for (; n.length > Ar;) {
|
|
5489
5649
|
let e = n.findIndex((e) => e.id !== t && e.duration !== 0);
|
|
5490
5650
|
r.push(n.splice(e === -1 ? n.findIndex((e) => e.id !== t) : e, 1)[0]);
|
|
5491
5651
|
}
|
|
5492
|
-
for (let e of r)
|
|
5652
|
+
for (let e of r) Ir(e.id), Nr.delete(e.id);
|
|
5493
5653
|
return n;
|
|
5494
5654
|
}
|
|
5495
|
-
function
|
|
5496
|
-
return
|
|
5497
|
-
if (
|
|
5655
|
+
function Rr(e) {
|
|
5656
|
+
return jr.add(e), e($), () => {
|
|
5657
|
+
if (jr.delete(e), jr.size === 0) for (let e of $) e.duration > 0 && !Mr.has(e.id) && (Nr.delete(e.id), Mr.set(e.id, setTimeout(() => Vr(e.id), e.duration)));
|
|
5498
5658
|
};
|
|
5499
5659
|
}
|
|
5500
|
-
function
|
|
5660
|
+
function zr(e, t, n = {}) {
|
|
5501
5661
|
let r = n.id, i = r || typeof e != "string" ? void 0 : `${t}:${e}`;
|
|
5502
5662
|
if (r) {
|
|
5503
5663
|
let i = $.find((e) => e.externalId === r);
|
|
5504
5664
|
if (i) {
|
|
5505
|
-
|
|
5665
|
+
Ir(i.id);
|
|
5506
5666
|
let r = n.duration === void 0 ? 5e3 : n.duration;
|
|
5507
5667
|
$ = $.map((a) => a.id === i.id ? {
|
|
5508
5668
|
...a,
|
|
@@ -5515,12 +5675,12 @@ function Mr(e, t, n = {}) {
|
|
|
5515
5675
|
shape: n.shape,
|
|
5516
5676
|
surface: n.surface,
|
|
5517
5677
|
progress: n.progress
|
|
5518
|
-
} : a),
|
|
5678
|
+
} : a), Fr(), r > 0 && !Nr.has(i.id) && Mr.set(i.id, setTimeout(() => Vr(i.id), r));
|
|
5519
5679
|
return;
|
|
5520
5680
|
}
|
|
5521
5681
|
} else if (i && $.some((e) => e.key === i)) return;
|
|
5522
|
-
let a = ++
|
|
5523
|
-
$ =
|
|
5682
|
+
let a = ++Pr, o = n.duration === void 0 ? 5e3 : n.duration;
|
|
5683
|
+
$ = Lr([...$, {
|
|
5524
5684
|
id: a,
|
|
5525
5685
|
externalId: r,
|
|
5526
5686
|
message: e,
|
|
@@ -5533,25 +5693,25 @@ function Mr(e, t, n = {}) {
|
|
|
5533
5693
|
surface: n.surface,
|
|
5534
5694
|
progress: n.progress,
|
|
5535
5695
|
key: i
|
|
5536
|
-
}], a),
|
|
5696
|
+
}], a), Fr(), o > 0 && Mr.set(a, setTimeout(() => Vr(a), o));
|
|
5537
5697
|
}
|
|
5538
|
-
function
|
|
5539
|
-
|
|
5698
|
+
function Br(e) {
|
|
5699
|
+
Ir(e), Nr.add(e);
|
|
5540
5700
|
}
|
|
5541
|
-
function
|
|
5542
|
-
|
|
5701
|
+
function Vr(e) {
|
|
5702
|
+
Ir(e), Nr.delete(e);
|
|
5543
5703
|
let t = $.filter((t) => t.id !== e);
|
|
5544
|
-
t.length !== $.length && ($ = t,
|
|
5704
|
+
t.length !== $.length && ($ = t, Fr());
|
|
5545
5705
|
}
|
|
5546
|
-
function
|
|
5547
|
-
if (!($.length === 0 &&
|
|
5548
|
-
for (let e of
|
|
5549
|
-
|
|
5706
|
+
function Hr() {
|
|
5707
|
+
if (!($.length === 0 && Mr.size === 0 && Nr.size === 0)) {
|
|
5708
|
+
for (let e of Mr.values()) clearTimeout(e);
|
|
5709
|
+
Mr.clear(), Nr.clear(), $.length !== 0 && ($ = [], Fr());
|
|
5550
5710
|
}
|
|
5551
5711
|
}
|
|
5552
5712
|
//#endregion
|
|
5553
5713
|
//#region src/components/AppToast.jsx
|
|
5554
|
-
var
|
|
5714
|
+
var Ur = {
|
|
5555
5715
|
success: {
|
|
5556
5716
|
icon: "check-circle",
|
|
5557
5717
|
assertive: !1
|
|
@@ -5568,7 +5728,7 @@ var Ir = {
|
|
|
5568
5728
|
icon: "alert-circle",
|
|
5569
5729
|
assertive: !0
|
|
5570
5730
|
}
|
|
5571
|
-
},
|
|
5731
|
+
}, Wr = {
|
|
5572
5732
|
"top-start": "top-0 start-0",
|
|
5573
5733
|
"top-center": "top-0 start-50 translate-middle-x",
|
|
5574
5734
|
"top-end": "top-0 end-0",
|
|
@@ -5576,21 +5736,21 @@ var Ir = {
|
|
|
5576
5736
|
"bottom-start": "bottom-0 start-0",
|
|
5577
5737
|
"bottom-center": "bottom-0 start-50 translate-middle-x",
|
|
5578
5738
|
"bottom-end": "bottom-0 end-0"
|
|
5579
|
-
},
|
|
5739
|
+
}, Gr = 64, Kr = /* @__PURE__ */ new Set([
|
|
5580
5740
|
"rise",
|
|
5581
5741
|
"organic",
|
|
5582
5742
|
"jelly",
|
|
5583
5743
|
"spring"
|
|
5584
|
-
]),
|
|
5744
|
+
]), qr = /* @__PURE__ */ new Set([
|
|
5585
5745
|
"rounded",
|
|
5586
5746
|
"pill",
|
|
5587
5747
|
"sharp"
|
|
5588
|
-
]),
|
|
5589
|
-
function
|
|
5590
|
-
|
|
5748
|
+
]), Jr = /* @__PURE__ */ new Set(["auto", "inverse"]);
|
|
5749
|
+
function Yr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
|
|
5750
|
+
W("AppToast", s), G("AppToast", "position", e, Object.keys(Wr)), G("AppToast", "animation", n, Kr), G("AppToast", "shape", r, qr), G("AppToast", "surface", i, Jr);
|
|
5591
5751
|
let [c, l] = f([]);
|
|
5592
|
-
o(() =>
|
|
5593
|
-
let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p =
|
|
5752
|
+
o(() => Rr(l), []);
|
|
5753
|
+
let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = Wr[e] ?? Wr["bottom-end"];
|
|
5594
5754
|
return /* @__PURE__ */ D("div", {
|
|
5595
5755
|
...s,
|
|
5596
5756
|
className: `wui-toast-container toast-container position-fixed ${p} p-3 ${a}`.trim(),
|
|
@@ -5602,7 +5762,7 @@ function Hr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
|
|
|
5602
5762
|
u,
|
|
5603
5763
|
" more"
|
|
5604
5764
|
]
|
|
5605
|
-
}), d.map((e) => /* @__PURE__ */ E(
|
|
5765
|
+
}), d.map((e) => /* @__PURE__ */ E(Xr, {
|
|
5606
5766
|
toast: e,
|
|
5607
5767
|
defaultAnimation: n,
|
|
5608
5768
|
defaultShape: r,
|
|
@@ -5610,14 +5770,14 @@ function Hr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
|
|
|
5610
5770
|
}, e.id))]
|
|
5611
5771
|
});
|
|
5612
5772
|
}
|
|
5613
|
-
function
|
|
5614
|
-
let i =
|
|
5773
|
+
function Xr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
|
|
5774
|
+
let i = Ur[e.variant] ?? Ur.success, a = Kr.has(e.animation) ? e.animation : t, s = qr.has(e.shape) ? e.shape : n, c = Jr.has(e.surface) ? e.surface : r, l = (a !== "rise" && Kr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && qr.has(s) ? ` wui-toast--shape-${s}` : "") + (c === "inverse" ? " wui-toast--surface-inverse" : ""), u = e.duration === 0, [p, m] = f(0), [h, g] = f(!1), _ = d(null), v = () => Vr(e.id), y = d(null);
|
|
5615
5775
|
o(() => {
|
|
5616
5776
|
if (e.duration === 0) return;
|
|
5617
|
-
|
|
5777
|
+
Br(e.id);
|
|
5618
5778
|
let t = y.current, n = t == null ? "" : getComputedStyle(t).animationName;
|
|
5619
5779
|
if (t != null && (typeof t.getAnimations == "function" ? t.getAnimations().length > 0 : n !== "" && n !== "none")) return;
|
|
5620
|
-
let r = setTimeout(() =>
|
|
5780
|
+
let r = setTimeout(() => Vr(e.id), e.duration);
|
|
5621
5781
|
return () => clearTimeout(r);
|
|
5622
5782
|
}, [e.id, e.duration]);
|
|
5623
5783
|
let b = (e) => {
|
|
@@ -5629,7 +5789,7 @@ function Ur({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
|
|
|
5629
5789
|
}, C = (e) => {
|
|
5630
5790
|
if (_.current === null) return;
|
|
5631
5791
|
let t = e.clientX - _.current;
|
|
5632
|
-
if (Math.abs(t) >
|
|
5792
|
+
if (Math.abs(t) > Gr) {
|
|
5633
5793
|
v();
|
|
5634
5794
|
return;
|
|
5635
5795
|
}
|
|
@@ -5713,8 +5873,8 @@ function Ur({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
|
|
|
5713
5873
|
}
|
|
5714
5874
|
//#endregion
|
|
5715
5875
|
//#region src/components/AppToolbar.jsx
|
|
5716
|
-
function
|
|
5717
|
-
|
|
5876
|
+
function Zr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
|
|
5877
|
+
W("AppToolbar", u);
|
|
5718
5878
|
let d = s(), p = o || d, [m, h] = f(r), g = n === void 0 ? m : n;
|
|
5719
5879
|
return /* @__PURE__ */ D("div", {
|
|
5720
5880
|
className: [
|
|
@@ -5771,8 +5931,8 @@ function Wr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelec
|
|
|
5771
5931
|
}
|
|
5772
5932
|
//#endregion
|
|
5773
5933
|
//#region src/components/AppWizard.jsx
|
|
5774
|
-
var
|
|
5775
|
-
|
|
5934
|
+
var Qr = i(function({ steps: t = [], children: n, active: r, defaultActive: i = 0, onStepChange: a, onFinish: s, onSkip: c, beforeNext: l, onInvalid: u, variant: f = "steps", tone: p, orientation: m = "horizontal", skippable: h = !1, nonLinear: g = !1, hideStepper: _ = !1, disabled: v = !1, label: y = "Progress", backLabel: b = "Back", nextLabel: x = "Next", skipLabel: S = "Skip", finishLabel: C = "Finish", className: w = "", ...T }, D) {
|
|
5935
|
+
W("AppWizard", T);
|
|
5776
5936
|
let O = d(null), k = (e) => {
|
|
5777
5937
|
O.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
|
|
5778
5938
|
}, A = e.toArray(n), j = [p && `wui-step-tone-${p}`, w].filter(Boolean).join(" ");
|
|
@@ -5823,15 +5983,15 @@ var Gr = i(function({ steps: t = [], children: n, active: r, defaultActive: i =
|
|
|
5823
5983
|
children: A[t]
|
|
5824
5984
|
}, e.key ?? `${e.label}-${t}`))
|
|
5825
5985
|
});
|
|
5826
|
-
}),
|
|
5986
|
+
}), $r = /* @__PURE__ */ new Set([
|
|
5827
5987
|
"ArrowUp",
|
|
5828
5988
|
"ArrowDown",
|
|
5829
5989
|
"ArrowLeft",
|
|
5830
5990
|
"ArrowRight"
|
|
5831
5991
|
]);
|
|
5832
|
-
function
|
|
5992
|
+
function ei({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAction: i, linkComponent: a, searchable: s = !1, onCreate: c, canCreate: l = !1, createLabel: p = "Create workspace", compact: m = !1, size: h = "md", ariaLabel: g, ..._ }) {
|
|
5833
5993
|
let { onToggle: y, ...b } = _;
|
|
5834
|
-
|
|
5994
|
+
W("AppWorkspaceSwitcher", b);
|
|
5835
5995
|
let [x, S] = f(""), [C, w] = f(!1), T = d(null), O = (e, t) => {
|
|
5836
5996
|
w(e), y?.(e, t);
|
|
5837
5997
|
}, k = e.find((e) => e.id === t) ?? e[0], A = u(() => {
|
|
@@ -5849,7 +6009,7 @@ function qr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
5849
6009
|
let e = T.current;
|
|
5850
6010
|
if (!e) return;
|
|
5851
6011
|
let t = (e) => {
|
|
5852
|
-
if (
|
|
6012
|
+
if ($r.has(e.key)) {
|
|
5853
6013
|
e.stopPropagation();
|
|
5854
6014
|
return;
|
|
5855
6015
|
}
|
|
@@ -5867,7 +6027,7 @@ function qr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
5867
6027
|
onToggle: O,
|
|
5868
6028
|
...b,
|
|
5869
6029
|
children: [/* @__PURE__ */ E(v.Toggle, {
|
|
5870
|
-
as:
|
|
6030
|
+
as: ii,
|
|
5871
6031
|
compact: m,
|
|
5872
6032
|
tenant: k,
|
|
5873
6033
|
"aria-label": M
|
|
@@ -5902,7 +6062,7 @@ function qr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
5902
6062
|
className: `workspace-switcher-option${e.id === k?.id ? " is-active" : ""}`,
|
|
5903
6063
|
onClick: () => n?.(e),
|
|
5904
6064
|
children: [
|
|
5905
|
-
/* @__PURE__ */ E(
|
|
6065
|
+
/* @__PURE__ */ E(ni, { tenant: e }),
|
|
5906
6066
|
/* @__PURE__ */ E("span", {
|
|
5907
6067
|
className: "workspace-switcher-option-name",
|
|
5908
6068
|
children: e.name
|
|
@@ -5934,17 +6094,17 @@ function qr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
5934
6094
|
}) : null,
|
|
5935
6095
|
i ? /* @__PURE__ */ E("div", {
|
|
5936
6096
|
className: "workspace-switcher-footer",
|
|
5937
|
-
children:
|
|
6097
|
+
children: ri(i, a)
|
|
5938
6098
|
}) : null
|
|
5939
6099
|
]
|
|
5940
6100
|
})]
|
|
5941
6101
|
});
|
|
5942
6102
|
}
|
|
5943
|
-
function
|
|
6103
|
+
function ti(e) {
|
|
5944
6104
|
let t = String(e ?? "").trim().split(/\s+/).filter(Boolean);
|
|
5945
6105
|
return t.length === 0 ? "" : (t[0][0] + (t.length > 1 ? t[t.length - 1][0] : "")).toUpperCase();
|
|
5946
6106
|
}
|
|
5947
|
-
function
|
|
6107
|
+
function ni({ tenant: e }) {
|
|
5948
6108
|
return e?.logoUrl ? /* @__PURE__ */ E("img", {
|
|
5949
6109
|
className: "workspace-switcher-mark",
|
|
5950
6110
|
src: e.logoUrl,
|
|
@@ -5952,10 +6112,10 @@ function Yr({ tenant: e }) {
|
|
|
5952
6112
|
loading: "lazy"
|
|
5953
6113
|
}) : /* @__PURE__ */ E("span", {
|
|
5954
6114
|
className: "workspace-switcher-mark",
|
|
5955
|
-
children:
|
|
6115
|
+
children: ti(e?.name)
|
|
5956
6116
|
});
|
|
5957
6117
|
}
|
|
5958
|
-
function
|
|
6118
|
+
function ri(e, t) {
|
|
5959
6119
|
if (typeof e != "object" || !e || !("label" in e)) return e;
|
|
5960
6120
|
let { label: n, icon: r, href: i } = e;
|
|
5961
6121
|
return /* @__PURE__ */ D(i ? t ?? "a" : "button", {
|
|
@@ -5967,7 +6127,7 @@ function Xr(e, t) {
|
|
|
5967
6127
|
}) : null, n]
|
|
5968
6128
|
});
|
|
5969
6129
|
}
|
|
5970
|
-
var
|
|
6130
|
+
var ii = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
|
|
5971
6131
|
return /* @__PURE__ */ D("button", {
|
|
5972
6132
|
ref: a,
|
|
5973
6133
|
type: "button",
|
|
@@ -5975,7 +6135,7 @@ var Zr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
|
|
|
5975
6135
|
"aria-haspopup": "true",
|
|
5976
6136
|
"aria-label": n,
|
|
5977
6137
|
...i,
|
|
5978
|
-
children: [/* @__PURE__ */ E(
|
|
6138
|
+
children: [/* @__PURE__ */ E(ni, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
|
|
5979
6139
|
className: "workspace-switcher-trigger-name",
|
|
5980
6140
|
children: t?.name
|
|
5981
6141
|
}), /* @__PURE__ */ E(Y, {
|
|
@@ -5987,36 +6147,36 @@ var Zr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
|
|
|
5987
6147
|
});
|
|
5988
6148
|
//#endregion
|
|
5989
6149
|
//#region src/components/toast.js
|
|
5990
|
-
function
|
|
5991
|
-
|
|
6150
|
+
function ai() {
|
|
6151
|
+
Hr();
|
|
5992
6152
|
}
|
|
5993
|
-
var
|
|
6153
|
+
var oi = /* @__PURE__ */ new Set([
|
|
5994
6154
|
"success",
|
|
5995
6155
|
"info",
|
|
5996
6156
|
"warning",
|
|
5997
6157
|
"danger"
|
|
5998
6158
|
]);
|
|
5999
|
-
function
|
|
6159
|
+
function si(e, t = "info") {
|
|
6000
6160
|
let n = "info", r = {};
|
|
6001
|
-
typeof t == "string" ? n =
|
|
6161
|
+
typeof t == "string" ? n = oi.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = oi.has(r.variant) ? r.variant : "info"), zr(e, n, r);
|
|
6002
6162
|
}
|
|
6003
|
-
function
|
|
6004
|
-
|
|
6163
|
+
function ci(e, t = {}) {
|
|
6164
|
+
zr(e, "danger", t);
|
|
6005
6165
|
}
|
|
6006
|
-
|
|
6166
|
+
si.promise = (e, t, n = {}) => {
|
|
6007
6167
|
let r = n.id || `promise-${Date.now()}-${Math.random()}`;
|
|
6008
|
-
return
|
|
6168
|
+
return si(t.loading || "Loading...", {
|
|
6009
6169
|
...n,
|
|
6010
6170
|
variant: "info",
|
|
6011
6171
|
id: r,
|
|
6012
6172
|
duration: 0
|
|
6013
|
-
}), e.then((e) => (
|
|
6173
|
+
}), e.then((e) => (si((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
|
|
6014
6174
|
...n,
|
|
6015
6175
|
variant: "success",
|
|
6016
6176
|
id: r,
|
|
6017
6177
|
duration: n.duration === void 0 ? 5e3 : n.duration
|
|
6018
6178
|
}), e)).catch((e) => {
|
|
6019
|
-
throw
|
|
6179
|
+
throw si((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
|
|
6020
6180
|
...n,
|
|
6021
6181
|
variant: "danger",
|
|
6022
6182
|
id: r,
|
|
@@ -6025,8 +6185,21 @@ ei.promise = (e, t, n = {}) => {
|
|
|
6025
6185
|
});
|
|
6026
6186
|
};
|
|
6027
6187
|
//#endregion
|
|
6188
|
+
//#region src/lib/useCommandPaletteShortcut.js
|
|
6189
|
+
function li(e, { key: t = "k" } = {}) {
|
|
6190
|
+
let n = d(e);
|
|
6191
|
+
o(() => {
|
|
6192
|
+
n.current = e;
|
|
6193
|
+
}), o(() => {
|
|
6194
|
+
let e = String(t).toLowerCase(), r = (t) => {
|
|
6195
|
+
!(t.ctrlKey || t.metaKey) || t.altKey || t.shiftKey || t.repeat || String(t.key).toLowerCase() === e && (t.preventDefault(), n.current?.());
|
|
6196
|
+
};
|
|
6197
|
+
return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
|
|
6198
|
+
}, [t]);
|
|
6199
|
+
}
|
|
6200
|
+
//#endregion
|
|
6028
6201
|
//#region src/lib/usePagination.js
|
|
6029
|
-
function
|
|
6202
|
+
function ui(e, t = 10) {
|
|
6030
6203
|
let [n, r] = f(1), [i, a] = f(t), s = e.length, c = Math.max(1, Math.ceil(s / i));
|
|
6031
6204
|
o(() => {
|
|
6032
6205
|
n > c && r(c);
|
|
@@ -6052,4 +6225,4 @@ function ni(e, t = 10) {
|
|
|
6052
6225
|
};
|
|
6053
6226
|
}
|
|
6054
6227
|
//#endregion
|
|
6055
|
-
export {
|
|
6228
|
+
export { ke as AppAccordion, je as AppActionIcon, Ie as AppAlert, Ue as AppAsyncBlock, nt as AppAutocomplete, ct as AppAvatar, dt as AppAvatarGroup, ft as AppBadge, mt as AppBanner, ht as AppBreadcrumbs, Be as AppButton, _t as AppCard, yt as AppCheckbox, bt as AppChip, wt as AppChoiceCard, Tt as AppChoiceChip, Et as AppColorField, Nt as AppCommandPalette, Rt as AppCompareTable, Ht as AppConfirmDialog, Wt as AppConsentBanner, Kt as AppCopyButton, Jt as AppCountrySelect, an as AppDataTable, on as AppDatePicker, sn as AppDateRangePicker, cn as AppDescriptions, dn as AppDropdown, Ve as AppEmptyState, vn as AppFileAttachment, xn as AppFilePicker, Sn as AppFloatingDock, Cn as AppFormActions, wn as AppFormRow, Tn as AppFormSection, Y as AppIcon, En as AppInfoList, qe as AppInfoTip, zt as AppInput, jn as AppKpiTile, Fn as AppLink, Ln as AppLogoPicker, Vn as AppMeter, jt as AppModal, Hn as AppMultiSelect, Un as AppNumberInput, Wn as AppOtpInput, Gn as AppPageHeader, Kn as AppPagination, qn as AppPhoneNumberInput, Ge as AppPopover, Jn as AppPricingCard, Zn as AppProgress, Qn as AppRadio, $n as AppRepeater, Z as AppRequiredMark, er as AppResourceCard, nr as AppResult, rr as AppScrollbar, ir as AppSearch, or as AppSegmented, cr as AppSelect, $t as AppSelectMini, lr as AppShell, fr as AppSidebarMenu, Yt as AppSkeleton, Xt as AppSkeletonRows, pr as AppSlider, He as AppSpinner, hr as AppSplash, gr as AppStatusBadge, _r as AppStepper, yr as AppSwitch, br as AppTableEmptyState, tn as AppTablePagination, wr as AppTabs, Tr as AppTagInput, Er as AppTextarea, kr as AppTimePicker, Or as AppTimeline, Yr as AppToast, Zr as AppToolbar, ce as AppTooltip, Qr as AppWizard, ei as AppWorkspaceSwitcher, Vt as MODAL_ICONS, ai as dismissAll, ci as errorToast, Ee as iconNames, Oe as registerIcons, si as toast, li as useCommandPaletteShortcut, ui as usePagination };
|