@webority/ui-elements 0.131.0 → 0.133.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/WuiLightbox-DSRuxbBA.js +1 -0
- package/dist/elements/lightbox.js +1 -1
- package/dist/ui-elements/autocomplete.global.js +1 -1
- package/dist/ui-elements/carousel.global.js +1 -1
- package/dist/ui-elements/code-block.global.js +1 -1
- package/dist/ui-elements/command-palette.global.js +1 -1
- package/dist/ui-elements/comment-thread.global.js +1 -1
- package/dist/ui-elements/consent-banner.global.js +1 -1
- package/dist/ui-elements/context-menu.global.js +1 -1
- package/dist/ui-elements/date-range.global.js +1 -1
- package/dist/ui-elements/drawer.global.js +1 -1
- package/dist/ui-elements/image-crop.global.js +1 -1
- package/dist/ui-elements/inline-edit.global.js +1 -1
- package/dist/ui-elements/kanban.global.js +1 -1
- package/dist/ui-elements/lead-popup.global.js +1 -1
- package/dist/ui-elements/lightbox.global.js +1 -1
- package/dist/ui-elements/markdown.global.js +1 -1
- package/dist/ui-elements/multiselect.global.js +1 -1
- package/dist/ui-elements/phone.global.js +1 -1
- package/dist/ui-elements/resizable.global.js +1 -1
- package/dist/ui-elements/saved-views.global.js +1 -1
- package/dist/ui-elements/slider.global.js +1 -1
- package/dist/ui-elements/sortable.global.js +1 -1
- package/dist/ui-elements/status-icon.global.js +1 -1
- package/dist/ui-elements/taginput.global.js +1 -1
- package/dist/ui-elements/timepicker.global.js +1 -1
- package/dist/ui-elements/tour.global.js +1 -1
- package/dist/ui-elements/tree.global.js +1 -1
- package/dist/ui-elements/wizard.global.js +1 -1
- package/dist/ui-elements.global.js +1 -1
- package/dist/ui-elements.js +1 -1
- package/package.json +2 -2
- package/dist/WuiLightbox-hyLXw8cO.js +0 -1
package/dist/ui-elements.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./elementBase-DV9IZZCu.js";import{n as t}from"./filterPopover-C8MVAfyI.js";import{c as n}from"./kanban-DqdYQ6sC.js";import{n as r}from"./statusIcons-Dt2ZVJyk.js";import{t as i}from"./WuiAutocomplete-178HkRe4.js";import{t as a}from"./WuiCarousel-C2NWcFxr.js";import{t as o}from"./WuiCodeBlock-vV4v7-c7.js";import{t as s}from"./WuiCommandPalette-CtF31Bbo.js";import{i as c}from"./WuiCommentThread-ZXxBt71o.js";import{t as l}from"./WuiConsentBanner-CYOU67bp.js";import{t as u}from"./WuiContextMenu-BvDHn1cP.js";import{t as d}from"./WuiCountrySelect-Df9BRrCI.js";import{t as f}from"./WuiDataTable-BVagEWAU.js";import{t as p}from"./WuiDatePicker-sq_13WUI.js";import{t as m}from"./WuiDateRange-D0JjHJpa.js";import{t as h}from"./WuiDock-Bd2ijOaJ.js";import{t as g}from"./WuiDrawer-CCrbNdBV.js";import{t as _}from"./WuiHoverCard-sq6EZZYD.js";import{t as v}from"./WuiImageCrop-DzzzPagi.js";import{i as y}from"./WuiInlineEdit-C6E6bGpU.js";import{t as b}from"./WuiLeadPopup-CWv93qlo.js";import{t as x}from"./WuiLightbox-
|
|
1
|
+
import{n as e}from"./elementBase-DV9IZZCu.js";import{n as t}from"./filterPopover-C8MVAfyI.js";import{c as n}from"./kanban-DqdYQ6sC.js";import{n as r}from"./statusIcons-Dt2ZVJyk.js";import{t as i}from"./WuiAutocomplete-178HkRe4.js";import{t as a}from"./WuiCarousel-C2NWcFxr.js";import{t as o}from"./WuiCodeBlock-vV4v7-c7.js";import{t as s}from"./WuiCommandPalette-CtF31Bbo.js";import{i as c}from"./WuiCommentThread-ZXxBt71o.js";import{t as l}from"./WuiConsentBanner-CYOU67bp.js";import{t as u}from"./WuiContextMenu-BvDHn1cP.js";import{t as d}from"./WuiCountrySelect-Df9BRrCI.js";import{t as f}from"./WuiDataTable-BVagEWAU.js";import{t as p}from"./WuiDatePicker-sq_13WUI.js";import{t as m}from"./WuiDateRange-D0JjHJpa.js";import{t as h}from"./WuiDock-Bd2ijOaJ.js";import{t as g}from"./WuiDrawer-CCrbNdBV.js";import{t as _}from"./WuiHoverCard-sq6EZZYD.js";import{t as v}from"./WuiImageCrop-DzzzPagi.js";import{i as y}from"./WuiInlineEdit-C6E6bGpU.js";import{t as b}from"./WuiLeadPopup-CWv93qlo.js";import{t as x}from"./WuiLightbox-DSRuxbBA.js";import{t as S}from"./WuiMarkdown-CA-jbaU3.js";import{i as C}from"./WuiMentionInput-DhJ180iU.js";import{t as w}from"./WuiMultiSelect-nHensvLa.js";import{t as T}from"./WuiNavigationMenu-CGqTADvr.js";import{t as E}from"./WuiNotificationCenter-Br_cd0C_.js";import{t as D}from"./WuiOnboardingChecklist-DXUETu1h.js";import{t as O}from"./WuiOtp-BqWijfNj.js";import{t as k}from"./WuiOverflow-Bn68qgAQ.js";import{t as A}from"./WuiPhone-C1t2nZvd.js";import{t as j}from"./WuiRating-DhhqYj5Z.js";import{t as M}from"./WuiRecordPager-BOaFcs_W.js";import{t as N}from"./WuiRelativeTime-CcbKgVjE.js";import{t as P}from"./WuiResizable-mt9EMhjQ.js";import{t as F}from"./WuiRollingNumber-D7uHyeQB.js";import{t as I}from"./WuiSavedViews-KUVaYmGJ.js";import{t as L}from"./WuiSelect-1TmFVLek.js";import{t as R}from"./WuiShortcuts-Cerbe67I.js";import{t as z}from"./WuiShowMore-D3VHRZJg.js";import{t as B}from"./WuiSlider-2kB__6zU.js";import{t as V}from"./WuiSortable-r5iZtzM1.js";import{t as H}from"./WuiTagInput-Dkw2q0KS.js";import{t as U}from"./WuiTimePicker-BcH9_gEm.js";import{t as W}from"./WuiTour-ClCXfOtI.js";import{t as G}from"./WuiTree-BFm_hpSK.js";import{t as K}from"./WuiTruncate-DyDQWMBu.js";import{n as q,t as ee}from"./WuiWhatsNew-Biolggw8.js";import{n as J,t as Y}from"./WuiWizardStep-LecF3VY7.js";import{c as X,f as Z,l as Q,m as te,p as ne,s as re,u as ie}from"./formatters-D1zbsEJJ.js";import{_ as ae,r as oe}from"./themeTransition-rHRVbhHB.js";import{t as se}from"./drawerDiscard-WVoYg0lh.js";import{i as ce}from"./shortcutKeys-CvxSh3bV.js";function $(){t(),e(`wui-select`,L),e(`wui-saved-views`,I),e(`wui-country-select`,d),e(`wui-phone`,A),e(`wui-datepicker`,p),e(`wui-date-range`,m),e(`wui-dock`,h),e(`wui-image-crop`,v),e(`wui-kanban`,n),e(`wui-lead-popup`,b),e(`wui-inline-edit`,y),e(`wui-consent-banner`,l),e(`wui-slider`,B),e(`wui-sortable`,V),e(`wui-timepicker`,U),e(`wui-tour`,W),e(`wui-tree`,G),e(`wui-autocomplete`,i),e(`wui-command-palette`,s),e(`wui-context-menu`,u),e(`wui-multiselect`,w),e(`wui-taginput`,H),e(`wui-otp`,O),e(`wui-status-icon`,r),e(`wui-shortcuts`,R),e(`wui-record-pager`,M),e(`wui-carousel`,a),e(`wui-code-block`,o),e(`wui-markdown`,S),e(`wui-data-table`,f),e(`wui-drawer`,g),e(`wui-hover-card`,_),e(`wui-lightbox`,x),e(`wui-navigation-menu`,T),e(`wui-notification-center`,E),e(`wui-onboarding-checklist`,D),e(`wui-overflow`,k),e(`wui-rating`,j),e(`wui-relative-time`,N),e(`wui-resizable`,P),e(`wui-rolling-number`,F),e(`wui-show-more`,z),e(`wui-truncate`,K),e(`wui-whats-new`,q),e(`wui-mention-input`,C),e(`wui-comment-thread`,c),e(`wui-wizard-step`,Y),e(`wui-wizard`,J)}$();export{se as DISCARD_EVENT,ae as ROW_DROP_EVENT,ce as SHORTCUT_EVENT,oe as THEME_CHANGE_EVENT,ee as WHATS_NEW_READ_EVENT,i as WuiAutocomplete,a as WuiCarousel,o as WuiCodeBlock,s as WuiCommandPalette,c as WuiCommentThread,l as WuiConsentBanner,u as WuiContextMenu,d as WuiCountrySelect,f as WuiDataTable,p as WuiDatePicker,m as WuiDateRange,h as WuiDock,g as WuiDrawer,_ as WuiHoverCard,v as WuiImageCrop,y as WuiInlineEdit,n as WuiKanban,b as WuiLeadPopup,x as WuiLightbox,S as WuiMarkdown,C as WuiMentionInput,w as WuiMultiSelect,T as WuiNavigationMenu,E as WuiNotificationCenter,D as WuiOnboardingChecklist,O as WuiOtp,k as WuiOverflow,A as WuiPhone,j as WuiRating,M as WuiRecordPager,N as WuiRelativeTime,P as WuiResizable,F as WuiRollingNumber,I as WuiSavedViews,L as WuiSelect,R as WuiShortcuts,z as WuiShowMore,B as WuiSlider,V as WuiSortable,r as WuiStatusIcon,H as WuiTagInput,U as WuiTimePicker,W as WuiTour,G as WuiTree,K as WuiTruncate,q as WuiWhatsNew,J as WuiWizard,Y as WuiWizardStep,$ as defineWeborityElements,re as formatCompact,X as formatCurrency,Q as formatDate,ie as formatDateTime,Z as formatNumber,ne as formatPercent,te as formatValue};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/ui-elements",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.133.0",
|
|
4
4
|
"description": "Webority framework-agnostic UI custom elements (<wui-*>) — the single implementation of the interactive components, styled by @webority/theme. Used natively in Razor and wrapped by @webority/ui-react.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"type": "module",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"@tiptap/markdown": "3.31.4",
|
|
93
93
|
"@tiptap/starter-kit": "3.31.4",
|
|
94
94
|
"@vitest/coverage-v8": "5.0.1",
|
|
95
|
-
"@webority/markdown-core": "0.
|
|
95
|
+
"@webority/markdown-core": "0.133.0",
|
|
96
96
|
"echarts": "6.1.0",
|
|
97
97
|
"jsdom": "30.1.1",
|
|
98
98
|
"libphonenumber-js": "^1.13.9",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./elementBase-DV9IZZCu.js";import{f as t}from"./formatters-D1zbsEJJ.js";import{t as n}from"./iconGlyphs.g-gURMSeyB.js";var r=`a.wui-lightbox-item`,i=1,a=4,o=.5,s=2,c=50,l=6,u=300,d=300;function f(e){return Number.isFinite(e)?Math.min(a,Math.max(i,e)):i}function p(e,t,n,r){let i=(e,n)=>Math.max(0,(e*t-n)/2),a=i(r.width,n.width),o=i(r.height,n.height);return{x:Math.min(a,Math.max(-a,e.x)),y:Math.min(o,Math.max(-o,e.y))}}function m(e,t){return Math.abs(e)<c||Math.abs(e)<Math.abs(t)*1.5?0:e<0?1:-1}function h(e){let t=String(e??``).split(/[?#]/)[0].split(`/`).filter(Boolean).pop()??``;try{return decodeURIComponent(t)}catch{return t}}function g(e,t,n={}){let r=document.createElement(e);r.className=t;for(let[e,t]of Object.entries(n))r.setAttribute(e,t);return r}function _(e,t,r){let i=g(`button`,`u-action wui-lightbox-btn ${r}`,{type:`button`,"aria-label":t,title:t});return i.style.setProperty(`--wui-action-size`,`40px`),i.innerHTML=n(e,{size:20}),i}var v=class extends e{static get observedAttributes(){return[`open-index`]}constructor(){super(),this._ui=null,this._index=0,this._zoom=i,this._pan={x:0,y:0},this._pointers=/* @__PURE__ */ new Map,this._gesture=null,this._lastTap=-1/0,this._returnTo=null,this._lockedOverflow=null,this._onClick=e=>{if(e.defaultPrevented||e.button!==0||e.ctrlKey||e.metaKey||e.shiftKey||e.altKey)return;let t=e.target?.closest?.(r);if(!t||!this.contains(t))return;let n=this._links().indexOf(t);n<0||(e.preventDefault(),this.open(n))}}get download(){return this.hasAttribute(`download`)}set download(e){this.toggleAttribute(`download`,e===!0||e===``||e===`true`)}get label(){return this.getAttribute(`label`)||`Image viewer`}set label(e){this.setAttribute(`label`,String(e??``))}get isOpen(){return this._ui!==null}connectedCallback(){this.addEventListener(`click`,this._onClick),this._syncOpenIndex()}disconnectedCallback(){this.removeEventListener(`click`,this._onClick),this._teardown()}attributeChangedCallback(){this.isConnected&&this._syncOpenIndex()}_syncOpenIndex(){let e=this.getAttribute(`open-index`);e===null?this.close():this.open(Number(e))}_links(){return[...this.querySelectorAll(r)]}_items(){return this._links().map(e=>{let t=e.getAttribute(`href`)??``;return{link:e,src:t,alt:e.querySelector(`img`)?.getAttribute(`alt`)??``,caption:e.dataset.caption??``,name:e.dataset.name||h(t)}})}open(e=0){let t=this._items();return t.length?(this._ui||(this._returnTo=document.activeElement,this._build(),this.dispatchEvent(new CustomEvent(`wui-lightbox:open`,{bubbles:!0,detail:{index:e}}))),this._show(e,t),this._ui.close.focus(),!0):!1}close(){if(!this._ui)return;let e=this._index,t=this._links()[e]??this._returnTo;this._teardown(),t?.isConnected&&t.focus(),this._returnTo=null,this.dispatchEvent(new CustomEvent(`wui-lightbox:close`,{bubbles:!0,detail:{index:e}}))}_teardown(){this._ui&&(this._ui.root.remove(),this._ui=null,this._pointers.clear(),this._gesture=null,this._lockedOverflow!==null&&(document.documentElement.style.overflow=this._lockedOverflow,this._lockedOverflow=null))}_build(){let e=g(`div`,`wui-lightbox-overlay`,{role:`dialog`,"aria-modal":`true`,"aria-label":this.label,tabindex:`-1`}),t=g(`div`,`wui-lightbox-bar`),r=g(`span`,`wui-lightbox-count`,{"aria-live":`polite`}),i=g(`div`,`wui-lightbox-tools`),a=_(`zoom-out`,`Zoom out`,`wui-lightbox-zoom-out`),s=_(`zoom-in`,`Zoom in`,`wui-lightbox-zoom-in`),c=g(`a`,`u-action wui-lightbox-btn wui-lightbox-download`,{"aria-label":`Download`,title:`Download`});c.style.setProperty(`--wui-action-size`,`40px`),c.innerHTML=n(`download`,{size:20}),c.hidden=!this.download;let l=_(`x`,`Close`,`wui-lightbox-close`);i.append(a,s,c,l),t.append(r,i);let u=g(`div`,`wui-lightbox-stage`),d=_(`chevron-left`,`Previous image`,`wui-lightbox-nav wui-lightbox-prev`),f=_(`chevron-right`,`Next image`,`wui-lightbox-nav wui-lightbox-next`),p=g(`img`,`wui-lightbox-image`,{decoding:`async`,draggable:`false`,alt:``}),m=g(`p`,`wui-lightbox-status`,{role:`status`});u.append(p,m,d,f);let h=g(`p`,`wui-lightbox-caption`);e.append(t,u,h);let v={root:e,count:r,zoomOut:a,zoomIn:s,download:c,close:l,stage:u,prev:d,next:f,image:p,status:m,caption:h};this._ui=v,l.addEventListener(`click`,()=>this.close()),d.addEventListener(`click`,()=>this.step(-1)),f.addEventListener(`click`,()=>this.step(1)),a.addEventListener(`click`,()=>this._setZoom(this._zoom-o)),s.addEventListener(`click`,()=>this._setZoom(this._zoom+o)),e.addEventListener(`keydown`,e=>this._onKeyDown(e)),u.addEventListener(`pointerdown`,e=>this._onPointerDown(e)),u.addEventListener(`pointermove`,e=>this._onPointerMove(e)),u.addEventListener(`pointerup`,e=>this._onPointerEnd(e,!0)),u.addEventListener(`pointercancel`,e=>this._onPointerEnd(e,!1)),u.addEventListener(`wheel`,e=>this._onWheel(e),{passive:!1}),p.addEventListener(`load`,()=>{this._ui===v&&(m.textContent=``,u.removeAttribute(`aria-busy`),p.hidden=!1,this._applyTransform())}),p.addEventListener(`error`,()=>{this._ui===v&&(u.removeAttribute(`aria-busy`),p.hidden=!0,m.textContent=`This image can't be shown.`)}),this.append(e),this._lockedOverflow=document.documentElement.style.overflow,document.documentElement.style.overflow=`hidden`}step(e){if(!this._ui||!e)return;let t=this._items();t.length<2||this._show((this._index+e+t.length)%t.length,t)}_show(e,n){let r=this._ui,a=Math.min(n.length-1,Math.max(0,Math.trunc(Number(e))||0)),o=n[a],s=a!==this._index||!r.image.getAttribute(`src`);if(this._index=a,this._zoom=i,this._pan={x:0,y:0},r.count.textContent=`${t(a+1,{decimals:0})} of ${t(n.length,{decimals:0})}`,r.caption.textContent=o.caption,r.caption.hidden=!o.caption,r.download.href=o.src,r.download.setAttribute(`download`,o.name),r.prev.hidden=r.next.hidden=n.length<2,r.stage.setAttribute(`aria-busy`,`true`),r.status.textContent=``,r.image.hidden=!1,r.image.alt=o.alt||o.caption,r.image.src=o.src,this._applyTransform(),this._syncZoomButtons(),n.length>1)for(let e of[n[(a+1)%n.length],n[(a-1+n.length)%n.length]])new Image().src=e.src;s&&this.dispatchEvent(new CustomEvent(`wui-lightbox:change`,{bubbles:!0,detail:{index:a}}))}_syncZoomButtons(){this._ui.zoomOut.disabled=this._zoom<=i,this._ui.zoomIn.disabled=this._zoom>=a;let e=document.activeElement;(e===this._ui.zoomOut||e===this._ui.zoomIn)&&e.disabled&&this._ui.close.focus()}_setZoom(e){this._ui&&(this._zoom=f(e),this._pan=this._clampedPan(this._pan),this._applyTransform(),this._syncZoomButtons())}_clampedPan(e){let{stage:t,image:n}=this._ui;return p(e,this._zoom,{width:t.clientWidth,height:t.clientHeight},{width:n.offsetWidth,height:n.offsetHeight})}_applyTransform(){let{image:e,stage:t}=this._ui;e.style.transform=`translate(${this._pan.x}px, ${this._pan.y}px) scale(${this._zoom})`,t.classList.toggle(`wui-lightbox-zoomed`,this._zoom>i)}_onKeyDown(e){if(e.key===`Escape`)e.preventDefault(),e.stopPropagation(),this.close();else if(e.key===`Tab`)this._trapTab(e);else if(e.key===`ArrowLeft`||e.key===`ArrowRight`)e.preventDefault(),this.step(e.key===`ArrowRight`?1:-1);else if(e.key===`Home`||e.key===`End`){e.preventDefault();let t=this._items();this._show(e.key===`Home`?0:t.length-1,t)}else e.key===`+`||e.key===`=`?(e.preventDefault(),this._setZoom(this._zoom+o)):e.key===`-`?(e.preventDefault(),this._setZoom(this._zoom-o)):e.key===`0`&&(e.preventDefault(),this._setZoom(i))}_trapTab(e){let t=[...this._ui.root.querySelectorAll(`button, a[href]`)].filter(e=>!e.hidden&&!e.disabled);if(!t.length){e.preventDefault();return}let n=t[0],r=t[t.length-1],i=document.activeElement;e.shiftKey&&(i===n||!this._ui.root.contains(i))?(e.preventDefault(),r.focus()):e.shiftKey||i!==r&&this._ui.root.contains(i)||(e.preventDefault(),n.focus())}_onWheel(e){e.preventDefault(),this._setZoom(this._zoom*(e.deltaY<0?1.15:1/1.15))}_onPointerDown(e){if(!e.target.closest(`.wui-lightbox-nav`)){if(this._ui.stage.setPointerCapture?.(e.pointerId),this._pointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),this._pointers.size===2){let[e,t]=[...this._pointers.values()];this._gesture={kind:`pinch`,distance:Math.hypot(e.x-t.x,e.y-t.y)||1,zoom:this._zoom}}else this._pointers.size===1&&(this._gesture={kind:`drag`,startX:e.clientX,startY:e.clientY,startTime:e.timeStamp,pan:{...this._pan},onImage:e.target===this._ui.image,moved:!1})}}_onPointerMove(e){let t=this._gesture;if(t&&this._pointers.has(e.pointerId)){if(this._pointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),t.kind===`pinch`&&this._pointers.size===2){let[e,n]=[...this._pointers.values()];this._setZoom(t.zoom*Math.hypot(e.x-n.x,e.y-n.y)/t.distance)}else if(t.kind===`drag`){let n=e.clientX-t.startX,r=e.clientY-t.startY;Math.hypot(n,r)>l&&(t.moved=!0),this._zoom>i&&(this._pan=this._clampedPan({x:t.pan.x+n,y:t.pan.y+r}),this._ui.stage.classList.add(`is-dragging`),this._applyTransform())}}}_onPointerEnd(e,t){let n=this._gesture;if(this._pointers.delete(e.pointerId),this._ui?.stage.classList.remove(`is-dragging`),!n)return;if(n.kind===`pinch`){this._pointers.size<2&&(this._gesture=null);return}if(this._gesture=null,!t)return;let r=e.clientX-n.startX,a=e.clientY-n.startY;n.moved?this._zoom===i&&this.step(m(r,a)):e.timeStamp-n.startTime>u||(n.onImage?e.timeStamp-this._lastTap<d?(this._lastTap=-1/0,this._setZoom(this._zoom>i?i:s)):this._lastTap=e.timeStamp:this.close())}};export{v as t};
|