zed-gpui 0.0.1 → 0.0.2
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 +8 -26
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,35 +1,34 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Zed Gpui TS
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.org/package/zed-gpui)
|
|
4
|
+
[](https://www.npmjs.org/package/zed-gpui)
|
|
5
5
|
[](https://opensource.org/licenses/MIT)
|
|
6
6
|
|
|
7
7
|
<p align="center">
|
|
8
|
-
<img src="../../assets/icon.png" width="240px" alt="
|
|
8
|
+
<img src="../../assets/icon.png" width="240px" alt="zed-gpui logo" />
|
|
9
9
|
</p>
|
|
10
10
|
|
|
11
11
|
> A functional web front-end framework with gpui-inspired syntax
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
zed-gpui is a lightweight, functional web framework that provides an elegant, chainable API for building HTML elements with JavaScript/TypeScript. Inspired by the gpui philosophy, it offers a fluent interface for styling, event handling, and DOM manipulation.
|
|
14
14
|
|
|
15
15
|
## Features
|
|
16
16
|
|
|
17
17
|
- 🎨 **Rich styling API** - Flexbox, Grid, spacing, colors, typography, and more
|
|
18
18
|
- ⚡ **Event handling** - Comprehensive event listeners (mouse, keyboard, touch, drag & drop, etc.)
|
|
19
19
|
- 🔧 **Type-safe** - Full TypeScript support with type inference
|
|
20
|
-
- 📦 **Auto-injection** - Optional inject module for seamless DOM integration
|
|
21
20
|
- 🪶 **Lightweight** - Zero dependencies, tree-shakeable
|
|
22
21
|
|
|
23
22
|
## Installation
|
|
24
23
|
|
|
25
24
|
```bash
|
|
26
|
-
pnpm add
|
|
25
|
+
pnpm add zed-gpui
|
|
27
26
|
```
|
|
28
27
|
|
|
29
28
|
## Quick Start
|
|
30
29
|
|
|
31
30
|
```typescript
|
|
32
|
-
import { div, p, btn } from '
|
|
31
|
+
import { div, p, btn } from 'zed-gpui';
|
|
33
32
|
|
|
34
33
|
// Create elements with chained styling
|
|
35
34
|
const container = div()
|
|
@@ -41,7 +40,7 @@ const container = div()
|
|
|
41
40
|
const title = p()
|
|
42
41
|
.textSize('1.5rem')
|
|
43
42
|
.text('#333')
|
|
44
|
-
.text('Hello,
|
|
43
|
+
.text('Hello, zed-gpui!');
|
|
45
44
|
|
|
46
45
|
const button = btn()
|
|
47
46
|
.px('1rem')
|
|
@@ -61,20 +60,6 @@ document.body.append(
|
|
|
61
60
|
);
|
|
62
61
|
```
|
|
63
62
|
|
|
64
|
-
## Auto-injection Mode
|
|
65
|
-
|
|
66
|
-
For automatic `build()` calling, import the inject module:
|
|
67
|
-
|
|
68
|
-
```typescript
|
|
69
|
-
import 'gpuj/inject';
|
|
70
|
-
import { div, p, btn } from 'gpuj';
|
|
71
|
-
|
|
72
|
-
// Now you can use HTMLBuilder directly with DOM methods
|
|
73
|
-
document.body.append(
|
|
74
|
-
div().flex().p('2rem'),
|
|
75
|
-
p().text('Auto-builded!')
|
|
76
|
-
);
|
|
77
|
-
```
|
|
78
63
|
|
|
79
64
|
## API Overview
|
|
80
65
|
|
|
@@ -155,6 +140,3 @@ btn() // <button>
|
|
|
155
140
|
|
|
156
141
|
MIT
|
|
157
142
|
|
|
158
|
-
---
|
|
159
|
-
|
|
160
|
-
**GitHub**: [baendlorel/gpuj](https://github.com/baendlorel/gpuj)
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.assign(HTMLElement.prototype,{id_(e){return this.id=e,this},attr(e,t){return this.setAttribute(e,t),this},child(...e){return this.append(...e),this},class(e){return Array.isArray(e)?this.className=e.join(` `):this.className=e,this},w(e){return this.style.width=e,this},h(e){return this.style.height=e,this},size(e,t){return this.style.width=e,this.style.height=t,this},minW(e){return this.style.minWidth=e,this},minH(e){return this.style.minHeight=e,this},maxW(e){return this.style.maxWidth=e,this},maxH(e){return this.style.maxHeight=e,this},flex(){return this.style.display=`flex`,this},flexFlex(){return this.style.display=`flex`,this.style.flex=`1 1 0%`,this},flexNone(){return this.style.flex=`none`,this},flexAuto(){return this.style.flex=`1 1 auto`,this},flexGrow(e){return this.style.flexGrow=String(e),this},flexShrink(e){return this.style.flexShrink=String(e),this},flexBasis(e){return this.style.flexBasis=e,this},flexDirection(e){return this.style.flexDirection=e,this},flexWrap(e){return this.style.flexWrap=e,this},grid(){return this.style.display=`grid`,this},gridTemplateColumns(e){return this.style.gridTemplateColumns=e,this},gridTemplateRows(e){return this.style.gridTemplateRows=e,this},gridColumn(e){return this.style.gridColumn=e,this},gridRow(e){return this.style.gridRow=e,this},gap(e){return this.style.gap=e,this},gapX(e){return this.style.columnGap=e,this},gapY(e){return this.style.rowGap=e,this},justify(e){return this.style.justifyContent=e,this},items(e){return this.style.alignItems=e,this},content(e){return this.style.alignContent=e,this},self(e){return this.style.alignSelf=e,this},justifySelf(e){return this.style.justifySelf=e,this},px(e){return this.style.paddingLeft=e,this.style.paddingRight=e,this},py(e){return this.style.paddingTop=e,this.style.paddingBottom=e,this},pt(e){return this.style.paddingTop=e,this},pr(e){return this.style.paddingRight=e,this},pb(e){return this.style.paddingBottom=e,this},pl(e){return this.style.paddingLeft=e,this},p(e){return this.style.padding=e,this},mx(e){return this.style.marginLeft=e,this.style.marginRight=e,this},my(e){return this.style.marginTop=e,this.style.marginBottom=e,this},mt(e){return this.style.marginTop=e,this},mr(e){return this.style.marginRight=e,this},mb(e){return this.style.marginBottom=e,this},ml(e){return this.style.marginLeft=e,this},m(e){return this.style.margin=e,this},border(){return this.style.border=`1px solid currentColor`,this},borderW(e){return this.style.borderWidth=e,this},borderT(e){return this.style.borderTopWidth=e,this},borderR(e){return this.style.borderRightWidth=e,this},borderB(e){return this.style.borderBottomWidth=e,this},borderL(e){return this.style.borderLeftWidth=e,this},borderColor(e){return this.style.borderColor=e,this},borderStyle(e){return this.style.borderStyle=e,this},rounded(e){return this.style.borderRadius=e,this},roundedTL(e){return this.style.borderTopLeftRadius=e,this},roundedTR(e){return this.style.borderTopRightRadius=e,this},roundedBL(e){return this.style.borderBottomLeftRadius=e,this},roundedBR(e){return this.style.borderBottomRightRadius=e,this},bg(e){return this.style.backgroundColor=e,this},bgColor(e){return this.style.backgroundColor=e,this},bgImage(e){return this.style.backgroundImage=e,this},bgSize(e){return this.style.backgroundSize=e,this},bgPosition(e){return this.style.backgroundPosition=e,this},bgRepeat(e){return this.style.backgroundRepeat=e,this},shadow(e){return this.style.boxShadow=e,this},shadowMd(){return this.style.boxShadow=`0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`,this},shadowLg(){return this.style.boxShadow=`0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)`,this},shadowNone(){return this.style.boxShadow=`none`,this},opacity(e){return this.style.opacity=String(e),this},text(e){return this.style.color=e,this},textColor(e){return this.style.color=e,this},textSize(e){return this.style.fontSize=e,this},textAlign(e){return this.style.textAlign=e,this},fontWeight(e){return this.style.fontWeight=e,this},lineHeight(e){return this.style.lineHeight=e,this},letterSpacing(e){return this.style.letterSpacing=e,this},textOverflow(e){return this.style.textOverflow=e,this},whitespace(e){return this.style.whiteSpace=e,this},truncate(){return this.style.overflow=`hidden`,this.style.textOverflow=`ellipsis`,this.style.whiteSpace=`nowrap`,this},lineClamp(e){return this.style.display=`-webkit-box`,this.style.webkitLineClamp=String(e),this.style.webkitBoxOrient=`vertical`,this.style.overflow=`hidden`,this},relative(){return this.style.position=`relative`,this},absolute(){return this.style.position=`absolute`,this},fixed(){return this.style.position=`fixed`,this},sticky(){return this.style.position=`sticky`,this},static(){return this.style.position=`static`,this},inset(e){return this.style.top=e,this.style.right=e,this.style.bottom=e,this.style.left=e,this},insetY(e){return this.style.top=e,this.style.bottom=e,this},insetX(e){return this.style.right=e,this.style.left=e,this},top(e){return this.style.top=e,this},right(e){return this.style.right=e,this},bottom(e){return this.style.bottom=e,this},left(e){return this.style.left=e,this},z(e){return this.style.zIndex=String(e),this},zIndex(e){return this.style.zIndex=String(e),this},overflow(e){return this.style.overflow=e,this},overflowX(e){return this.style.overflowX=e,this},overflowY(e){return this.style.overflowY=e,this},overflowHidden(){return this.style.overflow=`hidden`,this},overflowScroll(){return this.style.overflow=`scroll`,this},overflowAuto(){return this.style.overflow=`auto`,this},overflowVisible(){return this.style.overflow=`visible`,this},cursor(e){return this.style.cursor=e,this},cursorPointer(){return this.style.cursor=`pointer`,this},cursorDefault(){return this.style.cursor=`default`,this},cursorMove(){return this.style.cursor=`move`,this},cursorGrab(){return this.style.cursor=`grab`,this},cursorGrabbing(){return this.style.cursor=`grabbing`,this},pointerEvents(e){return this.style.pointerEvents=e,this},pointerEventsNone(){return this.style.pointerEvents=`none`,this},pointerEventsAuto(){return this.style.pointerEvents=`auto`,this},userSelect(e){return this.style.userSelect=e,this},selectNone(){return this.style.userSelect=`none`,this},selectText(){return this.style.userSelect=`text`,this},selectAll(){return this.style.userSelect=`all`,this},block(){return this.style.display=`block`,this},inlineBlock(){return this.style.display=`inline-block`,this},inline(){return this.style.display=`inline`,this},hide(){return this.style.display=`none`,this},visible(){return this.style.visibility=`visible`,this},invisible(){return this.style.visibility=`hidden`,this},rotate(e){return this.style.transform=`rotate(${e}deg)`,this},scale(e,t){let n=t===void 0?e:t;return this.style.transform=`scale(${e}, ${n})`,this},transformTranslate(e,t){return this.style.transform=`translate(${e}, ${t})`,this},transition(e){return this.style.transition=e,this},transitionDuration(e){return this.style.transitionDuration=e,this},transitionTimingFunction(e){return this.style.transitionTimingFunction=e,this},transitionDelay(e){return this.style.transitionDelay=e,this},onClick(e){return this.addEventListener(`click`,e),this},onDoubleClick(e){return this.addEventListener(`dblclick`,e),this},onMouseDown(e){return this.addEventListener(`mousedown`,e),this},onMouseUp(e){return this.addEventListener(`mouseup`,e),this},onMouseMove(e){return this.addEventListener(`mousemove`,e),this},onMouseEnter(e){return this.addEventListener(`mouseenter`,e),this},onMouseLeave(e){return this.addEventListener(`mouseleave`,e),this},onMouseOver(e){return this.addEventListener(`mouseover`,e),this},onMouseOut(e){return this.addEventListener(`mouseout`,e),this},onMouseWheel(e){return this.addEventListener(`wheel`,e),this},onKeyDown(e){return this.addEventListener(`keydown`,e),this},onKeyUp(e){return this.addEventListener(`keyup`,e),this},onKeyPress(e){return this.addEventListener(`keypress`,e),this},onFocus(e){return this.addEventListener(`focus`,e),this},onBlur(e){return this.addEventListener(`blur`,e),this},onFocusIn(e){return this.addEventListener(`focusin`,e),this},onFocusOut(e){return this.addEventListener(`focusout`,e),this},onChange(e){return this.addEventListener(`change`,e),this},onInput(e){return this.addEventListener(`input`,e),this},onSubmit(e){return this.addEventListener(`submit`,e),this},onReset(e){return this.addEventListener(`reset`,e),this},onTouchStart(e){return this.addEventListener(`touchstart`,e),this},onTouchEnd(e){return this.addEventListener(`touchend`,e),this},onTouchMove(e){return this.addEventListener(`touchmove`,e),this},onTouchCancel(e){return this.addEventListener(`touchcancel`,e),this},onDrag(e){return this.addEventListener(`drag`,e),this},onDragStart(e){return this.addEventListener(`dragstart`,e),this},onDragEnd(e){return this.addEventListener(`dragend`,e),this},onDragEnter(e){return this.addEventListener(`dragenter`,e),this},onDragLeave(e){return this.addEventListener(`dragleave`,e),this},onDragOver(e){return this.addEventListener(`dragover`,e),this},onDragDrop(e){return this.addEventListener(`drop`,e),this},onCopy(e){return this.addEventListener(`copy`,e),this},onCut(e){return this.addEventListener(`cut`,e),this},onPaste(e){return this.addEventListener(`paste`,e),this},onScroll(e){return this.addEventListener(`scroll`,e),this},onResize(e){return this.addEventListener(`resize`,e),this},onPlay(e){return this.addEventListener(`play`,e),this},onPause(e){return this.addEventListener(`pause`,e),this},onEnded(e){return this.addEventListener(`ended`,e),this},onVolumeChange(e){return this.addEventListener(`volumechange`,e),this},onAnimationStart(e){return this.addEventListener(`animationstart`,e),this},onAnimationEnd(e){return this.addEventListener(`animationend`,e),this},onAnimationIteration(e){return this.addEventListener(`animationiteration`,e),this},onTransitionEnd(e){return this.addEventListener(`transitionend`,e),this},onPointerDown(e){return this.addEventListener(`pointerdown`,e),this},onPointerUp(e){return this.addEventListener(`pointerup`,e),this},onPointerMove(e){return this.addEventListener(`pointermove`,e),this},onPointerEnter(e){return this.addEventListener(`pointerenter`,e),this},onPointerLeave(e){return this.addEventListener(`pointerleave`,e),this},onPointerCancel(e){return this.addEventListener(`pointercancel`,e),this},on(e,t){return this.addEventListener(e,t),this},off(e,t){return this.removeEventListener(e,t),this}});const e=e=>document.createElement(e),t=()=>document.createElement(`div`),n=()=>document.createElement(`span`),r=()=>document.createElement(`section`),i=()=>document.createElement(`p`),a=()=>document.createElement(`input`),o=()=>document.createElement(`textarea`),s=()=>document.createElement(`button`);export{s as btn,t as div,e as h,a as input,i as p,r as section,n as span,o as textarea};
|
|
1
|
+
Object.assign(HTMLElement.prototype,{id_(e){return this.id=e,this},attr(e,t){return this.setAttribute(e,t),this},child(...e){return this.append(...e),this},class(e){return Array.isArray(e)?this.className=e.join(` `):this.className=e,this},w(e){return this.style.width=e,this},h(e){return this.style.height=e,this},size(e,t){return this.style.width=e,this.style.height=t,this},minW(e){return this.style.minWidth=e,this},minH(e){return this.style.minHeight=e,this},maxW(e){return this.style.maxWidth=e,this},maxH(e){return this.style.maxHeight=e,this},flex(){return this.style.display=`flex`,this},flexFlex(){return this.style.display=`flex`,this.style.flex=`1 1 0%`,this},flexNone(){return this.style.flex=`none`,this},flexAuto(){return this.style.flex=`1 1 auto`,this},flexGrow(e){return this.style.flexGrow=String(e),this},flexShrink(e){return this.style.flexShrink=String(e),this},flexBasis(e){return this.style.flexBasis=e,this},flexDirection(e){return this.style.flexDirection=e,this},flexWrap(e){return this.style.flexWrap=e,this},grid(){return this.style.display=`grid`,this},gridTemplateColumns(e){return this.style.gridTemplateColumns=e,this},gridTemplateRows(e){return this.style.gridTemplateRows=e,this},gridColumn(e){return this.style.gridColumn=e,this},gridRow(e){return this.style.gridRow=e,this},gap(e){return this.style.gap=e,this},gapX(e){return this.style.columnGap=e,this},gapY(e){return this.style.rowGap=e,this},justify(e){return this.style.justifyContent=e,this},items(e){return this.style.alignItems=e,this},content(e){return this.style.alignContent=e,this},self(e){return this.style.alignSelf=e,this},justifySelf(e){return this.style.justifySelf=e,this},px(e){return this.style.paddingLeft=e,this.style.paddingRight=e,this},py(e){return this.style.paddingTop=e,this.style.paddingBottom=e,this},pt(e){return this.style.paddingTop=e,this},pr(e){return this.style.paddingRight=e,this},pb(e){return this.style.paddingBottom=e,this},pl(e){return this.style.paddingLeft=e,this},p(e){return this.style.padding=e,this},mx(e){return this.style.marginLeft=e,this.style.marginRight=e,this},my(e){return this.style.marginTop=e,this.style.marginBottom=e,this},mt(e){return this.style.marginTop=e,this},mr(e){return this.style.marginRight=e,this},mb(e){return this.style.marginBottom=e,this},ml(e){return this.style.marginLeft=e,this},m(e){return this.style.margin=e,this},border(){return this.style.border=`1px solid currentColor`,this},borderW(e){return this.style.borderWidth=e,this},borderT(e){return this.style.borderTopWidth=e,this},borderR(e){return this.style.borderRightWidth=e,this},borderB(e){return this.style.borderBottomWidth=e,this},borderL(e){return this.style.borderLeftWidth=e,this},borderColor(e){return this.style.borderColor=e,this},borderStyle(e){return this.style.borderStyle=e,this},rounded(e){return this.style.borderRadius=e,this},roundedTL(e){return this.style.borderTopLeftRadius=e,this},roundedTR(e){return this.style.borderTopRightRadius=e,this},roundedBL(e){return this.style.borderBottomLeftRadius=e,this},roundedBR(e){return this.style.borderBottomRightRadius=e,this},bg(e){return this.style.backgroundColor=e,this},bgColor(e){return this.style.backgroundColor=e,this},bgImage(e){return this.style.backgroundImage=e,this},bgSize(e){return this.style.backgroundSize=e,this},bgPosition(e){return this.style.backgroundPosition=e,this},bgRepeat(e){return this.style.backgroundRepeat=e,this},shadow(e){return this.style.boxShadow=e,this},shadowMd(){return this.style.boxShadow=`0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`,this},shadowLg(){return this.style.boxShadow=`0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)`,this},shadowNone(){return this.style.boxShadow=`none`,this},opacity(e){return this.style.opacity=String(e),this},text(e){return this.style.color=e,this},textColor(e){return this.style.color=e,this},textSize(e){return this.style.fontSize=e,this},textAlign(e){return this.style.textAlign=e,this},fontWeight(e){return this.style.fontWeight=e,this},lineHeight(e){return this.style.lineHeight=e,this},letterSpacing(e){return this.style.letterSpacing=e,this},textOverflow(e){return this.style.textOverflow=e,this},whitespace(e){return this.style.whiteSpace=e,this},truncate(){return this.style.overflow=`hidden`,this.style.textOverflow=`ellipsis`,this.style.whiteSpace=`nowrap`,this},lineClamp(e){return this.style.display=`-webkit-box`,this.style.webkitLineClamp=String(e),this.style.webkitBoxOrient=`vertical`,this.style.overflow=`hidden`,this},relative(){return this.style.position=`relative`,this},absolute(){return this.style.position=`absolute`,this},fixed(){return this.style.position=`fixed`,this},sticky(){return this.style.position=`sticky`,this},static(){return this.style.position=`static`,this},inset(e){return this.style.top=e,this.style.right=e,this.style.bottom=e,this.style.left=e,this},insetY(e){return this.style.top=e,this.style.bottom=e,this},insetX(e){return this.style.right=e,this.style.left=e,this},top(e){return this.style.top=e,this},right(e){return this.style.right=e,this},bottom(e){return this.style.bottom=e,this},left(e){return this.style.left=e,this},z(e){return this.style.zIndex=String(e),this},zIndex(e){return this.style.zIndex=String(e),this},overflow(e){return this.style.overflow=e,this},overflowX(e){return this.style.overflowX=e,this},overflowY(e){return this.style.overflowY=e,this},overflowHidden(){return this.style.overflow=`hidden`,this},overflowScroll(){return this.style.overflow=`scroll`,this},overflowAuto(){return this.style.overflow=`auto`,this},overflowVisible(){return this.style.overflow=`visible`,this},cursor(e){return this.style.cursor=e,this},cursorPointer(){return this.style.cursor=`pointer`,this},cursorDefault(){return this.style.cursor=`default`,this},cursorMove(){return this.style.cursor=`move`,this},cursorGrab(){return this.style.cursor=`grab`,this},cursorGrabbing(){return this.style.cursor=`grabbing`,this},pointerEvents(e){return this.style.pointerEvents=e,this},pointerEventsNone(){return this.style.pointerEvents=`none`,this},pointerEventsAuto(){return this.style.pointerEvents=`auto`,this},userSelect(e){return this.style.userSelect=e,this},selectNone(){return this.style.userSelect=`none`,this},selectText(){return this.style.userSelect=`text`,this},selectAll(){return this.style.userSelect=`all`,this},block(){return this.style.display=`block`,this},inlineBlock(){return this.style.display=`inline-block`,this},inline(){return this.style.display=`inline`,this},hide(){return this.style.display=`none`,this},visible(){return this.style.visibility=`visible`,this},invisible(){return this.style.visibility=`hidden`,this},rotate(e){return this.style.transform=`rotate(${e}deg)`,this},scale(e,t){let n=t===void 0?e:t;return this.style.transform=`scale(${e}, ${n})`,this},transformTranslate(e,t){return this.style.transform=`translate(${e}, ${t})`,this},transition(e){return this.style.transition=e,this},transitionDuration(e){return this.style.transitionDuration=e,this},transitionTimingFunction(e){return this.style.transitionTimingFunction=e,this},transitionDelay(e){return this.style.transitionDelay=e,this},onClick(e){return this.on(`click`,e)},onDoubleClick(e){return this.on(`dblclick`,e)},onMouseDown(e){return this.on(`mousedown`,e)},onMouseUp(e){return this.on(`mouseup`,e)},onMouseMove(e){return this.on(`mousemove`,e)},onMouseEnter(e){return this.on(`mouseenter`,e)},onMouseLeave(e){return this.on(`mouseleave`,e)},onMouseOver(e){return this.on(`mouseover`,e)},onMouseOut(e){return this.on(`mouseout`,e)},onMouseWheel(e){return this.on(`wheel`,e)},onKeyDown(e){return this.on(`keydown`,e)},onKeyUp(e){return this.on(`keyup`,e)},onKeyPress(e){return this.on(`keypress`,e)},onFocus(e){return this.on(`focus`,e)},onBlur(e){return this.on(`blur`,e)},onFocusIn(e){return this.on(`focusin`,e)},onFocusOut(e){return this.on(`focusout`,e)},onChange(e){return this.on(`change`,e)},onInput(e){return this.on(`input`,e)},onSubmit(e){return this.on(`submit`,e)},onReset(e){return this.on(`reset`,e)},onTouchStart(e){return this.on(`touchstart`,e)},onTouchEnd(e){return this.on(`touchend`,e)},onTouchMove(e){return this.on(`touchmove`,e)},onTouchCancel(e){return this.on(`touchcancel`,e)},onDrag(e){return this.on(`drag`,e)},onDragStart(e){return this.on(`dragstart`,e)},onDragEnd(e){return this.on(`dragend`,e)},onDragEnter(e){return this.on(`dragenter`,e)},onDragLeave(e){return this.on(`dragleave`,e)},onDragOver(e){return this.on(`dragover`,e)},onDragDrop(e){return this.on(`drop`,e)},onCopy(e){return this.on(`copy`,e)},onCut(e){return this.on(`cut`,e)},onPaste(e){return this.on(`paste`,e)},onScroll(e){return this.on(`scroll`,e)},onResize(e){return this.on(`resize`,e)},onPlay(e){return this.on(`play`,e)},onPause(e){return this.on(`pause`,e)},onEnded(e){return this.on(`ended`,e)},onVolumeChange(e){return this.on(`volumechange`,e)},onAnimationStart(e){return this.on(`animationstart`,e)},onAnimationEnd(e){return this.on(`animationend`,e)},onAnimationIteration(e){return this.on(`animationiteration`,e)},onTransitionEnd(e){return this.on(`transitionend`,e)},onPointerDown(e){return this.on(`pointerdown`,e)},onPointerUp(e){return this.on(`pointerup`,e)},onPointerMove(e){return this.on(`pointermove`,e)},onPointerEnter(e){return this.on(`pointerenter`,e)},onPointerLeave(e){return this.on(`pointerleave`,e)},onPointerCancel(e){return this.on(`pointercancel`,e)},on(e,t){return this.addEventListener(e,t),this},off(e,t){return this.removeEventListener(e,t),this}});const e=e=>document.createElement(e),t=()=>document.createElement(`div`),n=()=>document.createElement(`span`),r=()=>document.createElement(`section`),i=()=>document.createElement(`p`),a=()=>document.createElement(`input`),o=()=>document.createElement(`textarea`),s=()=>document.createElement(`button`);export{s as btn,t as div,e as h,a as input,i as p,r as section,n as span,o as textarea};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../src/element.ts","../src/index.ts"],"sourcesContent":["declare global {\n interface HTMLElement {\n jpui: true;\n\n // # utils\n id_(id: string): this;\n attr(attr: string, value: any): this;\n child(...nodes: any[]): this;\n\n // # styles\n class(classList: string[]): this;\n class(className: string): this;\n w(w: string): this;\n h(h: string): this;\n size(w: string, h: string): this;\n minW(w: string): this;\n minH(h: string): this;\n maxW(w: string): this;\n maxH(h: string): this;\n flex(): this;\n flexFlex(): this;\n flexNone(): this;\n flexAuto(): this;\n flexGrow(grow: number): this;\n flexShrink(shrink: number): this;\n flexBasis(basis: string): this;\n flexDirection(direction: string): this;\n flexWrap(wrap: string): this;\n grid(): this;\n gridTemplateColumns(columns: string): this;\n gridTemplateRows(rows: string): this;\n gridColumn(column: string): this;\n gridRow(row: string): this;\n gap(gap: string): this;\n gapX(gap: string): this;\n gapY(gap: string): this;\n justify(justify: string): this;\n items(items: string): this;\n content(content: string): this;\n self(alignSelf: string): this;\n justifySelf(justifySelf: string): this;\n px(px: string): this;\n py(py: string): this;\n pt(pt: string): this;\n pr(pr: string): this;\n pb(pb: string): this;\n pl(pl: string): this;\n p(p: string): this;\n mx(mx: string): this;\n my(my: string): this;\n mt(mt: string): this;\n mr(mr: string): this;\n mb(mb: string): this;\n ml(ml: string): this;\n m(m: string): this;\n border(): this;\n borderW(width: string): this;\n borderT(width: string): this;\n borderR(width: string): this;\n borderB(width: string): this;\n borderL(width: string): this;\n borderColor(color: string): this;\n borderStyle(style: string): this;\n rounded(radius: string): this;\n roundedTL(radius: string): this;\n roundedTR(radius: string): this;\n roundedBL(radius: string): this;\n roundedBR(radius: string): this;\n bg(color: string): this;\n bgColor(color: string): this;\n bgImage(image: string): this;\n bgSize(size: string): this;\n bgPosition(position: string): this;\n bgRepeat(repeat: string): this;\n shadow(shadow: string): this;\n shadowMd(): this;\n shadowLg(): this;\n shadowNone(): this;\n opacity(value: number): this;\n text(color: string): this;\n textColor(color: string): this;\n textSize(size: string): this;\n textAlign(align: string): this;\n fontWeight(weight: string): this;\n lineHeight(height: string): this;\n letterSpacing(spacing: string): this;\n textOverflow(overflow: string): this;\n whitespace(value: string): this;\n truncate(): this;\n lineClamp(lines: number): this;\n relative(): this;\n absolute(): this;\n fixed(): this;\n sticky(): this;\n static(): this;\n inset(value: string): this;\n insetY(value: string): this;\n insetX(value: string): this;\n top(value: string): this;\n right(value: string): this;\n bottom(value: string): this;\n left(value: string): this;\n z(value: number): this;\n zIndex(value: number): this;\n overflow(value: string): this;\n overflowX(value: string): this;\n overflowY(value: string): this;\n overflowHidden(): this;\n overflowScroll(): this;\n overflowAuto(): this;\n overflowVisible(): this;\n cursor(cursor: string): this;\n cursorPointer(): this;\n cursorDefault(): this;\n cursorMove(): this;\n cursorGrab(): this;\n cursorGrabbing(): this;\n pointerEvents(value: string): this;\n pointerEventsNone(): this;\n pointerEventsAuto(): this;\n userSelect(value: string): this;\n selectNone(): this;\n selectText(): this;\n selectAll(): this;\n block(): this;\n inlineBlock(): this;\n inline(): this;\n // renamed from hidden() to avoid clashing with HTMLElement.hidden\n hide(): this;\n visible(): this;\n invisible(): this;\n rotate(deg: number): this;\n scale(x: number, y?: number): this;\n // renamed from translate() to avoid clashing with HTMLElement.translate\n transformTranslate(x: string, y: string): this;\n transition(property: string): this;\n transitionDuration(duration: string): this;\n transitionTimingFunction(timing: string): this;\n transitionDelay(delay: string): this;\n\n // # events\n onClick(handler: (event: MouseEvent) => void): this;\n onDoubleClick(handler: (event: MouseEvent) => void): this;\n onMouseDown(handler: (event: MouseEvent) => void): this;\n onMouseUp(handler: (event: MouseEvent) => void): this;\n onMouseMove(handler: (event: MouseEvent) => void): this;\n onMouseEnter(handler: (event: MouseEvent) => void): this;\n onMouseLeave(handler: (event: MouseEvent) => void): this;\n onMouseOver(handler: (event: MouseEvent) => void): this;\n onMouseOut(handler: (event: MouseEvent) => void): this;\n onMouseWheel(handler: (event: WheelEvent) => void): this;\n onKeyDown(handler: (event: KeyboardEvent) => void): this;\n onKeyUp(handler: (event: KeyboardEvent) => void): this;\n onKeyPress(handler: (event: KeyboardEvent) => void): this;\n onFocus(handler: (event: FocusEvent) => void): this;\n onBlur(handler: (event: FocusEvent) => void): this;\n onFocusIn(handler: (event: FocusEvent) => void): this;\n onFocusOut(handler: (event: FocusEvent) => void): this;\n onChange(handler: (event: Event) => void): this;\n onInput(handler: (event: Event) => void): this;\n onSubmit(handler: (event: SubmitEvent) => void): this;\n onReset(handler: (event: Event) => void): this;\n onTouchStart(handler: (event: TouchEvent) => void): this;\n onTouchEnd(handler: (event: TouchEvent) => void): this;\n onTouchMove(handler: (event: TouchEvent) => void): this;\n onTouchCancel(handler: (event: TouchEvent) => void): this;\n onDrag(handler: (event: DragEvent) => void): this;\n onDragStart(handler: (event: DragEvent) => void): this;\n onDragEnd(handler: (event: DragEvent) => void): this;\n onDragEnter(handler: (event: DragEvent) => void): this;\n onDragLeave(handler: (event: DragEvent) => void): this;\n onDragOver(handler: (event: DragEvent) => void): this;\n onDragDrop(handler: (event: DragEvent) => void): this;\n onCopy(handler: (event: ClipboardEvent) => void): this;\n onCut(handler: (event: ClipboardEvent) => void): this;\n onPaste(handler: (event: ClipboardEvent) => void): this;\n onScroll(handler: (event: Event) => void): this;\n onResize(handler: (event: UIEvent) => void): this;\n onPlay(handler: (event: Event) => void): this;\n onPause(handler: (event: Event) => void): this;\n onEnded(handler: (event: Event) => void): this;\n onVolumeChange(handler: (event: Event) => void): this;\n onAnimationStart(handler: (event: AnimationEvent) => void): this;\n onAnimationEnd(handler: (event: AnimationEvent) => void): this;\n onAnimationIteration(handler: (event: AnimationEvent) => void): this;\n onTransitionEnd(handler: (event: TransitionEvent) => void): this;\n onPointerDown(handler: (event: PointerEvent) => void): this;\n onPointerUp(handler: (event: PointerEvent) => void): this;\n onPointerMove(handler: (event: PointerEvent) => void): this;\n onPointerEnter(handler: (event: PointerEvent) => void): this;\n onPointerLeave(handler: (event: PointerEvent) => void): this;\n onPointerCancel(handler: (event: PointerEvent) => void): this;\n on(eventName: string, handler: EventListener): this;\n off(eventName: string, handler: EventListener): this;\n }\n}\n\nObject.assign(HTMLElement.prototype, {\n id_(id) {\n this.id = id;\n return this;\n },\n attr(attr, value) {\n this.setAttribute(attr, value);\n return this;\n },\n child(...nodes) {\n this.append(...nodes);\n return this;\n },\n class(c) {\n if (Array.isArray(c)) {\n this.className = c.join(' ');\n } else {\n this.className = c;\n }\n return this;\n },\n w(w) {\n this.style.width = w;\n return this;\n },\n\n h(h) {\n this.style.height = h;\n return this;\n },\n\n size(w, h) {\n this.style.width = w;\n this.style.height = h;\n return this;\n },\n\n minW(w) {\n this.style.minWidth = w;\n return this;\n },\n\n minH(h) {\n this.style.minHeight = h;\n return this;\n },\n\n maxW(w) {\n this.style.maxWidth = w;\n return this;\n },\n\n maxH(h) {\n this.style.maxHeight = h;\n return this;\n },\n\n flex() {\n this.style.display = 'flex';\n return this;\n },\n\n flexFlex() {\n this.style.display = 'flex';\n this.style.flex = '1 1 0%';\n return this;\n },\n\n flexNone() {\n this.style.flex = 'none';\n return this;\n },\n\n flexAuto() {\n this.style.flex = '1 1 auto';\n return this;\n },\n\n flexGrow(grow) {\n this.style.flexGrow = String(grow);\n return this;\n },\n\n flexShrink(shrink) {\n this.style.flexShrink = String(shrink);\n return this;\n },\n\n flexBasis(basis) {\n this.style.flexBasis = basis;\n return this;\n },\n\n flexDirection(direction) {\n this.style.flexDirection = direction;\n return this;\n },\n\n flexWrap(wrap) {\n this.style.flexWrap = wrap;\n return this;\n },\n\n grid() {\n this.style.display = 'grid';\n return this;\n },\n\n gridTemplateColumns(columns) {\n this.style.gridTemplateColumns = columns;\n return this;\n },\n\n gridTemplateRows(rows) {\n this.style.gridTemplateRows = rows;\n return this;\n },\n\n gridColumn(column) {\n this.style.gridColumn = column;\n return this;\n },\n\n gridRow(row) {\n this.style.gridRow = row;\n return this;\n },\n\n gap(gap) {\n this.style.gap = gap;\n return this;\n },\n\n gapX(gap) {\n this.style.columnGap = gap;\n return this;\n },\n\n gapY(gap) {\n this.style.rowGap = gap;\n return this;\n },\n\n justify(justify) {\n this.style.justifyContent = justify;\n return this;\n },\n\n items(items) {\n this.style.alignItems = items;\n return this;\n },\n\n content(content) {\n this.style.alignContent = content;\n return this;\n },\n\n self(alignSelf) {\n this.style.alignSelf = alignSelf;\n return this;\n },\n\n justifySelf(justifySelf) {\n this.style.justifySelf = justifySelf;\n return this;\n },\n\n px(px) {\n this.style.paddingLeft = px;\n this.style.paddingRight = px;\n return this;\n },\n\n py(py) {\n this.style.paddingTop = py;\n this.style.paddingBottom = py;\n return this;\n },\n\n pt(pt) {\n this.style.paddingTop = pt;\n return this;\n },\n\n pr(pr) {\n this.style.paddingRight = pr;\n return this;\n },\n\n pb(pb) {\n this.style.paddingBottom = pb;\n return this;\n },\n\n pl(pl) {\n this.style.paddingLeft = pl;\n return this;\n },\n\n p(p) {\n this.style.padding = p;\n return this;\n },\n\n mx(mx) {\n this.style.marginLeft = mx;\n this.style.marginRight = mx;\n return this;\n },\n\n my(my) {\n this.style.marginTop = my;\n this.style.marginBottom = my;\n return this;\n },\n\n mt(mt) {\n this.style.marginTop = mt;\n return this;\n },\n\n mr(mr) {\n this.style.marginRight = mr;\n return this;\n },\n\n mb(mb) {\n this.style.marginBottom = mb;\n return this;\n },\n\n ml(ml) {\n this.style.marginLeft = ml;\n return this;\n },\n\n m(m) {\n this.style.margin = m;\n return this;\n },\n\n border() {\n this.style.border = '1px solid currentColor';\n return this;\n },\n\n borderW(width) {\n this.style.borderWidth = width;\n return this;\n },\n\n borderT(width) {\n this.style.borderTopWidth = width;\n return this;\n },\n\n borderR(width) {\n this.style.borderRightWidth = width;\n return this;\n },\n\n borderB(width) {\n this.style.borderBottomWidth = width;\n return this;\n },\n\n borderL(width) {\n this.style.borderLeftWidth = width;\n return this;\n },\n\n borderColor(color) {\n this.style.borderColor = color;\n return this;\n },\n\n borderStyle(style) {\n this.style.borderStyle = style;\n return this;\n },\n\n rounded(radius) {\n this.style.borderRadius = radius;\n return this;\n },\n\n roundedTL(radius) {\n this.style.borderTopLeftRadius = radius;\n return this;\n },\n\n roundedTR(radius) {\n this.style.borderTopRightRadius = radius;\n return this;\n },\n\n roundedBL(radius) {\n this.style.borderBottomLeftRadius = radius;\n return this;\n },\n\n roundedBR(radius) {\n this.style.borderBottomRightRadius = radius;\n return this;\n },\n\n bg(color) {\n this.style.backgroundColor = color;\n return this;\n },\n\n bgColor(color) {\n this.style.backgroundColor = color;\n return this;\n },\n\n bgImage(image) {\n this.style.backgroundImage = image;\n return this;\n },\n\n bgSize(size) {\n this.style.backgroundSize = size;\n return this;\n },\n\n bgPosition(position) {\n this.style.backgroundPosition = position;\n return this;\n },\n\n bgRepeat(repeat) {\n this.style.backgroundRepeat = repeat;\n return this;\n },\n\n shadow(shadow) {\n this.style.boxShadow = shadow;\n return this;\n },\n\n shadowMd() {\n this.style.boxShadow = '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)';\n return this;\n },\n\n shadowLg() {\n this.style.boxShadow = '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)';\n return this;\n },\n\n shadowNone() {\n this.style.boxShadow = 'none';\n return this;\n },\n\n opacity(value) {\n this.style.opacity = String(value);\n return this;\n },\n\n text(color) {\n this.style.color = color;\n return this;\n },\n\n textColor(color) {\n this.style.color = color;\n return this;\n },\n\n textSize(size) {\n this.style.fontSize = size;\n return this;\n },\n\n textAlign(align) {\n this.style.textAlign = align;\n return this;\n },\n\n fontWeight(weight) {\n this.style.fontWeight = weight;\n return this;\n },\n\n lineHeight(height) {\n this.style.lineHeight = height;\n return this;\n },\n\n letterSpacing(spacing) {\n this.style.letterSpacing = spacing;\n return this;\n },\n\n textOverflow(overflow) {\n this.style.textOverflow = overflow;\n return this;\n },\n\n whitespace(value) {\n this.style.whiteSpace = value;\n return this;\n },\n\n truncate() {\n this.style.overflow = 'hidden';\n this.style.textOverflow = 'ellipsis';\n this.style.whiteSpace = 'nowrap';\n return this;\n },\n\n lineClamp(lines) {\n this.style.display = '-webkit-box';\n this.style.webkitLineClamp = String(lines);\n this.style.webkitBoxOrient = 'vertical';\n this.style.overflow = 'hidden';\n return this;\n },\n\n relative() {\n this.style.position = 'relative';\n return this;\n },\n\n absolute() {\n this.style.position = 'absolute';\n return this;\n },\n\n fixed() {\n this.style.position = 'fixed';\n return this;\n },\n\n sticky() {\n this.style.position = 'sticky';\n return this;\n },\n\n static() {\n this.style.position = 'static';\n return this;\n },\n\n inset(value) {\n this.style.top = value;\n this.style.right = value;\n this.style.bottom = value;\n this.style.left = value;\n return this;\n },\n\n insetY(value) {\n this.style.top = value;\n this.style.bottom = value;\n return this;\n },\n\n insetX(value) {\n this.style.right = value;\n this.style.left = value;\n return this;\n },\n\n top(value) {\n this.style.top = value;\n return this;\n },\n\n right(value) {\n this.style.right = value;\n return this;\n },\n\n bottom(value) {\n this.style.bottom = value;\n return this;\n },\n\n left(value) {\n this.style.left = value;\n return this;\n },\n\n z(value) {\n this.style.zIndex = String(value);\n return this;\n },\n\n zIndex(value) {\n this.style.zIndex = String(value);\n return this;\n },\n\n overflow(value) {\n this.style.overflow = value;\n return this;\n },\n\n overflowX(value) {\n this.style.overflowX = value;\n return this;\n },\n\n overflowY(value) {\n this.style.overflowY = value;\n return this;\n },\n\n overflowHidden() {\n this.style.overflow = 'hidden';\n return this;\n },\n\n overflowScroll() {\n this.style.overflow = 'scroll';\n return this;\n },\n\n overflowAuto() {\n this.style.overflow = 'auto';\n return this;\n },\n\n overflowVisible() {\n this.style.overflow = 'visible';\n return this;\n },\n\n cursor(cursor) {\n this.style.cursor = cursor;\n return this;\n },\n\n cursorPointer() {\n this.style.cursor = 'pointer';\n return this;\n },\n\n cursorDefault() {\n this.style.cursor = 'default';\n return this;\n },\n\n cursorMove() {\n this.style.cursor = 'move';\n return this;\n },\n\n cursorGrab() {\n this.style.cursor = 'grab';\n return this;\n },\n\n cursorGrabbing() {\n this.style.cursor = 'grabbing';\n return this;\n },\n\n pointerEvents(value) {\n this.style.pointerEvents = value;\n return this;\n },\n\n pointerEventsNone() {\n this.style.pointerEvents = 'none';\n return this;\n },\n\n pointerEventsAuto() {\n this.style.pointerEvents = 'auto';\n return this;\n },\n\n userSelect(value) {\n this.style.userSelect = value;\n return this;\n },\n\n selectNone() {\n this.style.userSelect = 'none';\n return this;\n },\n\n selectText() {\n this.style.userSelect = 'text';\n return this;\n },\n\n selectAll() {\n this.style.userSelect = 'all';\n return this;\n },\n\n block() {\n this.style.display = 'block';\n return this;\n },\n\n inlineBlock() {\n this.style.display = 'inline-block';\n return this;\n },\n\n inline() {\n this.style.display = 'inline';\n return this;\n },\n\n hide() {\n this.style.display = 'none';\n return this;\n },\n\n visible() {\n this.style.visibility = 'visible';\n return this;\n },\n\n invisible() {\n this.style.visibility = 'hidden';\n return this;\n },\n\n rotate(deg) {\n this.style.transform = `rotate(${deg}deg)`;\n return this;\n },\n\n scale(x, y?) {\n const yValue = y !== undefined ? y : x;\n this.style.transform = `scale(${x}, ${yValue})`;\n return this;\n },\n\n transformTranslate(x, y) {\n this.style.transform = `translate(${x}, ${y})`;\n return this;\n },\n\n transition(property) {\n this.style.transition = property;\n return this;\n },\n\n transitionDuration(duration) {\n this.style.transitionDuration = duration;\n return this;\n },\n\n transitionTimingFunction(timing) {\n this.style.transitionTimingFunction = timing;\n return this;\n },\n\n transitionDelay(delay) {\n this.style.transitionDelay = delay;\n return this;\n },\n\n onClick(handler) {\n this.addEventListener('click', handler);\n return this;\n },\n\n onDoubleClick(handler) {\n this.addEventListener('dblclick', handler);\n return this;\n },\n\n onMouseDown(handler) {\n this.addEventListener('mousedown', handler);\n return this;\n },\n\n onMouseUp(handler) {\n this.addEventListener('mouseup', handler);\n return this;\n },\n\n onMouseMove(handler) {\n this.addEventListener('mousemove', handler);\n return this;\n },\n\n onMouseEnter(handler) {\n this.addEventListener('mouseenter', handler);\n return this;\n },\n\n onMouseLeave(handler) {\n this.addEventListener('mouseleave', handler);\n return this;\n },\n\n onMouseOver(handler) {\n this.addEventListener('mouseover', handler);\n return this;\n },\n\n onMouseOut(handler) {\n this.addEventListener('mouseout', handler);\n return this;\n },\n\n onMouseWheel(handler) {\n this.addEventListener('wheel', handler);\n return this;\n },\n\n onKeyDown(handler) {\n this.addEventListener('keydown', handler);\n return this;\n },\n\n onKeyUp(handler) {\n this.addEventListener('keyup', handler);\n return this;\n },\n\n onKeyPress(handler) {\n this.addEventListener('keypress', handler);\n return this;\n },\n\n onFocus(handler) {\n this.addEventListener('focus', handler);\n return this;\n },\n\n onBlur(handler) {\n this.addEventListener('blur', handler);\n return this;\n },\n\n onFocusIn(handler) {\n this.addEventListener('focusin', handler);\n return this;\n },\n\n onFocusOut(handler) {\n this.addEventListener('focusout', handler);\n return this;\n },\n\n onChange(handler) {\n this.addEventListener('change', handler);\n return this;\n },\n\n onInput(handler) {\n this.addEventListener('input', handler);\n return this;\n },\n\n onSubmit(handler) {\n this.addEventListener('submit', handler);\n return this;\n },\n\n onReset(handler) {\n this.addEventListener('reset', handler);\n return this;\n },\n\n onTouchStart(handler) {\n this.addEventListener('touchstart', handler);\n return this;\n },\n\n onTouchEnd(handler) {\n this.addEventListener('touchend', handler);\n return this;\n },\n\n onTouchMove(handler) {\n this.addEventListener('touchmove', handler);\n return this;\n },\n\n onTouchCancel(handler) {\n this.addEventListener('touchcancel', handler);\n return this;\n },\n\n onDrag(handler: (event: DragEvent) => void) {\n this.addEventListener('drag', handler);\n return this;\n },\n\n onDragStart(handler: (event: DragEvent) => void) {\n this.addEventListener('dragstart', handler);\n return this;\n },\n\n onDragEnd(handler: (event: DragEvent) => void) {\n this.addEventListener('dragend', handler);\n return this;\n },\n\n onDragEnter(handler: (event: DragEvent) => void) {\n this.addEventListener('dragenter', handler);\n return this;\n },\n\n onDragLeave(handler: (event: DragEvent) => void) {\n this.addEventListener('dragleave', handler);\n return this;\n },\n\n onDragOver(handler: (event: DragEvent) => void) {\n this.addEventListener('dragover', handler);\n return this;\n },\n\n onDragDrop(handler: (event: DragEvent) => void) {\n this.addEventListener('drop', handler);\n return this;\n },\n\n onCopy(handler: (event: ClipboardEvent) => void) {\n this.addEventListener('copy', handler);\n return this;\n },\n\n onCut(handler: (event: ClipboardEvent) => void) {\n this.addEventListener('cut', handler);\n return this;\n },\n\n onPaste(handler: (event: ClipboardEvent) => void) {\n this.addEventListener('paste', handler);\n return this;\n },\n\n onScroll(handler) {\n this.addEventListener('scroll', handler);\n return this;\n },\n\n onResize(handler: (event: UIEvent) => void) {\n this.addEventListener('resize', handler);\n return this;\n },\n\n onPlay(handler) {\n this.addEventListener('play', handler);\n return this;\n },\n\n onPause(handler) {\n this.addEventListener('pause', handler);\n return this;\n },\n\n onEnded(handler) {\n this.addEventListener('ended', handler);\n return this;\n },\n\n onVolumeChange(handler) {\n this.addEventListener('volumechange', handler);\n return this;\n },\n\n onAnimationStart(handler) {\n this.addEventListener('animationstart', handler);\n return this;\n },\n\n onAnimationEnd(handler) {\n this.addEventListener('animationend', handler);\n return this;\n },\n\n onAnimationIteration(handler) {\n this.addEventListener('animationiteration', handler);\n return this;\n },\n\n onTransitionEnd(handler) {\n this.addEventListener('transitionend', handler);\n return this;\n },\n\n onPointerDown(handler) {\n this.addEventListener('pointerdown', handler);\n return this;\n },\n\n onPointerUp(handler) {\n this.addEventListener('pointerup', handler);\n return this;\n },\n\n onPointerMove(handler) {\n this.addEventListener('pointermove', handler);\n return this;\n },\n\n onPointerEnter(handler) {\n this.addEventListener('pointerenter', handler);\n return this;\n },\n\n onPointerLeave(handler) {\n this.addEventListener('pointerleave', handler);\n return this;\n },\n\n onPointerCancel(handler) {\n this.addEventListener('pointercancel', handler);\n return this;\n },\n\n on(eventName, handler) {\n this.addEventListener(eventName, handler);\n return this;\n },\n\n off(eventName, handler) {\n this.removeEventListener(eventName, handler);\n return this;\n },\n} as HTMLElement);\n\nexport {};\n","import './element.js';\n\nexport const h = <T extends keyof HTMLElementTagNameMap>(tag: T): HTMLElementTagNameMap[T] =>\n document.createElement(tag);\n\nexport const div = () => document.createElement('div');\nexport const span = () => document.createElement('span');\nexport const section = () => document.createElement('section');\nexport const p = () => document.createElement('p');\nexport const input = () => document.createElement('input');\nexport const textarea = () => document.createElement('textarea');\nexport const btn = () => document.createElement('button');\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../src/element.ts","../src/index.ts"],"sourcesContent":["declare global {\n interface HTMLElement {\n jpui: true;\n\n // # utils\n id_(id: string): this;\n attr(attr: string, value: any): this;\n child(...nodes: any[]): this;\n\n // # styles\n class(classList: string[]): this;\n class(className: string): this;\n w(w: string): this;\n h(h: string): this;\n size(w: string, h: string): this;\n minW(w: string): this;\n minH(h: string): this;\n maxW(w: string): this;\n maxH(h: string): this;\n flex(): this;\n flexFlex(): this;\n flexNone(): this;\n flexAuto(): this;\n flexGrow(grow: number): this;\n flexShrink(shrink: number): this;\n flexBasis(basis: string): this;\n flexDirection(direction: string): this;\n flexWrap(wrap: string): this;\n grid(): this;\n gridTemplateColumns(columns: string): this;\n gridTemplateRows(rows: string): this;\n gridColumn(column: string): this;\n gridRow(row: string): this;\n gap(gap: string): this;\n gapX(gap: string): this;\n gapY(gap: string): this;\n justify(justify: string): this;\n items(items: string): this;\n content(content: string): this;\n self(alignSelf: string): this;\n justifySelf(justifySelf: string): this;\n px(px: string): this;\n py(py: string): this;\n pt(pt: string): this;\n pr(pr: string): this;\n pb(pb: string): this;\n pl(pl: string): this;\n p(p: string): this;\n mx(mx: string): this;\n my(my: string): this;\n mt(mt: string): this;\n mr(mr: string): this;\n mb(mb: string): this;\n ml(ml: string): this;\n m(m: string): this;\n border(): this;\n borderW(width: string): this;\n borderT(width: string): this;\n borderR(width: string): this;\n borderB(width: string): this;\n borderL(width: string): this;\n borderColor(color: string): this;\n borderStyle(style: string): this;\n rounded(radius: string): this;\n roundedTL(radius: string): this;\n roundedTR(radius: string): this;\n roundedBL(radius: string): this;\n roundedBR(radius: string): this;\n bg(color: string): this;\n bgColor(color: string): this;\n bgImage(image: string): this;\n bgSize(size: string): this;\n bgPosition(position: string): this;\n bgRepeat(repeat: string): this;\n shadow(shadow: string): this;\n shadowMd(): this;\n shadowLg(): this;\n shadowNone(): this;\n opacity(value: number): this;\n text(color: string): this;\n textColor(color: string): this;\n textSize(size: string): this;\n textAlign(align: string): this;\n fontWeight(weight: string): this;\n lineHeight(height: string): this;\n letterSpacing(spacing: string): this;\n textOverflow(overflow: string): this;\n whitespace(value: string): this;\n truncate(): this;\n lineClamp(lines: number): this;\n relative(): this;\n absolute(): this;\n fixed(): this;\n sticky(): this;\n static(): this;\n inset(value: string): this;\n insetY(value: string): this;\n insetX(value: string): this;\n top(value: string): this;\n right(value: string): this;\n bottom(value: string): this;\n left(value: string): this;\n z(value: number): this;\n zIndex(value: number): this;\n overflow(value: string): this;\n overflowX(value: string): this;\n overflowY(value: string): this;\n overflowHidden(): this;\n overflowScroll(): this;\n overflowAuto(): this;\n overflowVisible(): this;\n cursor(cursor: string): this;\n cursorPointer(): this;\n cursorDefault(): this;\n cursorMove(): this;\n cursorGrab(): this;\n cursorGrabbing(): this;\n pointerEvents(value: string): this;\n pointerEventsNone(): this;\n pointerEventsAuto(): this;\n userSelect(value: string): this;\n selectNone(): this;\n selectText(): this;\n selectAll(): this;\n block(): this;\n inlineBlock(): this;\n inline(): this;\n // renamed from hidden() to avoid clashing with HTMLElement.hidden\n hide(): this;\n visible(): this;\n invisible(): this;\n rotate(deg: number): this;\n scale(x: number, y?: number): this;\n // renamed from translate() to avoid clashing with HTMLElement.translate\n transformTranslate(x: string, y: string): this;\n transition(property: string): this;\n transitionDuration(duration: string): this;\n transitionTimingFunction(timing: string): this;\n transitionDelay(delay: string): this;\n\n // # events\n onClick(handler: (event: MouseEvent) => void): this;\n onDoubleClick(handler: (event: MouseEvent) => void): this;\n onMouseDown(handler: (event: MouseEvent) => void): this;\n onMouseUp(handler: (event: MouseEvent) => void): this;\n onMouseMove(handler: (event: MouseEvent) => void): this;\n onMouseEnter(handler: (event: MouseEvent) => void): this;\n onMouseLeave(handler: (event: MouseEvent) => void): this;\n onMouseOver(handler: (event: MouseEvent) => void): this;\n onMouseOut(handler: (event: MouseEvent) => void): this;\n onMouseWheel(handler: (event: WheelEvent) => void): this;\n onKeyDown(handler: (event: KeyboardEvent) => void): this;\n onKeyUp(handler: (event: KeyboardEvent) => void): this;\n onKeyPress(handler: (event: KeyboardEvent) => void): this;\n onFocus(handler: (event: FocusEvent) => void): this;\n onBlur(handler: (event: FocusEvent) => void): this;\n onFocusIn(handler: (event: FocusEvent) => void): this;\n onFocusOut(handler: (event: FocusEvent) => void): this;\n onChange(handler: (event: Event) => void): this;\n onInput(handler: (event: Event) => void): this;\n onSubmit(handler: (event: SubmitEvent) => void): this;\n onReset(handler: (event: Event) => void): this;\n onTouchStart(handler: (event: TouchEvent) => void): this;\n onTouchEnd(handler: (event: TouchEvent) => void): this;\n onTouchMove(handler: (event: TouchEvent) => void): this;\n onTouchCancel(handler: (event: TouchEvent) => void): this;\n onDrag(handler: (event: DragEvent) => void): this;\n onDragStart(handler: (event: DragEvent) => void): this;\n onDragEnd(handler: (event: DragEvent) => void): this;\n onDragEnter(handler: (event: DragEvent) => void): this;\n onDragLeave(handler: (event: DragEvent) => void): this;\n onDragOver(handler: (event: DragEvent) => void): this;\n onDragDrop(handler: (event: DragEvent) => void): this;\n onCopy(handler: (event: ClipboardEvent) => void): this;\n onCut(handler: (event: ClipboardEvent) => void): this;\n onPaste(handler: (event: ClipboardEvent) => void): this;\n onScroll(handler: (event: Event) => void): this;\n onResize(handler: (event: UIEvent) => void): this;\n onPlay(handler: (event: Event) => void): this;\n onPause(handler: (event: Event) => void): this;\n onEnded(handler: (event: Event) => void): this;\n onVolumeChange(handler: (event: Event) => void): this;\n onAnimationStart(handler: (event: AnimationEvent) => void): this;\n onAnimationEnd(handler: (event: AnimationEvent) => void): this;\n onAnimationIteration(handler: (event: AnimationEvent) => void): this;\n onTransitionEnd(handler: (event: TransitionEvent) => void): this;\n onPointerDown(handler: (event: PointerEvent) => void): this;\n onPointerUp(handler: (event: PointerEvent) => void): this;\n onPointerMove(handler: (event: PointerEvent) => void): this;\n onPointerEnter(handler: (event: PointerEvent) => void): this;\n onPointerLeave(handler: (event: PointerEvent) => void): this;\n onPointerCancel(handler: (event: PointerEvent) => void): this;\n on(eventName: string, handler: EventListener): this;\n off(eventName: string, handler: EventListener): this;\n }\n}\n\nObject.assign(HTMLElement.prototype, {\n id_(id) {\n this.id = id;\n return this;\n },\n attr(attr, value) {\n this.setAttribute(attr, value);\n return this;\n },\n child(...nodes) {\n this.append(...nodes);\n return this;\n },\n class(c) {\n if (Array.isArray(c)) {\n this.className = c.join(' ');\n } else {\n this.className = c;\n }\n return this;\n },\n w(w) {\n this.style.width = w;\n return this;\n },\n\n h(h) {\n this.style.height = h;\n return this;\n },\n\n size(w, h) {\n this.style.width = w;\n this.style.height = h;\n return this;\n },\n\n minW(w) {\n this.style.minWidth = w;\n return this;\n },\n\n minH(h) {\n this.style.minHeight = h;\n return this;\n },\n\n maxW(w) {\n this.style.maxWidth = w;\n return this;\n },\n\n maxH(h) {\n this.style.maxHeight = h;\n return this;\n },\n\n flex() {\n this.style.display = 'flex';\n return this;\n },\n\n flexFlex() {\n this.style.display = 'flex';\n this.style.flex = '1 1 0%';\n return this;\n },\n\n flexNone() {\n this.style.flex = 'none';\n return this;\n },\n\n flexAuto() {\n this.style.flex = '1 1 auto';\n return this;\n },\n\n flexGrow(grow) {\n this.style.flexGrow = String(grow);\n return this;\n },\n\n flexShrink(shrink) {\n this.style.flexShrink = String(shrink);\n return this;\n },\n\n flexBasis(basis) {\n this.style.flexBasis = basis;\n return this;\n },\n\n flexDirection(direction) {\n this.style.flexDirection = direction;\n return this;\n },\n\n flexWrap(wrap) {\n this.style.flexWrap = wrap;\n return this;\n },\n\n grid() {\n this.style.display = 'grid';\n return this;\n },\n\n gridTemplateColumns(columns) {\n this.style.gridTemplateColumns = columns;\n return this;\n },\n\n gridTemplateRows(rows) {\n this.style.gridTemplateRows = rows;\n return this;\n },\n\n gridColumn(column) {\n this.style.gridColumn = column;\n return this;\n },\n\n gridRow(row) {\n this.style.gridRow = row;\n return this;\n },\n\n gap(gap) {\n this.style.gap = gap;\n return this;\n },\n\n gapX(gap) {\n this.style.columnGap = gap;\n return this;\n },\n\n gapY(gap) {\n this.style.rowGap = gap;\n return this;\n },\n\n justify(justify) {\n this.style.justifyContent = justify;\n return this;\n },\n\n items(items) {\n this.style.alignItems = items;\n return this;\n },\n\n content(content) {\n this.style.alignContent = content;\n return this;\n },\n\n self(alignSelf) {\n this.style.alignSelf = alignSelf;\n return this;\n },\n\n justifySelf(justifySelf) {\n this.style.justifySelf = justifySelf;\n return this;\n },\n\n px(px) {\n this.style.paddingLeft = px;\n this.style.paddingRight = px;\n return this;\n },\n\n py(py) {\n this.style.paddingTop = py;\n this.style.paddingBottom = py;\n return this;\n },\n\n pt(pt) {\n this.style.paddingTop = pt;\n return this;\n },\n\n pr(pr) {\n this.style.paddingRight = pr;\n return this;\n },\n\n pb(pb) {\n this.style.paddingBottom = pb;\n return this;\n },\n\n pl(pl) {\n this.style.paddingLeft = pl;\n return this;\n },\n\n p(p) {\n this.style.padding = p;\n return this;\n },\n\n mx(mx) {\n this.style.marginLeft = mx;\n this.style.marginRight = mx;\n return this;\n },\n\n my(my) {\n this.style.marginTop = my;\n this.style.marginBottom = my;\n return this;\n },\n\n mt(mt) {\n this.style.marginTop = mt;\n return this;\n },\n\n mr(mr) {\n this.style.marginRight = mr;\n return this;\n },\n\n mb(mb) {\n this.style.marginBottom = mb;\n return this;\n },\n\n ml(ml) {\n this.style.marginLeft = ml;\n return this;\n },\n\n m(m) {\n this.style.margin = m;\n return this;\n },\n\n border() {\n this.style.border = '1px solid currentColor';\n return this;\n },\n\n borderW(width) {\n this.style.borderWidth = width;\n return this;\n },\n\n borderT(width) {\n this.style.borderTopWidth = width;\n return this;\n },\n\n borderR(width) {\n this.style.borderRightWidth = width;\n return this;\n },\n\n borderB(width) {\n this.style.borderBottomWidth = width;\n return this;\n },\n\n borderL(width) {\n this.style.borderLeftWidth = width;\n return this;\n },\n\n borderColor(color) {\n this.style.borderColor = color;\n return this;\n },\n\n borderStyle(style) {\n this.style.borderStyle = style;\n return this;\n },\n\n rounded(radius) {\n this.style.borderRadius = radius;\n return this;\n },\n\n roundedTL(radius) {\n this.style.borderTopLeftRadius = radius;\n return this;\n },\n\n roundedTR(radius) {\n this.style.borderTopRightRadius = radius;\n return this;\n },\n\n roundedBL(radius) {\n this.style.borderBottomLeftRadius = radius;\n return this;\n },\n\n roundedBR(radius) {\n this.style.borderBottomRightRadius = radius;\n return this;\n },\n\n bg(color) {\n this.style.backgroundColor = color;\n return this;\n },\n\n bgColor(color) {\n this.style.backgroundColor = color;\n return this;\n },\n\n bgImage(image) {\n this.style.backgroundImage = image;\n return this;\n },\n\n bgSize(size) {\n this.style.backgroundSize = size;\n return this;\n },\n\n bgPosition(position) {\n this.style.backgroundPosition = position;\n return this;\n },\n\n bgRepeat(repeat) {\n this.style.backgroundRepeat = repeat;\n return this;\n },\n\n shadow(shadow) {\n this.style.boxShadow = shadow;\n return this;\n },\n\n shadowMd() {\n this.style.boxShadow = '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)';\n return this;\n },\n\n shadowLg() {\n this.style.boxShadow = '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)';\n return this;\n },\n\n shadowNone() {\n this.style.boxShadow = 'none';\n return this;\n },\n\n opacity(value) {\n this.style.opacity = String(value);\n return this;\n },\n\n text(color) {\n this.style.color = color;\n return this;\n },\n\n textColor(color) {\n this.style.color = color;\n return this;\n },\n\n textSize(size) {\n this.style.fontSize = size;\n return this;\n },\n\n textAlign(align) {\n this.style.textAlign = align;\n return this;\n },\n\n fontWeight(weight) {\n this.style.fontWeight = weight;\n return this;\n },\n\n lineHeight(height) {\n this.style.lineHeight = height;\n return this;\n },\n\n letterSpacing(spacing) {\n this.style.letterSpacing = spacing;\n return this;\n },\n\n textOverflow(overflow) {\n this.style.textOverflow = overflow;\n return this;\n },\n\n whitespace(value) {\n this.style.whiteSpace = value;\n return this;\n },\n\n truncate() {\n this.style.overflow = 'hidden';\n this.style.textOverflow = 'ellipsis';\n this.style.whiteSpace = 'nowrap';\n return this;\n },\n\n lineClamp(lines) {\n this.style.display = '-webkit-box';\n this.style.webkitLineClamp = String(lines);\n this.style.webkitBoxOrient = 'vertical';\n this.style.overflow = 'hidden';\n return this;\n },\n\n relative() {\n this.style.position = 'relative';\n return this;\n },\n\n absolute() {\n this.style.position = 'absolute';\n return this;\n },\n\n fixed() {\n this.style.position = 'fixed';\n return this;\n },\n\n sticky() {\n this.style.position = 'sticky';\n return this;\n },\n\n static() {\n this.style.position = 'static';\n return this;\n },\n\n inset(value) {\n this.style.top = value;\n this.style.right = value;\n this.style.bottom = value;\n this.style.left = value;\n return this;\n },\n\n insetY(value) {\n this.style.top = value;\n this.style.bottom = value;\n return this;\n },\n\n insetX(value) {\n this.style.right = value;\n this.style.left = value;\n return this;\n },\n\n top(value) {\n this.style.top = value;\n return this;\n },\n\n right(value) {\n this.style.right = value;\n return this;\n },\n\n bottom(value) {\n this.style.bottom = value;\n return this;\n },\n\n left(value) {\n this.style.left = value;\n return this;\n },\n\n z(value) {\n this.style.zIndex = String(value);\n return this;\n },\n\n zIndex(value) {\n this.style.zIndex = String(value);\n return this;\n },\n\n overflow(value) {\n this.style.overflow = value;\n return this;\n },\n\n overflowX(value) {\n this.style.overflowX = value;\n return this;\n },\n\n overflowY(value) {\n this.style.overflowY = value;\n return this;\n },\n\n overflowHidden() {\n this.style.overflow = 'hidden';\n return this;\n },\n\n overflowScroll() {\n this.style.overflow = 'scroll';\n return this;\n },\n\n overflowAuto() {\n this.style.overflow = 'auto';\n return this;\n },\n\n overflowVisible() {\n this.style.overflow = 'visible';\n return this;\n },\n\n cursor(cursor) {\n this.style.cursor = cursor;\n return this;\n },\n\n cursorPointer() {\n this.style.cursor = 'pointer';\n return this;\n },\n\n cursorDefault() {\n this.style.cursor = 'default';\n return this;\n },\n\n cursorMove() {\n this.style.cursor = 'move';\n return this;\n },\n\n cursorGrab() {\n this.style.cursor = 'grab';\n return this;\n },\n\n cursorGrabbing() {\n this.style.cursor = 'grabbing';\n return this;\n },\n\n pointerEvents(value) {\n this.style.pointerEvents = value;\n return this;\n },\n\n pointerEventsNone() {\n this.style.pointerEvents = 'none';\n return this;\n },\n\n pointerEventsAuto() {\n this.style.pointerEvents = 'auto';\n return this;\n },\n\n userSelect(value) {\n this.style.userSelect = value;\n return this;\n },\n\n selectNone() {\n this.style.userSelect = 'none';\n return this;\n },\n\n selectText() {\n this.style.userSelect = 'text';\n return this;\n },\n\n selectAll() {\n this.style.userSelect = 'all';\n return this;\n },\n\n block() {\n this.style.display = 'block';\n return this;\n },\n\n inlineBlock() {\n this.style.display = 'inline-block';\n return this;\n },\n\n inline() {\n this.style.display = 'inline';\n return this;\n },\n\n hide() {\n this.style.display = 'none';\n return this;\n },\n\n visible() {\n this.style.visibility = 'visible';\n return this;\n },\n\n invisible() {\n this.style.visibility = 'hidden';\n return this;\n },\n\n rotate(deg) {\n this.style.transform = `rotate(${deg}deg)`;\n return this;\n },\n\n scale(x, y?) {\n const yValue = y !== undefined ? y : x;\n this.style.transform = `scale(${x}, ${yValue})`;\n return this;\n },\n\n transformTranslate(x, y) {\n this.style.transform = `translate(${x}, ${y})`;\n return this;\n },\n\n transition(property) {\n this.style.transition = property;\n return this;\n },\n\n transitionDuration(duration) {\n this.style.transitionDuration = duration;\n return this;\n },\n\n transitionTimingFunction(timing) {\n this.style.transitionTimingFunction = timing;\n return this;\n },\n\n transitionDelay(delay) {\n this.style.transitionDelay = delay;\n return this;\n },\n\n onClick(handler) {\n return this.on('click', handler as EventListener);\n },\n\n onDoubleClick(handler) {\n return this.on('dblclick', handler as EventListener);\n },\n\n onMouseDown(handler) {\n return this.on('mousedown', handler as EventListener);\n },\n\n onMouseUp(handler) {\n return this.on('mouseup', handler as EventListener);\n },\n\n onMouseMove(handler) {\n return this.on('mousemove', handler as EventListener);\n },\n\n onMouseEnter(handler) {\n return this.on('mouseenter', handler as EventListener);\n },\n\n onMouseLeave(handler) {\n return this.on('mouseleave', handler as EventListener);\n },\n\n onMouseOver(handler) {\n return this.on('mouseover', handler as EventListener);\n },\n\n onMouseOut(handler) {\n return this.on('mouseout', handler as EventListener);\n },\n\n onMouseWheel(handler) {\n return this.on('wheel', handler as EventListener);\n },\n\n onKeyDown(handler) {\n return this.on('keydown', handler as EventListener);\n },\n\n onKeyUp(handler) {\n return this.on('keyup', handler as EventListener);\n },\n\n onKeyPress(handler) {\n return this.on('keypress', handler as EventListener);\n },\n\n onFocus(handler) {\n return this.on('focus', handler as EventListener);\n },\n\n onBlur(handler) {\n return this.on('blur', handler as EventListener);\n },\n\n onFocusIn(handler) {\n return this.on('focusin', handler as EventListener);\n },\n\n onFocusOut(handler) {\n return this.on('focusout', handler as EventListener);\n },\n\n onChange(handler) {\n return this.on('change', handler as EventListener);\n },\n\n onInput(handler) {\n return this.on('input', handler as EventListener);\n },\n\n onSubmit(handler) {\n return this.on('submit', handler as EventListener);\n },\n\n onReset(handler) {\n return this.on('reset', handler as EventListener);\n },\n\n onTouchStart(handler) {\n return this.on('touchstart', handler as EventListener);\n },\n\n onTouchEnd(handler) {\n return this.on('touchend', handler as EventListener);\n },\n\n onTouchMove(handler) {\n return this.on('touchmove', handler as EventListener);\n },\n\n onTouchCancel(handler) {\n return this.on('touchcancel', handler as EventListener);\n },\n\n onDrag(handler: (event: DragEvent) => void) {\n return this.on('drag', handler as EventListener);\n },\n\n onDragStart(handler: (event: DragEvent) => void) {\n return this.on('dragstart', handler as EventListener);\n },\n\n onDragEnd(handler: (event: DragEvent) => void) {\n return this.on('dragend', handler as EventListener);\n },\n\n onDragEnter(handler: (event: DragEvent) => void) {\n return this.on('dragenter', handler as EventListener);\n },\n\n onDragLeave(handler: (event: DragEvent) => void) {\n return this.on('dragleave', handler as EventListener);\n },\n\n onDragOver(handler: (event: DragEvent) => void) {\n return this.on('dragover', handler as EventListener);\n },\n\n onDragDrop(handler: (event: DragEvent) => void) {\n return this.on('drop', handler as EventListener);\n },\n\n onCopy(handler: (event: ClipboardEvent) => void) {\n return this.on('copy', handler as EventListener);\n },\n\n onCut(handler: (event: ClipboardEvent) => void) {\n return this.on('cut', handler as EventListener);\n },\n\n onPaste(handler: (event: ClipboardEvent) => void) {\n return this.on('paste', handler as EventListener);\n },\n\n onScroll(handler) {\n return this.on('scroll', handler as EventListener);\n },\n\n onResize(handler: (event: UIEvent) => void) {\n return this.on('resize', handler as EventListener);\n },\n\n onPlay(handler) {\n return this.on('play', handler as EventListener);\n },\n\n onPause(handler) {\n return this.on('pause', handler as EventListener);\n },\n\n onEnded(handler) {\n return this.on('ended', handler as EventListener);\n },\n\n onVolumeChange(handler) {\n return this.on('volumechange', handler as EventListener);\n },\n\n onAnimationStart(handler) {\n return this.on('animationstart', handler as EventListener);\n },\n\n onAnimationEnd(handler) {\n return this.on('animationend', handler as EventListener);\n },\n\n onAnimationIteration(handler) {\n return this.on('animationiteration', handler as EventListener);\n },\n\n onTransitionEnd(handler) {\n return this.on('transitionend', handler as EventListener);\n },\n\n onPointerDown(handler) {\n return this.on('pointerdown', handler as EventListener);\n },\n\n onPointerUp(handler) {\n return this.on('pointerup', handler as EventListener);\n },\n\n onPointerMove(handler) {\n return this.on('pointermove', handler as EventListener);\n },\n\n onPointerEnter(handler) {\n return this.on('pointerenter', handler as EventListener);\n },\n\n onPointerLeave(handler) {\n return this.on('pointerleave', handler as EventListener);\n },\n\n onPointerCancel(handler) {\n return this.on('pointercancel', handler as EventListener);\n },\n\n on(eventName, handler) {\n this.addEventListener(eventName, handler);\n return this;\n },\n\n off(eventName, handler) {\n this.removeEventListener(eventName, handler);\n return this;\n },\n} as HTMLElement);\n\nexport {};\n","import './element.js';\n\nexport const h = <T extends keyof HTMLElementTagNameMap>(tag: T): HTMLElementTagNameMap[T] =>\n document.createElement(tag);\n\nexport const div = () => document.createElement('div');\nexport const span = () => document.createElement('span');\nexport const section = () => document.createElement('section');\nexport const p = () => document.createElement('p');\nexport const input = () => document.createElement('input');\nexport const textarea = () => document.createElement('textarea');\nexport const btn = () => document.createElement('button');\n"],"mappings":"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"}
|