@sutton-signwriting/sgnw-components/dist/sgnw-components/p-e945de0b.js

a javascript package of web components for use with the SignWriting script.

/*!
 * The Sutton SignWriting Web Components
 */
import{c as t,a as i}from"./p-7486a92a.js";var n=t((function(t){
/*!
 * Infinite Scroll v2.0.4
 * measure size of elements
 * MIT license
 */
!function(i,n){t.exports?t.exports=n():i.getSize=n()}(window,(function(){function t(t){let i=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(i)&&i}let i=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];return function(n){if("string"==typeof n&&(n=document.querySelector(n)),!n||"object"!=typeof n||!n.nodeType)return;let s=getComputedStyle(n);if("none"==s.display)return function(){let t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0};return i.forEach((i=>{t[i]=0})),t}();let h={};h.width=n.offsetWidth,h.height=n.offsetHeight;let e=h.isBorderBox="border-box"==s.boxSizing;i.forEach((t=>{let i=parseFloat(s[t]);h[t]=isNaN(i)?0:i}));let o=h.paddingLeft+h.paddingRight,r=h.paddingTop+h.paddingBottom,u=h.marginLeft+h.marginRight,f=h.marginTop+h.marginBottom,c=h.borderLeftWidth+h.borderRightWidth,d=h.borderTopWidth+h.borderBottomWidth,a=t(s.width);!1!==a&&(h.width=a+(e?0:o+c));let l=t(s.height);return!1!==l&&(h.height=l+(e?0:r+d)),h.innerWidth=h.width-(o+c),h.innerHeight=h.height-(r+d),h.outerWidth=h.width+u,h.outerHeight=h.height+f,h}}))})),s=t((function(t){var n,s;n="undefined"!=typeof window?window:i,s=function(){function t(){}let i=t.prototype;return i.on=function(t,i){if(!t||!i)return this;let n=this._events=this._events||{},s=n[t]=n[t]||[];return s.includes(i)||s.push(i),this},i.once=function(t,i){if(!t||!i)return this;this.on(t,i);let n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[i]=!0,this},i.off=function(t,i){let n=this._events&&this._events[t];if(!n||!n.length)return this;let s=n.indexOf(i);return-1!=s&&n.splice(s,1),this},i.emitEvent=function(t,i){let n=this._events&&this._events[t];if(!n||!n.length)return this;n=n.slice(0),i=i||[];let s=this._onceEvents&&this._onceEvents[t];for(let h of n)s&&s[h]&&(this.off(t,h),delete s[h]),h.apply(this,i);return this},i.allOff=function(){return delete this._events,delete this._onceEvents,this},t},t.exports?t.exports=s():n.EvEmitter=s()})),h=t((function(t){
/*!
 * Unidragger v3.0.1
 * Draggable base class
 * MIT license
 */
!function(i,n){t.exports?t.exports=n(i,s):i.Unidragger=n(i,i.EvEmitter)}("undefined"!=typeof window?window:i,(function(t,i){function n(){}let s,h,e=n.prototype=Object.create(i.prototype);e.handleEvent=function(t){let i="on"+t.type;this[i]&&this[i](t)},"ontouchstart"in t?(s="touchstart",h=["touchmove","touchend","touchcancel"]):t.PointerEvent?(s="pointerdown",h=["pointermove","pointerup","pointercancel"]):(s="mousedown",h=["mousemove","mouseup"]),e.touchActionValue="none",e.bindHandles=function(){this._bindHandles("addEventListener",this.touchActionValue)},e.unbindHandles=function(){this._bindHandles("removeEventListener","")},e._bindHandles=function(i,n){this.handles.forEach((h=>{h[i](s,this),h[i]("click",this),t.PointerEvent&&(h.style.touchAction=n)}))},e.bindActivePointerEvents=function(){h.forEach((i=>{t.addEventListener(i,this)}))},e.unbindActivePointerEvents=function(){h.forEach((i=>{t.removeEventListener(i,this)}))},e.withPointer=function(t,i){i.pointerId===this.pointerIdentifier&&this[t](i,i)},e.withTouch=function(t,i){let n;for(let t of i.changedTouches)t.identifier===this.pointerIdentifier&&(n=t);n&&this[t](i,n)},e.onmousedown=function(t){this.pointerDown(t,t)},e.ontouchstart=function(t){this.pointerDown(t,t.changedTouches[0])},e.onpointerdown=function(t){this.pointerDown(t,t)};const o=["TEXTAREA","INPUT","SELECT","OPTION"],r=["radio","checkbox","button","submit","image","file"];return e.pointerDown=function(t,i){let n=o.includes(t.target.nodeName),s=r.includes(t.target.type);!this.isPointerDown&&!t.button&&(!n||s)&&(this.isPointerDown=!0,this.pointerIdentifier=void 0!==i.pointerId?i.pointerId:i.identifier,this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY},this.bindActivePointerEvents(),this.emitEvent("pointerDown",[t,i]))},e.onmousemove=function(t){this.pointerMove(t,t)},e.onpointermove=function(t){this.withPointer("pointerMove",t)},e.ontouchmove=function(t){this.withTouch("pointerMove",t)},e.pointerMove=function(t,i){let n={x:i.pageX-this.pointerDownPointer.pageX,y:i.pageY-this.pointerDownPointer.pageY};this.emitEvent("pointerMove",[t,i,n]),!this.isDragging&&this.hasDragStarted(n)&&this.dragStart(t,i),this.isDragging&&this.dragMove(t,i,n)},e.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3},e.dragStart=function(t,i){this.isDragging=!0,this.isPreventingClicks=!0,this.emitEvent("dragStart",[t,i])},e.dragMove=function(t,i,n){this.emitEvent("dragMove",[t,i,n])},e.onmouseup=function(t){this.pointerUp(t,t)},e.onpointerup=function(t){this.withPointer("pointerUp",t)},e.ontouchend=function(t){this.withTouch("pointerUp",t)},e.pointerUp=function(t,i){this.pointerDone(),this.emitEvent("pointerUp",[t,i]),this.isDragging?this.dragEnd(t,i):this.staticClick(t,i)},e.dragEnd=function(t,i){this.isDragging=!1,setTimeout((()=>delete this.isPreventingClicks)),this.emitEvent("dragEnd",[t,i])},e.pointerDone=function(){this.isPointerDown=!1,delete this.pointerIdentifier,this.unbindActivePointerEvents(),this.emitEvent("pointerDone")},e.onpointercancel=function(t){this.withPointer("pointerCancel",t)},e.ontouchcancel=function(t){this.withTouch("pointerCancel",t)},e.pointerCancel=function(t,i){this.pointerDone(),this.emitEvent("pointerCancel",[t,i])},e.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},e.staticClick=function(t,i){let n="mouseup"===t.type;n&&this.isIgnoringMouseUp||(this.emitEvent("staticClick",[t,i]),n&&(this.isIgnoringMouseUp=!0,setTimeout((()=>{delete this.isIgnoringMouseUp}),400)))},n}))})),e=t((function(t){
/*!
 * Draggabilly v3.0.0
 * Make that shiz draggable
 * https://draggabilly.desandro.com
 * MIT license
 */
!function(i,s){t.exports?t.exports=s(i,n,h):i.Draggabilly=s(i,i.getSize,i.Unidragger)}("undefined"!=typeof window?window:i,(function(t,i,n){let s=t.jQuery;function h(t,i){this.element="string"==typeof t?document.querySelector(t):t,s&&(this.$element=s(this.element)),this.options={},this.option(i),this._create()}let e=h.prototype=Object.create(n.prototype);e.option=function(t){this.options={...this.options,...t}};const o=["relative","absolute","fixed"];e._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition={...this.position};let t=getComputedStyle(this.element);o.includes(t.position)||(this.element.style.position="relative"),this.on("pointerDown",this.handlePointerDown),this.on("pointerUp",this.handlePointerUp),this.on("dragStart",this.handleDragStart),this.on("dragMove",this.handleDragMove),this.on("dragEnd",this.handleDragEnd),this.setHandles(),this.enable()},e.setHandles=function(){let{handle:t}=this.options;this.handles="string"==typeof t?this.element.querySelectorAll(t):"object"==typeof t&&t.length?t:t instanceof HTMLElement?[t]:[this.element]};const r=["dragStart","dragMove","dragEnd"];let u=e.emitEvent;function f(t,i,n){return i?(n=n||"round",Math[n](t/i)*i):t}e.emitEvent=function(i,n){if(!this.isEnabled&&r.includes(i))return;u.call(this,i,n);let s,h=t.jQuery;if(!h||!this.$element)return;let e=n;n&&n[0]instanceof Event&&([s,...e]=n);let o=h.Event(s);o.type=i,this.$element.trigger(o,e)},e._getPosition=function(){let t=getComputedStyle(this.element),i=this._getPositionCoord(t.left,"width"),n=this._getPositionCoord(t.top,"height");this.position.x=isNaN(i)?0:i,this.position.y=isNaN(n)?0:n,this._addTransformPosition(t)},e._getPositionCoord=function(t,n){if(t.includes("%")){let s=i(this.element.parentNode);return s?parseFloat(t)/100*s[n]:0}return parseInt(t,10)},e._addTransformPosition=function(t){let i=t.transform;if(!i.startsWith("matrix"))return;let n=i.split(","),s=i.startsWith("matrix3d")?12:4,h=parseInt(n[s],10),e=parseInt(n[s+1],10);this.position.x+=h,this.position.y+=e},e.handlePointerDown=function(t,i){this.isEnabled&&(this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY},t.preventDefault(),document.activeElement.blur(),this.bindActivePointerEvents(t),this.element.classList.add("is-pointer-down"))},e.handleDragStart=function(){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.animate())},e.measureContainment=function(){let t=this.getContainer();if(!t)return;let n=i(this.element),s=i(t),{borderLeftWidth:h,borderRightWidth:e,borderTopWidth:o,borderBottomWidth:r}=s,u=this.element.getBoundingClientRect(),f=t.getBoundingClientRect(),c=h+e,d=o+r,a=this.relativeStartPosition={x:u.left-(f.left+h),y:u.top-(f.top+o)};this.containSize={width:s.width-c-a.x-n.width,height:s.height-d-a.y-n.height}},e.getContainer=function(){let t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},e.handleDragMove=function(t,i,n){if(!this.isEnabled)return;let s=n.x,h=n.y,e=this.options.grid,o=e&&e[0],r=e&&e[1];s=f(s,o),h=f(h,r),s=this.containDrag("x",s,o),h=this.containDrag("y",h,r),s="y"==this.options.axis?0:s,h="x"==this.options.axis?0:h,this.position.x=this.startPosition.x+s,this.position.y=this.startPosition.y+h,this.dragPoint.x=s,this.dragPoint.y=h},e.containDrag=function(t,i,n){if(!this.options.containment)return i;let s="x"==t?"width":"height",h=f(-this.relativeStartPosition[t],n,"ceil"),e=this.containSize[s];return e=f(e,n,"floor"),Math.max(h,Math.min(e,i))},e.handlePointerUp=function(){this.element.classList.remove("is-pointer-down")},e.handleDragEnd=function(){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"))},e.animate=function(){this.isDragging&&(this.positionDrag(),requestAnimationFrame((()=>this.animate())))},e.setLeftTop=function(){let{x:t,y:i}=this.position;this.element.style.left=`${t}px`,this.element.style.top=`${i}px`},e.positionDrag=function(){let{x:t,y:i}=this.dragPoint;this.element.style.transform=`translate3d(${t}px, ${i}px, 0)`},e.setPosition=function(t,i){this.position.x=t,this.position.y=i,this.setLeftTop()},e.enable=function(){this.isEnabled||(this.isEnabled=!0,this.bindHandles())},e.disable=function(){this.isEnabled&&(this.isEnabled=!1,this.isDragging&&this.dragEnd(),this.unbindHandles())};const c=["transform","left","top","position"];return e.destroy=function(){this.disable(),c.forEach((t=>{this.element.style[t]=""})),this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},e._init=function(){},s&&s.bridget&&s.bridget("draggabilly",h),h}))}));export{e as d}