@shineuix/ssr 1.0.0 → 1.0.1
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/README.md +2 -2
- package/THIRD-PARTY-NOTICES.md +15 -15
- package/dist/components/index.js +1 -1
- package/dist/components/p-0NNDSmh0.js +1 -0
- package/dist/components/{p-CDJMRbCX.js → p-2OGp7Y2F.js} +1 -1
- package/dist/components/{p-D0KZcTn9.js → p-3rGcn3Dk.js} +1 -1
- package/dist/components/{p-Hej7hALV.js → p-B1-k9bVs.js} +1 -1
- package/dist/components/{p-BmmgLDk2.js → p-B3hr5-fa.js} +1 -1
- package/dist/components/{p-vN2wl76B.js → p-BB3IbuND.js} +1 -1
- package/dist/components/{p-eoxRNwfF.js → p-BBNN1byS.js} +1 -1
- package/dist/components/p-BJYToX7G.js +1 -0
- package/dist/components/{p-Bv5xqCDb.js → p-BLK-elHV.js} +1 -1
- package/dist/components/{p-iKk1YZ0M.js → p-BLxI_QCP.js} +1 -1
- package/dist/components/p-BQJXtvhG.js +1 -0
- package/dist/components/{p-8BHOb7Dy.js → p-BglXr2C4.js} +1 -1
- package/dist/components/{p-CYZG3LOZ.js → p-BkdpcGfq.js} +1 -1
- package/dist/components/{p-DhYPkfV2.js → p-Bpr2o3vT.js} +1 -1
- package/dist/components/{p-C6T8Kp68.js → p-BtgC2u2Q.js} +1 -1
- package/dist/components/{p-DNgqy3W8.js → p-BwHBOv1l.js} +1 -1
- package/dist/components/{p-B0NNDkks.js → p-BwkaZsaT.js} +1 -1
- package/dist/components/{p-l4ru8vIR.js → p-C-tuu2jV.js} +1 -1
- package/dist/components/p-C5TSOOMd.js +1 -0
- package/dist/components/{p-5IOXzr3D.js → p-C6J9xhWE.js} +1 -1
- package/dist/components/{p-DSNURte-.js → p-CBiEHE-i.js} +1 -1
- package/dist/components/p-CDaU9b47.js +1 -0
- package/dist/components/p-CDiy2nTd.js +1 -0
- package/dist/components/{p-DtI1DFsR.js → p-CFn_q23Q.js} +1 -1
- package/dist/components/{p-pJYXPDB_.js → p-CUB_NKYi.js} +1 -1
- package/dist/components/p-CaekSnKG.js +1 -0
- package/dist/components/{p-D9rbC_yY.js → p-Cb1wtfPJ.js} +1 -1
- package/dist/components/{p-CyBxJm67.js → p-Cb50ss23.js} +1 -1
- package/dist/components/{p-CT6aJe8X.js → p-Cbd6cMaD.js} +1 -1
- package/dist/components/{p-NpX9eEW0.js → p-CiFpI_XW.js} +1 -1
- package/dist/components/{p-Ds9HpZbg.js → p-CmEfiaNv.js} +1 -1
- package/dist/components/{p-C6DEF4nA.js → p-CqvOA-0K.js} +1 -1
- package/dist/components/p-D00-pPuH.js +1 -0
- package/dist/components/{p-Deadvw27.js → p-D0BIoHLP.js} +1 -1
- package/dist/components/{p-C0MrkGLb.js → p-D0WdoZzs.js} +1 -1
- package/dist/components/{p-DSjolNQa.js → p-D1HckqwW.js} +1 -1
- package/dist/components/{p-Dgl_qIYT.js → p-D3Vt3xcn.js} +1 -1
- package/dist/components/{p-mdFjb4l0.js → p-DDyzuLfq.js} +1 -1
- package/dist/components/p-DW6x7zfX.js +1 -0
- package/dist/components/p-DWqzHMCu.js +1 -0
- package/dist/components/p-DX9wgxoJ.js +1 -0
- package/dist/components/{p-BJXb6pu9.js → p-Dh0O8nfH.js} +1 -1
- package/dist/components/{p-BEa7fx4d.js → p-DpbLhd6d.js} +1 -1
- package/dist/components/p-DquILvXX.js +1 -0
- package/dist/components/{p-CN5x4MC8.js → p-DsHK25q3.js} +1 -1
- package/dist/components/{p-D31mbQ3e.js → p-DthM6mDw.js} +1 -1
- package/dist/components/p-DuYxgKgU.js +1 -0
- package/dist/components/p-FKYMQPFB.js +1 -0
- package/dist/components/{p-CCVYcPwO.js → p-G2jDNXXR.js} +1 -1
- package/dist/components/p-VFpQ6hXH.js +1 -0
- package/dist/components/{p-v0MrzKlW.js → p-b5Ks_pUg.js} +1 -1
- package/dist/components/{p-CjVByuTx.js → p-czkAmPgI.js} +1 -1
- package/dist/components/{p-DuJmXwMk.js → p-hbVWBG4S.js} +1 -1
- package/dist/components/{p--YwzuGO4.js → p-kDhmjEYc.js} +1 -1
- package/dist/components/{p-BPGiU7Vj.js → p-lu4HWrMJ.js} +1 -1
- package/dist/components/{p-CR0heQtR.js → p-mEOcDy5S.js} +1 -1
- package/dist/components/{p-TBwsYzWO.js → p-piEUki9n.js} +1 -1
- package/dist/components/{p-D7L5Nhsy.js → p-qtQ1008P.js} +1 -1
- package/dist/components/p-qut9RP2y.js +1 -0
- package/dist/components/p-wknHx00K.js +1 -0
- package/dist/components/sui-accordion-item.js +1 -1
- package/dist/components/sui-accordion.js +1 -1
- package/dist/components/sui-anchor.js +1 -1
- package/dist/components/sui-auto-complete.js +1 -1
- package/dist/components/sui-avatar-group.js +1 -1
- package/dist/components/sui-avatar.js +1 -1
- package/dist/components/sui-block-ui.js +1 -1
- package/dist/components/sui-board.js +1 -1
- package/dist/components/sui-bottom-nav.js +1 -1
- package/dist/components/sui-breadcrumb.js +1 -1
- package/dist/components/sui-button-group.js +1 -1
- package/dist/components/sui-button.js +1 -1
- package/dist/components/sui-calendar.js +1 -1
- package/dist/components/sui-card.js +1 -1
- package/dist/components/sui-carousel.js +1 -1
- package/dist/components/sui-cascade-select.js +1 -1
- package/dist/components/sui-chart-bar.js +1 -1
- package/dist/components/sui-chart-candlestick.js +1 -1
- package/dist/components/sui-chart-combo.js +1 -1
- package/dist/components/sui-chart-gauge.js +1 -1
- package/dist/components/sui-chart-heatmap.js +1 -1
- package/dist/components/sui-chart-line.js +1 -1
- package/dist/components/sui-chart-navigator.js +1 -1
- package/dist/components/sui-chart-pie.js +1 -1
- package/dist/components/sui-chart-radar.js +1 -1
- package/dist/components/sui-chart-scatter.js +1 -1
- package/dist/components/sui-chart-synced.js +1 -1
- package/dist/components/sui-chart-treemap.js +1 -1
- package/dist/components/sui-chart-waterfall.js +1 -1
- package/dist/components/sui-checkbox-group.js +1 -1
- package/dist/components/sui-checkbox.js +1 -1
- package/dist/components/sui-chip.js +1 -1
- package/dist/components/sui-choice-cards.js +1 -1
- package/dist/components/sui-code-block.js +1 -1
- package/dist/components/sui-color-editor.js +1 -1
- package/dist/components/sui-color-picker.js +1 -1
- package/dist/components/sui-command-palette.js +1 -1
- package/dist/components/sui-config-list.js +1 -1
- package/dist/components/sui-config-row.js +1 -1
- package/dist/components/sui-confirm-dialog.js +1 -1
- package/dist/components/sui-confirm-popup.js +1 -1
- package/dist/components/sui-context-menu.js +1 -1
- package/dist/components/sui-copy-button.js +1 -1
- package/dist/components/sui-data-grid.js +1 -1
- package/dist/components/sui-data-table.js +1 -1
- package/dist/components/sui-data-view.js +1 -1
- package/dist/components/sui-date-picker.js +1 -1
- package/dist/components/sui-description-list.js +1 -1
- package/dist/components/sui-dialog.js +1 -1
- package/dist/components/sui-divider.js +1 -1
- package/dist/components/sui-dock.js +1 -1
- package/dist/components/sui-drawer.js +1 -1
- package/dist/components/sui-edit-box.js +1 -1
- package/dist/components/sui-empty-state.js +1 -1
- package/dist/components/sui-fieldset.js +1 -1
- package/dist/components/sui-file-upload.js +1 -1
- package/dist/components/sui-filter-builder.js +1 -1
- package/dist/components/sui-filter-panel.js +1 -1
- package/dist/components/sui-float-label.js +1 -1
- package/dist/components/sui-fluid.js +1 -1
- package/dist/components/sui-form-actions.js +1 -1
- package/dist/components/sui-form-layout.js +1 -1
- package/dist/components/sui-form.js +1 -1
- package/dist/components/sui-galleria.js +1 -1
- package/dist/components/sui-icon-button.js +1 -1
- package/dist/components/sui-icon-field.js +1 -1
- package/dist/components/sui-ifta-label.js +1 -1
- package/dist/components/sui-image-compare.js +1 -1
- package/dist/components/sui-image.js +1 -1
- package/dist/components/sui-inplace.js +1 -1
- package/dist/components/sui-input-group-addon.js +1 -1
- package/dist/components/sui-input-group.js +1 -1
- package/dist/components/sui-input-mask.js +1 -1
- package/dist/components/sui-input-number.js +1 -1
- package/dist/components/sui-input-otp.js +1 -1
- package/dist/components/sui-input-tags.js +1 -1
- package/dist/components/sui-input-text.js +1 -1
- package/dist/components/sui-kbd.js +1 -1
- package/dist/components/sui-knob.js +1 -1
- package/dist/components/sui-list.js +1 -1
- package/dist/components/sui-listbox.js +1 -1
- package/dist/components/sui-mega-menu.js +1 -1
- package/dist/components/sui-menu.js +1 -1
- package/dist/components/sui-menubar.js +1 -1
- package/dist/components/sui-message.js +1 -1
- package/dist/components/sui-meter-group.js +1 -1
- package/dist/components/sui-mini-toolbar.js +1 -1
- package/dist/components/sui-multi-select.js +1 -1
- package/dist/components/sui-notification-center.js +1 -1
- package/dist/components/sui-order-list.js +1 -1
- package/dist/components/sui-org-chart.js +1 -1
- package/dist/components/sui-page-header.js +1 -1
- package/dist/components/sui-paginator.js +1 -1
- package/dist/components/sui-panel-menu.js +1 -1
- package/dist/components/sui-panel.js +1 -1
- package/dist/components/sui-password.js +1 -1
- package/dist/components/sui-persona.js +1 -1
- package/dist/components/sui-pick-list.js +1 -1
- package/dist/components/sui-popover.js +1 -1
- package/dist/components/sui-progress-bar.js +1 -1
- package/dist/components/sui-progress-ring.js +1 -1
- package/dist/components/sui-progress-spinner.js +1 -1
- package/dist/components/sui-qr-code.js +1 -1
- package/dist/components/sui-radio-button.js +1 -1
- package/dist/components/sui-radio-group.js +1 -1
- package/dist/components/sui-rating.js +1 -1
- package/dist/components/sui-rich-text-editor.js +1 -1
- package/dist/components/sui-save-status.js +1 -1
- package/dist/components/sui-scheduler-builder.js +1 -1
- package/dist/components/sui-scroll-panel.js +1 -1
- package/dist/components/sui-scroll-top.js +1 -1
- package/dist/components/sui-select-button.js +1 -1
- package/dist/components/sui-select.js +1 -1
- package/dist/components/sui-side-nav.js +1 -1
- package/dist/components/sui-skeleton-card.js +1 -1
- package/dist/components/sui-skeleton.js +1 -1
- package/dist/components/sui-slider.js +1 -1
- package/dist/components/sui-sparkline.js +1 -1
- package/dist/components/sui-speed-dial.js +1 -1
- package/dist/components/sui-split-button.js +1 -1
- package/dist/components/sui-splitter.js +1 -1
- package/dist/components/sui-spoiler.js +1 -1
- package/dist/components/sui-stat-card.js +1 -1
- package/dist/components/sui-stepper.js +1 -1
- package/dist/components/sui-tab.js +1 -1
- package/dist/components/sui-tabs.js +1 -1
- package/dist/components/sui-tag.js +1 -1
- package/dist/components/sui-terminal.js +1 -1
- package/dist/components/sui-textarea.js +1 -1
- package/dist/components/sui-theme-picker.js +1 -1
- package/dist/components/sui-tiered-menu.js +1 -1
- package/dist/components/sui-time-picker.js +1 -1
- package/dist/components/sui-timeline.js +1 -1
- package/dist/components/sui-toast-host.js +1 -1
- package/dist/components/sui-toggle-button.js +1 -1
- package/dist/components/sui-toggle-switch.js +1 -1
- package/dist/components/sui-toolbar.js +1 -1
- package/dist/components/sui-tooltip.js +1 -1
- package/dist/components/sui-tour.js +1 -1
- package/dist/components/sui-tree-select.js +1 -1
- package/dist/components/sui-tree-table.js +1 -1
- package/dist/components/sui-tree.js +1 -1
- package/dist/components/sui-trend.js +1 -1
- package/dist/components/sui-virtual-scroller.js +1 -1
- package/dist/hydrate/index.js +1 -1
- package/dist/hydrate/index.mjs +1 -1
- package/package.json +8 -3
- package/dist/components/p-7Ti-Ht9x.js +0 -1
- package/dist/components/p-9ma1-eiT.js +0 -1
- package/dist/components/p-BiSaIyr0.js +0 -1
- package/dist/components/p-BioVIgkG.js +0 -1
- package/dist/components/p-CAeBVGwP.js +0 -1
- package/dist/components/p-COO9uV7W.js +0 -1
- package/dist/components/p-CbnOosJi.js +0 -1
- package/dist/components/p-CekHtBpA.js +0 -1
- package/dist/components/p-Cs2X0Kih.js +0 -1
- package/dist/components/p-D_hGdmbW.js +0 -1
- package/dist/components/p-DgXzRiP4.js +0 -1
- package/dist/components/p-DgiZgZCh.js +0 -1
- package/dist/components/p-DskQyZoR.js +0 -1
- package/dist/components/p-Dxh8L0dt.js +0 -1
- package/dist/components/p-RwPlJzMY.js +0 -1
- package/dist/components/p-mF7K10Wh.js +0 -1
- package/dist/components/p-n4-59tbj.js +0 -1
- /package/dist/components/{p-DdsE4HI6.js → p-BeYfX4rQ.js} +0 -0
- /package/dist/components/{p-DXIDl7cw.js → p-CZ4DDtn8.js} +0 -0
|
@@ -1 +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}
|
|
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-piEUki9n.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-Cb50ss23.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 P,at as C,aj as z,ai as L,ah as j,a9 as H}from"./p-BeYfX4rQ.js";import{a as D}from"./p-DsHK25q3.js";import{r as B}from"./p-BnZU02lM.js";import{i as I,d as q,s as E,r as F}from"./p-BHB1Wprj.js";import{u as T}from"./p-U06fVoGD.js";import{b as A}from"./p-qut9RP2y.js";import{a as R,l as U,u as S}from"./p-BuyjS5bS.js";import{i as O,a as K}from"./p-wknHx00K.js";import{f as V}from"./p-CGWvlrv_.js";import{defineCustomElement as G}from"./p-DquILvXX.js";import{d as W}from"./p-kDhmjEYc.js";import{d as X}from"./p-b5Ks_pUg.js";const Y=["p","h1","h2","h3","code"],Z=i=>{switch(i){case"h1":return R(void 0,"rich-text-editor.heading1",void 0,"Heading 1");case"h2":return R(void 0,"rich-text-editor.heading2",void 0,"Heading 2");case"h3":return R(void 0,"rich-text-editor.heading3",void 0,"Heading 3");case"code":return R(void 0,"rich-text-editor.codeBlock",void 0,"Code block");default:return R(void 0,"rich-text-editor.paragraph",void 0,"Paragraph")}},_=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=T("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),q(this.host,(()=>this.editable())),this.stopAria?.(),this.stopAria=O(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=K(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;F(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=V(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":U(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":R(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:R(void 0,"rich-text-editor.mergeField",void 0,"Merge field"),wide:!0,active:i,haspopup:"menu",title:R(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":R(void 0,"rich-text-editor.mergeFields",void 0,"Merge fields")},s("div",{class:"sui-rte-eyebrow",role:"presentation"},R(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?R(void 0,"rich-text-editor.removeLink",void 0,"Remove link"):R(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":R(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":R(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:R(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":R(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(R(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(u,{glyph:L,active:!!i?.italic,title:h(R(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(u,{glyph:z,active:!!i?.underline,title:h(R(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),e?s(u,{glyph:C,active:!!i?.strike,title:R(void 0,"rich-text-editor.strikethrough",void 0,"Strikethrough"),onClick:()=>this.run("strike")}):null,e?s(u,{glyph:P,active:!!i?.code,title:R(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:R(void 0,"rich-text-editor.bulletedList",void 0,"Bulleted list"),onClick:()=>this.toggleList("bullet")}),s(u,{glyph:w,active:"ordered"===t?.list,title:R(void 0,"rich-text-editor.numberedList",void 0,"Numbered list"),onClick:()=>this.toggleList("ordered")}),e?s(u,{glyph:y,active:!!t?.quote,title:R(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(R(void 0,"rich-text-editor.undo",void 0,"Undo"),"Z"),onClick:()=>this.run("undo")}),s(u,{glyph:m,disabled:!t?.canRedo,title:R(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":R(void 0,"rich-text-editor.formatting",void 0,"Formatting")},s(u,{glyph:j,active:!!i?.bold,title:h(R(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(u,{glyph:L,active:!!i?.italic,title:h(R(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(u,{glyph:z,active:!!i?.underline,title:h(R(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),s(u,{glyph:C,active:!!i?.strike,title:R(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},R(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"},R(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?R(void 0,"rich-text-editor.disabled",void 0,"Disabled"):R(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"])?U(void 0,"rich-text-editor.word",void 0,"{count} word",{count:A(i)}):U(void 0,"rich-text-editor.words",void 0,"{count} words",{count:A(i)}))(o?.words||0)," · ",(i=>S(i,void 0,["rich-text-editor.character","rich-text-editor.characters"])?U(void 0,"rich-text-editor.character",void 0,"{count} character",{count:A(i)}):U(void 0,"rich-text-editor.characters",void 0,"{count} characters",{count:A(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}]}]),N=_,Q=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),_);break;case"sui-button":customElements.get(o(i))||G();break;case"sui-mini-toolbar":customElements.get(o(i))||W();break;case"sui-tooltip":customElements.get(o(i))||X()}}))};export{N as SuiRichTextEditor,Q as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as s,H as t,h as
|
|
1
|
+
import{p as s,H as t,h as a,a as e,t as i}from"./p-CeVlau-G.js";import{a as o,l as n}from"./p-BuyjS5bS.js";import{G as r,c as u,J as v,a as d,e as l}from"./p-BeYfX4rQ.js";const c={saved:{glyph:l},saving:{glyph:d,spin:!0},dirty:{glyph:v},error:{glyph:u}},p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}state="idle";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?n(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=c[this.state]?this.state:null,t=s?c[s]:null;return a(e,{key:"e6b7c187d74595dabdc330a79178db005f7a8026",role:"status","aria-live":"polite"},s&&t?[a(r,{glyph:t.glyph,class:"icon",spin:t.spin}),a("span",{class:"text"},this.text(s))]:null)}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]}]),m=p,f=function(){"undefined"!=typeof customElements&&["sui-save-status"].forEach((s=>{"sui-save-status"===s&&(customElements.get(i(s))||customElements.define(i(s),p))}))};export{m as SuiSaveStatus,f as defineCustomElement}
|
|
@@ -1 +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}
|
|
1
|
+
import{p as e,H as i,c as s,h as t,a as d,t as r}from"./p-CeVlau-G.js";import{p as n}from"./p-qut9RP2y.js";import{i as u,d as o,j as l,g as a,k as c,c as h,n as v,o as b,p}from"./p-czkAmPgI.js";import{formatTimeOfDay as f,uses24HourClock as m}from"./p-CSPVrtqf.js";import{G as y,y as w}from"./p-BeYfX4rQ.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-hbVWBG4S.js";import{d as S}from"./p-CqvOA-0K.js";import{d as O}from"./p-G2jDNXXR.js";import{defineCustomElement as z}from"./p-CBiEHE-i.js";import{defineCustomElement as T}from"./p-FKYMQPFB.js";import{defineCustomElement as W}from"./p-CDiy2nTd.js";import{d as A}from"./p-BkdpcGfq.js";import{d as E}from"./p-Cb1wtfPJ.js";import{d as N}from"./p-b5Ks_pUg.js";const F=[["Mo","Monday",1],["Tu","Tuesday",2],["We","Wednesday",3],["Th","Thursday",4],["Fr","Friday",5],["Sa","Saturday",6],["Su","Sunday",0]],B=["January","February","March","April","May","June","July","August","September","October","November","December"],H=["first","second","third","fourth","last"],J=["minute","hour","day","week","month","year"],R=["as-scheduled","previous","next","skip"],P=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),I=(e,i)=>Math.round((Date.UTC(i.getFullYear(),i.getMonth(),i.getDate())-Date.UTC(e.getFullYear(),e.getMonth(),e.getDate()))/864e5),G=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:P(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 Y(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 q(e){const i=Math.floor(e/60)%24,s=i>=12?"PM":"AM";return(i%12==0?12:i%12)+":"+n(e%60)+" "+s}function L(e){return F.filter((i=>e.includes(i[0]))).map((e=>e[1]))}function V(e){return F.find((i=>i[2]===e))[1]}function $(e,i,s,t){const d=new Date(e,i,1),r=d.getFullYear(),n=d.getMonth(),u=F.find((e=>e[1]===t));if(!u)return null;const l=u[2];if("last"===s){let e=new Date(r,n+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(r,n,1),h=0;for(;c.getMonth()===n;){if(c.getDay()===l&&(h++,h===a))return c;c=o(c,1)}return null}function K(e,i){if(!G(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(;G(t);)t=o(t,s);return t}const X=(e,i,s)=>i.includes(e)?e:s,Q=(e,i)=>"string"==typeof e&&/^\d{1,2}:\d{2}\s*(AM|PM)?$/i.test(e.trim())?q(Y(e)):i,_=(e,i)=>{const s="number"==typeof e?e:parseFloat(e+"");return isFinite(s)&&s>=1?Math.floor(s):i},Z=e=>"minute"===e||"hour"===e,ee=e=>"day"===e||"month"===e||"year"===e;function ie(e,i){const s=L(e.weekdays),t=Z(e.unit),d={every:e.every,unit:e.unit};return"week"===e.unit&&(d.weekdays=s),t&&(d.window={from:e.windowFrom,to:e.windowTo},s.length&&s.length<7&&(d.weekdays=s)),"month"===e.unit&&(d.monthly="day"===e.monthlyMode?{mode:"dayOfMonth",day:e.dayOfMonth}:{mode:"nthWeekday",ordinal:e.ordinal,weekday:e.weekday}),"year"===e.unit&&(d.annual={month:B[e.month],day:e.day}),{version:2,timezone:i,start:{date:u(e.startDate),time:e.startTime},repeat:d,businessDays:{rule:ee(e.unit)?e.businessDays:"as-scheduled"},end:"never"===e.endType?{type:"never"}:"on"===e.endType?{type:"onDate",date:e.endDate?u(e.endDate):null}:{type:"afterRuns",count:e.endCount}}}const se=(e,i)=>f(60*Y(e),i,m(i)),te=(e,i)=>{try{return new Intl.ListFormat(i,{type:"conjunction",style:"long"}).format(e)}catch{return e.join(", ")}},de=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])),d=Array.isArray(s.weekdays)?t.filter((e=>s.weekdays.includes(e))):["Mo","We","Fr"];return{startDate:U(s.startDate)||P(i),startTime:Q(s.startTime,"9:00 AM"),every:_(s.every,1),unit:X(s.unit,J,"week"),weekdays:d,monthlyMode:X(s.monthlyMode,["day","nth"],"day"),dayOfMonth:Math.min(31,_(s.dayOfMonth,15)),ordinal:X(s.ordinal,H,"first"),weekday:X(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:Q(s.windowFrom,"8:00 AM"),windowTo:Q(s.windowTo,"6:00 PM"),businessDays:X(s.businessDays,R,"as-scheduled"),endType:X(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:u(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?u(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=Z(i.unit),t=F.filter((e=>i.weekdays.includes(e[0]))).map((i=>a(e)[i[2]]));let d=this.cadence();if(s){const s={repeat:d,from:se(i.windowFrom,e),to:se(i.windowTo,e)};d=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?d=t.length?C(void 0,"scheduler-builder.repeatOnDays",void 0,"{repeat} on {days}",{repeat:d,days:te(t,e)}):C(void 0,"scheduler-builder.repeatNoDays",void 0,"{repeat} (pick at least one day)",{repeat:d}):"month"===i.unit?d="day"===i.monthlyMode?C(void 0,"scheduler-builder.repeatOnDay",void 0,"{repeat} on day {day}",{repeat:d,day:i.dayOfMonth}):this.onNthWeekday(d,((e,i)=>{const s=F.find((i=>i[1]===e));return s?a(i)[s[2]]:e})(i.weekday,e)):"year"===i.unit&&(d=C(void 0,"scheduler-builder.repeatOnDate",void 0,"{repeat} on {date}",{repeat:d,date:c(i.month,i.day,e)}));ee(i.unit)&&("previous"===i.businessDays?d=C(void 0,"scheduler-builder.movesPrevious",void 0,"{schedule}, moving weekend runs to the previous business day",{schedule:d}):"next"===i.businessDays?d=C(void 0,"scheduler-builder.movesNext",void 0,"{schedule}, moving weekend runs to the next business day",{schedule:d}):"skip"===i.businessDays&&(d=C(void 0,"scheduler-builder.skipsWeekends",void 0,"{schedule}, skipping weekend runs",{schedule:d}))),d="never"===i.endType?C(void 0,"scheduler-builder.endsNever",void 0,"{schedule}, forever",{schedule:d}):"on"===i.endType?i.endDate?C(void 0,"scheduler-builder.endsOn",void 0,"{schedule}, until {date}",{schedule:d,date:h(i.endDate,e,"medium")}):C(void 0,"scheduler-builder.endsOnUnset",void 0,"{schedule}, until the chosen end date",{schedule:d}):M(i.endCount,void 0,["scheduler-builder.endsAfterOne","scheduler-builder.endsAfter"])?C(void 0,"scheduler-builder.endsAfterOne",void 0,"{schedule}, for {count} run",{schedule:d,count:i.endCount}):C(void 0,"scheduler-builder.endsAfter",void 0,"{schedule}, for {count} runs",{schedule:d,count:i.endCount});const r=h(i.startDate,e,"medium");return s?C(void 0,"scheduler-builder.sentence",void 0,"Starting {date}, this schedule runs {schedule}.",{date:r,schedule:d}):C(void 0,"scheduler-builder.sentenceAt",void 0,"Starting {date} at {time}, this schedule runs {schedule}.",{date:r,time:se(i.startTime,e),schedule:d})}field(e,i,s){const d=`${this.fieldId}-${i}`;return t("div",{class:{field:!0,[i]:!0},role:"group","aria-labelledby":d},t("div",{class:"flabel",id:d},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})}))})),Z(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=Z(i.unit),d=J.map((e=>({label:this.unitWord(e,1!==i.every),value:e}))),r=D(void 0,"scheduler-builder.every",void 0,"Every"),n=D(void 0,"scheduler-builder.unit",void 0,"Unit"),u=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(r,"every",t("sui-input-number",{"aria-label":r,size:"md",min:1,disabled:this.disabled,value:i.every,onSuiChange:this.setNumber("every"),onSuiInput:this.swallow})),this.field(n,"unit",t("sui-select",{"aria-label":n,options:d,disabled:this.disabled,value:i.unit,onSuiChange:this.on((e=>{J.includes(e)&&this.update({unit:e})}))}))),"week"===i.unit?this.field(u,"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(u,"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:H.map((e=>({label:this.ordinalWord(e),value:e}))),disabled:this.disabled,value:i.ordinal,onSuiChange:this.on((e=>{H.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"),d=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(d,"runs",t("sui-input-number",{"aria-label":d,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,d=[],r=P(e.startDate),n=L(e.weekdays),a=ee(e.unit)?e.businessDays:"as-scheduled",c=(i,r)=>!(t&&i>t)&&(d.push({date:i,iso:u(i),time:r||e.startTime}),d.length<s);if(s<=0)return d;if(Z(e.unit)){const i=Math.max(1,"minute"===e.unit?e.every:60*e.every),u=Y(e.windowFrom),l=Y(e.windowTo),a=e=>!n.length||n.includes(V(e.getDay()));let h=r;for(let e=0;e<40&&d.length<s;e++){if(a(h))for(let e=u;e<=l&&d.length<s&&c(h,q(e));e+=i);if(h=o(h,1),t&&h>t)break}}else if("day"===e.unit){let i=r;for(let r=0;r<400&&d.length<s;r++){const s=K(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(r,-(r.getDay()+6)%7);let u=r;for(let r=0;r<800&&d.length<s&&n.length&&(Math.floor(I(i,u)/7)%e.every!=0||!n.includes(V(u.getDay()))||c(u))&&(u=o(u,1),!(t&&u>t));r++);}else if("month"===e.unit)for(let i=0,n=0;i<60&&d.length<s;i++,n+=e.every){const i=r.getFullYear(),s=r.getMonth()+n;let d="day"===e.monthlyMode?new Date(i,s,Math.min(e.dayOfMonth,l(i,s))):$(i,s,e.ordinal,e.weekday);if(d&&d>=r&&(d=K(d,a),d&&!c(d)))break;if(t&&new Date(i,s,1)>t)break}else for(let i=0,t=0;i<20&&d.length<s;i++,t+=e.every){const i=r.getFullYear()+t;let s=new Date(i,e.month,Math.min(e.day,l(i,e.month)));if(s>=r&&(s=K(s,a),s&&!c(s)))break}return d}(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())),r=this.fieldId+"-json";return t(d,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":r,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:r,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}]}]),re=de,ne=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(r(e))||customElements.define(r(e),de);break;case"sui-code-block":customElements.get(r(e))||j();break;case"sui-config-list":customElements.get(r(e))||S();break;case"sui-config-row":customElements.get(r(e))||O();break;case"sui-date-picker":customElements.get(r(e))||z();break;case"sui-input-number":customElements.get(r(e))||T();break;case"sui-select":customElements.get(r(e))||W();break;case"sui-select-button":customElements.get(r(e))||A();break;case"sui-time-picker":customElements.get(r(e))||E();break;case"sui-tooltip":customElements.get(r(e))||N()}}))};export{re as SuiSchedulerBuilder,ne as defineCustomElement}
|
|
@@ -1 +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-
|
|
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-wknHx00K.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:"8988eecd590ae436c6d76013e1072f2b8310cfcd"},e("div",{key:"a5f3079b2be410e78aafa26fb9f2ebb413fdc8ce",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:"9d20f67cdc37a42a350895908ad3a866b487f857",class:"content",ref:t=>this.content=t},e("slot",{key:"ad8de745a31baac43902021700e474b77a278ad1"}))),e("div",{key:"9a312926faf4d7f3fbe298fc7c8a0f4994483a3c",class:{fade:!0,top:!0,on:!this.atTop},"aria-hidden":"true"}),e("div",{key:"8a732de0e1e7686438b9e01c2cc7035e8d36a161",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}
|
|
@@ -1 +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-
|
|
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-BeYfX4rQ.js";import{a as c}from"./p-BuyjS5bS.js";import{s as u}from"./p-CZ4DDtn8.js";const h=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 u()}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:"63e7a26a0330440bb7218970290a07a50702ef6c"},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}]}]),p=h,d=function(){"undefined"!=typeof customElements&&["sui-scroll-top"].forEach((s=>{"sui-scroll-top"===s&&(customElements.get(n(s))||customElements.define(n(s),h))}))};export{p as SuiScrollTop,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as
|
|
1
|
+
import{S as o,d as p}from"./p-BkdpcGfq.js";const s=o,r=p;export{s as SuiSelectButton,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{SuiSelect as e,defineCustomElement as t}from"./p-
|
|
1
|
+
import{SuiSelect as e,defineCustomElement as t}from"./p-CDiy2nTd.js";const o=e,s=t;export{o as SuiSelect,s as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as s,H as i,c as t,h as e,a,t as n}from"./p-CeVlau-G.js";import{G as o,y as r,r as l,o as d}from"./p-DdsE4HI6.js";import{i as c}from"./p-Cs2X0Kih.js";import{o as h,h as u,a as v}from"./p-BWkzTEZX.js";import{k as p,o as f,p as g,a as x,b as m,m as b,l as y,t as k}from"./p-CN5x4MC8.js";import{f as w}from"./p-C6T8Kp68.js";import{d as C}from"./p-BHB1Wprj.js";import{a as j}from"./p-BuyjS5bS.js";import{u as F}from"./p-U06fVoGD.js";import{i as T}from"./p-GAnFXayY.js";const z=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiNavigate=t(this,"suiNavigate",7),this.suiActiveChange=t(this,"suiActiveChange",3),this.suiExpandedChange=t(this,"suiExpandedChange",3),this.suiOpen=t(this,"suiOpen",3),this.suiClose=t(this,"suiClose",3)}get host(){return this}sections=[];collapsed=!1;active;height;tone="canvas";variant="card";width;collapsedWidth;expanded=[];collapsedBadges="hide";collapseControl="footer";suiNavigate;suiActiveChange;suiExpandedChange;suiOpen;suiClose;hostLabel;stopAria;hasIcon=!1;hasBrand=!1;hasHeader=!1;hasHeaderCollapsed=!1;hasFooter=!1;hasFooterCollapsed=!1;tip=null;tipAnchor=null;fly=null;flyClosing=!1;flyAnchor=null;flyPanel;flyDisposers=[];flyEscape=p((()=>this.closeFly(!0)));demoteFly;flyExit=f((()=>this.flyExited()));pickingFly;dispose;stopReposition;stopKeys;fieldId=F("sui-side-nav");loaded=!1;connectedCallback(){C(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=c(this.host,(s=>{this.hostLabel=s})),this.loaded&&this.watch(!0)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){const s=this.host.querySelector("nav.scroll");return s?.querySelector(".item.on:not([disabled])")??s?.querySelector(".item:not([disabled])")??null}componentWillLoad(){this.syncSlots(),this.openActiveGroup(!1)}componentDidLoad(){this.loaded=!0,this.watch()}watch(s=!1){this.dispose?.(),this.dispose=h(this.host,(()=>this.syncSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.syncSlots()}))}componentDidRender(){this.fly&&!this.flyClosing&&this.afterFlyOpen()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.hideTip(),this.stopAria?.(),this.teardownFly(),this.flyExit.cancel(),this.flyExited()}async toggle(s){this.setCollapsed("boolean"==typeof s?s:!this.collapsed)}onSections(){this.closeFly(!1),this.openActiveGroup(!1)}onActive(){void 0!==this.pickingFly&&this.active===this.pickingFly||this.openActiveGroup(!0)}syncSlots(){this.hasIcon=u(this.host,"icon"),this.hasBrand=u(this.host,"brand"),this.hasHeader=v(this.host,"header").length>0,this.hasHeaderCollapsed=u(this.host,"header-collapsed"),this.hasFooter=v(this.host,"footer").length>0,this.hasFooterCollapsed=u(this.host,"footer-collapsed")}setCollapsed(s){s!==this.collapsed&&(s&&this.suiClose.emit("trigger").defaultPrevented||(this.collapsed=s,this.hideTip(),this.closeFly(!1),s||this.suiOpen.emit()))}keyOf(s){return s.key||s.label}kids(s){return Array.isArray(s.children)?s.children:[]}isGroup(s){return this.kids(s).length>0}openKeys(){return Array.isArray(this.expanded)?this.expanded:[]}holdsActive(s){return null!=this.active&&this.kids(s).some((s=>this.keyOf(s)===this.active))}openActiveGroup(s){const i=(this.sections||[]).reduce(((s,i)=>s.concat(i.items||[])),[]).find((s=>this.isGroup(s)&&this.holdsActive(s)));if(!i)return;const t=this.keyOf(i),e=this.openKeys();e.includes(t)||(this.expanded=e.concat(t),s&&this.suiExpandedChange.emit(this.expanded))}toggleGroup(s,i){const t=this.keyOf(s),e=this.openKeys();this.collapsed?this.fly&&!this.flyClosing&&this.keyOf(this.fly)===t?this.closeFly(!0):this.openFly(s,i):(this.expanded=e.includes(t)?e.filter((s=>s!==t)):e.concat(t),this.suiExpandedChange.emit(this.expanded))}openFly(s,i){this.hideTip(),this.flyExit.cancel(),this.teardownFly(),this.flyAnchor=i,this.flyClosing=!1,this.fly=s,this.flyEscape.arm()}afterFlyOpen(){const s=this.flyPanel;s&&this.flyAnchor&&!this.flyDisposers.length&&this.host.isConnected&&(this.demoteFly||(this.demoteFly=g(s)),this.placeFly(),this.flyDisposers.push(x((()=>[this.host,s]),(()=>this.closeFly(!1))),m((()=>this.placeFly()))),this.flyEscape.arm(),w(s)?.focus({preventScroll:!0}))}placeFly(){const s=this.flyAnchor,i=this.flyPanel;s&&i&&(s.isConnected&&this.collapsed?b(i,y(s,i,T(s)?"left":"right",8,"start")):this.closeFly(!1))}teardownFly(){this.flyEscape.disarm(),this.flyDisposers.forEach((s=>s())),this.flyDisposers=[]}closeFly(s){this.fly&&!this.flyClosing&&(this.teardownFly(),s&&this.flyAnchor?.focus({preventScroll:!0}),this.flyExit.begin(this.flyPanel)?this.flyClosing=!0:this.flyExited())}flyExited(){this.demoteFly?.(),this.demoteFly=void 0,this.flyAnchor=null,this.flyClosing=!1,this.fly=null}pickFly(s){if(s.disabled)return;const i=!!this.flyPanel&&"undefined"!=typeof document&&this.flyPanel.contains(document.activeElement);this.pickingFly=this.keyOf(s);try{this.navigate(s)}finally{this.pickingFly=void 0}this.closeFly(i)}onFlyKey=s=>{k(s,this.flyPanel,(()=>this.closeFly(!0)))};navigate(s){if(s.disabled)return;const i=this.keyOf(s);i!==this.active&&(this.active=i,this.suiActiveChange.emit(i)),this.suiNavigate.emit(i),s.command?.()}showTip(s,i){this.collapsed&&!this.fly&&(this.tipAnchor=s.currentTarget,this.tip={label:i,...this.tipPoint(this.tipAnchor)},this.stopReposition||(this.stopReposition=m((()=>this.placeTip()))),this.stopKeys||(window.addEventListener("keydown",this.onTipKey),this.stopKeys=()=>window.removeEventListener("keydown",this.onTipKey)))}onTipKey=s=>{"Escape"===s.key&&this.tip&&this.hideTip()};tipPoint(s){const i=s.getBoundingClientRect();return{x:T(s)?i.left-10:i.right+10,y:i.top+i.height/2}}placeTip(){const s=this.tipAnchor;if(!this.tip||!s)return;if(!this.collapsed||!s.isConnected)return void this.hideTip();const i=this.tipPoint(s);i.x===this.tip.x&&i.y===this.tip.y||(this.tip={label:this.tip.label,...i})}hideTip=()=>{this.tip=null,this.tipAnchor=null,this.stopReposition?.(),this.stopReposition=void 0,this.stopKeys?.(),this.stopKeys=void 0};renderItem(s,i,t,a=!1){const n=this.collapsed&&!a,l=!i&&!a&&this.isGroup(s),d=l&&!n&&this.openKeys().includes(this.keyOf(s)),c=l&&n&&!!this.fly&&!this.flyClosing&&this.keyOf(this.fly)===this.keyOf(s),h=l?this.holdsActive(s)&&!d:this.active===this.keyOf(s),u=!!s.disabled,v=!!s.href&&!l&&!u,p=n&&null!=s.badge&&"dot"===this.collapsedBadges,f=null!=s.badge&&(p||!n);return e("li",null,e(v?"a":"button",{type:v?void 0:"button",role:v||l?void 0:"link",href:v?s.href:void 0,target:v?s.target:void 0,rel:v&&"_blank"===s.target?"noopener":void 0,disabled:v?void 0:u,class:{item:!0,on:h,sub:i},"aria-current":h&&!l?"page":null,"aria-label":n||f?f?`${s.label}, ${s.badge}`:s.label:null,"aria-expanded":l?d||c?"true":"false":null,"aria-controls":d?t:c?this.fieldId+"-fly":null,onClick:i=>a?this.pickFly(s):l?this.toggleGroup(s,i.currentTarget):this.navigate(s),onMouseEnter:i=>this.showTip(i,s.label),onMouseLeave:this.hideTip,onFocus:i=>this.showTip(i,s.label),onBlur:this.hideTip},s.icon?e("i",{class:s.icon+" icon","aria-hidden":"true"}):null,n?null:e("span",{class:"label"},s.label),n||null==s.badge?null:e("span",{class:"badge","aria-hidden":"true"},s.badge),!n&&l?e(o,{glyph:r,class:d?"chev":"chev closed"}):null,p?e("span",{class:"dot","aria-hidden":"true"}):null),d?e("ul",{class:"sub-list",id:t},this.kids(s).map((s=>this.renderItem(s,!0)))):null)}render(){const s=this.collapsed,i="brand"===this.tone||"surface"===this.tone?this.tone:"canvas",t=s?this.hasHeaderCollapsed:this.hasHeader,n=s?this.hasFooterCollapsed:this.hasFooter,r="none"!==this.collapseControl,c=this.hasIcon||!s&&this.hasBrand,h=this.sections||[],u=h.findIndex((s=>!!s.bottom)),v=s?this.collapsedWidth:this.width,p=this.fieldId+"-nav",f=s?j(void 0,"side-nav.expandNavigation",void 0,"Expand navigation"):j(void 0,"side-nav.collapseNavigation",void 0,"Collapse navigation");return e(a,{key:"8f3f6b52b684bd790935408772ab3fef80c43d46",class:{flush:"flush"===this.variant},style:null!=this.height?{height:this.height+"px"}:void 0},e("div",{key:"a813bb1c38e1656f9cde6b60c96c835cae098c15",class:{rail:!0,collapsed:s,brand:"brand"===i,surface:"surface"===i,canvas:"canvas"===i,flush:"flush"===this.variant},style:null!=v?{width:v+"px"}:void 0},c?e("div",{class:"brand-row"},this.hasIcon?e("span",{class:"mark"},e("slot",{name:"icon"})):null,!s&&this.hasBrand?e("span",{class:"word"},e("slot",{name:"brand"})):null):null,t?e("div",{class:"head-slot"},e("slot",s?{name:"header-collapsed"}:{name:"header"})):null,e("nav",{key:"6fba41edce6b46b00ae12ac18dde5a4f7098c863",class:{scroll:!0,"has-bottom":u>=0},id:p,"data-scroll":"brand"===i?"navy":null,"aria-label":this.hostLabel||j(void 0,"side-nav.primary",void 0,"Primary")},h.map(((i,t)=>e("div",{class:{section:!0,push:u===t}},t>0&&(i.divider||i.heading&&s)?e("div",{class:"rule"}):null,i.heading&&!s?e("div",{class:"heading"},i.heading):null,e("ul",{class:"list"},(i.items||[]).map(((s,i)=>this.renderItem(s,!1,`${this.fieldId}-g${t}-${i}`)))))))),n||r?e("div",{class:"foot"},n?e("div",{class:"foot-slot",key:"foot-slot"},e("slot",s?{name:"footer-collapsed"}:{name:"footer"})):null,r?e("button",{type:"button",class:"ctl",key:"collapse","aria-label":f,"aria-expanded":s?"false":"true","aria-controls":p,onClick:()=>this.setCollapsed(!s),onMouseEnter:s=>this.showTip(s,f),onMouseLeave:this.hideTip,onFocus:s=>this.showTip(s,f),onBlur:this.hideTip},e(o,{glyph:s?l:d})):null):null),s&&this.tip?e("span",{class:"tip",role:"presentation",style:{left:this.tip.x+"px",top:this.tip.y+"px"}},this.tip.label):null,this.fly?e("div",{class:{fly:!0,closing:this.flyClosing,brand:"brand"===i,surface:"surface"===i,canvas:"canvas"===i},id:this.fieldId+"-fly",ref:s=>this.flyPanel=s,onKeyDown:this.onFlyKey},e("div",{class:"heading"},this.fly.label),e("ul",{class:"list"},this.kids(this.fly).map((s=>this.renderItem(s,!1,void 0,!0))))):null)}static get watchers(){return{sections:[{onSections:0}],active:[{onActive:0}]}}static get style(){return".sc-sui-side-nav-h{display:inline-block;vertical-align:top;font-family:var(--font-sans)}.flush.sc-sui-side-nav-h{display:block;align-self:stretch}.rail.sc-sui-side-nav,.fly.sc-sui-side-nav{--sn-ground:var(--surface-navy);--sn-ink:var(--ink-inverse);--sn-quiet:var(--ink-inverse-muted);--sn-hair:var(--border-inverse);--sn-wash:color-mix(in srgb, var(--ink-inverse) 7%, transparent);--sn-fill:var(--surface-navy-current);--sn-off:color-mix(in srgb, var(--ink-inverse) 34%, transparent);--sn-mark:var(--accent-inverse)}.rail.sc-sui-side-nav{width:var(--sidebar-w);height:100%;box-sizing:border-box;flex-shrink:0;background:var(--sn-ground);color:var(--sn-ink);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);transition:width var(--duration-base) var(--ease-out)}.rail.brand.sc-sui-side-nav,.fly.brand.sc-sui-side-nav{--focus-ring:var(--ink-inverse);--focus-shadow:none}.rail.brand.sc-sui-side-nav{--logo-quiet:color-mix(in srgb, currentColor var(--logo-quiet-inverse, 82%), transparent);--logo-spark:var(--logo-spark-inverse)}.rail.surface.sc-sui-side-nav,.fly.surface.sc-sui-side-nav{--sn-ground:var(--surface);--sn-ink:var(--ink);--sn-quiet:var(--ink-muted);--sn-hair:var(--hairline);--sn-wash:var(--surface-hover);--sn-fill:var(--surface-current);--sn-off:var(--ink-placeholder);--sn-mark:var(--accent-mark)}.rail.canvas.sc-sui-side-nav,.fly.canvas.sc-sui-side-nav{--sn-ground:var(--canvas);--sn-ink:var(--ink);--sn-quiet:var(--ink-muted);--sn-hair:var(--border);--sn-wash:var(--surface-hover);--sn-fill:var(--surface-current);--sn-off:var(--ink-placeholder);--sn-mark:var(--accent-mark)}.rail.surface.sc-sui-side-nav,.rail.canvas.sc-sui-side-nav{border:1px solid var(--border)}.rail.flush.sc-sui-side-nav{border-radius:0}.rail.surface.flush.sc-sui-side-nav,.rail.canvas.flush.sc-sui-side-nav{border-width:0;border-inline-end-width:1px}.rail.collapsed.sc-sui-side-nav{width:60px}.brand-row.sc-sui-side-nav{display:flex;align-items:center;gap:10px;padding-block:13px 11px;padding-inline:10.5px 12px;min-height:30px}.rail.collapsed.sc-sui-side-nav .brand-row.sc-sui-side-nav{padding:13px 0 11px;justify-content:center;gap:0}.mark.sc-sui-side-nav{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.mark.sc-sui-side-nav-s>*,.mark .sc-sui-side-nav-s>*{display:block;max-width:28px;max-height:28px}.word.sc-sui-side-nav{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.head-slot.sc-sui-side-nav{padding:0 12px 10px}.rail.collapsed.sc-sui-side-nav .head-slot.sc-sui-side-nav{padding:0 8px 8px;display:flex;justify-content:center}.scroll.sc-sui-side-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:2px 0 10px}.scroll.has-bottom.sc-sui-side-nav{display:flex;flex-direction:column}.section.push.sc-sui-side-nav{margin-top:auto}.heading.sc-sui-side-nav{padding:13px 16px 5px;white-space:nowrap;overflow:hidden;font-size:10px;font-weight:650;letter-spacing:var(--tracking-wider);color:var(--sn-quiet)}.rule.sc-sui-side-nav{height:1px;background:var(--sn-hair);margin:8px 12px}.list.sc-sui-side-nav{list-style:none;margin:0;padding:0}.item.sc-sui-side-nav{position:relative;display:flex;align-items:center;gap:10px;width:calc(100% - 16px);box-sizing:border-box;padding-block:7.5px;padding-inline:8px 6px;justify-content:flex-start;margin:2px 8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--sn-quiet);font-family:var(--font-sans);font-size:13.5px;font-weight:460;line-height:normal;text-align:start;cursor:pointer;user-select:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.item.sc-sui-side-nav,a.item.sc-sui-side-nav:hover,a.item.sc-sui-side-nav:visited{color:var(--sn-quiet);text-decoration:none}a.item.on.sc-sui-side-nav,a.item.on.sc-sui-side-nav:hover,a.item.on.sc-sui-side-nav:visited{color:var(--sn-ink)}.item.sc-sui-side-nav:hover{--ink-faint:var(--ink-muted);background:var(--sn-wash)}.item.on.sc-sui-side-nav{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--sn-fill);color:var(--sn-ink);font-weight:650}.item.sc-sui-side-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.item.sub.sc-sui-side-nav{padding-inline-start:35px}.item[disabled].sc-sui-side-nav,.item[disabled].sc-sui-side-nav:hover{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--sn-off);background:transparent;cursor:not-allowed}.rail.collapsed.sc-sui-side-nav .item.sc-sui-side-nav{padding:9px 0;justify-content:center}.icon.sc-sui-side-nav{font-size:13px;width:17px;text-align:center;color:inherit}.item.on.sc-sui-side-nav .icon.sc-sui-side-nav{color:inherit}.label.sc-sui-side-nav{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge.sc-sui-side-nav{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center}.dot.sc-sui-side-nav{position:absolute;top:8px;inset-inline-end:7px;width:6px;height:6px;border-radius:50%;background:var(--sn-mark)}.chev.sc-sui-side-nav{font-size:9px;width:10px;text-align:center;color:inherit;transition:transform var(--duration-base) var(--ease-out)}.chev.closed.sc-sui-side-nav{transform:rotate(-90deg)}.chev.closed.sc-sui-side-nav:dir(rtl){transform:rotate(90deg)}.sub-list.sc-sui-side-nav{list-style:none;margin:0;padding:0}.foot.sc-sui-side-nav{border-top:1px solid var(--sn-hair);display:flex;align-items:center;gap:10px;padding-block:9px;padding-inline:16px 10px}.foot-slot.sc-sui-side-nav{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.rail.collapsed.sc-sui-side-nav .foot.sc-sui-side-nav{flex-direction:column;gap:8px;padding:9px 0}.rail.collapsed.sc-sui-side-nav .foot-slot.sc-sui-side-nav{flex:none;justify-content:center}.ctl.sc-sui-side-nav{width:var(--control-sm);height:var(--control-sm);flex-shrink:0;border:none;border-radius:var(--radius-md);padding:0;background:transparent;color:var(--sn-quiet);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.ctl.sc-sui-side-nav .sui-glyph.sc-sui-side-nav{font-size:11px}.ctl.sc-sui-side-nav .sui-glyph.sc-sui-side-nav:dir(rtl){transform:scaleX(-1)}.ctl.sc-sui-side-nav:hover{background:var(--sn-wash);color:var(--sn-ink)}.ctl.sc-sui-side-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.tip.sc-sui-side-nav{position:fixed;transform:translateY(-50%);z-index:var(--z-tooltip);white-space:nowrap;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);font-size:11px;font-weight:620;padding:5px 9px;border-radius:6px;box-shadow:var(--shadow-pop);pointer-events:none}.tip.sc-sui-side-nav:dir(rtl){transform:translate(-100%, -50%)}.fly.sc-sui-side-nav{position:fixed;z-index:var(--z-dropdown);min-width:200px;max-width:280px;box-sizing:border-box;padding:4px 0 6px;background:var(--sn-ground);color:var(--sn-ink);border:1px solid var(--sn-hair);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-family:var(--font-sans);animation:sui-side-nav-in var(--duration-fast) var(--ease-out)}.fly.surface.sc-sui-side-nav,.fly.canvas.sc-sui-side-nav{border-color:var(--border)}.fly.closing.sc-sui-side-nav{animation:sui-side-nav-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.fly.sc-sui-side-nav .heading.sc-sui-side-nav{padding-top:9px}@keyframes sui-side-nav-in{from{opacity:0}}@keyframes sui-side-nav-out{to{opacity:0}}@media (forced-colors: active){.rail.sc-sui-side-nav,.fly.sc-sui-side-nav{border:1px solid CanvasText}.rail.flush.sc-sui-side-nav{border-width:0;border-inline-end-width:1px}.rule.sc-sui-side-nav{background:CanvasText}.item.on.sc-sui-side-nav{forced-color-adjust:none;background:Highlight;color:HighlightText}a.item.on.sc-sui-side-nav,a.item.on.sc-sui-side-nav:hover,a.item.on.sc-sui-side-nav:visited{color:HighlightText}.item.sc-sui-side-nav:focus-visible{outline-color:CanvasText;box-shadow:none}.item.on.sc-sui-side-nav .icon.sc-sui-side-nav{color:HighlightText}.badge.sc-sui-side-nav{background:Canvas;color:CanvasText;border:1px solid CanvasText}.dot.sc-sui-side-nav{background:CanvasText}.item.on.sc-sui-side-nav .dot.sc-sui-side-nav{background:HighlightText}}"}},[774,"sui-side-nav",{sections:[16],collapsed:[1540],active:[1025],height:[2],tone:[513],variant:[513],width:[2],collapsedWidth:[2,"collapsed-width"],expanded:[1040],collapsedBadges:[513,"collapsed-badges"],collapseControl:[513,"collapse-control"],hostLabel:[32],hasIcon:[32],hasBrand:[32],hasHeader:[32],hasHeaderCollapsed:[32],hasFooter:[32],hasFooterCollapsed:[32],tip:[32],fly:[32],flyClosing:[32],setFocus:[64],toggle:[64]},void 0,{sections:[{onSections:0}],active:[{onActive:0}]}]),E=z,A=function(){"undefined"!=typeof customElements&&["sui-side-nav"].forEach((s=>{"sui-side-nav"===s&&(customElements.get(n(s))||customElements.define(n(s),z))}))};export{E as SuiSideNav,A as defineCustomElement}
|
|
1
|
+
import{p as s,H as i,c as t,h as e,a,t as n}from"./p-CeVlau-G.js";import{G as o,y as r,r as l,o as d}from"./p-BeYfX4rQ.js";import{i as c}from"./p-wknHx00K.js";import{o as h,h as u,a as v}from"./p-BWkzTEZX.js";import{k as p,o as f,p as g,a as x,b as m,m as b,l as y,t as k}from"./p-DsHK25q3.js";import{f as w}from"./p-BtgC2u2Q.js";import{d as C}from"./p-BHB1Wprj.js";import{a as j}from"./p-BuyjS5bS.js";import{u as F}from"./p-U06fVoGD.js";import{i as z}from"./p-GAnFXayY.js";const T=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiNavigate=t(this,"suiNavigate",7),this.suiActiveChange=t(this,"suiActiveChange",3),this.suiExpandedChange=t(this,"suiExpandedChange",3),this.suiOpen=t(this,"suiOpen",3),this.suiClose=t(this,"suiClose",3)}get host(){return this}sections=[];collapsed=!1;active;height;tone="canvas";variant="card";width;collapsedWidth;expanded=[];collapsedBadges="hide";collapseControl="footer";suiNavigate;suiActiveChange;suiExpandedChange;suiOpen;suiClose;hostLabel;stopAria;hasIcon=!1;hasBrand=!1;hasHeader=!1;hasHeaderCollapsed=!1;hasFooter=!1;hasFooterCollapsed=!1;tip=null;tipAnchor=null;fly=null;flyClosing=!1;flyAnchor=null;flyPanel;flyDisposers=[];flyEscape=p((()=>this.closeFly(!0)));demoteFly;flyExit=f((()=>this.flyExited()));pickingFly;dispose;stopReposition;stopKeys;fieldId=F("sui-side-nav");loaded=!1;connectedCallback(){C(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=c(this.host,(s=>{this.hostLabel=s})),this.loaded&&this.watch(!0)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){const s=this.host.querySelector("nav.scroll");return s?.querySelector(".item.on:not([disabled])")??s?.querySelector(".item:not([disabled])")??null}componentWillLoad(){this.syncSlots(),this.openActiveGroup(!1)}componentDidLoad(){this.loaded=!0,this.watch()}watch(s=!1){this.dispose?.(),this.dispose=h(this.host,(()=>this.syncSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.syncSlots()}))}componentDidRender(){this.fly&&!this.flyClosing&&this.afterFlyOpen()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.hideTip(),this.stopAria?.(),this.teardownFly(),this.flyExit.cancel(),this.flyExited()}async toggle(s){this.setCollapsed("boolean"==typeof s?s:!this.collapsed)}onSections(){this.closeFly(!1),this.openActiveGroup(!1)}onActive(){void 0!==this.pickingFly&&this.active===this.pickingFly||this.openActiveGroup(!0)}syncSlots(){this.hasIcon=u(this.host,"icon"),this.hasBrand=u(this.host,"brand"),this.hasHeader=v(this.host,"header").length>0,this.hasHeaderCollapsed=u(this.host,"header-collapsed"),this.hasFooter=v(this.host,"footer").length>0,this.hasFooterCollapsed=u(this.host,"footer-collapsed")}setCollapsed(s){s!==this.collapsed&&(s&&this.suiClose.emit("trigger").defaultPrevented||(this.collapsed=s,this.hideTip(),this.closeFly(!1),s||this.suiOpen.emit()))}keyOf(s){return s.key||s.label}kids(s){return Array.isArray(s.children)?s.children:[]}isGroup(s){return this.kids(s).length>0}openKeys(){return Array.isArray(this.expanded)?this.expanded:[]}holdsActive(s){return null!=this.active&&this.kids(s).some((s=>this.keyOf(s)===this.active))}openActiveGroup(s){const i=(this.sections||[]).reduce(((s,i)=>s.concat(i.items||[])),[]).find((s=>this.isGroup(s)&&this.holdsActive(s)));if(!i)return;const t=this.keyOf(i),e=this.openKeys();e.includes(t)||(this.expanded=e.concat(t),s&&this.suiExpandedChange.emit(this.expanded))}toggleGroup(s,i){const t=this.keyOf(s),e=this.openKeys();this.collapsed?this.fly&&!this.flyClosing&&this.keyOf(this.fly)===t?this.closeFly(!0):this.openFly(s,i):(this.expanded=e.includes(t)?e.filter((s=>s!==t)):e.concat(t),this.suiExpandedChange.emit(this.expanded))}openFly(s,i){this.hideTip(),this.flyExit.cancel(),this.teardownFly(),this.flyAnchor=i,this.flyClosing=!1,this.fly=s,this.flyEscape.arm()}afterFlyOpen(){const s=this.flyPanel;s&&this.flyAnchor&&!this.flyDisposers.length&&this.host.isConnected&&(this.demoteFly||(this.demoteFly=g(s)),this.placeFly(),this.flyDisposers.push(x((()=>[this.host,s]),(()=>this.closeFly(!1))),m((()=>this.placeFly()))),this.flyEscape.arm(),w(s)?.focus({preventScroll:!0}))}placeFly(){const s=this.flyAnchor,i=this.flyPanel;s&&i&&(s.isConnected&&this.collapsed?b(i,y(s,i,z(s)?"left":"right",8,"start")):this.closeFly(!1))}teardownFly(){this.flyEscape.disarm(),this.flyDisposers.forEach((s=>s())),this.flyDisposers=[]}closeFly(s){this.fly&&!this.flyClosing&&(this.teardownFly(),s&&this.flyAnchor?.focus({preventScroll:!0}),this.flyExit.begin(this.flyPanel)?this.flyClosing=!0:this.flyExited())}flyExited(){this.demoteFly?.(),this.demoteFly=void 0,this.flyAnchor=null,this.flyClosing=!1,this.fly=null}pickFly(s){if(s.disabled)return;const i=!!this.flyPanel&&"undefined"!=typeof document&&this.flyPanel.contains(document.activeElement);this.pickingFly=this.keyOf(s);try{this.navigate(s)}finally{this.pickingFly=void 0}this.closeFly(i)}onFlyKey=s=>{k(s,this.flyPanel,(()=>this.closeFly(!0)))};navigate(s){if(s.disabled)return;const i=this.keyOf(s);i!==this.active&&(this.active=i,this.suiActiveChange.emit(i)),this.suiNavigate.emit(i),s.command?.()}showTip(s,i){this.collapsed&&!this.fly&&(this.tipAnchor=s.currentTarget,this.tip={label:i,...this.tipPoint(this.tipAnchor)},this.stopReposition||(this.stopReposition=m((()=>this.placeTip()))),this.stopKeys||(window.addEventListener("keydown",this.onTipKey),this.stopKeys=()=>window.removeEventListener("keydown",this.onTipKey)))}onTipKey=s=>{"Escape"===s.key&&this.tip&&this.hideTip()};tipPoint(s){const i=s.getBoundingClientRect();return{x:z(s)?i.left-10:i.right+10,y:i.top+i.height/2}}placeTip(){const s=this.tipAnchor;if(!this.tip||!s)return;if(!this.collapsed||!s.isConnected)return void this.hideTip();const i=this.tipPoint(s);i.x===this.tip.x&&i.y===this.tip.y||(this.tip={label:this.tip.label,...i})}hideTip=()=>{this.tip=null,this.tipAnchor=null,this.stopReposition?.(),this.stopReposition=void 0,this.stopKeys?.(),this.stopKeys=void 0};renderItem(s,i,t,a=!1){const n=this.collapsed&&!a,l=!i&&!a&&this.isGroup(s),d=l&&!n&&this.openKeys().includes(this.keyOf(s)),c=l&&n&&!!this.fly&&!this.flyClosing&&this.keyOf(this.fly)===this.keyOf(s),h=l?this.holdsActive(s)&&!d:this.active===this.keyOf(s),u=!!s.disabled,v=!!s.href&&!l&&!u,p=n&&null!=s.badge&&"dot"===this.collapsedBadges,f=null!=s.badge&&(p||!n);return e("li",null,e(v?"a":"button",{type:v?void 0:"button",role:v||l?void 0:"link",href:v?s.href:void 0,target:v?s.target:void 0,rel:v&&"_blank"===s.target?"noopener":void 0,disabled:v?void 0:u,class:{item:!0,on:h,sub:i},"aria-current":h&&!l?"page":null,"aria-label":n||f?f?`${s.label}, ${s.badge}`:s.label:null,"aria-expanded":l?d||c?"true":"false":null,"aria-controls":d?t:c?this.fieldId+"-fly":null,onClick:i=>a?this.pickFly(s):l?this.toggleGroup(s,i.currentTarget):this.navigate(s),onMouseEnter:i=>this.showTip(i,s.label),onMouseLeave:this.hideTip,onFocus:i=>this.showTip(i,s.label),onBlur:this.hideTip},s.icon?e("i",{class:s.icon+" icon","aria-hidden":"true"}):null,n?null:e("span",{class:"label"},s.label),n||null==s.badge?null:e("span",{class:"badge","aria-hidden":"true"},s.badge),!n&&l?e(o,{glyph:r,class:d?"chev":"chev closed"}):null,p?e("span",{class:"dot","aria-hidden":"true"}):null),d?e("ul",{class:"sub-list",id:t},this.kids(s).map((s=>this.renderItem(s,!0)))):null)}render(){const s=this.collapsed,i="brand"===this.tone||"surface"===this.tone?this.tone:"canvas",t=s?this.hasHeaderCollapsed:this.hasHeader,n=s?this.hasFooterCollapsed:this.hasFooter,r="none"!==this.collapseControl,c=this.hasIcon||!s&&this.hasBrand,h=this.sections||[],u=h.findIndex((s=>!!s.bottom)),v=s?this.collapsedWidth:this.width,p=this.fieldId+"-nav",f=s?j(void 0,"side-nav.expandNavigation",void 0,"Expand navigation"):j(void 0,"side-nav.collapseNavigation",void 0,"Collapse navigation");return e(a,{key:"16b2629bb9eb89ddd61ba200d8da1aff615b7c4b",class:{flush:"flush"===this.variant},style:null!=this.height?{height:this.height+"px"}:void 0},e("div",{key:"e871e5ad05ab29c50244703bf336140db92014c5",class:{rail:!0,collapsed:s,brand:"brand"===i,surface:"surface"===i,canvas:"canvas"===i,flush:"flush"===this.variant},style:null!=v?{width:v+"px"}:void 0},c?e("div",{class:"brand-row"},this.hasIcon?e("span",{class:"mark"},e("slot",{name:"icon"})):null,!s&&this.hasBrand?e("span",{class:"word"},e("slot",{name:"brand"})):null):null,t?e("div",{class:"head-slot"},e("slot",s?{name:"header-collapsed"}:{name:"header"})):null,e("nav",{key:"ccea0536de10f80dc7a76ef1108f86b284a942ac",class:{scroll:!0,"has-bottom":u>=0},id:p,"data-scroll":"brand"===i?"navy":null,"aria-label":this.hostLabel||j(void 0,"side-nav.primary",void 0,"Primary")},h.map(((i,t)=>e("div",{class:{section:!0,push:u===t}},t>0&&(i.divider||i.heading&&s)?e("div",{class:"rule"}):null,i.heading&&!s?e("div",{class:"heading"},i.heading):null,e("ul",{class:"list"},(i.items||[]).map(((s,i)=>this.renderItem(s,!1,`${this.fieldId}-g${t}-${i}`)))))))),n||r?e("div",{class:"foot"},n?e("div",{class:"foot-slot",key:"foot-slot"},e("slot",s?{name:"footer-collapsed"}:{name:"footer"})):null,r?e("button",{type:"button",class:"ctl",key:"collapse","aria-label":f,"aria-expanded":s?"false":"true","aria-controls":p,onClick:()=>this.setCollapsed(!s),onMouseEnter:s=>this.showTip(s,f),onMouseLeave:this.hideTip,onFocus:s=>this.showTip(s,f),onBlur:this.hideTip},e(o,{glyph:s?l:d})):null):null),s&&this.tip?e("span",{class:"tip",role:"presentation",style:{left:this.tip.x+"px",top:this.tip.y+"px"}},this.tip.label):null,this.fly?e("div",{class:{fly:!0,closing:this.flyClosing,brand:"brand"===i,surface:"surface"===i,canvas:"canvas"===i},id:this.fieldId+"-fly",ref:s=>this.flyPanel=s,onKeyDown:this.onFlyKey},e("div",{class:"heading"},this.fly.label),e("ul",{class:"list"},this.kids(this.fly).map((s=>this.renderItem(s,!1,void 0,!0))))):null)}static get watchers(){return{sections:[{onSections:0}],active:[{onActive:0}]}}static get style(){return".sc-sui-side-nav-h{display:inline-block;vertical-align:top;font-family:var(--font-sans)}.flush.sc-sui-side-nav-h{display:block;align-self:stretch}.rail.sc-sui-side-nav,.fly.sc-sui-side-nav{--sn-ground:var(--surface-navy);--sn-ink:var(--ink-inverse);--sn-quiet:var(--ink-inverse-muted);--sn-hair:var(--border-inverse);--sn-wash:color-mix(in srgb, var(--ink-inverse) 7%, transparent);--sn-fill:var(--surface-navy-current);--sn-off:color-mix(in srgb, var(--ink-inverse) 34%, transparent);--sn-mark:var(--accent-inverse)}.rail.sc-sui-side-nav{width:var(--sidebar-w);height:100%;box-sizing:border-box;flex-shrink:0;background:var(--sn-ground);color:var(--sn-ink);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);transition:width var(--duration-base) var(--ease-out)}.rail.brand.sc-sui-side-nav,.fly.brand.sc-sui-side-nav{--focus-ring:var(--ink-inverse);--focus-shadow:none}.rail.brand.sc-sui-side-nav{--logo-quiet:color-mix(in srgb, currentColor var(--logo-quiet-inverse, 82%), transparent);--logo-spark:var(--logo-spark-inverse)}.rail.surface.sc-sui-side-nav,.fly.surface.sc-sui-side-nav{--sn-ground:var(--surface);--sn-ink:var(--ink);--sn-quiet:var(--ink-muted);--sn-hair:var(--hairline);--sn-wash:var(--surface-hover);--sn-fill:var(--surface-current);--sn-off:var(--ink-placeholder);--sn-mark:var(--accent-mark)}.rail.canvas.sc-sui-side-nav,.fly.canvas.sc-sui-side-nav{--sn-ground:var(--canvas);--sn-ink:var(--ink);--sn-quiet:var(--ink-muted);--sn-hair:var(--border);--sn-wash:var(--surface-hover);--sn-fill:var(--surface-current);--sn-off:var(--ink-placeholder);--sn-mark:var(--accent-mark)}.rail.surface.sc-sui-side-nav,.rail.canvas.sc-sui-side-nav{border:1px solid var(--border)}.rail.flush.sc-sui-side-nav{border-radius:0}.rail.surface.flush.sc-sui-side-nav,.rail.canvas.flush.sc-sui-side-nav{border-width:0;border-inline-end-width:1px}.rail.collapsed.sc-sui-side-nav{width:60px}.brand-row.sc-sui-side-nav{display:flex;align-items:center;gap:10px;padding-block:13px 11px;padding-inline:10.5px 12px;min-height:30px}.rail.collapsed.sc-sui-side-nav .brand-row.sc-sui-side-nav{padding:13px 0 11px;justify-content:center;gap:0}.mark.sc-sui-side-nav{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.mark.sc-sui-side-nav-s>*,.mark .sc-sui-side-nav-s>*{display:block;max-width:28px;max-height:28px}.word.sc-sui-side-nav{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.head-slot.sc-sui-side-nav{padding:0 12px 10px}.rail.collapsed.sc-sui-side-nav .head-slot.sc-sui-side-nav{padding:0 8px 8px;display:flex;justify-content:center}.scroll.sc-sui-side-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:2px 0 10px}.scroll.has-bottom.sc-sui-side-nav{display:flex;flex-direction:column}.section.push.sc-sui-side-nav{margin-top:auto}.heading.sc-sui-side-nav{padding:13px 16px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:650;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--sn-quiet)}.rule.sc-sui-side-nav{height:1px;background:var(--sn-hair);margin:8px 12px}.list.sc-sui-side-nav{list-style:none;margin:0;padding:0}.item.sc-sui-side-nav{position:relative;display:flex;align-items:center;gap:10px;width:calc(100% - 16px);box-sizing:border-box;padding-block:7.5px;padding-inline:8px 6px;justify-content:flex-start;margin:2px 8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--sn-quiet);font-family:var(--font-sans);font-size:13.5px;font-weight:460;line-height:normal;text-align:start;cursor:pointer;user-select:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.item.sc-sui-side-nav,a.item.sc-sui-side-nav:hover,a.item.sc-sui-side-nav:visited{color:var(--sn-quiet);text-decoration:none}a.item.on.sc-sui-side-nav,a.item.on.sc-sui-side-nav:hover,a.item.on.sc-sui-side-nav:visited{color:var(--sn-ink)}.item.sc-sui-side-nav:hover{--ink-faint:var(--ink-muted);background:var(--sn-wash)}.item.on.sc-sui-side-nav{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--sn-fill);color:var(--sn-ink);font-weight:650}.item.sc-sui-side-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.item.sub.sc-sui-side-nav{padding-inline-start:35px}.item[disabled].sc-sui-side-nav,.item[disabled].sc-sui-side-nav:hover{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--sn-off);background:transparent;cursor:not-allowed}.rail.collapsed.sc-sui-side-nav .item.sc-sui-side-nav{padding:9px 0;justify-content:center}.icon.sc-sui-side-nav{font-size:13px;width:17px;text-align:center;color:inherit}.item.on.sc-sui-side-nav .icon.sc-sui-side-nav{color:inherit}.label.sc-sui-side-nav{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge.sc-sui-side-nav{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center}.dot.sc-sui-side-nav{position:absolute;top:8px;inset-inline-end:7px;width:6px;height:6px;border-radius:50%;background:var(--sn-mark)}.chev.sc-sui-side-nav{font-size:9px;width:10px;text-align:center;color:inherit;transition:transform var(--duration-base) var(--ease-out)}.chev.closed.sc-sui-side-nav{transform:rotate(-90deg)}.chev.closed.sc-sui-side-nav:dir(rtl){transform:rotate(90deg)}.sub-list.sc-sui-side-nav{list-style:none;margin:0;padding:0}.foot.sc-sui-side-nav{border-top:1px solid var(--sn-hair);display:flex;align-items:center;gap:10px;padding-block:9px;padding-inline:16px 10px}.foot-slot.sc-sui-side-nav{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.rail.collapsed.sc-sui-side-nav .foot.sc-sui-side-nav{flex-direction:column;gap:8px;padding:9px 0}.rail.collapsed.sc-sui-side-nav .foot-slot.sc-sui-side-nav{flex:none;justify-content:center}.ctl.sc-sui-side-nav{width:var(--control-sm);height:var(--control-sm);flex-shrink:0;border:none;border-radius:var(--radius-md);padding:0;background:transparent;color:var(--sn-quiet);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.ctl.sc-sui-side-nav .sui-glyph.sc-sui-side-nav{font-size:11px}.ctl.sc-sui-side-nav .sui-glyph.sc-sui-side-nav:dir(rtl){transform:scaleX(-1)}.ctl.sc-sui-side-nav:hover{background:var(--sn-wash);color:var(--sn-ink)}.ctl.sc-sui-side-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.tip.sc-sui-side-nav{position:fixed;transform:translateY(-50%);z-index:var(--z-tooltip);white-space:nowrap;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);font-size:11px;font-weight:620;padding:5px 9px;border-radius:6px;box-shadow:var(--shadow-pop);pointer-events:none}.tip.sc-sui-side-nav:dir(rtl){transform:translate(-100%, -50%)}.fly.sc-sui-side-nav{position:fixed;z-index:var(--z-dropdown);min-width:200px;max-width:280px;box-sizing:border-box;padding:4px 0 6px;background:var(--sn-ground);color:var(--sn-ink);border:1px solid var(--sn-hair);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-family:var(--font-sans);animation:sui-side-nav-in var(--duration-fast) var(--ease-out)}.fly.surface.sc-sui-side-nav,.fly.canvas.sc-sui-side-nav{border-color:var(--border)}.fly.closing.sc-sui-side-nav{animation:sui-side-nav-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.fly.sc-sui-side-nav .heading.sc-sui-side-nav{padding-top:9px}@keyframes sui-side-nav-in{from{opacity:0}}@keyframes sui-side-nav-out{to{opacity:0}}@media (forced-colors: active){.rail.sc-sui-side-nav,.fly.sc-sui-side-nav{border:1px solid CanvasText}.rail.flush.sc-sui-side-nav{border-width:0;border-inline-end-width:1px}.rule.sc-sui-side-nav{background:CanvasText}.item.on.sc-sui-side-nav{forced-color-adjust:none;background:Highlight;color:HighlightText}a.item.on.sc-sui-side-nav,a.item.on.sc-sui-side-nav:hover,a.item.on.sc-sui-side-nav:visited{color:HighlightText}.item.sc-sui-side-nav:focus-visible{outline-color:CanvasText;box-shadow:none}.item.on.sc-sui-side-nav .icon.sc-sui-side-nav{color:HighlightText}.badge.sc-sui-side-nav{background:Canvas;color:CanvasText;border:1px solid CanvasText}.dot.sc-sui-side-nav{background:CanvasText}.item.on.sc-sui-side-nav .dot.sc-sui-side-nav{background:HighlightText}}"}},[774,"sui-side-nav",{sections:[16],collapsed:[1540],active:[1025],height:[2],tone:[513],variant:[513],width:[2],collapsedWidth:[2,"collapsed-width"],expanded:[1040],collapsedBadges:[513,"collapsed-badges"],collapseControl:[513,"collapse-control"],hostLabel:[32],hasIcon:[32],hasBrand:[32],hasHeader:[32],hasHeaderCollapsed:[32],hasFooter:[32],hasFooterCollapsed:[32],tip:[32],fly:[32],flyClosing:[32],setFocus:[64],toggle:[64]},void 0,{sections:[{onSections:0}],active:[{onActive:0}]}]),A=T,E=function(){"undefined"!=typeof customElements&&["sui-side-nav"].forEach((s=>{"sui-side-nav"===s&&(customElements.get(n(s))||customElements.define(n(s),T))}))};export{A as SuiSideNav,E as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as
|
|
1
|
+
import{p as e,H as s,h as a,a as i,t}from"./p-CeVlau-G.js";import{d}from"./p-CmEfiaNv.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}animation="wave";render(){return a(i,{key:"0c8b4d548822a419276bc08781bbf0d5b0c025ed","aria-hidden":"true"},a("div",{key:"302b6d8997b04d738d50879eeacfada18c215e6c",class:"head"},a("sui-skeleton",{key:"51e5817ecb935abe16338d2763839a67485eb5c0",shape:"circle",animation:this.animation}),a("div",{key:"c22de1c1361dab18b641d94775f45c3652098a73",class:"titles"},a("sui-skeleton",{key:"7e867fabca19489ff1be797b9eecb6cae3981bf2",shape:"title",width:"55%",animation:this.animation}),a("sui-skeleton",{key:"3b9834becaeed495e1bf602041cdd5db2402766b",width:"35%",animation:this.animation}))),a("div",{key:"ef3d8248eaa8e51d59e9dc60b1d51678f22d0487",class:"lines"},a("sui-skeleton",{key:"097dcb1d91db47eb81de8d4c01d4ba04f71ad20a",animation:this.animation}),a("sui-skeleton",{key:"31bf568ca26782af3f7932b69a8f5b6a0cef2092",width:"88%",animation:this.animation}),a("sui-skeleton",{key:"6914722e0e9d31b2d39e735b7e3906ddf47fac00",width:"62%",animation:this.animation})))}static get style(){return".sc-sui-skeleton-card-h{display:block;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;font-family:var(--font-sans)}.head.sc-sui-skeleton-card{display:flex;gap:11px;align-items:center;margin-bottom:13px}.titles.sc-sui-skeleton-card{flex:1;display:flex;flex-direction:column;gap:7px}.lines.sc-sui-skeleton-card{display:flex;flex-direction:column;gap:8px}"}},[514,"sui-skeleton-card",{animation:[513]}]),c=n,o=function(){"undefined"!=typeof customElements&&["sui-skeleton-card","sui-skeleton"].forEach((e=>{switch(e){case"sui-skeleton-card":customElements.get(t(e))||customElements.define(t(e),n);break;case"sui-skeleton":customElements.get(t(e))||d()}}))};export{c as SuiSkeletonCard,o as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as
|
|
1
|
+
import{S as o,d as s}from"./p-CmEfiaNv.js";const a=o,m=s;export{a as SuiSkeleton,m as defineCustomElement}
|