@shineuix/ssr 0.0.0-stage → 1.0.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/LICENSE +21 -0
- package/README.md +111 -2
- package/THIRD-PARTY-NOTICES.md +256 -0
- package/dist/components/index.d.ts +329 -0
- package/dist/components/index.js +1 -0
- package/dist/components/p--YwzuGO4.js +1 -0
- package/dist/components/p-1XW6gKXd.js +1 -0
- package/dist/components/p-5IOXzr3D.js +1 -0
- package/dist/components/p-7Ti-Ht9x.js +1 -0
- package/dist/components/p-8BHOb7Dy.js +1 -0
- package/dist/components/p-9ma1-eiT.js +1 -0
- package/dist/components/p-B-eMraLN.js +1 -0
- package/dist/components/p-B0NNDkks.js +1 -0
- package/dist/components/p-BE4gZZNA.js +1 -0
- package/dist/components/p-BEa7fx4d.js +1 -0
- package/dist/components/p-BHB1Wprj.js +1 -0
- package/dist/components/p-BJXb6pu9.js +1 -0
- package/dist/components/p-BM1Zzj1H.js +1 -0
- package/dist/components/p-BOdn2vI7.js +1 -0
- package/dist/components/p-BPGiU7Vj.js +1 -0
- package/dist/components/p-BSSeip34.js +1 -0
- package/dist/components/p-BU3LJP5B.js +1 -0
- package/dist/components/p-BUqcDxTK.js +1 -0
- package/dist/components/p-BWkzTEZX.js +1 -0
- package/dist/components/p-BfkKvKcf.js +1 -0
- package/dist/components/p-BiSaIyr0.js +1 -0
- package/dist/components/p-BioVIgkG.js +1 -0
- package/dist/components/p-BirQihPv.js +1 -0
- package/dist/components/p-BmmgLDk2.js +1 -0
- package/dist/components/p-BnZU02lM.js +1 -0
- package/dist/components/p-BpxmwysK.js +1 -0
- package/dist/components/p-Bt5Kx3zM.js +1 -0
- package/dist/components/p-Btp15dVO.js +1 -0
- package/dist/components/p-BuyjS5bS.js +1 -0
- package/dist/components/p-Bv5xqCDb.js +1 -0
- package/dist/components/p-Bzu70qWq.js +1 -0
- package/dist/components/p-C-6_KLLy.js +1 -0
- package/dist/components/p-C0MrkGLb.js +1 -0
- package/dist/components/p-C2EJFbyf.js +1 -0
- package/dist/components/p-C6DEF4nA.js +1 -0
- package/dist/components/p-C6T8Kp68.js +1 -0
- package/dist/components/p-C6hsDVJk.js +1 -0
- package/dist/components/p-CAeBVGwP.js +1 -0
- package/dist/components/p-CCVYcPwO.js +1 -0
- package/dist/components/p-CDJMRbCX.js +1 -0
- package/dist/components/p-CGWvlrv_.js +1 -0
- package/dist/components/p-CJT4wCXG.js +47 -0
- package/dist/components/p-CN5x4MC8.js +1 -0
- package/dist/components/p-COO9uV7W.js +1 -0
- package/dist/components/p-CR0heQtR.js +1 -0
- package/dist/components/p-CSPVrtqf.js +1 -0
- package/dist/components/p-CT6aJe8X.js +1 -0
- package/dist/components/p-CYZG3LOZ.js +1 -0
- package/dist/components/p-CYlxvoVo.js +1 -0
- package/dist/components/p-CZWUeOlG.js +1 -0
- package/dist/components/p-CbnOosJi.js +1 -0
- package/dist/components/p-CeVlau-G.js +1 -0
- package/dist/components/p-CekHtBpA.js +1 -0
- package/dist/components/p-CjVByuTx.js +1 -0
- package/dist/components/p-CmqQjlaI.js +1 -0
- package/dist/components/p-CrVcfwMC.js +1 -0
- package/dist/components/p-Cs2X0Kih.js +1 -0
- package/dist/components/p-CyBxJm67.js +1 -0
- package/dist/components/p-D0KZcTn9.js +1 -0
- package/dist/components/p-D31mbQ3e.js +1 -0
- package/dist/components/p-D7L5Nhsy.js +1 -0
- package/dist/components/p-D9rbC_yY.js +1 -0
- package/dist/components/p-DAfCbU7H.js +1 -0
- package/dist/components/p-DIvvXo_w.js +1 -0
- package/dist/components/p-DNXYH-fW.js +1 -0
- package/dist/components/p-DNgqy3W8.js +1 -0
- package/dist/components/p-DRMr6xXH.js +1 -0
- package/dist/components/p-DSNURte-.js +1 -0
- package/dist/components/p-DSjolNQa.js +1 -0
- package/dist/components/p-DXIDl7cw.js +1 -0
- package/dist/components/p-DZRA7Q7l.js +1 -0
- package/dist/components/p-D_S99uS1.js +1 -0
- package/dist/components/p-D_hGdmbW.js +1 -0
- package/dist/components/p-Da6TsjCG.js +1 -0
- package/dist/components/p-DbF8ArKE.js +1 -0
- package/dist/components/p-DdsE4HI6.js +1 -0
- package/dist/components/p-Deadvw27.js +1 -0
- package/dist/components/p-DgXzRiP4.js +1 -0
- package/dist/components/p-DgiZgZCh.js +1 -0
- package/dist/components/p-Dgl_qIYT.js +1 -0
- package/dist/components/p-DhYPkfV2.js +1 -0
- package/dist/components/p-Ds9HpZbg.js +1 -0
- package/dist/components/p-DskQyZoR.js +1 -0
- package/dist/components/p-DtI1DFsR.js +1 -0
- package/dist/components/p-DuJmXwMk.js +1 -0
- package/dist/components/p-Dxh8L0dt.js +1 -0
- package/dist/components/p-ES48zkCT.js +1 -0
- package/dist/components/p-GAnFXayY.js +1 -0
- package/dist/components/p-Hej7hALV.js +1 -0
- package/dist/components/p-M0fYQCIv.js +1 -0
- package/dist/components/p-MsqFuhDd.js +1 -0
- package/dist/components/p-NpX9eEW0.js +1 -0
- package/dist/components/p-RwPlJzMY.js +1 -0
- package/dist/components/p-TBwsYzWO.js +1 -0
- package/dist/components/p-U06fVoGD.js +1 -0
- package/dist/components/p-UtUl_rX-.js +1 -0
- package/dist/components/p-eoxRNwfF.js +1 -0
- package/dist/components/p-iKk1YZ0M.js +1 -0
- package/dist/components/p-l4ru8vIR.js +1 -0
- package/dist/components/p-mF7K10Wh.js +1 -0
- package/dist/components/p-mdFjb4l0.js +1 -0
- package/dist/components/p-n4-59tbj.js +1 -0
- package/dist/components/p-nX8XMRk5.js +1 -0
- package/dist/components/p-pJYXPDB_.js +1 -0
- package/dist/components/p-q0JbXN8q.js +1 -0
- package/dist/components/p-qjuvplfX.js +1 -0
- package/dist/components/p-v0MrzKlW.js +1 -0
- package/dist/components/p-vN2wl76B.js +1 -0
- package/dist/components/sui-accordion-item.d.ts +11 -0
- package/dist/components/sui-accordion-item.js +1 -0
- package/dist/components/sui-accordion.d.ts +11 -0
- package/dist/components/sui-accordion.js +1 -0
- package/dist/components/sui-anchor.d.ts +11 -0
- package/dist/components/sui-anchor.js +1 -0
- package/dist/components/sui-auto-complete.d.ts +11 -0
- package/dist/components/sui-auto-complete.js +1 -0
- package/dist/components/sui-avatar-group.d.ts +11 -0
- package/dist/components/sui-avatar-group.js +1 -0
- package/dist/components/sui-avatar.d.ts +11 -0
- package/dist/components/sui-avatar.js +1 -0
- package/dist/components/sui-badge.d.ts +11 -0
- package/dist/components/sui-badge.js +1 -0
- package/dist/components/sui-block-ui.d.ts +11 -0
- package/dist/components/sui-block-ui.js +1 -0
- package/dist/components/sui-board.d.ts +11 -0
- package/dist/components/sui-board.js +1 -0
- package/dist/components/sui-bottom-nav.d.ts +11 -0
- package/dist/components/sui-bottom-nav.js +1 -0
- package/dist/components/sui-breadcrumb.d.ts +11 -0
- package/dist/components/sui-breadcrumb.js +1 -0
- package/dist/components/sui-button-group.d.ts +11 -0
- package/dist/components/sui-button-group.js +1 -0
- package/dist/components/sui-button.d.ts +11 -0
- package/dist/components/sui-button.js +1 -0
- package/dist/components/sui-calendar.d.ts +11 -0
- package/dist/components/sui-calendar.js +1 -0
- package/dist/components/sui-card.d.ts +11 -0
- package/dist/components/sui-card.js +1 -0
- package/dist/components/sui-carousel.d.ts +11 -0
- package/dist/components/sui-carousel.js +1 -0
- package/dist/components/sui-cascade-select.d.ts +11 -0
- package/dist/components/sui-cascade-select.js +1 -0
- package/dist/components/sui-chart-bar.d.ts +11 -0
- package/dist/components/sui-chart-bar.js +1 -0
- package/dist/components/sui-chart-candlestick.d.ts +11 -0
- package/dist/components/sui-chart-candlestick.js +1 -0
- package/dist/components/sui-chart-combo.d.ts +11 -0
- package/dist/components/sui-chart-combo.js +1 -0
- package/dist/components/sui-chart-gauge.d.ts +11 -0
- package/dist/components/sui-chart-gauge.js +1 -0
- package/dist/components/sui-chart-heatmap.d.ts +11 -0
- package/dist/components/sui-chart-heatmap.js +1 -0
- package/dist/components/sui-chart-line.d.ts +11 -0
- package/dist/components/sui-chart-line.js +1 -0
- package/dist/components/sui-chart-navigator.d.ts +11 -0
- package/dist/components/sui-chart-navigator.js +1 -0
- package/dist/components/sui-chart-pie.d.ts +11 -0
- package/dist/components/sui-chart-pie.js +1 -0
- package/dist/components/sui-chart-radar.d.ts +11 -0
- package/dist/components/sui-chart-radar.js +1 -0
- package/dist/components/sui-chart-scatter.d.ts +11 -0
- package/dist/components/sui-chart-scatter.js +1 -0
- package/dist/components/sui-chart-synced.d.ts +11 -0
- package/dist/components/sui-chart-synced.js +1 -0
- package/dist/components/sui-chart-treemap.d.ts +11 -0
- package/dist/components/sui-chart-treemap.js +1 -0
- package/dist/components/sui-chart-waterfall.d.ts +11 -0
- package/dist/components/sui-chart-waterfall.js +1 -0
- package/dist/components/sui-checkbox-group.d.ts +11 -0
- package/dist/components/sui-checkbox-group.js +1 -0
- package/dist/components/sui-checkbox.d.ts +11 -0
- package/dist/components/sui-checkbox.js +1 -0
- package/dist/components/sui-chip.d.ts +11 -0
- package/dist/components/sui-chip.js +1 -0
- package/dist/components/sui-choice-cards.d.ts +11 -0
- package/dist/components/sui-choice-cards.js +1 -0
- package/dist/components/sui-code-block.d.ts +11 -0
- package/dist/components/sui-code-block.js +1 -0
- package/dist/components/sui-color-editor.d.ts +11 -0
- package/dist/components/sui-color-editor.js +1 -0
- package/dist/components/sui-color-picker.d.ts +11 -0
- package/dist/components/sui-color-picker.js +1 -0
- package/dist/components/sui-command-palette.d.ts +11 -0
- package/dist/components/sui-command-palette.js +1 -0
- package/dist/components/sui-config-list.d.ts +11 -0
- package/dist/components/sui-config-list.js +1 -0
- package/dist/components/sui-config-row.d.ts +11 -0
- package/dist/components/sui-config-row.js +1 -0
- package/dist/components/sui-confirm-dialog.d.ts +11 -0
- package/dist/components/sui-confirm-dialog.js +1 -0
- package/dist/components/sui-confirm-popup.d.ts +11 -0
- package/dist/components/sui-confirm-popup.js +1 -0
- package/dist/components/sui-context-menu.d.ts +11 -0
- package/dist/components/sui-context-menu.js +1 -0
- package/dist/components/sui-copy-button.d.ts +11 -0
- package/dist/components/sui-copy-button.js +1 -0
- package/dist/components/sui-data-grid.d.ts +11 -0
- package/dist/components/sui-data-grid.js +1 -0
- package/dist/components/sui-data-table.d.ts +11 -0
- package/dist/components/sui-data-table.js +1 -0
- package/dist/components/sui-data-view.d.ts +11 -0
- package/dist/components/sui-data-view.js +1 -0
- package/dist/components/sui-date-picker.d.ts +11 -0
- package/dist/components/sui-date-picker.js +1 -0
- package/dist/components/sui-description-list.d.ts +11 -0
- package/dist/components/sui-description-list.js +1 -0
- package/dist/components/sui-dialog.d.ts +11 -0
- package/dist/components/sui-dialog.js +1 -0
- package/dist/components/sui-divider.d.ts +11 -0
- package/dist/components/sui-divider.js +1 -0
- package/dist/components/sui-dock.d.ts +11 -0
- package/dist/components/sui-dock.js +1 -0
- package/dist/components/sui-drawer.d.ts +11 -0
- package/dist/components/sui-drawer.js +1 -0
- package/dist/components/sui-edit-box.d.ts +11 -0
- package/dist/components/sui-edit-box.js +1 -0
- package/dist/components/sui-empty-state.d.ts +11 -0
- package/dist/components/sui-empty-state.js +1 -0
- package/dist/components/sui-fieldset.d.ts +11 -0
- package/dist/components/sui-fieldset.js +1 -0
- package/dist/components/sui-file-upload.d.ts +11 -0
- package/dist/components/sui-file-upload.js +1 -0
- package/dist/components/sui-filter-builder.d.ts +11 -0
- package/dist/components/sui-filter-builder.js +1 -0
- package/dist/components/sui-filter-panel.d.ts +11 -0
- package/dist/components/sui-filter-panel.js +1 -0
- package/dist/components/sui-float-label.d.ts +11 -0
- package/dist/components/sui-float-label.js +1 -0
- package/dist/components/sui-fluid.d.ts +11 -0
- package/dist/components/sui-fluid.js +1 -0
- package/dist/components/sui-form-actions.d.ts +11 -0
- package/dist/components/sui-form-actions.js +1 -0
- package/dist/components/sui-form-layout.d.ts +11 -0
- package/dist/components/sui-form-layout.js +1 -0
- package/dist/components/sui-form.d.ts +11 -0
- package/dist/components/sui-form.js +1 -0
- package/dist/components/sui-galleria.d.ts +11 -0
- package/dist/components/sui-galleria.js +1 -0
- package/dist/components/sui-icon-button.d.ts +11 -0
- package/dist/components/sui-icon-button.js +1 -0
- package/dist/components/sui-icon-field.d.ts +11 -0
- package/dist/components/sui-icon-field.js +1 -0
- package/dist/components/sui-ifta-label.d.ts +11 -0
- package/dist/components/sui-ifta-label.js +1 -0
- package/dist/components/sui-image-compare.d.ts +11 -0
- package/dist/components/sui-image-compare.js +1 -0
- package/dist/components/sui-image.d.ts +11 -0
- package/dist/components/sui-image.js +1 -0
- package/dist/components/sui-inplace.d.ts +11 -0
- package/dist/components/sui-inplace.js +1 -0
- package/dist/components/sui-input-group-addon.d.ts +11 -0
- package/dist/components/sui-input-group-addon.js +1 -0
- package/dist/components/sui-input-group.d.ts +11 -0
- package/dist/components/sui-input-group.js +1 -0
- package/dist/components/sui-input-mask.d.ts +11 -0
- package/dist/components/sui-input-mask.js +1 -0
- package/dist/components/sui-input-number.d.ts +11 -0
- package/dist/components/sui-input-number.js +1 -0
- package/dist/components/sui-input-otp.d.ts +11 -0
- package/dist/components/sui-input-otp.js +1 -0
- package/dist/components/sui-input-tags.d.ts +11 -0
- package/dist/components/sui-input-tags.js +1 -0
- package/dist/components/sui-input-text.d.ts +11 -0
- package/dist/components/sui-input-text.js +1 -0
- package/dist/components/sui-kbd.d.ts +11 -0
- package/dist/components/sui-kbd.js +1 -0
- package/dist/components/sui-knob.d.ts +11 -0
- package/dist/components/sui-knob.js +1 -0
- package/dist/components/sui-list.d.ts +11 -0
- package/dist/components/sui-list.js +1 -0
- package/dist/components/sui-listbox.d.ts +11 -0
- package/dist/components/sui-listbox.js +1 -0
- package/dist/components/sui-mega-menu.d.ts +11 -0
- package/dist/components/sui-mega-menu.js +1 -0
- package/dist/components/sui-menu.d.ts +11 -0
- package/dist/components/sui-menu.js +1 -0
- package/dist/components/sui-menubar.d.ts +11 -0
- package/dist/components/sui-menubar.js +1 -0
- package/dist/components/sui-message.d.ts +11 -0
- package/dist/components/sui-message.js +1 -0
- package/dist/components/sui-meter-group.d.ts +11 -0
- package/dist/components/sui-meter-group.js +1 -0
- package/dist/components/sui-mini-toolbar.d.ts +11 -0
- package/dist/components/sui-mini-toolbar.js +1 -0
- package/dist/components/sui-multi-select.d.ts +11 -0
- package/dist/components/sui-multi-select.js +1 -0
- package/dist/components/sui-notification-center.d.ts +11 -0
- package/dist/components/sui-notification-center.js +1 -0
- package/dist/components/sui-order-list.d.ts +11 -0
- package/dist/components/sui-order-list.js +1 -0
- package/dist/components/sui-org-chart.d.ts +11 -0
- package/dist/components/sui-org-chart.js +1 -0
- package/dist/components/sui-overlay-badge.d.ts +11 -0
- package/dist/components/sui-overlay-badge.js +1 -0
- package/dist/components/sui-page-header.d.ts +11 -0
- package/dist/components/sui-page-header.js +1 -0
- package/dist/components/sui-paginator.d.ts +11 -0
- package/dist/components/sui-paginator.js +1 -0
- package/dist/components/sui-panel-menu.d.ts +11 -0
- package/dist/components/sui-panel-menu.js +1 -0
- package/dist/components/sui-panel.d.ts +11 -0
- package/dist/components/sui-panel.js +1 -0
- package/dist/components/sui-password.d.ts +11 -0
- package/dist/components/sui-password.js +1 -0
- package/dist/components/sui-persona.d.ts +11 -0
- package/dist/components/sui-persona.js +1 -0
- package/dist/components/sui-pick-list.d.ts +11 -0
- package/dist/components/sui-pick-list.js +1 -0
- package/dist/components/sui-popover.d.ts +11 -0
- package/dist/components/sui-popover.js +1 -0
- package/dist/components/sui-progress-bar.d.ts +11 -0
- package/dist/components/sui-progress-bar.js +1 -0
- package/dist/components/sui-progress-ring.d.ts +11 -0
- package/dist/components/sui-progress-ring.js +1 -0
- package/dist/components/sui-progress-spinner.d.ts +11 -0
- package/dist/components/sui-progress-spinner.js +1 -0
- package/dist/components/sui-qr-code.d.ts +11 -0
- package/dist/components/sui-qr-code.js +1 -0
- package/dist/components/sui-radio-button.d.ts +11 -0
- package/dist/components/sui-radio-button.js +1 -0
- package/dist/components/sui-radio-group.d.ts +11 -0
- package/dist/components/sui-radio-group.js +1 -0
- package/dist/components/sui-rating.d.ts +11 -0
- package/dist/components/sui-rating.js +1 -0
- package/dist/components/sui-rich-text-editor.d.ts +11 -0
- package/dist/components/sui-rich-text-editor.js +1 -0
- package/dist/components/sui-save-status.d.ts +11 -0
- package/dist/components/sui-save-status.js +1 -0
- package/dist/components/sui-scheduler-builder.d.ts +11 -0
- package/dist/components/sui-scheduler-builder.js +1 -0
- package/dist/components/sui-scroll-panel.d.ts +11 -0
- package/dist/components/sui-scroll-panel.js +1 -0
- package/dist/components/sui-scroll-top.d.ts +11 -0
- package/dist/components/sui-scroll-top.js +1 -0
- package/dist/components/sui-select-button.d.ts +11 -0
- package/dist/components/sui-select-button.js +1 -0
- package/dist/components/sui-select.d.ts +11 -0
- package/dist/components/sui-select.js +1 -0
- package/dist/components/sui-side-nav.d.ts +11 -0
- package/dist/components/sui-side-nav.js +1 -0
- package/dist/components/sui-skeleton-card.d.ts +11 -0
- package/dist/components/sui-skeleton-card.js +1 -0
- package/dist/components/sui-skeleton.d.ts +11 -0
- package/dist/components/sui-skeleton.js +1 -0
- package/dist/components/sui-slider.d.ts +11 -0
- package/dist/components/sui-slider.js +1 -0
- package/dist/components/sui-sparkline.d.ts +11 -0
- package/dist/components/sui-sparkline.js +1 -0
- package/dist/components/sui-speed-dial.d.ts +11 -0
- package/dist/components/sui-speed-dial.js +1 -0
- package/dist/components/sui-split-button.d.ts +11 -0
- package/dist/components/sui-split-button.js +1 -0
- package/dist/components/sui-splitter.d.ts +11 -0
- package/dist/components/sui-splitter.js +1 -0
- package/dist/components/sui-spoiler.d.ts +11 -0
- package/dist/components/sui-spoiler.js +1 -0
- package/dist/components/sui-stat-card.d.ts +11 -0
- package/dist/components/sui-stat-card.js +1 -0
- package/dist/components/sui-stepper.d.ts +11 -0
- package/dist/components/sui-stepper.js +1 -0
- package/dist/components/sui-tab.d.ts +11 -0
- package/dist/components/sui-tab.js +1 -0
- package/dist/components/sui-tabs.d.ts +11 -0
- package/dist/components/sui-tabs.js +1 -0
- package/dist/components/sui-tag.d.ts +11 -0
- package/dist/components/sui-tag.js +1 -0
- package/dist/components/sui-terminal.d.ts +11 -0
- package/dist/components/sui-terminal.js +1 -0
- package/dist/components/sui-textarea.d.ts +11 -0
- package/dist/components/sui-textarea.js +1 -0
- package/dist/components/sui-theme-picker.d.ts +11 -0
- package/dist/components/sui-theme-picker.js +1 -0
- package/dist/components/sui-tiered-menu.d.ts +11 -0
- package/dist/components/sui-tiered-menu.js +1 -0
- package/dist/components/sui-time-picker.d.ts +11 -0
- package/dist/components/sui-time-picker.js +1 -0
- package/dist/components/sui-timeline.d.ts +11 -0
- package/dist/components/sui-timeline.js +1 -0
- package/dist/components/sui-toast-host.d.ts +11 -0
- package/dist/components/sui-toast-host.js +1 -0
- package/dist/components/sui-toggle-button.d.ts +11 -0
- package/dist/components/sui-toggle-button.js +1 -0
- package/dist/components/sui-toggle-switch.d.ts +11 -0
- package/dist/components/sui-toggle-switch.js +1 -0
- package/dist/components/sui-toolbar.d.ts +11 -0
- package/dist/components/sui-toolbar.js +1 -0
- package/dist/components/sui-tooltip.d.ts +11 -0
- package/dist/components/sui-tooltip.js +1 -0
- package/dist/components/sui-tour.d.ts +11 -0
- package/dist/components/sui-tour.js +1 -0
- package/dist/components/sui-tree-select.d.ts +11 -0
- package/dist/components/sui-tree-select.js +1 -0
- package/dist/components/sui-tree-table.d.ts +11 -0
- package/dist/components/sui-tree-table.js +1 -0
- package/dist/components/sui-tree.d.ts +11 -0
- package/dist/components/sui-tree.js +1 -0
- package/dist/components/sui-trend.d.ts +11 -0
- package/dist/components/sui-trend.js +1 -0
- package/dist/components/sui-virtual-scroller.d.ts +11 -0
- package/dist/components/sui-virtual-scroller.js +1 -0
- package/dist/hydrate/index.d.ts +287 -0
- package/dist/hydrate/index.js +1 -0
- package/dist/hydrate/index.mjs +1 -0
- package/dist/hydrate/package.json +13 -0
- package/dist/index.cjs +55 -0
- package/dist/index.d.cts +28 -0
- package/dist/index.d.mts +28 -0
- package/dist/index.mjs +59 -0
- package/package.json +126 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as s,H as e,h as a,a as i,t as n}from"./p-CeVlau-G.js";import{d as t}from"./p-D7L5Nhsy.js";const r=["regular","medium","semibold","bold","heavy"],o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}name="";secondary;initials;src;size="md";accent=!1;meta;inverse=!1;weight;render(){const s=this.weight&&r.includes(this.weight)?this.weight:void 0;return a(i,{key:"0f8845e5d581bdeb55462e9aa06c8e555c0d665c"},a("span",{key:"90765004dd88a79d87a9b68a967045c4c2e249fd",class:{"sui-persona":!0,inverse:this.inverse}},a("sui-avatar",{key:"ec1f4114b1a773f9b8cec64993d984926bfb9066",name:this.name,initials:this.initials,src:this.src,size:this.size,accent:this.accent}),a("span",{key:"42b9fe47624c97ca846ee20de0f30411e650a509",class:"text"},a("span",{key:"116558fe10ee2c695b50c0e7864c309f9714bac2",class:{name:!0,["weight-"+s]:!!s}},this.name),this.secondary?a("span",{class:"secondary"},this.secondary):null),this.meta?a("span",{class:"meta"},this.meta):null))}static get style(){return".sc-sui-persona-h{display:inline-flex;min-width:0;max-width:100%;vertical-align:middle;font-family:var(--font-sans)}.sui-persona.sc-sui-persona{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}.text.sc-sui-persona{min-width:0}.name.sc-sui-persona{display:block;font-size:13.5px;font-weight:640;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name.weight-regular.sc-sui-persona{font-weight:var(--w-regular)}.name.weight-medium.sc-sui-persona{font-weight:var(--w-medium)}.name.weight-semibold.sc-sui-persona{font-weight:var(--w-semibold)}.name.weight-bold.sc-sui-persona{font-weight:var(--w-bold)}.name.weight-heavy.sc-sui-persona{font-weight:var(--w-heavy)}.secondary.sc-sui-persona{display:block;font-size:12px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta.sc-sui-persona{margin-inline-start:auto;padding-inline-start:10px;font-size:11.5px;color:var(--ink-faint);white-space:nowrap}.sui-persona.inverse.sc-sui-persona{--sui-avatar-bg:color-mix(in srgb, var(--ink-inverse) 16%, transparent);--sui-avatar-ink:var(--ink-inverse)}.sui-persona.inverse.sc-sui-persona .name.sc-sui-persona{color:var(--brand-contrast)}.sui-persona.inverse.sc-sui-persona .secondary.sc-sui-persona{color:var(--brand-contrast)}.sui-persona.inverse.sc-sui-persona .meta.sc-sui-persona{color:var(--ink-inverse-faint)}"}},[514,"sui-persona",{name:[1],secondary:[1],initials:[1],src:[1],size:[513],accent:[516],meta:[1],inverse:[516],weight:[513]}]),c=o,l=function(){"undefined"!=typeof customElements&&["sui-persona","sui-avatar"].forEach((s=>{switch(s){case"sui-persona":customElements.get(n(s))||customElements.define(n(s),o);break;case"sui-avatar":customElements.get(n(s))||t()}}))};export{c as SuiPersona,l as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiPickList extends Components.SuiPickList, HTMLElement {}
|
|
4
|
+
export const SuiPickList: {
|
|
5
|
+
prototype: SuiPickList;
|
|
6
|
+
new (): SuiPickList;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as i,H as s,c as t,h as e,a as r,t as o}from"./p-CeVlau-G.js";import{G as l,W as a,k as c,af as n,z as d,y as u,q as h,ao as p,r as v,w as k,f,an as g,o as b}from"./p-DdsE4HI6.js";import{r as x,s as m,R as w}from"./p-8BHOb7Dy.js";import{u as y}from"./p-U06fVoGD.js";import{c as z}from"./p-COO9uV7W.js";import{a as H,l as D}from"./p-BuyjS5bS.js";import{i as j}from"./p-GAnFXayY.js";import{d as S}from"./p-BHB1Wprj.js";import{d as C}from"./p-D7L5Nhsy.js";const T=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiSourceChange=t(this,"suiSourceChange",3),this.suiTargetChange=t(this,"suiTargetChange",3),this.suiSelectionChange=t(this,"suiSelectionChange",3)}get host(){return this}sourceHeading;targetHeading;source=[];target=[];selection=[];height=240;noDrag=!1;dragOnly=!1;selectionMode="single";filter=!1;emptyMessage;emptyFilterMessage;loading=!1;breakpoint=640;suiSourceChange;suiTargetChange;suiSelectionChange;focused={s:-1,t:-1};drag=null;over=null;lifted=null;live="";query={s:"",t:""};stacked=!1;resizeObserver;fieldId=y("sui-pick-list");rowEls={s:[],t:[]};pendingFocus=null;snapshot;loaded=!1;onLists(){this.lifted&&this.lifted.idx>=this.listOf(this.lifted.side).length&&(this.lifted=null),["s","t"].forEach((i=>{const s=this.listOf(i).length;this.focused[i]>=s&&(this.focused={...this.focused,[i]:s?s-1:-1})}))}connectedCallback(){S(this.host,(()=>{const i=this.selSide()||"s";return this.rowEls[i][this.tabRow(i)]})),this.loaded&&this.watchWidth(!0)}componentDidLoad(){this.loaded=!0,this.watchWidth()}watchWidth(i=!1){if(this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"==typeof ResizeObserver)return;const s=i=>{this.stacked=this.breakpoint>0&&i>0&&i<this.breakpoint};this.resizeObserver=new ResizeObserver((i=>s(i.length?i[0].contentRect.width:this.host.clientWidth||0))),this.resizeObserver.observe(this.host),i&&Promise.resolve().then((()=>{this.host.isConnected&&s(this.host.clientWidth||0)}))}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}componentDidRender(){this.pendingFocus&&(this.focusRow(this.pendingFocus),this.pendingFocus=null)}async setFocus(){const i=this.selSide()||"s";this.focusRow({side:i,idx:this.tabRow(i)})}get boxes(){return"checkbox"===this.selectionMode}focusRow(i){const s=this.rowEls[i.side][i.idx];s&&"function"==typeof s.focus&&s.focus()}listOf(i){return("s"===i?this.source:this.target)||[]}nameOf(i){return"s"===i?H(void 0,"pick-list.sourceHeading",this.sourceHeading,"Available"):H(void 0,"pick-list.targetHeading",this.targetHeading,"Selected")}filtering(i){return this.filter&&this.query[i].trim().length>0}visible(i){const s=this.listOf(i),t=s.map(((i,s)=>s));if(!this.filtering(i))return t;const e=this.query[i].trim().toLowerCase();return t.filter((i=>x(s[i],e)))}holding(i){const s=this.selection||[];if(!s.length)return[];const t=[];return this.listOf(i).forEach(((i,e)=>{s.includes(i.value)&&t.push(e)})),t}selSide(){return this.holding("s").length?"s":this.holding("t").length?"t":null}picked(i){if(this.selSide()!==i)return[];const s=this.holding(i);return this.boxes?s:s.slice(0,1)}tabRow(i){const s=this.visible(i),t=this.picked(i),e=this.boxes||!t.length?this.focused[i]:t[0];return s.includes(e)?e:s.length?s[0]:0}setSel(i,s){const t=this.listOf(i),e=s.slice().sort(((i,s)=>i-s)).map((i=>t[i].value));m(e,this.selection)||(this.selection=e,this.suiSelectionChange.emit(e))}select(i,s){this.setSel(i,[s])}toggle(i,s){const t=this.picked(i);this.setSel(i,t.includes(s)?t.filter((i=>i!==s)):t.concat([s]))}toggleAll(i){const s=this.visible(i);if(!s.length)return;const t=this.picked(i),e=s.every((i=>t.includes(i)));this.setSel(i,e?t.filter((i=>!s.includes(i))):t.concat(s.filter((i=>!t.includes(i)))))}commit(i){const s=!this.same(i.s,this.listOf("s")),t=!this.same(i.t,this.listOf("t"));this.source=i.s,this.target=i.t,s&&this.suiSourceChange.emit(i.s),t&&this.suiTargetChange.emit(i.t)}same(i,s){return i.length===s.length&&i.every(((i,t)=>i===s[t]))}moveItem(i,s,t){const e={s:this.listOf("s").slice(),t:this.listOf("t").slice()},[r]=e[i.side].splice(i.idx,1),o=z(t,0,e[s].length);return e[s].splice(o,0,r),{lists:e,idx:o}}moveSel(i){const s=i>0?"s":"t",t=this.picked(s);if(!t.length)return;const e="s"===s?"t":"s",r=t.map((i=>this.listOf(s)[i])),o=this.listOf(s).filter(((i,s)=>!t.includes(s))),l=this.listOf(e).length,a=this.listOf(e).concat(r);this.commit("s"===s?{s:o,t:a}:{s:a,t:o}),this.live=1===r.length?D(void 0,"pick-list.movedTo",void 0,"{item} moved to {list}.",{item:r[0].label,list:this.nameOf(e)}):D(void 0,"pick-list.movedManyTo",void 0,"{n} rows moved to {list}.",{n:r.length,list:this.nameOf(e)}),this.focused={...this.focused,[e]:l},this.pendingFocus={side:e,idx:l}}moveAll(i){const s=i>0?"t":"s",t=this.listOf(s).length;this.commit(i>0?{s:[],t:this.listOf("t").concat(this.listOf("s"))}:{s:this.listOf("s").concat(this.listOf("t")),t:[]}),this.focused={...this.focused,[s]:t},this.pendingFocus={side:s,idx:t}}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(i,s,t){if(this.drag={side:s,idx:t},this.focused={...this.focused,[s]:t},this.boxes||this.select(s,t),i.dataTransfer){i.dataTransfer.effectAllowed="move";try{i.dataTransfer.setData("text/plain",this.listOf(s)[t].label)}catch{}}}onRowDragOver(i,s,t){if(this.noDrag||this.filtering(s))return;i.preventDefault();const e=i.currentTarget.getBoundingClientRect();this.over={side:s,idx:i.clientY<e.top+e.height/2?t:t+1}}onShellDragOver(i,s){this.filtering(s)||(i.preventDefault(),this.over&&this.over.side===s||(this.over={side:s,idx:this.listOf(s).length}))}onDrop=i=>{i.preventDefault();const s=this.drag,t=this.over;if(this.resetDrag(),!s||!t)return;const e=s.side===t.side&&t.idx>s.idx?t.idx-1:t.idx;if(s.side===t.side&&e===s.idx)return void(this.boxes||this.select(s.side,s.idx));const r=this.moveItem(s,t.side,e);this.focused={...this.focused,[t.side]:r.idx},this.commit(r.lists)};onKey(i,s,t){const e=!!this.lifted&&this.lifted.side===s&&this.lifted.idx===t,r="s"===s?"t":"s",o=this.visible(s),l=o.indexOf(t),a=(r,a)=>{i.preventDefault(),this.stacked&&null==a&&("s"===s&&r>0&&l===o.length-1||"t"===s&&r<0&&0===l)?c():e?this.moveLifted(s,null!=a?a<0?0:this.listOf(s).length-1:t+r):this.focusAt(s,null!=a?a<0?o[0]:o[o.length-1]:o[l+r]??(r<0?o[0]:o[o.length-1]))},c=()=>{if(i.preventDefault(),e)this.moveLifted(r,this.listOf(r).length);else{const i=this.visible(r);if(!i.length)return;const s=this.tabRow(r);this.focusAt(r,i.includes(s)?s:i[0])}},n=()=>{i.preventDefault(),e?this.dropLifted():this.lift(s,t)};switch(i.key){case" ":case"Spacebar":i.preventDefault(),this.boxes?(this.focused={...this.focused,[s]:t},this.toggle(s,t)):n();break;case"Enter":n();break;case"ArrowDown":a(1);break;case"ArrowUp":a(-1);break;case"Home":a(0,-1);break;case"End":a(0,1);break;case"ArrowRight":s===(j(this.host)?"t":"s")&&c();break;case"ArrowLeft":s===(j(this.host)?"s":"t")&&c();break;case"Escape":e&&(i.preventDefault(),this.cancelLift())}}focusAt(i,s){null!=s&&(this.focused={...this.focused,[i]:s},this.boxes||this.select(i,s),this.focusRow({side:i,idx:s}))}lift(i,s){this.filtering(i)?this.live=D(void 0,"pick-list.paneFilterHeld",void 0,"Clear the {list} filter to move rows inside it.",{list:this.nameOf(i)}):(this.lifted={side:i,idx:s},this.focused={...this.focused,[i]:s},this.boxes||this.select(i,s),this.snapshot={s:this.listOf("s").slice(),t:this.listOf("t").slice()},this.live=D(void 0,"pick-list.lifted",void 0,"{item} lifted. Use the arrow keys to move it, then drop it.",{item:this.listOf(i)[s].label}))}moveLifted(i,s){const t=this.lifted,e=this.listOf(t.side)[t.idx].label;if(i===t.side){const r=this.listOf(t.side).length,o=z(s,0,r-1);if(o===t.idx)return void(this.live=0===o?D(void 0,"pick-list.atTop",void 0,"{item} is already at the top.",{item:e}):D(void 0,"pick-list.atBottom",void 0,"{item} is already at the bottom.",{item:e}));const l=this.moveItem(t,i,o),a={side:i,idx:l.idx};return this.commit(l.lists),this.lifted=a,this.pendingFocus=a,this.focused={...this.focused,[i]:a.idx},void(this.live=D(void 0,"pick-list.moved",void 0,"{item} moved to position {n} of {count}.",{item:e,n:l.idx+1,count:r}))}const r=this.moveItem(t,i,s),o={side:i,idx:r.idx};this.commit(r.lists),this.lifted=o,this.pendingFocus=o,this.focused={...this.focused,[i]:o.idx},this.live=D(void 0,"pick-list.movedAcross",void 0,"{item} moved to {list}, position {n} of {count}.",{item:e,list:this.nameOf(i),n:r.idx+1,count:this.listOf(i).length})}dropLifted(){const i=this.lifted;this.lifted=null,this.snapshot=void 0,this.live=D(void 0,"pick-list.droppedIn",void 0,"{item} dropped in {list} at position {n} of {count}.",{item:this.listOf(i.side)[i.idx].label,list:this.nameOf(i.side),n:i.idx+1,count:this.listOf(i.side).length})}cancelLift(){const i=this.lifted,s=this.snapshot,t=this.listOf(i.side)[i.idx];let e=i.side;if(this.lifted=null,this.snapshot=void 0,s&&(!this.same(s.s,this.listOf("s"))||!this.same(s.t,this.listOf("t")))){e=s.s.includes(t)?"s":"t";const i={side:e,idx:Math.max(0,s[e].indexOf(t))};this.pendingFocus=i,this.focused={...this.focused,[e]:i.idx},this.commit(s)}this.live=D(void 0,"pick-list.canceledTo",void 0,"Move canceled. {item} returned to {list}.",{item:t.label,list:this.nameOf(e)})}ctrl(i,s,t,r){return e("button",{type:"button",class:"sui-rl-ctrl","aria-label":s,disabled:r,onClick:t},e(l,{glyph:i}))}onRowClick(i,s){this.focused={...this.focused,[i]:s},this.boxes?this.toggle(i,s):this.select(i,s)}pane(i){const s=this.listOf(i),t=`${this.fieldId}-${i}`,r=this.visible(i),o=this.tabRow(i),u=!this.noDrag,h=!!this.drag&&!!this.over&&this.over.side===i,p=this.picked(i),v=r.filter((i=>p.includes(i))).length,k=r.length>0&&v===r.length,f=v>0&&!k,g={},b=[],x=this.filtering(i),m=this.nameOf(i),y=this.loading?H(void 0,"pick-list.loading",void 0,"Loading"):0!==r.length||this.drag?"":x?H(void 0,"pick-list.emptyFilter",this.emptyFilterMessage,"No matches."):H(void 0,"pick-list.empty",this.emptyMessage,"Nothing here yet.");return this.rowEls[i]=[],this.loading||r.forEach((t=>{const r=s[t];h&&this.over.idx===t&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:`${i}dl${t}`}));const n=r.value+"",d=g[n]=(g[n]||0)+1,v=p.includes(t);b.push(e("li",{key:d>1?`${n}#${d}`:n,ref:s=>{s&&(this.rowEls[i][t]=s)},class:{"sui-rl-row":!0,selected:v,dragging:!!this.drag&&this.drag.side===i&&this.drag.idx===t,lifted:!!this.lifted&&this.lifted.side===i&&this.lifted.idx===t,static:!u||x},role:"option","aria-selected":v?"true":"false",tabIndex:t===o?0:-1,draggable:u&&!x,onClick:()=>this.onRowClick(i,t),onKeyDown:s=>this.onKey(s,i,t),onDragStart:s=>this.onDragStart(s,i,t),onDragEnd:this.resetDrag,onDragOver:s=>this.onRowDragOver(s,i,t)},this.boxes?e("span",{class:{"sui-rl-box":!0,on:v},"aria-hidden":"true"},v?e(l,{glyph:c}):null):null,e(l,{glyph:a,class:"grip"}),e(w,{item:r,avatar:r.avatar||r.initials?e("sui-avatar",{class:"sui-list-avatar",src:r.avatar,initials:r.initials,size:"sm","aria-hidden":"true"}):void 0})))})),h&&this.over.idx===s.length&&r.length>0&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:i+"dlend"})),e("div",{class:{pane:!0,["s"===i?"source":"target"]:!0}},e("div",{class:"sui-rl-header",id:t},this.nameOf(i),e("span",{class:"count"},"(",s.length,")")),this.filter?e("div",{class:"sui-rl-filter sui-frame"},e(l,{glyph:d}),e("input",{type:"text",placeholder:H(void 0,"pick-list.filterPlaceholder",void 0,"Filter"),"aria-label":D(void 0,"pick-list.filter",void 0,"Filter {list}",{list:m}),value:this.query[i],onInput:s=>this.query={...this.query,[i]:s.target.value}})):null,this.boxes?e("button",{type:"button",class:"sui-rl-all",role:"checkbox","aria-checked":k?"true":f?"mixed":"false","aria-label":D(void 0,"pick-list.selectAllIn",void 0,"Select all {list}",{list:m}),disabled:0===r.length||this.loading,onClick:()=>this.toggleAll(i)},e("span",{class:{"sui-rl-box":!0,on:k,mixed:f},"aria-hidden":"true"},k?e(l,{glyph:c}):null,f?e(l,{glyph:n}):null),e("span",null,H(void 0,"pick-list.selectAll",void 0,"Select all"))):null,e("ol",{class:"sui-rl-shell pane-list",role:"listbox","aria-multiselectable":this.boxes?"true":null,"aria-labelledby":t,"aria-describedby":y?`${this.fieldId}-${i}-empty ${this.fieldId}-hint`:this.fieldId+"-hint","aria-busy":this.loading?"true":null,style:{maxHeight:this.height+"px"},onDragOver:u&&!this.loading?s=>this.onShellDragOver(s,i):void 0,onDrop:u&&!this.loading?this.onDrop:void 0},y?e("li",{class:"sui-rl-empty empty",id:`${this.fieldId}-${i}-empty`,role:"presentation","aria-hidden":"true"},y):null,0===r.length&&this.drag?e("li",{class:{"drop-here":!0,over:h},role:"presentation","aria-hidden":"true"},H(void 0,"pick-list.dropHere",void 0,"Drop here")):null,b))}render(){const i=this.picked("s").length>0&&!this.loading,s=this.picked("t").length>0&&!this.loading,t=this.loading,o=this.stacked?{one:u,all:p}:{one:h,all:v},l=this.stacked?{one:k,all:g}:{one:f,all:b};return e(r,{key:"af9aa8dbe209e9b0c9022a83cba308c9f221a46f"},e("div",{key:"f729157b603b7ab2b37eb483748deb39a8c31c04",class:{wrap:!0,stacked:this.stacked}},this.pane("s"),this.dragOnly?null:e("div",{class:"sui-rl-ctrls"},this.ctrl(o.one,H(void 0,"pick-list.moveToSelected",void 0,"Move to selected"),(()=>this.moveSel(1)),!i),this.ctrl(o.all,H(void 0,"pick-list.moveAll",void 0,"Move all"),(()=>this.moveAll(1)),t||0===this.listOf("s").length),this.ctrl(l.one,H(void 0,"pick-list.remove",void 0,"Remove"),(()=>this.moveSel(-1)),!s),this.ctrl(l.all,H(void 0,"pick-list.removeAll",void 0,"Remove all"),(()=>this.moveAll(-1)),t||0===this.listOf("t").length)),this.pane("t")),e("div",{key:"c5c7d730b625da6f5138558da012ea04c9173ec9",class:"sui-rl-live",id:this.fieldId+"-hint"},this.boxes?H(void 0,"pick-list.hintBoxes",void 0,"Press Space to tick a row, Enter to lift it, and the arrow keys to move it between and within the lists."):H(void 0,"pick-list.hint",void 0,"Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.")),e("div",{key:"404cfa67b7d96c8b8777cb69f73bcf0d800e545f",class:"sui-rl-live","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{source:[{onLists:0}],target:[{onLists:0}]}}static get style(){return".sc-sui-pick-list-h{display:block;position:relative;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-pick-list{display:flex;gap:12px;align-items:stretch}.wrap.stacked.sc-sui-pick-list{flex-direction:column}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrls.sc-sui-pick-list{flex-direction:row;justify-content:center}.pane.sc-sui-pick-list{flex:1;min-width:0}.pane-list.sc-sui-pick-list{min-height:120px}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:scaleX(-1)}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:none}.drop-here.sc-sui-pick-list{list-style:none;padding:14px 10px;margin:2px;font-size:12px;color:var(--accent-ink);text-align:center;border:1.5px dashed var(--accent);border-radius:var(--radius-md)}.drop-here.over.sc-sui-pick-list{background:var(--accent-soft);color:var(--accent-soft-ink)}@media (forced-colors: active){.drop-here.sc-sui-pick-list{border-color:Highlight}.drop-here.over.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-frame.sc-sui-pick-list{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-pick-list:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-pick-list,.sui-frame.readonly.sc-sui-pick-list{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-pick-list{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-pick-list:focus-within,.sui-frame.invalid.focus.sc-sui-pick-list,.sui-frame.invalid.open.sc-sui-pick-list{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-pick-list{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-pick-list{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-pick-list{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-pick-list{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{color:GrayText;border-color:GrayText}}.sev.sc-sui-pick-list{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-pick-list i.sc-sui-pick-list,.sev.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sev.positive.sc-sui-pick-list{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-pick-list{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-pick-list{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-pick-list{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-pick-list{flex-shrink:0;margin-top:1px}.text.sc-sui-pick-list{flex:1;min-width:0}.title-row.sc-sui-pick-list{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-pick-list{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-pick-list .title.sc-sui-pick-list{font-weight:700}.dot.sc-sui-pick-list{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-pick-list{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-pick-list+.sr-only.sc-sui-pick-list+.meta.sc-sui-pick-list,.dot.sc-sui-pick-list+.meta.sc-sui-pick-list{margin-inline-start:0}.detail.sc-sui-pick-list{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-pick-list{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-pick-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-pick-list{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-pick-list{background:CanvasText}}.sui-rl-shell.sc-sui-pick-list{box-sizing:border-box;margin:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px;overflow-y:auto}.sui-rl-shell.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-empty.sc-sui-pick-list{list-style:none;padding:14px 10px;font-size:12px;color:var(--ink-faint);text-align:center}.sui-rl-row.sc-sui-pick-list{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-rl-row.static.sc-sui-pick-list{cursor:pointer}.sui-rl-row.sc-sui-pick-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-row.selected.sc-sui-pick-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rl-row.selected.sc-sui-pick-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rl-row.dragging.sc-sui-pick-list{opacity:0.5;box-shadow:none;outline:1px dashed var(--ink-muted);outline-offset:-1px}.sui-rl-row.lifted.sc-sui-pick-list{box-shadow:var(--shadow-raised);background:var(--surface);position:relative;z-index:1}.sui-rl-row.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-row.lifted.sc-sui-pick-list:focus-visible{box-shadow:var(--shadow-raised)}.sui-rl-row.sc-sui-pick-list .grip.sc-sui-pick-list{font-size:10px;color:var(--ink-faint)}.sui-rl-row.static.sc-sui-pick-list .grip.sc-sui-pick-list{color:var(--border-strong)}.sui-rl-row.sc-sui-pick-list .label.sc-sui-pick-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-rl-row.sc-sui-pick-list .text.sc-sui-pick-list .label.sc-sui-pick-list{display:block}.sui-rl-row.sc-sui-pick-list .detail.sc-sui-pick-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:460}.sui-rl-row.sc-sui-pick-list .meta.sc-sui-pick-list{font-weight:460}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:var(--ink-muted)}.sui-rl-dropline.sc-sui-pick-list{height:2px;border-radius:1px;background:var(--accent-ink);margin:1px 6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}.sui-rl-ctrls.sc-sui-pick-list{display:flex;flex-direction:column;gap:6px;justify-content:center}.sui-rl-ctrl.sc-sui-pick-list{box-sizing:border-box;width:30px;height:30px;padding:0;margin:0;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sui-rl-ctrl.sc-sui-pick-list:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-rl-ctrl.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-header.sc-sui-pick-list{font-size:12.5px;font-weight:650;color:var(--ink);margin-bottom:6px}.sui-rl-header.sc-sui-pick-list .count.sc-sui-pick-list{color:var(--ink-faint);font-weight:460;margin-inline-start:6px;font-feature-settings:'tnum'}.sui-rl-live.sc-sui-pick-list{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.sui-rl-row.selected.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .grip.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sui-rl-box.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sev.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .sui-list-avatar.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list:focus-visible{outline-color:HighlightText;box-shadow:none}.sui-rl-row.lifted.sc-sui-pick-list{outline:2px dashed Highlight;outline-offset:-2px;box-shadow:none}.sui-rl-row.selected.lifted.sc-sui-pick-list{outline-color:HighlightText}.sui-rl-dropline.sc-sui-pick-list{background:Highlight;box-shadow:none}}.sui-rl-box.sc-sui-pick-list{width:18px;height:18px;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.sui-rl-box.on.sc-sui-pick-list,.sui-rl-box.mixed.sc-sui-pick-list{border-color:var(--brand);background:var(--brand)}.sui-rl-box.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:10px;color:var(--brand-contrast)}.sui-rl-all.sc-sui-pick-list{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:5px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:start;font:550 12.5px var(--font-sans);color:var(--ink);transition:background var(--duration-fast) var(--ease-out)}.sui-rl-all.sc-sui-pick-list:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-all.sc-sui-pick-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-rl-all.sc-sui-pick-list:disabled .sui-rl-box.sc-sui-pick-list{background:var(--disabled-bg);border-color:var(--border-strong)}.sui-rl-all.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-filter.sc-sui-pick-list{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;margin-bottom:6px;box-sizing:border-box}.sui-rl-filter.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px;color:var(--ink-faint)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}"}},[514,"sui-pick-list",{sourceHeading:[1,"source-heading"],targetHeading:[1,"target-heading"],source:[1040],target:[1040],selection:[1040],height:[2],noDrag:[516,"no-drag"],dragOnly:[516,"drag-only"],selectionMode:[513,"selection-mode"],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],breakpoint:[2],focused:[32],drag:[32],over:[32],lifted:[32],live:[32],query:[32],stacked:[32],setFocus:[64]},void 0,{source:[{onLists:0}],target:[{onLists:0}]}]),A=T,O=function(){"undefined"!=typeof customElements&&["sui-pick-list","sui-avatar"].forEach((i=>{switch(i){case"sui-pick-list":customElements.get(o(i))||customElements.define(o(i),T);break;case"sui-avatar":customElements.get(o(i))||C()}}))};export{A as SuiPickList,O as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiPopover extends Components.SuiPopover, HTMLElement {}
|
|
4
|
+
export const SuiPopover: {
|
|
5
|
+
prototype: SuiPopover;
|
|
6
|
+
new (): SuiPopover;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as i,H as s,c as t,f as e,h as o,a as r,t as h}from"./p-CeVlau-G.js";import{k as n,o as a,i as p,p as l,a as u,b as c,m as d,l as m,g as f,t as v}from"./p-CN5x4MC8.js";import{f as g}from"./p-C6T8Kp68.js";import{i as y}from"./p-Cs2X0Kih.js";import{u as b}from"./p-U06fVoGD.js";import{i as x}from"./p-GAnFXayY.js";const k=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiOpen=t(this,"suiOpen",3),this.suiClose=t(this,"suiClose",3)}get host(){return this}width=280;position="bottom";align="start";triggerOn="click";openDelay=350;closeDelay=200;hoverPersist=!1;flush=!1;menu=!1;open=!1;suiOpen;suiClose;fieldId=b("sui-popover");hostLabel;closing=!1;dropLabel;anchor;panel;disposers=[];escape=n((()=>this.requestClose("escape",!0)));demote;exit=a((()=>this.exited()));openTimer;closeTimer;overHeld=!1;openedByGesture=!1;openFromEnd=!1;connectedCallback(){this.dropLabel?.(),this.dropLabel=y(this.host,(i=>this.hostLabel=i)),this.open&&this.panel&&e(this)}componentDidLoad(){this.syncTrigger()}componentDidUpdate(){this.syncTrigger()}componentDidRender(){this.open&&this.afterOpen()}disconnectedCallback(){this.clearTimers(),this.teardown(),this.exit.cancel(),this.exited(),this.dropLabel?.()}onOpenChange(i){if(i)return this.escape.arm(),this.exit.cancel(),void(this.closing=!1);this.panelHasFocus()&&this.triggerEl()?.focus(),this.teardown(),this.exit.begin(this.panel)?this.closing=!0:this.exited()}exited(){this.demote?.(),this.demote=void 0,this.closing=!1}syncTrigger(){const i=this.triggerEl();i&&(i.setAttribute("aria-expanded",this.open?"true":"false"),i.setAttribute("aria-controls",this.fieldId+"-panel"),"click"===this.triggerOn&&i.setAttribute("aria-haspopup",this.menu?"menu":"dialog"))}menuRow(i){if(!this.panel)return null;const s=Array.from(this.panel.querySelectorAll('[role="menuitem"]')).filter((i=>"true"!==i.getAttribute("aria-disabled")));return("first"===i?s[0]:s[s.length-1])||null}triggerEl(){return this.anchor?g(this.anchor):null}within(i){return!!i&&(p(this.host,i)||!(!this.panel||!p(this.panel,i)))}afterOpen(){this.open&&this.anchor&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.demote||(this.demote=l(this.panel)),this.reposition(),this.disposers.push(u((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),c((()=>this.reposition()))),this.escape.arm(),"hover"===this.triggerOn&&(document.addEventListener("mouseover",this.onDocumentOver,!0),this.disposers.push((()=>{document.removeEventListener("mouseover",this.onDocumentOver,!0),this.overHeld=!1}))),this.openedByGesture&&((this.menu&&"click"===this.triggerOn?this.menuRow(this.openFromEnd?"last":"first"):null)||this.panel).focus({preventScroll:!0}))}alignFor(i){return"left"===i||"right"===i?"center":"left"===this.align||"right"===this.align?"right"===this.align!==x(this.host)?"end":"start":"end"===this.align?"end":"start"}reposition(){if(!this.anchor||!this.panel)return;const i=this.position;d(this.panel,m(this.anchor,this.panel,i,8,this.alignFor(i)))}teardown(){this.escape.disarm(),this.panel&&f(this.panel),this.disposers.forEach((i=>i())),this.disposers=[],this.openedByGesture=!1,this.openFromEnd=!1}clearTimers(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer)}show(){this.open||(this.open=!0,this.suiOpen.emit())}panelHasFocus(){const i=document.activeElement;return!!i&&!!this.panel&&p(this.panel,i)}requestClose(i,s=!1){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,s&&this.triggerEl()?.focus()))}onPanelKey=i=>{"click"===this.triggerOn&&v(i,this.panel,(()=>this.requestClose("outside",!0)))};onTriggerClick=()=>{"click"===this.triggerOn&&(this.open?this.requestClose("trigger"):(this.openedByGesture=!0,this.show()))};onTriggerKey=i=>{if(!this.menu||"click"!==this.triggerOn||"ArrowDown"!==i.key&&"ArrowUp"!==i.key)return;i.preventDefault();const s="ArrowUp"===i.key;this.open?this.menuRow(s?"last":"first")?.focus({preventScroll:!0}):(this.openedByGesture=!0,this.openFromEnd=s,this.show())};onEnter=()=>{"hover"===this.triggerOn&&(this.clearTimers(),this.openTimer=setTimeout((()=>this.show()),this.openDelay))};onFocusIn=()=>{"hover"===this.triggerOn&&(this.clearTimers(),this.show())};onLeave=i=>{"hover"===this.triggerOn&&(i&&this.within(i.relatedTarget)||(clearTimeout(this.openTimer),this.hoverPersist||(clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.panelHasFocus()||this.requestClose("trigger")}),this.closeDelay))))};onDocumentOver=i=>{const s=i.target;if(s&&!this.host.contains(s))return this.within(s)?(this.overHeld=!0,void clearTimeout(this.closeTimer)):void(this.overHeld&&(this.overHeld=!1,this.onLeave()));this.overHeld=!1};onFocusOut=i=>{this.within(i.relatedTarget)||this.onLeave()};render(){const i="click"===this.triggerOn,s=i&&!this.menu;return o(r,{key:"a2bc6860d9b4e6ee6f5d148dc38f4a2a8ebfe5bd",onMouseEnter:this.onEnter,onMouseLeave:this.onLeave,onFocusin:this.onFocusIn,onFocusout:this.onFocusOut},o("span",{key:"e47ee782ee8ca67165bb9696450e6d8fef4150ee",ref:i=>this.anchor=i,id:this.fieldId+"-trigger",class:"trigger",onClick:this.onTriggerClick,onKeyDown:this.onTriggerKey},o("slot",{key:"5e84a9f67e8a7aca8fded32ecadeaba7f7a18b62",name:"trigger"})),this.open||this.closing?o("div",{ref:i=>this.panel=i,id:this.fieldId+"-panel",class:{panel:!0,padded:!this.flush,closing:this.closing},inert:this.closing,role:s?"dialog":void 0,"aria-label":s&&this.hostLabel?this.hostLabel:void 0,"aria-labelledby":s&&!this.hostLabel?this.fieldId+"-trigger":void 0,tabindex:i?"-1":void 0,style:{width:this.width+"px"},onKeyDown:this.onPanelKey},o("slot",null)):null)}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return".sc-sui-popover-h{display:inline-flex;position:relative;font-family:var(--font-sans)}.trigger.sc-sui-popover{display:inline-flex}.panel.sc-sui-popover{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:0;font-family:var(--font-sans);font-size:13.5px;line-height:1.5;animation:sui-popover-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-popover{animation-name:sui-popover-in-top}.panel[data-side='left'].sc-sui-popover{animation-name:sui-popover-in-left}.panel[data-side='right'].sc-sui-popover{animation-name:sui-popover-in-right}.panel.closing.sc-sui-popover{animation:sui-popover-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.panel.padded.sc-sui-popover{padding:14px 16px}.panel.sc-sui-popover:focus{outline:none}@keyframes sui-popover-in{from{opacity:0;margin-top:-4px}}@keyframes sui-popover-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-popover-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-popover-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-popover-out{to{opacity:0}}"}},[774,"sui-popover",{width:[2],position:[513],align:[513],triggerOn:[513,"trigger-on"],openDelay:[2,"open-delay"],closeDelay:[2,"close-delay"],hoverPersist:[516,"hover-persist"],flush:[516],menu:[516],open:[1540],hostLabel:[32],closing:[32]},void 0,{open:[{onOpenChange:0}]}]),w=k,C=function(){"undefined"!=typeof customElements&&["sui-popover"].forEach((i=>{"sui-popover"===i&&(customElements.get(h(i))||customElements.define(h(i),k))}))};export{w as SuiPopover,C as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiProgressBar extends Components.SuiProgressBar, HTMLElement {}
|
|
4
|
+
export const SuiProgressBar: {
|
|
5
|
+
prototype: SuiProgressBar;
|
|
6
|
+
new (): SuiProgressBar;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as s,H as e,h as i,a as t,t as a}from"./p-CeVlau-G.js";import{i as r}from"./p-Cs2X0Kih.js";import{o,h as n}from"./p-BWkzTEZX.js";import{a as l}from"./p-COO9uV7W.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}value=0;label;showValue=!1;indeterminate=!1;height=8;accent=!1;hasValueSlot=!1;hostLabel;dispose;disposeLabel;loaded=!1;connectedCallback(){this.disposeLabel?.(),this.disposeLabel=r(this.host,(s=>this.hostLabel=s)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.disposeLabel?.()}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasValueSlot=n(this.host,"value")}render(){const s=Math.min(100,Math.max(0,Number(this.value)||0)),e=this.height/2+"px",a=this.showValue&&!this.indeterminate;return i(t,{key:"e720ce2930a1841465132166883c1838f6b8d95b"},this.label||a?i("div",{class:"head"},i("span",{class:"label"},this.label),a?i("span",{class:"value"},this.hasValueSlot?null:l(Math.round(s)),i("slot",{name:"value"})):null):null,i("div",{key:"319e727f7a872631be44f92ef719168927385685",class:"track",role:"progressbar","aria-valuenow":this.indeterminate?null:s,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.label||this.hostLabel||void 0,style:{height:this.height+"px",borderRadius:e}},i("div",this.indeterminate?{class:{sweep:!0,accent:this.accent},style:{borderRadius:e}}:{class:{fill:!0,accent:this.accent},style:{width:s+"%",borderRadius:e}})))}static get style(){return".sc-sui-progress-bar-h{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);color:var(--ink)}.head.sc-sui-progress-bar{display:flex;justify-content:space-between;font-size:12px}.label.sc-sui-progress-bar{font-weight:620}.value.sc-sui-progress-bar{font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum'}.track.sc-sui-progress-bar{position:relative;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-progress-bar{height:100%;background:var(--brand);transition:width var(--duration-slow) var(--ease-out)}.fill.accent.sc-sui-progress-bar{background:var(--accent)}.sweep.sc-sui-progress-bar{position:absolute;top:0;bottom:0;background:var(--brand);animation:sui-progress-sweep 1.6s var(--ease-in-out) infinite}.sweep.accent.sc-sui-progress-bar{background:var(--accent)}@keyframes sui-progress-sweep{0%{inset-inline-start:-35%;inset-inline-end:100%}60%{inset-inline-start:100%;inset-inline-end:-90%}100%{inset-inline-start:100%;inset-inline-end:-90%}}@media (prefers-reduced-motion: reduce){.sweep.sc-sui-progress-bar{animation-duration:3.2s}}@media (forced-colors: active){.track.sc-sui-progress-bar{border:1px solid CanvasText;box-sizing:border-box}.fill.sc-sui-progress-bar,.fill.accent.sc-sui-progress-bar,.sweep.sc-sui-progress-bar,.sweep.accent.sc-sui-progress-bar{background:Highlight}}"}},[774,"sui-progress-bar",{value:[2],label:[1],showValue:[516,"show-value"],indeterminate:[516],height:[2],accent:[516],hasValueSlot:[32],hostLabel:[32]}]),u=c,h=function(){"undefined"!=typeof customElements&&["sui-progress-bar"].forEach((s=>{"sui-progress-bar"===s&&(customElements.get(a(s))||customElements.define(a(s),c))}))};export{u as SuiProgressBar,h as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiProgressRing extends Components.SuiProgressRing, HTMLElement {}
|
|
4
|
+
export const SuiProgressRing: {
|
|
5
|
+
prototype: SuiProgressRing;
|
|
6
|
+
new (): SuiProgressRing;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as s,H as e,h as t,a as i,t as r}from"./p-CeVlau-G.js";import{i as a}from"./p-Cs2X0Kih.js";import{o,h as n}from"./p-BWkzTEZX.js";import{a as c}from"./p-COO9uV7W.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}value=0;diameter=44;thickness=4;label;showValue=!1;accent=!1;hasValueSlot=!1;hostLabel;dispose;disposeLabel;loaded=!1;connectedCallback(){this.disposeLabel?.(),this.disposeLabel=a(this.host,(s=>this.hostLabel=s)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.disposeLabel?.()}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasValueSlot=n(this.host,"value")}render(){const s=Math.min(100,Math.max(0,Number(this.value)||0)),e=Number(this.diameter)||44,r=Number(this.thickness)||4,a=(e-r)/2,o=2*Math.PI*a,n=o*(1-s/100),l=Math.max(10,e/4.2)+"px";return t(i,{key:"8a6b3f8ee23a9ec1c56d7526f6c3f97ae1e414ea"},t("div",{key:"4400c97c491420725cb678d5cbea48e35da49fc7",class:{ring:!0,accent:this.accent},role:"progressbar","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.label||this.hostLabel||void 0,style:{width:e+"px",height:e+"px"}},t("svg",{key:"b0ff8285ca990cdfc03c2ffde797f92cab93dd28",viewBox:`0 0 ${e} ${e}`,width:e,height:e,"aria-hidden":"true",focusable:"false"},t("circle",{key:"4165eaa7d93b4a785010813b76c71655cf9acab0",class:"track",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":r}),t("circle",{key:"8b1d3eb19bf0cd5956a8cd0f7c8a6e77bf5a9ae6",class:"arc",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":r,"stroke-dasharray":`${o} ${o}`,"stroke-dashoffset":n,transform:`rotate(-90 ${e/2} ${e/2})`})),this.showValue?t("span",{class:"value",style:{fontSize:l}},this.hasValueSlot?null:c(Math.round(s)),t("slot",{name:"value"})):null),this.label?t("span",{class:"label"},this.label):null)}static get style(){return".sc-sui-progress-ring-h{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-sans);color:var(--ink)}.ring.sc-sui-progress-ring{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.ring.sc-sui-progress-ring svg.sc-sui-progress-ring{position:absolute;inset:0;display:block}.track.sc-sui-progress-ring{stroke:var(--brand-soft)}.arc.sc-sui-progress-ring{stroke:var(--brand);transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:var(--accent)}.value.sc-sui-progress-ring{position:relative;font-weight:720;font-feature-settings:'tnum';line-height:1}.label.sc-sui-progress-ring{font-size:12px;font-weight:620;color:var(--ink-muted)}@media (forced-colors: active){.track.sc-sui-progress-ring{stroke:CanvasText;stroke-width:1}.arc.sc-sui-progress-ring,.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:Highlight}}"}},[774,"sui-progress-ring",{value:[2],diameter:[2],thickness:[2],label:[1],showValue:[516,"show-value"],accent:[516],hasValueSlot:[32],hostLabel:[32]}]),h=l,u=function(){"undefined"!=typeof customElements&&["sui-progress-ring"].forEach((s=>{"sui-progress-ring"===s&&(customElements.get(r(s))||customElements.define(r(s),l))}))};export{h as SuiProgressRing,u as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiProgressSpinner extends Components.SuiProgressSpinner, HTMLElement {}
|
|
4
|
+
export const SuiProgressSpinner: {
|
|
5
|
+
prototype: SuiProgressSpinner;
|
|
6
|
+
new (): SuiProgressSpinner;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{S as o,d as s}from"./p-eoxRNwfF.js";const p=o,r=s;export{p as SuiProgressSpinner,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiQrCode extends Components.SuiQrCode, HTMLElement {}
|
|
4
|
+
export const SuiQrCode: {
|
|
5
|
+
prototype: SuiQrCode;
|
|
6
|
+
new (): SuiQrCode;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as t,c as i,h as s,a as r,t as a}from"./p-CeVlau-G.js";import{d as o}from"./p-BHB1Wprj.js";import{G as n,I as d}from"./p-DdsE4HI6.js";import{p as l,c}from"./p-l4ru8vIR.js";import{l as u,a as p}from"./p-BuyjS5bS.js";import{defineCustomElement as f}from"./p-DgXzRiP4.js";const h="#121C4D",m="#FFFFFF",b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiRender=i(this,"suiRender",7)}get host(){return this}value="";width=128;ecLevel="M";label;caption;downloadable=!1;fileName="qr-code.png";suiRender;err=!1;canvas;drawId=0;connectedCallback(){o(this.host,(()=>this.downloadControl()))}componentDidLoad(){this.draw()}async setFocus(){this.downloadControl()?.focus()}downloadControl(){return this.host.querySelector(".sui-qr-download button")||void 0}redraw(){this.draw()}async download(){if(this.canvas&&!this.err)try{const e=document.createElement("a");e.href=this.canvas.toDataURL("image/png"),e.download=this.fileName||"qr-code.png",e.click()}catch{}}px(){return Math.max(96,Number(this.width)||128)}inkColor(){if("undefined"==typeof getComputedStyle||"undefined"==typeof document)return h;try{const e=l(getComputedStyle(document.documentElement).getPropertyValue("--ink"),"");return e&&c(e,m)>=4.5?e:h}catch{return h}}async draw(){if(!this.canvas)return;const e=++this.drawId;try{const t=await import("./p-CmqQjlaI.js").then((function(e){return e.b})),i=t&&"function"==typeof t.toCanvas?t:t?.default;if(!i||"function"!=typeof i.toCanvas)throw Error("QR encoder unavailable");if(e!==this.drawId||!this.canvas)return;if(await i.toCanvas(this.canvas,(this.value??"")+"",{width:this.px(),margin:4,errorCorrectionLevel:this.ecLevel,color:{dark:this.inkColor(),light:m}}),e!==this.drawId)return;this.err=!1,this.suiRender.emit()}catch{e===this.drawId&&(this.err=!0)}}render(){const e=this.px(),t={width:e+"px",height:e+"px"};return s(r,{key:"a086604f68f19b808c0d5f0f91db7404576995a6"},s("figure",{key:"ebb234de6564407f0fd2ab453ea3ab5c68322b7b",class:"sui-qr"},this.label?s("span",{class:"sui-qr-label"},this.label):null,s("div",{key:"054cf4ac9fef571070732ddb58a6a82b15ee2e94",class:"sui-qr-frame"},s("div",{key:"5a3b5b2ee10260158830a8bd9a030f76d3667849",class:"sui-qr-stage",style:t},s("canvas",{key:"5389634a8a207b2dec12e6c95b7982d697b48dd9",ref:e=>this.canvas=e,class:"sui-qr-canvas",width:e,height:e,style:t,role:"img","aria-label":u(void 0,"qr-code.label",void 0,"QR code: {value}",{value:this.value})}),this.err?s("div",{class:"sui-qr-error"},p(void 0,"qr-code.qrEncoderUnavailable",void 0,"QR encoder unavailable")):null),this.caption?s("figcaption",{class:"sui-qr-caption"},this.caption):null),this.downloadable&&!this.err?s("sui-button",{class:"sui-qr-download",variant:"outline",size:"sm",onClick:()=>this.download()},s(n,{glyph:d}),p(void 0,"qr-code.downloadPng",void 0,"Download PNG")):null))}static get watchers(){return{value:[{redraw:0}],width:[{redraw:0}],ecLevel:[{redraw:0}]}}static get style(){return".sc-sui-qr-code-h{display:inline-block;vertical-align:top;font-family:var(--font-sans);color:var(--ink)}.sui-qr.sc-sui-qr-code{margin:0;display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start}.sui-qr-label.sc-sui-qr-code{font-size:12.5px;font-weight:620;font-family:var(--font-sans)}.sui-qr-frame.sc-sui-qr-code{background:var(--palette-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;box-sizing:content-box}.sui-qr-stage.sc-sui-qr-code{position:relative}.sui-qr-canvas.sc-sui-qr-code{display:block}.sui-qr-error.sc-sui-qr-code{position:absolute;inset:0;background:var(--palette-white);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--palette-deep-blue);font-family:var(--font-sans);text-align:center;padding:8px;box-sizing:border-box}.sui-qr-caption.sc-sui-qr-code{font-size:10.5px;color:var(--palette-deep-blue);font-family:var(--font-sans);padding:0 2px 2px}.sui-qr-download.sc-sui-qr-code .sui-glyph.sc-sui-qr-code{font-size:11px}"}},[514,"sui-qr-code",{value:[1],width:[2],ecLevel:[513,"ec-level"],label:[1],caption:[1],downloadable:[516],fileName:[1,"file-name"],err:[32],setFocus:[64],download:[64]},void 0,{value:[{redraw:0}],width:[{redraw:0}],ecLevel:[{redraw:0}]}]),v=b,g=function(){"undefined"!=typeof customElements&&["sui-qr-code","sui-button"].forEach((e=>{switch(e){case"sui-qr-code":customElements.get(a(e))||customElements.define(a(e),b);break;case"sui-button":customElements.get(a(e))||f()}}))};export{v as SuiQrCode,g as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiRadioButton extends Components.SuiRadioButton, HTMLElement {}
|
|
4
|
+
export const SuiRadioButton: {
|
|
5
|
+
prototype: SuiRadioButton;
|
|
6
|
+
new (): SuiRadioButton;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{S as o,d as s}from"./p-iKk1YZ0M.js";const p=o,r=s;export{p as SuiRadioButton,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiRadioGroup extends Components.SuiRadioGroup, HTMLElement {}
|
|
4
|
+
export const SuiRadioGroup: {
|
|
5
|
+
prototype: SuiRadioGroup;
|
|
6
|
+
new (): SuiRadioGroup;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as i,H as s,c as r,h as e,t}from"./p-CeVlau-G.js";import{d as o,F as a}from"./p-TBwsYzWO.js";import{u as l}from"./p-U06fVoGD.js";import{i as n,d,s as u,r as h,v as c}from"./p-BHB1Wprj.js";import{f as p}from"./p-CGWvlrv_.js";import{n as f,l as m,s as g,k as b}from"./p-M0fYQCIv.js";import{d as y}from"./p-iKk1YZ0M.js";const v=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=r(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value;orientation="vertical";disabled=!1;readOnly=!1;invalid=!1;required=!1;name;suiChange;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=l("sui-radio-group");initial;async setFocus(){this.focusRadio()?.focus()}focusRadio(){const i=Array.from(this.host.querySelectorAll("sui-radio-button")),s=i.filter((i=>!i.disabled));return(s.find((i=>i.checked))||s[0]||i[0])?.querySelector("input")}connectedCallback(){n(this.host,this.internals),d(this.host,(()=>this.focusRadio()))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){u(this.internals,this.isDisabled?null:b(this.value)),h(this.internals,this.required&&!this.isDisabled&&!this.readOnly,f(this.value),this.label,c(this.host),this.error)}formResetCallback(){this.value=this.initial}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}norm(){return m(this.options,this.host,"options").filter((i=>null!=i)).map((i=>"string"==typeof i||"number"==typeof i?{label:i+"",value:i}:i))}onChildChange(i,s){i.stopPropagation(),this.readOnly||g(this.value,s)||(this.value=s,this.suiChange.emit(s))}render(){const i=this.label?this.fieldId+"-label":void 0;return e(a,{key:"69673e9b59975154a290f4c154fb307f4328e71d",help:this.help,error:this.error,descId:this.fieldId},this.label?e("div",{class:"sui-field-label",id:i},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,e("div",{key:"ae6fa957bb65aca52ef7f8eb133b23d33a464e32",class:{opts:!0,horizontal:"horizontal"===this.orientation},role:"radiogroup","aria-labelledby":i,"aria-describedby":o(this.fieldId,this.help,this.error),"aria-invalid":this.invalid||this.error?"true":null,"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null},this.norm().map((i=>e("sui-radio-button",{key:i.value,name:this.name,label:i.label,description:i.description,value:b(i.value),checked:g(this.value,i.value),disabled:this.isDisabled||!!i.disabled,readOnly:this.readOnly,invalid:this.invalid||!!this.error,onSuiChange:s=>this.onChildChange(s,i.value)})))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-radio-group-h{display:block;font-family:var(--font-sans)}.opts.sc-sui-radio-group{display:flex;flex-direction:column;gap:9px;flex-wrap:wrap}.opts.horizontal.sc-sui-radio-group{flex-direction:row;gap:18px}.sui-field.sc-sui-radio-group{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-radio-group{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-radio-group .sui-field-label.sc-sui-radio-group{color:var(--danger)}.sui-field-req.sc-sui-radio-group{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-radio-group{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-radio-group{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-radio-group .sui-glyph.sc-sui-radio-group{font-size:11px}"}},[578,"sui-radio-group",{label:[1],help:[1],error:[1],options:[16],value:[1032],orientation:[513],disabled:[516],readOnly:[516,"readonly"],invalid:[516],required:[516],name:[513],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),x=v,F=function(){"undefined"!=typeof customElements&&["sui-radio-group","sui-radio-button"].forEach((i=>{switch(i){case"sui-radio-group":customElements.get(t(i))||customElements.define(t(i),v);break;case"sui-radio-button":customElements.get(t(i))||y()}}))};export{x as SuiRadioGroup,F as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiRating extends Components.SuiRating, HTMLElement {}
|
|
4
|
+
export const SuiRating: {
|
|
5
|
+
prototype: SuiRating;
|
|
6
|
+
new (): SuiRating;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as s,H as i,c as t,h as r,t as a}from"./p-CeVlau-G.js";import{d as e,F as n}from"./p-TBwsYzWO.js";import{G as o,a2 as l,a3 as h}from"./p-DdsE4HI6.js";import{u as c}from"./p-U06fVoGD.js";import{i as u,d,s as f,r as g}from"./p-BHB1Wprj.js";import{f as p}from"./p-CGWvlrv_.js";import{i as m}from"./p-GAnFXayY.js";import{b}from"./p-COO9uV7W.js";import{l as v,a as y}from"./p-BuyjS5bS.js";const x=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=t(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;required=!1;count=5;value=0;allowHalf=!1;readOnly=!1;disabled=!1;showCount=!1;size="md";name;suiChange;hover=0;formDisabled=!1;fieldId=c("sui-rating");stars=[];pendingFocus=!1;initial=0;async setFocus(){this.stars[this.focusIndex()]?.focus()}connectedCallback(){u(this.host,this.internals),d(this.host,(()=>this.stars[this.focusIndex()]))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidRender(){this.syncForm(),this.pendingFocus&&(this.pendingFocus=!1,this.stars[this.focusIndex()]?.focus())}syncForm(){f(this.internals,this.isDisabled?null:this.value>0?this.value+"":""),g(this.internals,this.required&&!this.isInert,this.value<=0,this.label,this.stars[this.focusIndex()],this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=this.initial}formDisabledCallback(s){this.formDisabled=p(this.host,this.disabled,s),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}get isInert(){return this.readOnly||this.isDisabled}get floor(){return this.allowHalf?.5:1}checkedIndex(){return Math.ceil(this.value)-1}focusIndex(){return this.value>0?Math.min(this.checkedIndex(),this.count-1):0}set(s){const i=Math.max(0,Math.min(this.count,this.allowHalf?Math.round(2*s)/2:s));i!==this.value&&(this.value=i,this.suiChange.emit(i))}pointerValue(s,i){if(!this.allowHalf)return s+1;const t=this.stars[s];if(!t||"number"!=typeof i.clientX)return s+1;const r=t.getBoundingClientRect(),a=m(t)?r.right-i.clientX:i.clientX-r.left;return r.width>0&&a<r.width/2?s+.5:s+1}onClick=s=>i=>{if(this.isInert)return;const t=i.detail?this.pointerValue(s,i):this.checkedIndex()===s?this.value:s+1;this.set(t===this.value?0:t)};onStarMove=s=>i=>{if(this.isInert)return;const t=this.pointerValue(s,i);t!==this.hover&&(this.hover=t)};onKeyDown=s=>{if(this.isInert)return;const i=this.floor,t=m(this.host)?"ArrowLeft":"ArrowRight";let r;switch(s.key){case t:case"ArrowUp":r=Math.min(this.count,this.value+i);break;case"ArrowLeft"===t?"ArrowRight":"ArrowLeft":case"ArrowDown":r=Math.max(i,this.value-i);break;case"Home":r=i;break;case"End":r=this.count;break;default:return}s.preventDefault(),this.pendingFocus=!0,this.set(r)};countText(s){return v(void 0,"rating.count",void 0,"{value} of {count}",{value:b(s),count:b(this.count)})}render(){const s=this.hover||this.value,i=this.focusIndex(),t=this.checkedIndex(),a=this.hover>0;return r(n,{key:"70d84660ebdca743d6060ef6cfda783686693d30",help:this.help,error:this.error,descId:this.fieldId},r("div",{key:"ae6bb4593d557a729c59f95e1105e60aab2fe940",class:{"sui-rating":!0,[this.size]:!0,disabled:this.isDisabled,"read-only":this.readOnly,invalid:!!this.error}},this.label?r("span",{class:"label"},this.label,this.required?r("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,r("div",{key:"7c7ebe7274760c8e3fc1fcdbcaca7160146b211a",class:"stars",role:"radiogroup","aria-label":this.label||y(void 0,"rating.label",void 0,"Rating"),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-invalid":this.error?"true":null,"aria-describedby":e(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,onKeyDown:this.onKeyDown,onMouseLeave:()=>this.hover=0},Array.from({length:Math.max(0,this.count)},((e,n)=>{const c=s-n,u=c>=1||!this.allowHalf&&c>0,d=!u&&this.allowHalf&&c>0,f=n===t,g=n+1;return r("button",{key:n,ref:s=>this.stars[n]=s,type:"button",role:"radio",class:{star:!0,on:u,half:d,preview:a&&(u||d)},"aria-checked":f?"true":"false","aria-label":this.countText(f&&this.value!==g?this.value:g),tabIndex:this.isDisabled?-1:n===i?0:-1,disabled:this.isDisabled,onMouseEnter:this.isInert?void 0:this.onStarMove(n),onMouseMove:this.isInert||!this.allowHalf?void 0:this.onStarMove(n),onClick:this.onClick(n)},r(o,{glyph:u?l:h}),d?r(o,{glyph:l,class:"half-fill"}):null)}))),this.showCount?r("span",{class:"count"},this.countText(this.value)):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-rating-h{display:inline-block;font-family:var(--font-sans)}.sui-rating.sc-sui-rating{display:flex;align-items:center;gap:10px}.label.sc-sui-rating{font-size:12.5px;font-weight:620;color:var(--ink)}.stars.sc-sui-rating{display:flex;gap:4px}.star.sc-sui-rating{position:relative;min-width:1em;min-height:1em;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:transparent;line-height:1;color:var(--control-border);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}.star.on.sc-sui-rating{color:var(--accent)}.half-fill.sc-sui-rating{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);clip-path:inset(0 50% 0 0)}.half-fill.sc-sui-rating:dir(rtl){clip-path:inset(0 0 0 50%)}.sm.sc-sui-rating .star.sc-sui-rating{font-size:13px}.md.sc-sui-rating .star.sc-sui-rating{font-size:16px}.lg.sc-sui-rating .star.sc-sui-rating{font-size:20px}.star.sc-sui-rating:focus{outline:none}.star.sc-sui-rating:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.invalid.sc-sui-rating:not(.disabled) .star.sc-sui-rating:not(.on){color:var(--danger)}.invalid.sc-sui-rating .star.sc-sui-rating:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.read-only.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.on.sc-sui-rating,.disabled.sc-sui-rating .half-fill.sc-sui-rating{color:var(--disabled-ink)}.count.sc-sui-rating{font-size:12.5px;color:var(--ink-faint);font-feature-settings:'tnum'}.sui-field.sc-sui-rating{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-rating{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-rating .sui-field-label.sc-sui-rating{color:var(--danger)}.sui-field-req.sc-sui-rating{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-rating{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-rating{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-rating .sui-glyph.sc-sui-rating{font-size:11px}"}},[578,"sui-rating",{label:[1],help:[1],error:[1],required:[516],count:[2],value:[1026],allowHalf:[516,"allow-half"],readOnly:[516,"readonly"],disabled:[516],showCount:[516,"show-count"],size:[513],name:[513],hover:[32],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),w=x,k=function(){"undefined"!=typeof customElements&&["sui-rating"].forEach((s=>{"sui-rating"===s&&(customElements.get(a(s))||customElements.define(a(s),x))}))};export{w as SuiRating,k as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiRichTextEditor extends Components.SuiRichTextEditor, HTMLElement {}
|
|
4
|
+
export const SuiRichTextEditor: {
|
|
5
|
+
prototype: SuiRichTextEditor;
|
|
6
|
+
new (): SuiRichTextEditor;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as i,H as t,c as e,h as s,a as r,t as o}from"./p-CeVlau-G.js";import{d,F as c}from"./p-TBwsYzWO.js";import{e as n,c as a,E as u,w as h,a as l,s as x,t as p}from"./p-CyBxJm67.js";import{G as b,y as f,ap as v,aq as g,U as m,Z as k,ar as y,as as w,ak as M,a5 as C,at as P,aj as z,ai as L,ah as j,a9 as H}from"./p-DdsE4HI6.js";import{a as D}from"./p-CN5x4MC8.js";import{r as B}from"./p-BnZU02lM.js";import{i as I,d as F,s as E,r as T}from"./p-BHB1Wprj.js";import{u as q}from"./p-U06fVoGD.js";import{b as O}from"./p-COO9uV7W.js";import{a as A,l as R,u as S}from"./p-BuyjS5bS.js";import{i as U,a as V}from"./p-Cs2X0Kih.js";import{f as G}from"./p-CGWvlrv_.js";import{defineCustomElement as K}from"./p-DgXzRiP4.js";import{d as W}from"./p--YwzuGO4.js";import{d as X}from"./p-v0MrzKlW.js";const Y=["p","h1","h2","h3","code"],Z=i=>{switch(i){case"h1":return A(void 0,"rich-text-editor.heading1",void 0,"Heading 1");case"h2":return A(void 0,"rich-text-editor.heading2",void 0,"Heading 2");case"h3":return A(void 0,"rich-text-editor.heading3",void 0,"Heading 3");case"code":return A(void 0,"rich-text-editor.codeBlock",void 0,"Code block");default:return A(void 0,"rich-text-editor.paragraph",void 0,"Paragraph")}},N=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=e(this,"suiChange",7),this.suiSelection=e(this,"suiSelection",3),this.internals=this.attachInternals()}get host(){return this}hostLabel;hostLabelledby;stopAria;stopLabelledby;internals;label;help;error;variant="classic";html="";placeholder;readOnly=!1;disabled=!1;invalid=!1;required=!1;minHeight;name;mergeFields=[];suiChange;suiSelection;snap;ready=!1;focused=!1;editing=!1;popup=null;linkHref="https://";bubble=null;formDisabled=!1;fieldId=q("sui-rte");api;box;mount;toolbarEl;popupWrap;linkInput;initial="";lastHtml="";building=!1;loaded=!1;stopBubbleResize;linkFocusPending=!1;popupFocusPending=!1;fitPending=!1;disposeOutside;disposeRoving;rovingTarget;async getSnapshot(){return this.api?this.api.snapshot():this.snap}async setFocus(){this.api?.focus()}async exec(i,t,e){if(!this.api||this.locked)return;const s=this.api.cmd[i];s&&s(t,e)}connectedCallback(){I(this.host,this.internals),F(this.host,(()=>this.editable())),this.stopAria?.(),this.stopAria=U(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=V(this.host,(i=>{this.hostLabelledby=i})),this.loaded&&(this.armRoving(),this.build())}componentWillLoad(){this.initial=this.html||"",this.lastHtml=this.initial}get isDisabled(){return this.disabled||this.formDisabled}post(i){E(this.internals,this.isDisabled?null:i||"");const t=this.required&&!this.locked;T(this.internals,t,t&&n(i),this.label,this.editable(),this.error)}editable(){return this.mount?.querySelector(".ProseMirror")||void 0}async componentDidLoad(){this.loaded=!0,this.post(this.html),await this.build()}async build(){if(this.mount&&!this.api&&!this.building){this.building=!0;try{const i=this.html,t=this.locked,e=await a(this.mount,{html:i,readOnly:t,onState:(i,t)=>this.onState(i,t)});if(!this.host.isConnected)return void e.destroy();if(this.api=e,(this.html||"")!==(i||"")&&e.setContent(this.html||""),this.locked!==t&&e.setReadOnly(this.locked),this.snap=e.snapshot(),this.ready=!0,this.syncEditorAria(),"undefined"!=typeof ResizeObserver&&this.box){const i=new ResizeObserver((()=>{this.bubble&&this.trackBubble()}));i.observe(this.box),this.stopBubbleResize=()=>i.disconnect()}}catch{}finally{this.building=!1}}}release(){this.stopBubbleResize?.(),this.stopBubbleResize=void 0;const i=this.api;this.api=void 0,this.ready=!1,i?.destroy()}syncEditorAria(){this.api?.setAttrs?.({role:"textbox","aria-multiline":"true","aria-label":this.label||(this.hostLabelledby?null:this.hostLabel)||null,"aria-labelledby":this.label?null:this.hostLabelledby||null,"aria-describedby":d(this.fieldId,this.help,this.error)||null,"aria-invalid":this.error||this.invalid?"true":null})}componentDidRender(){if(this.html!==this.lastHtml&&this.onHtmlChange(this.html),this.syncEditorAria(),this.armRoving(),this.fitPending&&this.popupWrap&&(this.fitPending=!1,this.fitPanel()),this.linkFocusPending&&this.linkInput&&(this.linkFocusPending=!1,this.linkInput.focus(),this.linkInput.select?.()),this.popupFocusPending&&this.popupWrap){this.popupFocusPending=!1;const i=this.popupWrap.querySelector(".sui-rte-option.selected")||this.popupWrap.querySelector(".sui-rte-option, .sui-rte-merge-row");i?.focus()}}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.(),this.closePopup(),this.disposeRoving?.(),this.disposeRoving=void 0,this.rovingTarget=void 0,Promise.resolve().then((()=>{this.host.isConnected||this.release()}))}formResetCallback(){this.html=this.initial,this.lastHtml=this.initial,this.api?.setContent(this.initial),this.post(this.initial)}formDisabledCallback(i){this.formDisabled=G(this.host,this.disabled,i),this.post(this.html)}onHtmlChange(i){i!==this.lastHtml&&(this.lastHtml=i||"",this.api?.setContent(i||""),this.post(i))}onValidityInput(){this.post(this.html)}onLockChange(){this.api?.setReadOnly(this.locked),this.locked&&this.closePopup(),this.post(this.html)}get locked(){return this.readOnly||this.isDisabled}get full(){return"classic"===this.variant}onState(i,t){if(this.api){if(this.snap=i,t.docChanged){const t=this.api.toHTML();this.lastHtml=t,this.html=t,this.post(t),this.suiChange.emit({html:t,text:this.api.getText(),words:i.words,chars:i.chars})}this.suiSelection.emit(i),"bubble"===this.variant&&this.trackBubble()}}trackBubble(){const i=this.api?.selectionRect();if(i&&this.box){const t=this.box.getBoundingClientRect();this.bubble={x:(i.left+i.right)/2-t.left,y:i.top-t.top,width:t.width||400}}else this.bubble=null}armRoving(){this.toolbarEl!==this.rovingTarget&&(this.disposeRoving?.(),this.rovingTarget=this.toolbarEl,this.disposeRoving=this.toolbarEl?B(this.toolbarEl,".sui-tbtn, .sui-rte-block-trigger","horizontal"):void 0)}openPopup(i){this.popup!==i?(this.popup=i,this.fitPending=!0,"link"===i?(this.linkHref="https://",this.linkFocusPending=!0):this.popupFocusPending=!0,this.disposeOutside?.(),this.disposeOutside=D((()=>[this.popupWrap]),(()=>this.closePopup()))):this.closePopup()}fitPanel(){const i=this.popupWrap?.querySelector(".sui-rte-panel");if(!i||!this.box)return;const t=this.box.getBoundingClientRect();if(!t.width)return;const e=Math.max(t.left,8),s=Math.min(t.right,window.innerWidth-8);i.style.translate="",i.style.maxWidth=s>e?Math.floor(s-e)+"px":"";const r=i.getBoundingClientRect(),o=r.left<e?e-r.left:r.right>s?Math.max(s-r.right,e-r.left):0;o&&(i.style.translate=Math.round(o)+"px 0")}closePopup(i=!1){this.popup&&(this.popup=null,this.disposeOutside?.(),this.disposeOutside=void 0,i&&this.api?.focus())}run(i,t,e){this.api&&this.api.cmd[i](t,e)}onBoxKey=i=>{"Escape"===i.key&&this.popup&&(i.stopPropagation(),this.closePopup(!0))};inEditor(i){return!!i?.closest?.(".sb-editor-mount")}onFocusIn=i=>{this.focused=!0,this.editing=this.inEditor(i.target)};onFocusOut=i=>{const t=i.relatedTarget;t&&this.box?.contains(t)?this.editing=this.inEditor(t):(this.focused=!1,this.editing=!1)};onPopupKey=i=>{if("ArrowDown"!==i.key&&"ArrowUp"!==i.key&&"Home"!==i.key&&"End"!==i.key)return;const t=Array.from(this.popupWrap?.querySelectorAll(".sui-rte-option, .sui-rte-merge-row")||[]);if(!t.length)return;i.preventDefault();const e=t.indexOf(document.activeElement);let s=0;"ArrowDown"===i.key?s=e<0?0:(e+1)%t.length:"ArrowUp"===i.key?s=e<0?t.length-1:(e-1+t.length)%t.length:"End"===i.key&&(s=t.length-1),t[s].focus()};applyLink=()=>{const i=this.linkHref.trim();i&&"https://"!==i&&this.run("link",i),this.closePopup(!0)};toggleList(i){this.run(this.snap?.list===i?"outdent":"bullet"===i?"bulletList":"orderedList")}renderBlockPicker(){const i=this.snap?.block||"p",t="block"===this.popup,e=Z(Y.includes(i)?i:"p");return s("div",{class:"sui-rte-pop",ref:i=>{t&&(this.popupWrap=i)},onKeyDown:t?this.onPopupKey:void 0},s("button",{type:"button",class:{"sui-rte-block-trigger":!0,"sui-frame":!0,open:t},"aria-haspopup":"listbox","aria-expanded":t?"true":"false","aria-label":R(void 0,"rich-text-editor.blockTypeCurrent",void 0,"Block type: {type}",{type:e}),onMouseDown:i=>i.preventDefault(),onClick:()=>this.openPopup("block")},e,s(b,{glyph:f})),t?s("div",{class:"sui-rte-panel block",role:"listbox","aria-label":A(void 0,"rich-text-editor.blockType",void 0,"Block type")},Y.map((t=>s("button",{type:"button",role:"option","aria-selected":t===i?"true":"false",class:{"sui-rte-option":!0,selected:t===i,[t]:!0},onMouseDown:i=>i.preventDefault(),onClick:()=>{this.closePopup(),this.run("block",t)}},Z(t))))):null)}renderMergePicker(){const i="merge"===this.popup;return this.mergeFields&&this.mergeFields.length?s("div",{class:"sui-rte-pop",ref:t=>{i&&(this.popupWrap=t)},onKeyDown:i?this.onPopupKey:void 0},s(u,{glyph:v,label:A(void 0,"rich-text-editor.mergeField",void 0,"Merge field"),wide:!0,active:i,haspopup:"menu",title:A(void 0,"rich-text-editor.insertMergeField",void 0,"Insert merge field"),onClick:()=>this.openPopup("merge")}),i?s("div",{class:"sui-rte-panel merge",role:"menu","aria-label":A(void 0,"rich-text-editor.mergeFields",void 0,"Merge fields")},s("div",{class:"sui-rte-eyebrow",role:"presentation"},A(void 0,"rich-text-editor.resolvesAtSendTime",void 0,"Resolves at send time")),(this.mergeFields||[]).map((i=>s("button",{type:"button",role:"menuitem",class:"sui-rte-merge-row",onMouseDown:i=>i.preventDefault(),onClick:()=>{this.closePopup(),this.run("mergeField",i.token,i.label)}},s("span",null,i.label),s("code",null,`{{${i.token}}}`))))):null):null}renderLink(){const i=!!this.snap?.marks.link,t="link"===this.popup;return s("div",{class:"sui-rte-pop",ref:i=>{t&&(this.popupWrap=i)}},s(u,{glyph:g,active:i||t,haspopup:i?void 0:"dialog",title:i?A(void 0,"rich-text-editor.removeLink",void 0,"Remove link"):A(void 0,"rich-text-editor.addLink",void 0,"Add link"),onClick:()=>i?this.run("unlink"):this.openPopup("link")}),t?s("div",{class:"sui-rte-panel link",role:"dialog","aria-label":A(void 0,"rich-text-editor.addLink",void 0,"Add link")},s("input",{ref:i=>this.linkInput=i,class:"sui-rte-link-input sui-frame",type:"url","aria-label":A(void 0,"rich-text-editor.linkAddress",void 0,"Link address"),value:this.linkHref,onInput:i=>this.linkHref=i.target.value,onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),this.applyLink())}}),s("sui-button",{variant:"brand",size:"sm",label:A(void 0,"rich-text-editor.link",void 0,"Link"),onClick:this.applyLink})):null)}renderToolbar(){const i=this.snap?.marks,t=this.snap,e=this.full;return s("div",{key:"toolbar",class:"sui-rte-toolbar",role:"toolbar","aria-label":A(void 0,"rich-text-editor.formatting",void 0,"Formatting"),ref:i=>this.toolbarEl=i},e?this.renderBlockPicker():null,e?s(l,null):null,s(u,{glyph:j,active:!!i?.bold,title:h(A(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(u,{glyph:L,active:!!i?.italic,title:h(A(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(u,{glyph:z,active:!!i?.underline,title:h(A(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),e?s(u,{glyph:P,active:!!i?.strike,title:A(void 0,"rich-text-editor.strikethrough",void 0,"Strikethrough"),onClick:()=>this.run("strike")}):null,e?s(u,{glyph:C,active:!!i?.code,title:A(void 0,"rich-text-editor.inlineCode",void 0,"Inline code"),onClick:()=>this.run("code")}):null,s(l,null),s(u,{glyph:M,active:"bullet"===t?.list,title:A(void 0,"rich-text-editor.bulletedList",void 0,"Bulleted list"),onClick:()=>this.toggleList("bullet")}),s(u,{glyph:w,active:"ordered"===t?.list,title:A(void 0,"rich-text-editor.numberedList",void 0,"Numbered list"),onClick:()=>this.toggleList("ordered")}),e?s(u,{glyph:y,active:!!t?.quote,title:A(void 0,"rich-text-editor.blockquote",void 0,"Blockquote"),onClick:()=>this.run(t?.quote?"unquote":"quote")}):null,s(l,null),this.renderLink(),e?this.renderMergePicker():null,s("span",{class:"sui-rte-spacer"}),s(u,{glyph:k,disabled:!t?.canUndo,title:h(A(void 0,"rich-text-editor.undo",void 0,"Undo"),"Z"),onClick:()=>this.run("undo")}),s(u,{glyph:m,disabled:!t?.canRedo,title:A(void 0,"rich-text-editor.redo",void 0,"Redo"),onClick:()=>this.run("redo")}))}renderBubble(){const i=this.snap?.marks,t=this.bubble;return s("sui-mini-toolbar",{key:"bubble",class:"sui-rte-bubble",open:!!t&&!this.locked,x:t?Math.max(120,Math.min(t.x,t.width-120)):0,y:t?t.y-44:0,"aria-label":A(void 0,"rich-text-editor.formatting",void 0,"Formatting")},s(u,{glyph:j,active:!!i?.bold,title:h(A(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(u,{glyph:L,active:!!i?.italic,title:h(A(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(u,{glyph:z,active:!!i?.underline,title:h(A(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),s(u,{glyph:P,active:!!i?.strike,title:A(void 0,"rich-text-editor.strikethrough",void 0,"Strikethrough"),onClick:()=>this.run("strike")}))}render(){const i=this.locked,t="bubble"===this.variant,e=this.minHeight??("compact"===this.variant?84:170),o=this.snap,d=this.ready&&!!o?.empty&&!i,n=this.ready?"":x(this.html||"");return s(r,{key:"f2d203ef4a5d0729bf496f9ecb0e8314a89f7784",class:{[this.variant]:!0,"read-only":i,disabled:this.isDisabled,focused:this.focused,ready:this.ready,invalid:this.invalid||!!this.error}},s(c,{key:"29fe86632f0aa40f64354551515e71fa0d8f5c2e",label:this.label,help:this.help,error:this.error,descId:this.fieldId},s("div",{key:"5e50036b9048d055b6510f525e68d9aaef437d1f",class:{"sui-rte-box":!0,"sui-frame":!0,"focus-own":!0,focus:this.editing,invalid:this.invalid||!!this.error,disabled:this.isDisabled,readonly:i&&!this.isDisabled},ref:i=>this.box=i,onFocusin:this.onFocusIn,onFocusout:this.onFocusOut,onKeyDown:this.onBoxKey},i||t?null:this.renderToolbar(),t?this.renderBubble():null,s("div",{key:"loading",class:"sui-rte-loading",hidden:this.ready||!!n},A(void 0,"rich-text-editor.loading",void 0,"Loading editor engine (ProseMirror)…")),s("div",{key:"body",class:"sui-rte-body"},n?s("div",{key:"static",class:"sb-editor-mount sui-rte-static sc-sui-rich-text-editor-s",style:{minHeight:e+"px"},innerHTML:p(n)}):null,s("div",{key:"mount",class:"sb-editor-mount sc-sui-rich-text-editor-s",hidden:!!n,ref:i=>this.mount=i,style:{minHeight:e+"px"}}),s("div",{key:"placeholder",class:"sui-rte-placeholder",hidden:!d,"aria-hidden":"true"},A(void 0,"rich-text-editor.placeholder",this.placeholder,"Write here…"))),s("div",{key:"status",class:"sui-rte-status"},i?s("span",{class:"sui-rte-lock"},s(b,{glyph:H}),this.isDisabled?A(void 0,"rich-text-editor.disabled",void 0,"Disabled"):A(void 0,"rich-text-editor.readOnly",void 0,"Read-only")):null,o||!n?s("span",{class:"sui-rte-count"},(i=>S(i,void 0,["rich-text-editor.word","rich-text-editor.words"])?R(void 0,"rich-text-editor.word",void 0,"{count} word",{count:O(i)}):R(void 0,"rich-text-editor.words",void 0,"{count} words",{count:O(i)}))(o?.words||0)," · ",(i=>S(i,void 0,["rich-text-editor.character","rich-text-editor.characters"])?R(void 0,"rich-text-editor.character",void 0,"{count} character",{count:O(i)}):R(void 0,"rich-text-editor.characters",void 0,"{count} characters",{count:O(i)}))(o?.chars||0)):null,s("span",{key:"1cbe0d58336947a6bf9f97b287c2ddc28a49139d",class:"sui-rte-spacer"}),s("slot",{key:"d253cf5b0893c41586ed5a30540959d7882a1bf2",name:"status"})))))}static get formAssociated(){return!0}static get watchers(){return{html:[{onHtmlChange:0}],required:[{onValidityInput:0}],error:[{onValidityInput:0}],label:[{onValidityInput:0}],readOnly:[{onLockChange:0}],disabled:[{onLockChange:0}],formDisabled:[{onLockChange:0}]}}static get style(){return".sc-sui-rich-text-editor-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-rte-box.sc-sui-rich-text-editor{position:relative;box-sizing:border-box}.sui-frame.focus-own.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--control-border);outline:none;box-shadow:none}.sui-frame.focus-own.invalid.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--danger);outline:1px solid var(--danger);outline-offset:-2px;box-shadow:none}.sui-rte-toolbar.sc-sui-rich-text-editor{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:7px 9px;border-bottom:1px solid var(--hairline);background:var(--surface-sunken);border-radius:var(--radius-md) var(--radius-md) 0 0}.sui-rte-spacer.sc-sui-rich-text-editor{flex:1}.sui-rte-loading.sc-sui-rich-text-editor{padding:14px;font-size:12.5px;color:var(--ink-faint)}.sui-rte-loading[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-body.sc-sui-rich-text-editor{position:relative}.sb-editor-mount.sc-sui-rich-text-editor{box-sizing:content-box;padding:12px 14px;font-size:13.5px;line-height:1.6;color:var(--ink);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.ready.sc-sui-rich-text-editor-h .sb-editor-mount.sc-sui-rich-text-editor{opacity:1}.sb-editor-mount.sui-rte-static.sc-sui-rich-text-editor{opacity:1}.sui-rte-placeholder.sc-sui-rich-text-editor{position:absolute;inset-inline-start:14px;top:12px;font-size:13.5px;line-height:1.6;color:var(--ink-placeholder);pointer-events:none}.sui-rte-placeholder[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-status.sc-sui-rich-text-editor{display:flex;align-items:center;gap:12px;padding:6px 12px;border-top:1px solid var(--hairline);font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum'}.sui-rte-lock.sc-sui-rich-text-editor{display:inline-flex;align-items:center;gap:5px;font-weight:650;white-space:nowrap}.sui-rte-lock.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px}.sui-rte-bubble.sc-sui-rich-text-editor{transform:translateX(-50%)}.sui-rte-pop.sc-sui-rich-text-editor{position:relative;display:inline-flex}.sui-rte-panel.sc-sui-rich-text-editor{position:absolute;top:calc(100% + 5px);inset-inline-start:0;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:4px;animation:sui-rte-pop-in var(--duration-overlay) var(--ease-out)}@keyframes sui-rte-pop-in{from{opacity:0;transform:translateY(4px)}}.sui-rte-panel.block.sc-sui-rich-text-editor{width:150px}.sui-rte-panel.merge.sc-sui-rich-text-editor{width:210px}.sui-rte-panel.link.sc-sui-rich-text-editor{inset-inline-start:-60px;display:flex;gap:6px;padding:8px}.sui-rte-block-trigger.sc-sui-rich-text-editor{height:28px;width:108px;padding-block:0;padding-inline:10px 8px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:7px;color:var(--ink);font-size:12px;font-weight:620;font-family:var(--font-sans);cursor:pointer;white-space:nowrap}.sui-rte-block-trigger.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px;color:var(--ink-faint)}.sui-rte-option.sc-sui-rich-text-editor{display:block;width:100%;text-align:start;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:460;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-option.sc-sui-rich-text-editor:hover,.sui-rte-option.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-option.sc-sui-rich-text-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rte-option.selected.sc-sui-rich-text-editor:hover,.sui-rte-option.selected.sc-sui-rich-text-editor:focus-visible{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rte-option.h1.sc-sui-rich-text-editor{font-size:15px;font-weight:700}.sui-rte-option.h2.sc-sui-rich-text-editor{font-size:13.5px;font-weight:700}.sui-rte-option.h3.sc-sui-rich-text-editor{font-weight:700}.sui-rte-option.code.sc-sui-rich-text-editor{font-family:var(--font-mono)}.sui-rte-eyebrow.sc-sui-rich-text-editor{padding:6px 9px 4px;font-size:10px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-rte-merge-row.sc-sui-rich-text-editor{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-merge-row.sc-sui-rich-text-editor:hover,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-merge-row.sc-sui-rich-text-editor span.sc-sui-rich-text-editor{font-size:12.5px;font-weight:600}.sui-rte-merge-row.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{font-size:9.5px;color:var(--ink-faint);font-family:var(--font-mono)}.sui-rte-link-input.sc-sui-rich-text-editor{width:180px;min-width:0;height:28px;box-sizing:border-box;padding:0 9px;color:var(--ink);font-size:12px;font-family:var(--font-sans)}.sui-rte-link-input.sc-sui-rich-text-editor::placeholder{color:var(--ink-placeholder)}@media (forced-colors: active){.sui-rte-option.sc-sui-rich-text-editor:focus-visible,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{outline:2px solid CanvasText;outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-field.sc-sui-rich-text-editor{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-rich-text-editor{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-rich-text-editor .sui-field-label.sc-sui-rich-text-editor{color:var(--danger)}.sui-field-req.sc-sui-rich-text-editor{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-rich-text-editor{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-rich-text-editor{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:11px}.sui-frame.sc-sui-rich-text-editor{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-rich-text-editor:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-rich-text-editor,.sui-frame.readonly.sc-sui-rich-text-editor{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-rich-text-editor:focus-within,.sui-frame.focus.sc-sui-rich-text-editor,.sui-frame.open.sc-sui-rich-text-editor{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-rich-text-editor{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-rich-text-editor:focus-within,.sui-frame.invalid.focus.sc-sui-rich-text-editor,.sui-frame.invalid.open.sc-sui-rich-text-editor{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-rich-text-editor:disabled,.sui-frame.disabled.sc-sui-rich-text-editor{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-rich-text-editor{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-rich-text-editor::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-rich-text-editor{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-rich-text-editor{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-rich-text-editor{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-rich-text-editor:focus-within,.sui-frame.focus.sc-sui-rich-text-editor,.sui-frame.open.sc-sui-rich-text-editor{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-rich-text-editor:disabled,.sui-frame.disabled.sc-sui-rich-text-editor{color:GrayText;border-color:GrayText}}.sui-tbtn.sc-sui-rich-text-editor{height:28px;min-width:28px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);font-size:12px;font-weight:650;font-family:var(--font-sans);line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.sui-tbtn.wide.sc-sui-rich-text-editor{min-width:0;padding:0 9px}.sui-tbtn.sc-sui-rich-text-editor i.sc-sui-rich-text-editor,.sui-tbtn.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:12px}.sui-tbtn.sc-sui-rich-text-editor:hover:not(:disabled){background:var(--surface-hover)}.sui-tbtn.active.sc-sui-rich-text-editor,.sui-tbtn.active.sc-sui-rich-text-editor:hover:not(:disabled){background:var(--surface-selected);color:var(--brand-soft-ink)}.sui-tbtn.sc-sui-rich-text-editor:disabled{color:var(--ink-placeholder);cursor:not-allowed;background:transparent}.sui-tbtn.sc-sui-rich-text-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-tbtn-sep.sc-sui-rich-text-editor{width:1px;height:18px;background:var(--hairline);margin:0 3px;flex-shrink:0}@media (forced-colors: active){.sui-tbtn.active.sc-sui-rich-text-editor,.sui-tbtn.active.sc-sui-rich-text-editor:hover:not(:disabled){forced-color-adjust:none;background:Highlight;color:HighlightText;outline-color:CanvasText;box-shadow:none}.sui-tbtn.sc-sui-rich-text-editor:disabled{forced-color-adjust:auto;background:transparent;color:GrayText}.sui-tbtn-sep.sc-sui-rich-text-editor{forced-color-adjust:none;background:CanvasText}}.sc-sui-rich-text-editor-s .ProseMirror,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor{outline:none;white-space:pre-wrap}.sc-sui-rich-text-editor-s.sb-editor-mount p,.sc-sui-rich-text-editor-s .ProseMirror p,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor p.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor p.sc-sui-rich-text-editor{margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount p:last-child,.sc-sui-rich-text-editor-s .ProseMirror p:last-child,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor p.sc-sui-rich-text-editor:last-child,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor p.sc-sui-rich-text-editor:last-child{margin-bottom:0}.sc-sui-rich-text-editor-s.sb-editor-mount h1,.sc-sui-rich-text-editor-s .ProseMirror h1,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h1.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h1.sc-sui-rich-text-editor{font-size:21px;font-weight:730;letter-spacing:-0.015em;margin:4px 0 10px}.sc-sui-rich-text-editor-s.sb-editor-mount h2,.sc-sui-rich-text-editor-s .ProseMirror h2,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h2.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h2.sc-sui-rich-text-editor{font-size:16.5px;font-weight:700;margin:10px 0 7px}.sc-sui-rich-text-editor-s.sb-editor-mount h3,.sc-sui-rich-text-editor-s .ProseMirror h3,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h3.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h3.sc-sui-rich-text-editor{font-size:14px;font-weight:700;margin:8px 0 6px}.sc-sui-rich-text-editor-s.sb-editor-mount ul,.sc-sui-rich-text-editor-s.sb-editor-mount ol,.sc-sui-rich-text-editor-s .ProseMirror ul,.sc-sui-rich-text-editor-s .ProseMirror ol,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor ul.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor ol.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor ul.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor ol.sc-sui-rich-text-editor{margin:0 0 8px;padding-inline-start:22px}.sc-sui-rich-text-editor-s.sb-editor-mount li,.sc-sui-rich-text-editor-s .ProseMirror li,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor li.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor li.sc-sui-rich-text-editor{margin-bottom:3px}.sc-sui-rich-text-editor-s.sb-editor-mount blockquote,.sc-sui-rich-text-editor-s .ProseMirror blockquote,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor blockquote.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor blockquote.sc-sui-rich-text-editor{margin:0 0 8px;padding:6px 14px;border-inline-start:3px solid var(--accent);background:var(--surface-sunken);border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;border-end-start-radius:0;color:var(--ink-muted)}.sc-sui-rich-text-editor-s.sb-editor-mount pre,.sc-sui-rich-text-editor-s .ProseMirror pre,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor{background:var(--sui-code-dark-bg);color:color-mix(in srgb, var(--sui-code-dark-ink) 86%, var(--sui-code-dark-bg));font-family:var(--font-mono);font-size:12px;padding:10px 12px;border-radius:8px;margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount code,.sc-sui-rich-text-editor-s .ProseMirror code,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor code.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{background:var(--brand-soft);border-radius:4px;padding:1px 5px;font-family:var(--font-mono);font-size:12px}.sc-sui-rich-text-editor-s.sb-editor-mount pre code,.sc-sui-rich-text-editor-s .ProseMirror pre code,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor code.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{background:transparent;padding:0}.sc-sui-rich-text-editor-s.sb-editor-mount a,.sc-sui-rich-text-editor-s .ProseMirror a,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor a.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor a.sc-sui-rich-text-editor{color:var(--link);text-decoration:underline}.sc-sui-rich-text-editor-s .sb-merge,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.sc-sui-rich-text-editor{display:inline-block;background:var(--accent-soft);color:var(--accent-soft-ink);border:1px dashed var(--accent-deep);border-radius:5px;padding:0 6px;font-size:12px;font-weight:650;white-space:nowrap}.sc-sui-rich-text-editor-s .sb-merge.ProseMirror-selectednode,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.ProseMirror-selectednode.sc-sui-rich-text-editor{outline:2px solid var(--accent)}@media (forced-colors: active){.sc-sui-rich-text-editor-s.sb-editor-mount pre,.sc-sui-rich-text-editor-s .ProseMirror pre,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor{border:1px solid CanvasText}.sc-sui-rich-text-editor-s .sb-merge.ProseMirror-selectednode,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.ProseMirror-selectednode.sc-sui-rich-text-editor{outline-color:Highlight}}"}},[838,"sui-rich-text-editor",{label:[1],help:[1],error:[1],variant:[513],html:[1025],placeholder:[1],readOnly:[516,"readonly"],disabled:[516],invalid:[516],required:[516],minHeight:[2,"min-height"],name:[513],mergeFields:[16],hostLabel:[32],hostLabelledby:[32],snap:[32],ready:[32],focused:[32],editing:[32],popup:[32],linkHref:[32],bubble:[32],formDisabled:[32],getSnapshot:[64],setFocus:[64],exec:[64]},void 0,{html:[{onHtmlChange:0}],required:[{onValidityInput:0}],error:[{onValidityInput:0}],label:[{onValidityInput:0}],readOnly:[{onLockChange:0}],disabled:[{onLockChange:0}],formDisabled:[{onLockChange:0}]}]),J=N,$=function(){"undefined"!=typeof customElements&&["sui-rich-text-editor","sui-button","sui-mini-toolbar","sui-tooltip"].forEach((i=>{switch(i){case"sui-rich-text-editor":customElements.get(o(i))||customElements.define(o(i),N);break;case"sui-button":customElements.get(o(i))||K();break;case"sui-mini-toolbar":customElements.get(o(i))||W();break;case"sui-tooltip":customElements.get(o(i))||X()}}))};export{J as SuiRichTextEditor,$ as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiSaveStatus extends Components.SuiSaveStatus, HTMLElement {}
|
|
4
|
+
export const SuiSaveStatus: {
|
|
5
|
+
prototype: SuiSaveStatus;
|
|
6
|
+
new (): SuiSaveStatus;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as s,H as t,h as e,a,t as i}from"./p-CeVlau-G.js";import{a as o,l as r}from"./p-BuyjS5bS.js";import{G as n,c as v,J as u,a as c,e as d}from"./p-DdsE4HI6.js";const l={saved:{glyph:d},saving:{glyph:c,spin:!0},dirty:{glyph:u},error:{glyph:v}},p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}state="saved";time;text(s){return"saving"===s?o(void 0,"save-status.saving",void 0,"Saving…"):"dirty"===s?o(void 0,"save-status.dirty",void 0,"Unsaved changes"):"error"===s?o(void 0,"save-status.error",void 0,"Autosave failed, retrying"):this.time?r(void 0,"save-status.saved",void 0,"Saved {time}",{time:this.time}):o(void 0,"save-status.savedJustNow",void 0,"Saved just now")}render(){const s=l[this.state]?this.state:"saved",t=l[s];return e(a,{key:"2b2ff47dfdbe5e5bbed24648474cf9417aaaefac",role:"status","aria-live":"polite"},e(n,{key:"ebcefc26bba653ba5e91c0b143d35fe79bf37533",glyph:t.glyph,class:"icon",spin:t.spin}),e("span",{key:"0ba9900555885c1cb660235090515cc206d81316",class:"text"},this.text(s)))}static get style(){return'.sc-sui-save-status-h{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:12px;font-weight:620;color:var(--ink-muted)}.icon.sc-sui-save-status{font-size:12px}[state="dirty"].sc-sui-save-status-h .icon.sc-sui-save-status{font-size:7px;color:var(--status-attention-accent)}[state="error"].sc-sui-save-status-h{color:var(--danger);font-weight:650}'}},[514,"sui-save-status",{state:[513],time:[1]}]),f=p,m=function(){"undefined"!=typeof customElements&&["sui-save-status"].forEach((s=>{"sui-save-status"===s&&(customElements.get(i(s))||customElements.define(i(s),p))}))};export{f as SuiSaveStatus,m as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiSchedulerBuilder extends Components.SuiSchedulerBuilder, HTMLElement {}
|
|
4
|
+
export const SuiSchedulerBuilder: {
|
|
5
|
+
prototype: SuiSchedulerBuilder;
|
|
6
|
+
new (): SuiSchedulerBuilder;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as i,c as s,h as t,a as r,t as d}from"./p-CeVlau-G.js";import{p as u}from"./p-COO9uV7W.js";import{i as n,d as o,j as l,g as a,k as c,c as h,n as v,o as b,p}from"./p-CjVByuTx.js";import{formatTimeOfDay as f,uses24HourClock as m}from"./p-CSPVrtqf.js";import{G as y,y as w}from"./p-DdsE4HI6.js";import{u as g}from"./p-U06fVoGD.js";import{d as k}from"./p-BHB1Wprj.js";import{i as x,a as D,l as C,u as M}from"./p-BuyjS5bS.js";import{d as j}from"./p-DuJmXwMk.js";import{d as S}from"./p-C6DEF4nA.js";import{d as O}from"./p-CCVYcPwO.js";import{defineCustomElement as z}from"./p-DSNURte-.js";import{defineCustomElement as T}from"./p-CekHtBpA.js";import{defineCustomElement as W}from"./p-DgiZgZCh.js";import{d as A}from"./p-CYZG3LOZ.js";import{d as E}from"./p-D9rbC_yY.js";import{d as N}from"./p-v0MrzKlW.js";const F=[["Mo","Monday",1],["Tu","Tuesday",2],["We","Wednesday",3],["Th","Thursday",4],["Fr","Friday",5],["Sa","Saturday",6],["Su","Sunday",0]],H=["January","February","March","April","May","June","July","August","September","October","November","December"],B=["first","second","third","fourth","last"],J=["minute","hour","day","week","month","year"],R=["as-scheduled","previous","next","skip"],I=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),P=(e,i)=>Math.round((Date.UTC(i.getFullYear(),i.getMonth(),i.getDate())-Date.UTC(e.getFullYear(),e.getMonth(),e.getDate()))/864e5),Y=e=>0===e.getDay()||6===e.getDay();function U(e){if(null==e||""===e)return null;if(e instanceof Date)return isNaN(e.getTime())?null:I(e);const i=/^(\d{4})-(\d{2})-(\d{2})/.exec((e+"").trim());if(!i)return null;const s=new Date(+i[1],+i[2]-1,+i[3]);return isNaN(s.getTime())?null:s}function V(e){const i=/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i.exec((e||"").trim());if(!i)return 0;let s=+i[1];const t=+i[2];return i[3]&&(s%=12,/pm/i.test(i[3])&&(s+=12)),s>23||t>59?0:60*s+t}function L(e){const i=Math.floor(e/60)%24,s=i>=12?"PM":"AM";return(i%12==0?12:i%12)+":"+u(e%60)+" "+s}function G(e){return F.filter((i=>e.includes(i[0]))).map((e=>e[1]))}function Z(e){return F.find((i=>i[2]===e))[1]}function $(e,i,s,t){const r=new Date(e,i,1),d=r.getFullYear(),u=r.getMonth(),n=F.find((e=>e[1]===t));if(!n)return null;const l=n[2];if("last"===s){let e=new Date(d,u+1,0);for(;e.getDay()!==l;)e=o(e,-1);return e}const a={first:1,second:2,third:3,fourth:4}[s];let c=new Date(d,u,1),h=0;for(;c.getMonth()===u;){if(c.getDay()===l&&(h++,h===a))return c;c=o(c,1)}return null}function q(e,i){if(!Y(e))return e;if("skip"===i)return null;const s="previous"===i?-1:"next"===i?1:0;if(!s)return e;let t=e;for(;Y(t);)t=o(t,s);return t}const K=(e,i,s)=>i.includes(e)?e:s,X=(e,i)=>"string"==typeof e&&/^\d{1,2}:\d{2}\s*(AM|PM)?$/i.test(e.trim())?L(V(e)):i,_=(e,i)=>{const s="number"==typeof e?e:parseFloat(e+"");return isFinite(s)&&s>=1?Math.floor(s):i},Q=e=>"minute"===e||"hour"===e,ee=e=>"day"===e||"month"===e||"year"===e;function ie(e,i){const s=G(e.weekdays),t=Q(e.unit),r={every:e.every,unit:e.unit};return"week"===e.unit&&(r.weekdays=s),t&&(r.window={from:e.windowFrom,to:e.windowTo},s.length&&s.length<7&&(r.weekdays=s)),"month"===e.unit&&(r.monthly="day"===e.monthlyMode?{mode:"dayOfMonth",day:e.dayOfMonth}:{mode:"nthWeekday",ordinal:e.ordinal,weekday:e.weekday}),"year"===e.unit&&(r.annual={month:H[e.month],day:e.day}),{version:2,timezone:i,start:{date:n(e.startDate),time:e.startTime},repeat:r,businessDays:{rule:ee(e.unit)?e.businessDays:"as-scheduled"},end:"never"===e.endType?{type:"never"}:"on"===e.endType?{type:"onDate",date:e.endDate?n(e.endDate):null}:{type:"afterRuns",count:e.endCount}}}const se=(e,i)=>f(60*V(e),i,m(i)),te=(e,i)=>{try{return new Intl.ListFormat(i,{type:"conjunction",style:"long"}).format(e)}catch{return e.join(", ")}},re=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiChange=s(this,"suiChange",7)}get host(){return this}variant="desktop";label;timezone;config;todayDate;disabled=!1;hideJson=!1;suiChange;s;jsonOpen=!1;fieldId=g("sui-scheduler-builder");writing=!1;resolvedFrom;zone(){if(this.timezone)return this.timezone;try{const e=Intl.DateTimeFormat().resolvedOptions().timeZone;if(e)return e}catch(e){}return"UTC"}componentWillLoad(){this.resolve()}componentWillRender(){this.config!==this.resolvedFrom&&this.resolve()}componentDidLoad(){this.emit()}onConfigChange(){this.writing||this.resolve()}onTodayChange(){this.config&&this.config.startDate||this.resolve()}async getConfig(){return ie(this.s,this.zone())}async setFocus(){const e=this.firstControl();e&&"function"==typeof e.setFocus?await e.setFocus():e?.focus()}connectedCallback(){k(this.host,(()=>this.firstControl()))}firstControl(){return this.host.querySelector(".field.date sui-date-picker")}today(){return U(this.todayDate)||new Date}resolve(){this.resolvedFrom=this.config,this.s=function(e,i=new Date){const s=e||{},t=F.map((e=>e[0])),r=Array.isArray(s.weekdays)?t.filter((e=>s.weekdays.includes(e))):["Mo","We","Fr"];return{startDate:U(s.startDate)||I(i),startTime:X(s.startTime,"9:00 AM"),every:_(s.every,1),unit:K(s.unit,J,"week"),weekdays:r,monthlyMode:K(s.monthlyMode,["day","nth"],"day"),dayOfMonth:Math.min(31,_(s.dayOfMonth,15)),ordinal:K(s.ordinal,B,"first"),weekday:K(s.weekday,F.map((e=>e[1])),"Monday"),month:"number"==typeof s.month&&s.month>=0&&s.month<=11?Math.floor(s.month):0,day:Math.min(31,_(s.day,15)),windowFrom:X(s.windowFrom,"8:00 AM"),windowTo:X(s.windowTo,"6:00 PM"),businessDays:K(s.businessDays,R,"as-scheduled"),endType:K(s.endType,["never","on","after"],"never"),endDate:U(s.endDate),endCount:_(s.endCount,12)}}(this.config,this.today())}emit(){this.suiChange.emit({config:ie(this.s,this.zone()),sentence:this.sentence(x())})}update(e){this.s={...this.s,...e},this.writing=!0,this.config=this.resolvedFrom=function(e){return{startDate:n(e.startDate),startTime:e.startTime,every:e.every,unit:e.unit,weekdays:[...e.weekdays],monthlyMode:e.monthlyMode,dayOfMonth:e.dayOfMonth,ordinal:e.ordinal,weekday:e.weekday,month:e.month,day:e.day,windowFrom:e.windowFrom,windowTo:e.windowTo,businessDays:e.businessDays,endType:e.endType,endDate:e.endDate?n(e.endDate):void 0,endCount:e.endCount}}(this.s),this.writing=!1,this.emit()}on(e){return i=>{i.stopPropagation(),e(i.detail)}}swallow=e=>e.stopPropagation();setNumber(e,i){return this.on((s=>{if(null==s||!isFinite(s))return;let t=Math.max(1,Math.floor(s));null!=i&&(t=Math.min(i,t)),this.update({[e]:t})}))}setWeekdays=this.on((e=>{const i=Array.isArray(e)?e:e?[e]:[];this.update({weekdays:F.map((e=>e[0])).filter((e=>i.includes(e)))})}));unitWord(e,i){switch(e){case"minute":return i?D(void 0,"scheduler-builder.unitMinutes",void 0,"minutes"):D(void 0,"scheduler-builder.unitMinute",void 0,"minute");case"hour":return i?D(void 0,"scheduler-builder.unitHours",void 0,"hours"):D(void 0,"scheduler-builder.unitHour",void 0,"hour");case"day":return i?D(void 0,"scheduler-builder.unitDays",void 0,"days"):D(void 0,"scheduler-builder.unitDay",void 0,"day");case"week":return i?D(void 0,"scheduler-builder.unitWeeks",void 0,"weeks"):D(void 0,"scheduler-builder.unitWeek",void 0,"week");case"month":return i?D(void 0,"scheduler-builder.unitMonths",void 0,"months"):D(void 0,"scheduler-builder.unitMonth",void 0,"month");default:return i?D(void 0,"scheduler-builder.unitYears",void 0,"years"):D(void 0,"scheduler-builder.unitYear",void 0,"year")}}ordinalWord(e){switch(e){case"second":return D(void 0,"scheduler-builder.second",void 0,"second");case"third":return D(void 0,"scheduler-builder.third",void 0,"third");case"fourth":return D(void 0,"scheduler-builder.fourth",void 0,"fourth");case"last":return D(void 0,"scheduler-builder.last",void 0,"last");default:return D(void 0,"scheduler-builder.first",void 0,"first")}}cadence(){const e=this.s.every,i=1===e;switch(this.s.unit){case"minute":return i?D(void 0,"scheduler-builder.everyMinute",void 0,"every minute"):C(void 0,"scheduler-builder.everyMinutes",void 0,"every {n} minutes",{n:e});case"hour":return i?D(void 0,"scheduler-builder.everyHour",void 0,"every hour"):C(void 0,"scheduler-builder.everyHours",void 0,"every {n} hours",{n:e});case"day":return i?D(void 0,"scheduler-builder.everyDay",void 0,"every day"):C(void 0,"scheduler-builder.everyDays",void 0,"every {n} days",{n:e});case"week":return i?D(void 0,"scheduler-builder.everyWeek",void 0,"every week"):C(void 0,"scheduler-builder.everyWeeks",void 0,"every {n} weeks",{n:e});case"month":return i?D(void 0,"scheduler-builder.everyMonth",void 0,"every month"):C(void 0,"scheduler-builder.everyMonths",void 0,"every {n} months",{n:e});default:return i?D(void 0,"scheduler-builder.everyYear",void 0,"every year"):C(void 0,"scheduler-builder.everyYears",void 0,"every {n} years",{n:e})}}onNthWeekday(e,i){switch(this.s.ordinal){case"second":return C(void 0,"scheduler-builder.repeatOnSecond",void 0,"{repeat} on the second {weekday}",{repeat:e,weekday:i});case"third":return C(void 0,"scheduler-builder.repeatOnThird",void 0,"{repeat} on the third {weekday}",{repeat:e,weekday:i});case"fourth":return C(void 0,"scheduler-builder.repeatOnFourth",void 0,"{repeat} on the fourth {weekday}",{repeat:e,weekday:i});case"last":return C(void 0,"scheduler-builder.repeatOnLast",void 0,"{repeat} on the last {weekday}",{repeat:e,weekday:i});default:return C(void 0,"scheduler-builder.repeatOnFirst",void 0,"{repeat} on the first {weekday}",{repeat:e,weekday:i})}}sentence(e){const i=this.s,s=Q(i.unit),t=F.filter((e=>i.weekdays.includes(e[0]))).map((i=>a(e)[i[2]]));let r=this.cadence();if(s){const s={repeat:r,from:se(i.windowFrom,e),to:se(i.windowTo,e)};r=t.length&&t.length<7?C(void 0,"scheduler-builder.repeatBetweenOnDays",void 0,"{repeat} between {from} and {to} on {days}",{...s,days:te(t,e)}):C(void 0,"scheduler-builder.repeatBetween",void 0,"{repeat} between {from} and {to}",s)}else"week"===i.unit?r=t.length?C(void 0,"scheduler-builder.repeatOnDays",void 0,"{repeat} on {days}",{repeat:r,days:te(t,e)}):C(void 0,"scheduler-builder.repeatNoDays",void 0,"{repeat} (pick at least one day)",{repeat:r}):"month"===i.unit?r="day"===i.monthlyMode?C(void 0,"scheduler-builder.repeatOnDay",void 0,"{repeat} on day {day}",{repeat:r,day:i.dayOfMonth}):this.onNthWeekday(r,((e,i)=>{const s=F.find((i=>i[1]===e));return s?a(i)[s[2]]:e})(i.weekday,e)):"year"===i.unit&&(r=C(void 0,"scheduler-builder.repeatOnDate",void 0,"{repeat} on {date}",{repeat:r,date:c(i.month,i.day,e)}));ee(i.unit)&&("previous"===i.businessDays?r=C(void 0,"scheduler-builder.movesPrevious",void 0,"{schedule}, moving weekend runs to the previous business day",{schedule:r}):"next"===i.businessDays?r=C(void 0,"scheduler-builder.movesNext",void 0,"{schedule}, moving weekend runs to the next business day",{schedule:r}):"skip"===i.businessDays&&(r=C(void 0,"scheduler-builder.skipsWeekends",void 0,"{schedule}, skipping weekend runs",{schedule:r}))),r="never"===i.endType?C(void 0,"scheduler-builder.endsNever",void 0,"{schedule}, forever",{schedule:r}):"on"===i.endType?i.endDate?C(void 0,"scheduler-builder.endsOn",void 0,"{schedule}, until {date}",{schedule:r,date:h(i.endDate,e,"medium")}):C(void 0,"scheduler-builder.endsOnUnset",void 0,"{schedule}, until the chosen end date",{schedule:r}):M(i.endCount,void 0,["scheduler-builder.endsAfterOne","scheduler-builder.endsAfter"])?C(void 0,"scheduler-builder.endsAfterOne",void 0,"{schedule}, for {count} run",{schedule:r,count:i.endCount}):C(void 0,"scheduler-builder.endsAfter",void 0,"{schedule}, for {count} runs",{schedule:r,count:i.endCount});const d=h(i.startDate,e,"medium");return s?C(void 0,"scheduler-builder.sentence",void 0,"Starting {date}, this schedule runs {schedule}.",{date:d,schedule:r}):C(void 0,"scheduler-builder.sentenceAt",void 0,"Starting {date} at {time}, this schedule runs {schedule}.",{date:d,time:se(i.startTime,e),schedule:r})}field(e,i,s){const r=`${this.fieldId}-${i}`;return t("div",{class:{field:!0,[i]:!0},role:"group","aria-labelledby":r},t("div",{class:"flabel",id:r},e),s)}weekdayPicker(e){const i=v(e),s=F.map((e=>({label:i[e[2]],value:e[0]})));return t("sui-select-button",{multiple:!0,pill:!1,size:"sm",disabled:this.disabled,options:s,value:[...this.s.weekdays],onSuiChange:this.setWeekdays})}startControl(){const e=this.s,i=D(void 0,"scheduler-builder.date",void 0,"Date"),s=D(void 0,"scheduler-builder.time",void 0,"Time");return t("div",{class:"flex-row wide"},this.field(i,"date",t("sui-date-picker",{"aria-label":i,value:e.startDate,disabled:this.disabled,todayDate:this.todayDate,onSuiChange:this.on((e=>{const i=U(Array.isArray(e)?e[0]:e);i&&this.update({startDate:i})}))})),Q(e.unit)?null:this.field(s,"time",t("sui-time-picker",{"aria-label":s,value:e.startTime,step:30,disabled:this.disabled,onSuiChange:this.on((e=>{e&&this.update({startTime:e})}))})))}repeatControl(e){const i=this.s,s=Q(i.unit),r=J.map((e=>({label:this.unitWord(e,1!==i.every),value:e}))),d=D(void 0,"scheduler-builder.every",void 0,"Every"),u=D(void 0,"scheduler-builder.unit",void 0,"Unit"),n=D(void 0,"scheduler-builder.onDays",void 0,"On days"),o=D(void 0,"scheduler-builder.between",void 0,"Between"),l=D(void 0,"scheduler-builder.and",void 0,"And"),c=D(void 0,"scheduler-builder.onDay",void 0,"On day"),h=D(void 0,"scheduler-builder.ordinal",void 0,"Ordinal"),v=D(void 0,"scheduler-builder.weekday",void 0,"Weekday"),p=D(void 0,"scheduler-builder.month",void 0,"Month"),f=D(void 0,"scheduler-builder.day",void 0,"Day"),m=[{label:D(void 0,"scheduler-builder.dayOfMonth",void 0,"Day of month"),value:"day"},{label:D(void 0,"scheduler-builder.nthWeekday",void 0,"Nth weekday"),value:"nth"}],y=a(e),w=b(e);return t("div",{class:"stack"},t("div",{class:"flex-row"},this.field(d,"every",t("sui-input-number",{"aria-label":d,size:"md",min:1,disabled:this.disabled,value:i.every,onSuiChange:this.setNumber("every"),onSuiInput:this.swallow})),this.field(u,"unit",t("sui-select",{"aria-label":u,options:r,disabled:this.disabled,value:i.unit,onSuiChange:this.on((e=>{J.includes(e)&&this.update({unit:e})}))}))),"week"===i.unit?this.field(n,"days",this.weekdayPicker(e)):null,s?t("div",{class:"flex-row",key:"win"},this.field(o,"window-from",t("sui-time-picker",{"aria-label":o,value:i.windowFrom,step:30,disabled:this.disabled,onSuiChange:this.on((e=>{e&&this.update({windowFrom:e})}))})),this.field(l,"window-to",t("sui-time-picker",{"aria-label":l,value:i.windowTo,step:30,disabled:this.disabled,onSuiChange:this.on((e=>{e&&this.update({windowTo:e})}))}))):null,s?this.field(n,"days",this.weekdayPicker(e)):null,"month"===i.unit?t("div",{class:"stack tight",key:"mo"},t("sui-select-button",{size:"sm",disabled:this.disabled,options:m,value:i.monthlyMode,onSuiChange:this.on((e=>{"day"!==e&&"nth"!==e||this.update({monthlyMode:e})}))}),"day"===i.monthlyMode?this.field(c,"day-of-month",t("sui-input-number",{"aria-label":c,size:"md",min:1,max:31,disabled:this.disabled,value:i.dayOfMonth,onSuiChange:this.setNumber("dayOfMonth",31),onSuiInput:this.swallow})):t("div",{class:"flex-row"},this.field(h,"ordinal",t("sui-select",{"aria-label":h,options:B.map((e=>({label:this.ordinalWord(e),value:e}))),disabled:this.disabled,value:i.ordinal,onSuiChange:this.on((e=>{B.includes(e)&&this.update({ordinal:e})}))})),this.field(v,"weekday",t("sui-select",{"aria-label":v,options:F.map((e=>({label:y[e[2]],value:e[1]}))),disabled:this.disabled,value:i.weekday,onSuiChange:this.on((e=>{F.some((i=>i[1]===e))&&this.update({weekday:e})}))})))):null,"year"===i.unit?t("div",{class:"flex-row",key:"yr"},this.field(p,"month",t("sui-select",{"aria-label":p,options:w.map(((e,i)=>({label:e,value:i+""}))),disabled:this.disabled,value:i.month+"",onSuiChange:this.on((e=>{const i=parseInt(e,10);i>=0&&i<=11&&this.update({month:i})}))})),this.field(f,"day",t("sui-input-number",{"aria-label":f,size:"md",min:1,max:31,disabled:this.disabled,value:i.day,onSuiChange:this.setNumber("day",31),onSuiInput:this.swallow}))):null)}businessControl(){const e=[{label:D(void 0,"scheduler-builder.asScheduled",void 0,"Run as scheduled"),value:"as-scheduled"},{label:D(void 0,"scheduler-builder.previousBusinessDay",void 0,"Move to previous business day"),value:"previous"},{label:D(void 0,"scheduler-builder.nextBusinessDay",void 0,"Move to next business day"),value:"next"},{label:D(void 0,"scheduler-builder.skipRun",void 0,"Skip the run"),value:"skip"}];return t("div",{class:"biz"},t("sui-select",{"aria-label":D(void 0,"scheduler-builder.businessDays",void 0,"Business days"),options:e,disabled:this.disabled,value:this.s.businessDays,onSuiChange:this.on((e=>{R.includes(e)&&this.update({businessDays:e})}))}))}endControl(){const e=this.s,i=[{label:D(void 0,"scheduler-builder.never",void 0,"Never"),value:"never"},{label:D(void 0,"scheduler-builder.onDate",void 0,"On date"),value:"on"},{label:D(void 0,"scheduler-builder.afterRuns",void 0,"After runs"),value:"after"}],s=D(void 0,"scheduler-builder.endDate",void 0,"End date"),r=D(void 0,"scheduler-builder.runs",void 0,"Runs");return t("div",{class:"stack"},t("sui-select-button",{options:i,disabled:this.disabled,value:e.endType,onSuiChange:this.on((e=>{"never"!==e&&"on"!==e&&"after"!==e||this.update({endType:e})}))}),"on"===e.endType?this.field(s,"end-date",t("sui-date-picker",{"aria-label":s,value:e.endDate||void 0,disabled:this.disabled,todayDate:this.todayDate,onSuiChange:this.on((e=>{this.update({endDate:U(Array.isArray(e)?e[0]:e)})}))})):null,"after"===e.endType?this.field(r,"runs",t("sui-input-number",{"aria-label":r,size:"md",min:1,disabled:this.disabled,value:e.endCount,onSuiChange:this.setNumber("endCount"),onSuiInput:this.swallow})):null)}configList(e,i){const s=ee(this.s.unit);return t("sui-config-list",{variant:"mobile"===e?"mobile":void 0},t("sui-config-row",{key:"start",term:D(void 0,"scheduler-builder.start",void 0,"Start"),description:D(void 0,"scheduler-builder.startHint",void 0,"When should this schedule begin running?")},t("div",{slot:"control"},this.startControl())),t("sui-config-row",{key:"repeat",term:D(void 0,"scheduler-builder.repeat",void 0,"Repeat"),description:D(void 0,"scheduler-builder.repeatHint",void 0,"How often it repeats, and on what mechanics.")},t("div",{slot:"control"},this.repeatControl(i))),s?t("sui-config-row",{key:"biz",term:D(void 0,"scheduler-builder.businessDays",void 0,"Business days"),description:D(void 0,"scheduler-builder.businessDaysHint",void 0,"What happens when a run lands on a weekend.")},t("div",{slot:"control"},this.businessControl())):null,t("sui-config-row",{key:"end",term:D(void 0,"scheduler-builder.end",void 0,"End"),description:D(void 0,"scheduler-builder.endHint",void 0,"When should it stop?")},t("div",{slot:"control"},this.endControl())))}translation(e){return t("div",{class:"translation",role:"status","aria-live":"polite"},t("div",{class:"eyebrow"},D(void 0,"scheduler-builder.translation",void 0,"Translation")),t("div",{class:"sentence"},e))}nextRuns(e){const i=function(e,i=5){const s="after"===e.endType?Math.min(i,e.endCount):i,t="on"===e.endType&&e.endDate?e.endDate:null,r=[],d=I(e.startDate),u=G(e.weekdays),a=ee(e.unit)?e.businessDays:"as-scheduled",c=(i,d)=>!(t&&i>t)&&(r.push({date:i,iso:n(i),time:d||e.startTime}),r.length<s);if(s<=0)return r;if(Q(e.unit)){const i=Math.max(1,"minute"===e.unit?e.every:60*e.every),n=V(e.windowFrom),l=V(e.windowTo),a=e=>!u.length||u.includes(Z(e.getDay()));let h=d;for(let e=0;e<40&&r.length<s;e++){if(a(h))for(let e=n;e<=l&&r.length<s&&c(h,L(e));e+=i);if(h=o(h,1),t&&h>t)break}}else if("day"===e.unit){let i=d;for(let d=0;d<400&&r.length<s;d++){const s=q(i,a);if(s&&!c(s))break;if(i=o(i,e.every),t&&i>t)break}}else if("week"===e.unit){const i=o(d,-(d.getDay()+6)%7);let n=d;for(let d=0;d<800&&r.length<s&&u.length&&(Math.floor(P(i,n)/7)%e.every!=0||!u.includes(Z(n.getDay()))||c(n))&&(n=o(n,1),!(t&&n>t));d++);}else if("month"===e.unit)for(let i=0,u=0;i<60&&r.length<s;i++,u+=e.every){const i=d.getFullYear(),s=d.getMonth()+u;let r="day"===e.monthlyMode?new Date(i,s,Math.min(e.dayOfMonth,l(i,s))):$(i,s,e.ordinal,e.weekday);if(r&&r>=d&&(r=q(r,a),r&&!c(r)))break;if(t&&new Date(i,s,1)>t)break}else for(let i=0,t=0;i<20&&r.length<s;i++,t+=e.every){const i=d.getFullYear()+t;let s=new Date(i,e.month,Math.min(e.day,l(i,e.month)));if(s>=d&&(s=q(s,a),s&&!c(s)))break}return r}(this.s,5);return t("div",{class:"runs",role:"status","aria-live":"polite"},t("div",{class:"eyebrow faint"},D(void 0,"scheduler-builder.nextRuns",void 0,"Next runs")),0===i.length?t("div",{class:"empty"},D(void 0,"scheduler-builder.noUpcomingRunsMatchTheseMechanics",void 0,"No upcoming runs match these mechanics.")):t("ul",{class:"run-list"},i.map(((i,s)=>t("li",{class:{run:!0,first:0===s},key:i.iso+i.time},t("span",{class:"dot","aria-hidden":"true"}),t("span",{class:"when"},p(i.date,e)),t("span",{class:"at"},se(i.time,e)))))),t("div",{class:"tz"},this.zone()))}jsonBlock(e){return t("sui-code-block",{class:"json",key:"json-block",language:"json",size:"sm",code:e,maxHeight:240})}render(){const e=x(),i=this.sentence(e),s=this.hideJson?"":function(e){return JSON.stringify(e,null,2)}(ie(this.s,this.zone())),d=this.fieldId+"-json";return t(r,null,"compact"===this.variant?t("div",{class:"builder compact"},""===this.label?null:t("div",{class:"label"},D(void 0,"scheduler-builder.label",this.label,"Schedule")),this.translation(i),this.configList("mobile",e),this.nextRuns(e),this.hideJson?null:[t("div",{class:"json-row",key:"json-row"},t("button",{type:"button",class:"json-toggle","aria-expanded":this.jsonOpen?"true":"false","aria-controls":d,onClick:()=>this.jsonOpen=!this.jsonOpen},t(y,{glyph:w,class:this.jsonOpen?"chev open":"chev"}),this.jsonOpen?D(void 0,"scheduler-builder.hideJson",void 0,"Hide configuration JSON"):D(void 0,"scheduler-builder.showJson",void 0,"Show configuration JSON"))),t("div",{id:d,class:"json-pane",key:"json-pane",hidden:!this.jsonOpen},this.jsonOpen?this.jsonBlock(s):null)]):t("div",{class:"builder desktop"},t("div",{class:"main"},""===this.label?null:t("div",{class:"label"},D(void 0,"scheduler-builder.label",this.label,"Schedule")),this.configList("desktop",e)),t("div",{class:{side:!0,"with-label":""!==this.label}},this.translation(i),this.nextRuns(e),this.hideJson?null:[t("div",{class:"json-head",key:"json-head"},t("span",{class:"eyebrow faint"},D(void 0,"scheduler-builder.configurationJson",void 0,"Configuration JSON"))),this.jsonBlock(s)])))}static get watchers(){return{config:[{onConfigChange:0}],todayDate:[{onTodayChange:0}]}}static get style(){return".sc-sui-scheduler-builder-h{display:block;font-family:var(--font-sans);color:var(--ink)}.builder.desktop.sc-sui-scheduler-builder{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.builder.desktop.sc-sui-scheduler-builder .main.sc-sui-scheduler-builder{flex:1 1 480px;min-width:0}.builder.desktop.sc-sui-scheduler-builder .label.sc-sui-scheduler-builder{margin-bottom:10px}.side.sc-sui-scheduler-builder{width:300px;max-width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.side.with-label.sc-sui-scheduler-builder{padding-top:30px}.builder.compact.sc-sui-scheduler-builder{display:flex;flex-direction:column;gap:10px}.label.sc-sui-scheduler-builder{font-size:14.5px;font-weight:720;letter-spacing:var(--tracking-tight)}.flex-row.sc-sui-scheduler-builder{display:flex;gap:12px;flex-wrap:wrap}.flex-row.wide.sc-sui-scheduler-builder{gap:14px}.stack.sc-sui-scheduler-builder{display:flex;flex-direction:column;gap:12px}.stack.tight.sc-sui-scheduler-builder{gap:10px}.field.sc-sui-scheduler-builder{flex-shrink:0;min-width:0;max-width:100%}.flabel.sc-sui-scheduler-builder{font-size:11px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:5px}.field.date.sc-sui-scheduler-builder,.field.end-date.sc-sui-scheduler-builder{width:178px}.field.time.sc-sui-scheduler-builder{width:148px}.field.every.sc-sui-scheduler-builder,.field.day-of-month.sc-sui-scheduler-builder,.field.day.sc-sui-scheduler-builder,.field.runs.sc-sui-scheduler-builder{width:92px}.field.unit.sc-sui-scheduler-builder{width:132px}.field.window-from.sc-sui-scheduler-builder,.field.window-to.sc-sui-scheduler-builder,.field.weekday.sc-sui-scheduler-builder{width:140px}.field.ordinal.sc-sui-scheduler-builder{width:118px}.field.month.sc-sui-scheduler-builder{width:150px}.biz.sc-sui-scheduler-builder{width:268px;max-width:100%}.eyebrow.sc-sui-scheduler-builder{font-size:10.5px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}.eyebrow.faint.sc-sui-scheduler-builder{color:var(--ink-faint)}.translation.sc-sui-scheduler-builder{background:var(--brand-soft);border-radius:var(--radius-md);padding:12px 14px}.sentence.sc-sui-scheduler-builder{font-size:13px;line-height:1.6;font-weight:550;text-wrap:pretty}.runs.sc-sui-scheduler-builder{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px}.run-list.sc-sui-scheduler-builder{list-style:none;margin:0;padding:0}.run.sc-sui-scheduler-builder{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-feature-settings:'tnum'}.dot.sc-sui-scheduler-builder{width:6px;height:6px;border-radius:50%;background:var(--border-strong);flex-shrink:0}.run.first.sc-sui-scheduler-builder .dot.sc-sui-scheduler-builder{background:var(--accent)}.when.sc-sui-scheduler-builder{flex:1;min-width:0;font-weight:460}.run.first.sc-sui-scheduler-builder .when.sc-sui-scheduler-builder{font-weight:650}.at.sc-sui-scheduler-builder{color:var(--ink-muted)}.empty.sc-sui-scheduler-builder{font-size:12px;color:var(--ink-faint)}.tz.sc-sui-scheduler-builder{font-size:10.5px;color:var(--ink-faint);margin-top:6px}.json-head.sc-sui-scheduler-builder{display:flex;align-items:center;justify-content:space-between;min-height:26px}.json-head.sc-sui-scheduler-builder .eyebrow.sc-sui-scheduler-builder{margin-bottom:0}.json-row.sc-sui-scheduler-builder{display:flex;align-items:center;gap:8px}.json-toggle.sc-sui-scheduler-builder{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:2px 4px;margin:-2px -4px;font-size:12px;font-weight:650;font-family:var(--font-sans);color:var(--link);cursor:pointer;border-radius:var(--radius-sm)}.json-toggle.sc-sui-scheduler-builder:hover{text-decoration:underline}.json-toggle.sc-sui-scheduler-builder:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.chev.sc-sui-scheduler-builder{font-size:9px;transition:transform var(--duration-fast) var(--ease-out)}.chev.open.sc-sui-scheduler-builder{transform:rotate(180deg)}.json-pane[hidden].sc-sui-scheduler-builder{display:none}@media (forced-colors: active){.dot.sc-sui-scheduler-builder{box-sizing:border-box;border:1px solid CanvasText}.run.first.sc-sui-scheduler-builder .dot.sc-sui-scheduler-builder{background:CanvasText}}"}},[514,"sui-scheduler-builder",{variant:[513],label:[1],timezone:[1],config:[1040],todayDate:[1,"today-date"],disabled:[516],hideJson:[516,"hide-json"],s:[32],jsonOpen:[32],getConfig:[64],setFocus:[64]},void 0,{config:[{onConfigChange:0}],todayDate:[{onTodayChange:0}]}]),de=re,ue=function(){"undefined"!=typeof customElements&&["sui-scheduler-builder","sui-code-block","sui-config-list","sui-config-row","sui-date-picker","sui-input-number","sui-select","sui-select-button","sui-time-picker","sui-tooltip"].forEach((e=>{switch(e){case"sui-scheduler-builder":customElements.get(d(e))||customElements.define(d(e),re);break;case"sui-code-block":customElements.get(d(e))||j();break;case"sui-config-list":customElements.get(d(e))||S();break;case"sui-config-row":customElements.get(d(e))||O();break;case"sui-date-picker":customElements.get(d(e))||z();break;case"sui-input-number":customElements.get(d(e))||T();break;case"sui-select":customElements.get(d(e))||W();break;case"sui-select-button":customElements.get(d(e))||A();break;case"sui-time-picker":customElements.get(d(e))||E();break;case"sui-tooltip":customElements.get(d(e))||N()}}))};export{de as SuiSchedulerBuilder,ue as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiScrollPanel extends Components.SuiScrollPanel, HTMLElement {}
|
|
4
|
+
export const SuiScrollPanel: {
|
|
5
|
+
prototype: SuiScrollPanel;
|
|
6
|
+
new (): SuiScrollPanel;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as s,h as e,a as i,t as o}from"./p-CeVlau-G.js";import{i as a}from"./p-Cs2X0Kih.js";import{d as r}from"./p-BHB1Wprj.js";const n=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get host(){return this}height=200;atTop=!0;atBottom=!0;overflowing=!1;hostLabel;viewport;content;ro;stopAria;connectedCallback(){r(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=a(this.host,(t=>{this.hostLabel=t})),this.content&&this.watchContent(!0)}componentDidLoad(){this.nextFrame((()=>this.measure())),this.watchContent()}disconnectedCallback(){this.ro?.disconnect(),this.ro=void 0,this.stopAria?.()}watchContent(t=!1){this.ro?.disconnect(),this.ro=void 0,"undefined"!=typeof ResizeObserver&&this.content&&(this.ro=new ResizeObserver((()=>this.measure())),this.ro.observe(this.content)),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.measure()}))}onHeight(){this.nextFrame((()=>this.measure()))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.viewport&&this.viewport.hasAttribute("tabindex")?this.viewport:null}async scrollToBottom(){const t=this.viewport;t&&(t.scrollTop=t.scrollHeight,this.measure())}nextFrame(t){"function"==typeof requestAnimationFrame?requestAnimationFrame(t):t()}measure=()=>{const t=this.viewport;if(!t)return;const s=t.scrollHeight-t.clientHeight;if(this.overflowing=s>0,!(s>0))return this.atTop=!0,void(this.atBottom=!0);this.atTop=t.scrollTop<=4,this.atBottom=t.scrollTop>=s-4};render(){return e(i,{key:"3bc8103387774825da35821902c89660eec9c2ce"},e("div",{key:"af4deb8848a97cd9a5759dbc08ba06356f30dd4c",class:"viewport",ref:t=>this.viewport=t,style:{height:this.height+"px"},tabindex:this.overflowing?"0":void 0,role:this.hostLabel?"region":void 0,"aria-label":this.hostLabel||void 0,onScroll:this.measure},e("div",{key:"d222f3fd435ea470d353423be9b62d75304e22a2",class:"content",ref:t=>this.content=t},e("slot",{key:"92d71107fd2499c86c62074a19a42549a15823e5"}))),e("div",{key:"5d75598c86729ef4d058c9f60857d5b9ea4c0548",class:{fade:!0,top:!0,on:!this.atTop},"aria-hidden":"true"}),e("div",{key:"0a381cfdcb95708abc3fb0fd4944dabcd7790a57",class:{fade:!0,bottom:!0,on:!this.atBottom},"aria-hidden":"true"}))}static get watchers(){return{height:[{onHeight:0}]}}static get style(){return".sc-sui-scroll-panel-h{display:block;position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.viewport.sc-sui-scroll-panel{box-sizing:border-box;overflow-y:auto;padding:14px 16px}.viewport.sc-sui-scroll-panel:focus-visible{outline:none}.sc-sui-scroll-panel-h:has(.viewport:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.fade.sc-sui-scroll-panel{position:absolute;left:0;right:0;height:22px;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.fade.on.sc-sui-scroll-panel{opacity:1}.fade.top.sc-sui-scroll-panel{top:0;background:linear-gradient(var(--surface), transparent)}.fade.bottom.sc-sui-scroll-panel{bottom:0;background:linear-gradient(transparent, var(--surface))}"}},[774,"sui-scroll-panel",{height:[2],atTop:[32],atBottom:[32],overflowing:[32],hostLabel:[32],setFocus:[64],scrollToBottom:[64]},void 0,{height:[{onHeight:0}]}]),c=n,l=function(){"undefined"!=typeof customElements&&["sui-scroll-panel"].forEach((t=>{"sui-scroll-panel"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))};export{c as SuiScrollPanel,l as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiScrollTop extends Components.SuiScrollTop, HTMLElement {}
|
|
4
|
+
export const SuiScrollTop: {
|
|
5
|
+
prototype: SuiScrollTop;
|
|
6
|
+
new (): SuiScrollTop;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as s,H as t,c as o,h as i,a as e,t as n}from"./p-CeVlau-G.js";import{d as r}from"./p-BHB1Wprj.js";import{G as l,h as a}from"./p-DdsE4HI6.js";import{a as c}from"./p-BuyjS5bS.js";import{s as d}from"./p-DXIDl7cw.js";const u=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiVisibleChange=o(this,"suiVisibleChange",3)}get host(){return this}threshold=300;target;visible=!1;suiVisibleChange;inside=!1;bound;loaded=!1;connectedCallback(){r(this.host,(()=>this.host.querySelector("button.sui-scroll-top"))),this.loaded&&(this.unbind(),this.bind(),this.visible||this.onScroll())}componentDidLoad(){this.loaded=!0,this.bind(),this.visible||this.onScroll()}disconnectedCallback(){this.unbind()}async setFocus(){this.host.querySelector("button.sui-scroll-top")?.focus()}onTargetChange(){this.unbind(),this.bind(),this.onScroll()}resolve(){if("undefined"!=typeof window)return"string"==typeof this.target?(this.target?document.querySelector(this.target):null)||window:this.target||window}targetScrollTop(){const s=this.bound;return s?s===window?window.scrollY||0:s.scrollTop||0:0}bind(){this.bound=this.resolve(),this.bound?.addEventListener("scroll",this.onScroll,{passive:!0});const s=this.bound;this.inside=!!s&&s!==("undefined"!=typeof window?window:void 0)&&"function"==typeof s.contains&&s.contains(this.host)}unbind(){this.bound?.removeEventListener("scroll",this.onScroll),this.bound=void 0}onScroll=()=>{const s=this.targetScrollTop()>this.threshold;s!==this.visible&&(this.visible=s,this.suiVisibleChange.emit(s))};smooth(){return d()}toTop=()=>{const s=this.bound||this.resolve();s&&("function"==typeof s.scrollTo?s.scrollTo({top:0,behavior:this.smooth()}):s.scrollTop=0)};render(){return i(e,{key:"1766543a8c8e1ae405007d1d58e6663896dfa831"},this.visible?i("button",{type:"button",class:{"sui-scroll-top":!0,inside:this.inside},"aria-label":c(void 0,"scroll-top.backToTop",void 0,"Back to top"),onClick:this.toTop},i(l,{glyph:a})):null)}static get watchers(){return{target:[{onTargetChange:0}]}}static get style(){return".sc-sui-scroll-top-h{display:contents;font-family:var(--font-sans)}.sui-scroll-top.sc-sui-scroll-top{position:fixed;inset-inline-end:18px;bottom:18px;z-index:var(--z-overlay);width:42px;height:42px;border-radius:50%;border:none;background:var(--brand);color:var(--brand-contrast);box-shadow:var(--shadow-pop);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background var(--duration-fast) var(--ease-out)}.sui-scroll-top.inside.sc-sui-scroll-top{position:sticky;inset-inline-end:auto;bottom:18px;z-index:var(--z-sticky);margin-block:18px 0;margin-inline:auto 18px}.sui-scroll-top.sc-sui-scroll-top:hover{background:var(--brand-hover)}.sui-scroll-top.sc-sui-scroll-top:active{background:var(--brand-active)}.sui-scroll-top.sc-sui-scroll-top:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-scroll-top.sc-sui-scroll-top .sui-glyph.sc-sui-scroll-top{font-size:14px}@media (forced-colors: active){.sui-scroll-top.sc-sui-scroll-top{border:1px solid ButtonText}}"}},[514,"sui-scroll-top",{threshold:[2],target:[1],visible:[1540],inside:[32],setFocus:[64]},void 0,{target:[{onTargetChange:0}]}]),h=u,p=function(){"undefined"!=typeof customElements&&["sui-scroll-top"].forEach((s=>{"sui-scroll-top"===s&&(customElements.get(n(s))||customElements.define(n(s),u))}))};export{h as SuiScrollTop,p as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiSelectButton extends Components.SuiSelectButton, HTMLElement {}
|
|
4
|
+
export const SuiSelectButton: {
|
|
5
|
+
prototype: SuiSelectButton;
|
|
6
|
+
new (): SuiSelectButton;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{S as o,d as s}from"./p-CYZG3LOZ.js";const p=o,r=s;export{p as SuiSelectButton,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "@shineuix/core";
|
|
2
|
+
|
|
3
|
+
interface SuiSelect extends Components.SuiSelect, HTMLElement {}
|
|
4
|
+
export const SuiSelect: {
|
|
5
|
+
prototype: SuiSelect;
|
|
6
|
+
new (): SuiSelect;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{SuiSelect as e,defineCustomElement as t}from"./p-DgiZgZCh.js";const o=e,s=t;export{o as SuiSelect,s as defineCustomElement}
|