sinho 0.3.3 → 0.3.5
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/bundle.d.ts +70 -82
- package/dist/bundle.js +4 -4
- package/dist/bundle.min.js +1 -1
- package/dist/component.d.ts +1 -1
- package/dist/component.js +4 -4
- package/dist/component.js.map +1 -1
- package/dist/dom.d.ts +69 -81
- package/dist/dom.js.map +1 -1
- package/package.json +2 -1
- package/src/component.ts +10 -5
- package/src/dom.ts +69 -82
- package/web/package-lock.json +10 -39
- package/web/src/pages/index.tsx +2 -2
package/dist/dom.d.ts
CHANGED
|
@@ -359,36 +359,35 @@ interface HtmlProps<in E> extends DomProps<E> {
|
|
|
359
359
|
[name: string]: any;
|
|
360
360
|
}
|
|
361
361
|
interface SvgProps<in E> extends HtmlProps<E> {
|
|
362
|
-
|
|
362
|
+
"accent-height"?: MaybeSignal<number | string | undefined>;
|
|
363
363
|
accumulate?: MaybeSignal<"none" | "sum" | undefined>;
|
|
364
364
|
additive?: MaybeSignal<"replace" | "sum" | undefined>;
|
|
365
|
-
|
|
366
|
-
|
|
365
|
+
"alignment-baseline"?: MaybeSignal<"auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined>;
|
|
366
|
+
"allow-reorder"?: MaybeSignal<"no" | "yes" | undefined>;
|
|
367
367
|
alphabetic?: MaybeSignal<number | string | undefined>;
|
|
368
368
|
amplitude?: MaybeSignal<number | string | undefined>;
|
|
369
|
-
|
|
369
|
+
"arabic-form"?: MaybeSignal<"initial" | "medial" | "terminal" | "isolated" | undefined>;
|
|
370
370
|
ascent?: MaybeSignal<number | string | undefined>;
|
|
371
371
|
attributeName?: MaybeSignal<string | undefined>;
|
|
372
372
|
attributeType?: MaybeSignal<string | undefined>;
|
|
373
|
-
autoReverse?: MaybeSignal<number | string | undefined>;
|
|
374
373
|
azimuth?: MaybeSignal<number | string | undefined>;
|
|
375
374
|
baseFrequency?: MaybeSignal<number | string | undefined>;
|
|
376
|
-
|
|
375
|
+
"baseline-shift"?: MaybeSignal<number | string | undefined>;
|
|
377
376
|
baseProfile?: MaybeSignal<number | string | undefined>;
|
|
378
377
|
bbox?: MaybeSignal<number | string | undefined>;
|
|
379
378
|
begin?: MaybeSignal<number | string | undefined>;
|
|
380
379
|
bias?: MaybeSignal<number | string | undefined>;
|
|
381
380
|
by?: MaybeSignal<number | string | undefined>;
|
|
382
381
|
calcMode?: MaybeSignal<number | string | undefined>;
|
|
383
|
-
|
|
382
|
+
"cap-height"?: MaybeSignal<number | string | undefined>;
|
|
384
383
|
clip?: MaybeSignal<number | string | undefined>;
|
|
385
|
-
|
|
384
|
+
"clip-path"?: MaybeSignal<string | undefined>;
|
|
386
385
|
clipPathUnits?: MaybeSignal<number | string | undefined>;
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
386
|
+
"clip-rule"?: MaybeSignal<number | string | undefined>;
|
|
387
|
+
"color-interpolation"?: MaybeSignal<number | string | undefined>;
|
|
388
|
+
"color-interpolation-filters"?: MaybeSignal<"auto" | "sRGB" | "linearRGB" | "inherit" | undefined>;
|
|
389
|
+
"color-profile"?: MaybeSignal<number | string | undefined>;
|
|
390
|
+
"color-rendering"?: MaybeSignal<number | string | undefined>;
|
|
392
391
|
contentScriptType?: MaybeSignal<number | string | undefined>;
|
|
393
392
|
contentStyleType?: MaybeSignal<number | string | undefined>;
|
|
394
393
|
cursor?: MaybeSignal<number | string | undefined>;
|
|
@@ -401,49 +400,49 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
401
400
|
direction?: MaybeSignal<number | string | undefined>;
|
|
402
401
|
display?: MaybeSignal<number | string | undefined>;
|
|
403
402
|
divisor?: MaybeSignal<number | string | undefined>;
|
|
404
|
-
|
|
403
|
+
"dominant-baseline"?: MaybeSignal<number | string | undefined>;
|
|
405
404
|
dur?: MaybeSignal<number | string | undefined>;
|
|
406
405
|
dx?: MaybeSignal<number | string | undefined>;
|
|
407
406
|
dy?: MaybeSignal<number | string | undefined>;
|
|
408
407
|
edgeMode?: MaybeSignal<number | string | undefined>;
|
|
409
408
|
elevation?: MaybeSignal<number | string | undefined>;
|
|
410
|
-
|
|
409
|
+
"enable-background"?: MaybeSignal<number | string | undefined>;
|
|
411
410
|
end?: MaybeSignal<number | string | undefined>;
|
|
412
411
|
exponent?: MaybeSignal<number | string | undefined>;
|
|
413
412
|
externalResourcesRequired?: MaybeSignal<number | string | undefined>;
|
|
414
413
|
fill?: MaybeSignal<string | undefined>;
|
|
415
|
-
|
|
416
|
-
|
|
414
|
+
"fill-opacity"?: MaybeSignal<number | string | undefined>;
|
|
415
|
+
"fill-rule"?: MaybeSignal<"nonzero" | "evenodd" | "inherit" | undefined>;
|
|
417
416
|
filter?: MaybeSignal<string | undefined>;
|
|
418
417
|
filterRes?: MaybeSignal<number | string | undefined>;
|
|
419
418
|
filterUnits?: MaybeSignal<number | string | undefined>;
|
|
420
|
-
|
|
421
|
-
|
|
419
|
+
"flood-color"?: MaybeSignal<number | string | undefined>;
|
|
420
|
+
"flood-opacity"?: MaybeSignal<number | string | undefined>;
|
|
422
421
|
focusable?: MaybeSignal<number | string | undefined>;
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
422
|
+
"font-family"?: MaybeSignal<string | undefined>;
|
|
423
|
+
"font-size"?: MaybeSignal<number | string | undefined>;
|
|
424
|
+
"font-size-adjust"?: MaybeSignal<number | string | undefined>;
|
|
425
|
+
"font-stretch"?: MaybeSignal<number | string | undefined>;
|
|
426
|
+
"font-style"?: MaybeSignal<number | string | undefined>;
|
|
427
|
+
"font-variant"?: MaybeSignal<number | string | undefined>;
|
|
428
|
+
"font-weight"?: MaybeSignal<number | string | undefined>;
|
|
430
429
|
format?: MaybeSignal<number | string | undefined>;
|
|
431
430
|
from?: MaybeSignal<number | string | undefined>;
|
|
432
431
|
fx?: MaybeSignal<number | string | undefined>;
|
|
433
432
|
fy?: MaybeSignal<number | string | undefined>;
|
|
434
433
|
g1?: MaybeSignal<number | string | undefined>;
|
|
435
434
|
g2?: MaybeSignal<number | string | undefined>;
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
435
|
+
"glyph-name"?: MaybeSignal<number | string | undefined>;
|
|
436
|
+
"glyph-orientation-horizontal"?: MaybeSignal<number | string | undefined>;
|
|
437
|
+
"glyph-orientation-vertical"?: MaybeSignal<number | string | undefined>;
|
|
439
438
|
glyphRef?: MaybeSignal<number | string | undefined>;
|
|
440
439
|
gradientTransform?: MaybeSignal<string | undefined>;
|
|
441
440
|
gradientUnits?: MaybeSignal<string | undefined>;
|
|
442
441
|
hanging?: MaybeSignal<number | string | undefined>;
|
|
443
|
-
|
|
444
|
-
|
|
442
|
+
"horiz-adv-x"?: MaybeSignal<number | string | undefined>;
|
|
443
|
+
"horiz-origin-x"?: MaybeSignal<number | string | undefined>;
|
|
445
444
|
ideographic?: MaybeSignal<number | string | undefined>;
|
|
446
|
-
|
|
445
|
+
"image-rendering"?: MaybeSignal<number | string | undefined>;
|
|
447
446
|
in2?: MaybeSignal<number | string | undefined>;
|
|
448
447
|
in?: MaybeSignal<string | undefined>;
|
|
449
448
|
intercept?: MaybeSignal<number | string | undefined>;
|
|
@@ -459,14 +458,14 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
459
458
|
keySplines?: MaybeSignal<number | string | undefined>;
|
|
460
459
|
keyTimes?: MaybeSignal<number | string | undefined>;
|
|
461
460
|
lengthAdjust?: MaybeSignal<number | string | undefined>;
|
|
462
|
-
|
|
463
|
-
|
|
461
|
+
"letter-spacing"?: MaybeSignal<number | string | undefined>;
|
|
462
|
+
"lighting-color"?: MaybeSignal<number | string | undefined>;
|
|
464
463
|
limitingConeAngle?: MaybeSignal<number | string | undefined>;
|
|
465
464
|
local?: MaybeSignal<number | string | undefined>;
|
|
466
|
-
|
|
465
|
+
"marker-end"?: MaybeSignal<string | undefined>;
|
|
467
466
|
markerHeight?: MaybeSignal<number | string | undefined>;
|
|
468
|
-
|
|
469
|
-
|
|
467
|
+
"marker-mid"?: MaybeSignal<string | undefined>;
|
|
468
|
+
"marker-start"?: MaybeSignal<string | undefined>;
|
|
470
469
|
markerUnits?: MaybeSignal<number | string | undefined>;
|
|
471
470
|
markerWidth?: MaybeSignal<number | string | undefined>;
|
|
472
471
|
mask?: MaybeSignal<string | undefined>;
|
|
@@ -483,15 +482,15 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
483
482
|
orientation?: MaybeSignal<number | string | undefined>;
|
|
484
483
|
origin?: MaybeSignal<number | string | undefined>;
|
|
485
484
|
overflow?: MaybeSignal<number | string | undefined>;
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
485
|
+
"overline-position"?: MaybeSignal<number | string | undefined>;
|
|
486
|
+
"overline-thickness"?: MaybeSignal<number | string | undefined>;
|
|
487
|
+
"paint-order"?: MaybeSignal<number | string | undefined>;
|
|
488
|
+
"panose-1"?: MaybeSignal<number | string | undefined>;
|
|
490
489
|
pathLength?: MaybeSignal<number | string | undefined>;
|
|
491
490
|
patternContentUnits?: MaybeSignal<string | undefined>;
|
|
492
491
|
patternTransform?: MaybeSignal<number | string | undefined>;
|
|
493
492
|
patternUnits?: MaybeSignal<string | undefined>;
|
|
494
|
-
|
|
493
|
+
"pointer-events"?: MaybeSignal<number | string | undefined>;
|
|
495
494
|
points?: MaybeSignal<string | undefined>;
|
|
496
495
|
pointsAtX?: MaybeSignal<number | string | undefined>;
|
|
497
496
|
pointsAtY?: MaybeSignal<number | string | undefined>;
|
|
@@ -503,7 +502,7 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
503
502
|
radius?: MaybeSignal<number | string | undefined>;
|
|
504
503
|
refX?: MaybeSignal<number | string | undefined>;
|
|
505
504
|
refY?: MaybeSignal<number | string | undefined>;
|
|
506
|
-
|
|
505
|
+
"rendering-intent"?: MaybeSignal<number | string | undefined>;
|
|
507
506
|
repeatCount?: MaybeSignal<number | string | undefined>;
|
|
508
507
|
repeatDur?: MaybeSignal<number | string | undefined>;
|
|
509
508
|
requiredExtensions?: MaybeSignal<number | string | undefined>;
|
|
@@ -515,7 +514,7 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
515
514
|
ry?: MaybeSignal<number | string | undefined>;
|
|
516
515
|
scale?: MaybeSignal<number | string | undefined>;
|
|
517
516
|
seed?: MaybeSignal<number | string | undefined>;
|
|
518
|
-
|
|
517
|
+
"shape-rendering"?: MaybeSignal<number | string | undefined>;
|
|
519
518
|
slope?: MaybeSignal<number | string | undefined>;
|
|
520
519
|
spacing?: MaybeSignal<number | string | undefined>;
|
|
521
520
|
specularConstant?: MaybeSignal<number | string | undefined>;
|
|
@@ -527,19 +526,19 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
527
526
|
stemh?: MaybeSignal<number | string | undefined>;
|
|
528
527
|
stemv?: MaybeSignal<number | string | undefined>;
|
|
529
528
|
stitchTiles?: MaybeSignal<number | string | undefined>;
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
529
|
+
"stop-color"?: MaybeSignal<string | undefined>;
|
|
530
|
+
"stop-opacity"?: MaybeSignal<number | string | undefined>;
|
|
531
|
+
"strikethrough-position"?: MaybeSignal<number | string | undefined>;
|
|
532
|
+
"strikethrough-thickness"?: MaybeSignal<number | string | undefined>;
|
|
534
533
|
string?: MaybeSignal<number | string | undefined>;
|
|
535
534
|
stroke?: MaybeSignal<string | undefined>;
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
535
|
+
"stroke-dasharray"?: MaybeSignal<number | string | undefined>;
|
|
536
|
+
"stroke-dashoffset"?: MaybeSignal<number | string | undefined>;
|
|
537
|
+
"stroke-linecap"?: MaybeSignal<"butt" | "round" | "square" | "inherit" | undefined>;
|
|
538
|
+
"stroke-linejoin"?: MaybeSignal<"miter" | "round" | "bevel" | "inherit" | undefined>;
|
|
539
|
+
"stroke-miterlimit"?: MaybeSignal<number | string | undefined>;
|
|
540
|
+
"stroke-opacity"?: MaybeSignal<number | string | undefined>;
|
|
541
|
+
"stroke-width"?: MaybeSignal<number | string | undefined>;
|
|
543
542
|
surfaceScale?: MaybeSignal<number | string | undefined>;
|
|
544
543
|
systemLanguage?: MaybeSignal<number | string | undefined>;
|
|
545
544
|
tableValues?: MaybeSignal<number | string | undefined>;
|
|
@@ -551,47 +550,36 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
551
550
|
textRendering?: MaybeSignal<number | string | undefined>;
|
|
552
551
|
to?: MaybeSignal<number | string | undefined>;
|
|
553
552
|
transform?: MaybeSignal<string | undefined>;
|
|
553
|
+
"transform-origin"?: MaybeSignal<string | undefined>;
|
|
554
554
|
u1?: MaybeSignal<number | string | undefined>;
|
|
555
555
|
u2?: MaybeSignal<number | string | undefined>;
|
|
556
|
-
|
|
557
|
-
|
|
556
|
+
"underline-position"?: MaybeSignal<number | string | undefined>;
|
|
557
|
+
"underline-thickness"?: MaybeSignal<number | string | undefined>;
|
|
558
558
|
unicode?: MaybeSignal<number | string | undefined>;
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
559
|
+
"unicode-bidi"?: MaybeSignal<number | string | undefined>;
|
|
560
|
+
"unicode-range"?: MaybeSignal<number | string | undefined>;
|
|
561
|
+
"units-per-em"?: MaybeSignal<number | string | undefined>;
|
|
562
|
+
"v-alphabetic"?: MaybeSignal<number | string | undefined>;
|
|
563
563
|
values?: MaybeSignal<string | undefined>;
|
|
564
564
|
vectorEffect?: MaybeSignal<number | string | undefined>;
|
|
565
565
|
version?: MaybeSignal<string | undefined>;
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
566
|
+
"vert-adv-y"?: MaybeSignal<number | string | undefined>;
|
|
567
|
+
"vert-origin-x"?: MaybeSignal<number | string | undefined>;
|
|
568
|
+
"vert-origin-y"?: MaybeSignal<number | string | undefined>;
|
|
569
|
+
"v-hanging"?: MaybeSignal<number | string | undefined>;
|
|
570
|
+
"v-ideographic"?: MaybeSignal<number | string | undefined>;
|
|
571
571
|
viewBox?: MaybeSignal<string | undefined>;
|
|
572
572
|
viewTarget?: MaybeSignal<number | string | undefined>;
|
|
573
573
|
visibility?: MaybeSignal<number | string | undefined>;
|
|
574
|
-
|
|
574
|
+
"v-mathematical"?: MaybeSignal<number | string | undefined>;
|
|
575
575
|
widths?: MaybeSignal<number | string | undefined>;
|
|
576
|
-
|
|
576
|
+
"word-spacing"?: MaybeSignal<number | string | undefined>;
|
|
577
577
|
writingMode?: MaybeSignal<number | string | undefined>;
|
|
578
578
|
x1?: MaybeSignal<number | string | undefined>;
|
|
579
579
|
x2?: MaybeSignal<number | string | undefined>;
|
|
580
580
|
x?: MaybeSignal<number | string | undefined>;
|
|
581
581
|
xChannelSelector?: MaybeSignal<string | undefined>;
|
|
582
|
-
|
|
583
|
-
xlinkActuate?: MaybeSignal<string | undefined>;
|
|
584
|
-
xlinkArcrole?: MaybeSignal<string | undefined>;
|
|
585
|
-
xlinkHref?: MaybeSignal<string | undefined>;
|
|
586
|
-
xlinkRole?: MaybeSignal<string | undefined>;
|
|
587
|
-
xlinkShow?: MaybeSignal<string | undefined>;
|
|
588
|
-
xlinkTitle?: MaybeSignal<string | undefined>;
|
|
589
|
-
xlinkType?: MaybeSignal<string | undefined>;
|
|
590
|
-
xmlBase?: MaybeSignal<string | undefined>;
|
|
591
|
-
xmlLang?: MaybeSignal<string | undefined>;
|
|
592
|
-
xmlns?: MaybeSignal<string | undefined>;
|
|
593
|
-
xmlnsXlink?: MaybeSignal<string | undefined>;
|
|
594
|
-
xmlSpace?: MaybeSignal<string | undefined>;
|
|
582
|
+
"x-height"?: MaybeSignal<number | string | undefined>;
|
|
595
583
|
y1?: MaybeSignal<number | string | undefined>;
|
|
596
584
|
y2?: MaybeSignal<number | string | undefined>;
|
|
597
585
|
y?: MaybeSignal<number | string | undefined>;
|
package/dist/dom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;
|
|
1
|
+
{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAQH,MAAM,kBAAkB,GACtB,mEAAmE,CAAC;AAEtE,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,IAA2B,EAC3B,GAAQ,EACR,KAAyC,EACnC,EAAE;IACR,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IAC1C,CAAC;SAAM,CAAC;QACN,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACb,KAAK,IAAI,IAAI;gBACX,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,OAAO,KAAK,IAAI,QAAQ,IAAI,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC;oBACxD,CAAC,CAAC,GAAG,KAAK,EAAE;oBACZ,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC;IACvB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,IAAS,EACT,IAAY,EACZ,KAAc,EACd,SAAmB,EACb,EAAE;IACR,MAAM,eAAe,GACnB,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAE5D,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QAC7B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;IAC9B,CAAC;SAAM,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACpC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACrB,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;SAAM,IAAI,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACtD,IACE,CAAC;YACC,2DAA2D;YAC3D,sBAAsB;YACtB,UAAU;YACV,MAAM;YACN,GAAG,CAAC,SAAS;gBACX,CAAC,CAAC;oBACE,OAAO;oBACP,QAAQ;oBACR,MAAM;oBACN,MAAM;oBACN,MAAM;oBACN,UAAU;oBACV,SAAS;oBACT,SAAS;iBACV;gBACH,CAAC,CAAC,EAAE,CAAC;SACR,CAAC,QAAQ,CAAC,IAAI,CAAC;YAChB,IAAI,IAAI,IAAI,EACZ,CAAC;YACD,IAAI,CAAC;gBACH,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACnB,OAAO;YACT,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;QAChB,CAAC;QAED,6DAA6D;QAC7D,4DAA4D;QAC5D,uDAAuD;QACvD,wDAAwD;QACxD,4DAA4D;QAC5D,qDAAqD;QAErD,IAAI,OAAO,KAAK,IAAI,UAAU,EAAE,CAAC;YAC/B,gDAAgD;QAClD,CAAC;aAAM,IAAI,CAAC,eAAe,EAAE,CAAC;YAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;AACH,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sinho",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.5",
|
|
4
4
|
"description": "A lightweight signal-based library for building web components with a React-like API.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui",
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
},
|
|
60
60
|
"scripts": {
|
|
61
|
+
"prepublishOnly": "npm run build",
|
|
61
62
|
"format": "prettier --write .",
|
|
62
63
|
"format-check": "prettier --check .",
|
|
63
64
|
"build": "tsc && npm run bundle && npm run minify",
|
package/src/component.ts
CHANGED
|
@@ -348,7 +348,7 @@ declare abstract class ComponentInner<M extends Metadata> {
|
|
|
348
348
|
|
|
349
349
|
export type Component<M extends Metadata = {}> = {
|
|
350
350
|
-readonly [K in keyof Props<M>]: Props<M>[K] extends Signal<infer T>
|
|
351
|
-
? T
|
|
351
|
+
? T | undefined
|
|
352
352
|
: never;
|
|
353
353
|
} & ComponentInner<M> &
|
|
354
354
|
HTMLElement;
|
|
@@ -528,7 +528,14 @@ export const Component: ((tagName?: string) => ComponentConstructor<{}>) &
|
|
|
528
528
|
|
|
529
529
|
Object.defineProperty(this, name, {
|
|
530
530
|
get: getter.peek,
|
|
531
|
-
set: (value) =>
|
|
531
|
+
set: (value) =>
|
|
532
|
+
setter(
|
|
533
|
+
() =>
|
|
534
|
+
!context && value === undefined
|
|
535
|
+
? meta._defaultOrContext
|
|
536
|
+
: value,
|
|
537
|
+
{ force: true },
|
|
538
|
+
),
|
|
532
539
|
});
|
|
533
540
|
} else if (meta._tag == "e" && name.startsWith("on")) {
|
|
534
541
|
const eventName = jsxPropNameToEventName(name as `on${string}`);
|
|
@@ -588,9 +595,7 @@ export const Component: ((tagName?: string) => ComponentConstructor<{}>) &
|
|
|
588
595
|
this[prop.name as keyof this] =
|
|
589
596
|
value != null
|
|
590
597
|
? prop.meta.attribute.transform.call(this, value)
|
|
591
|
-
:
|
|
592
|
-
? undefined
|
|
593
|
-
: prop.meta._defaultOrContext;
|
|
598
|
+
: undefined;
|
|
594
599
|
}
|
|
595
600
|
}
|
|
596
601
|
|
package/src/dom.ts
CHANGED
|
@@ -30,7 +30,6 @@ import {
|
|
|
30
30
|
type MaybeSignal,
|
|
31
31
|
type RefSignalSetter,
|
|
32
32
|
} from "./mod.js";
|
|
33
|
-
import { isComponent } from "./component.js";
|
|
34
33
|
|
|
35
34
|
const IS_NON_DIMENSIONAL =
|
|
36
35
|
/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
|
|
@@ -555,10 +554,10 @@ interface HtmlProps<in E> extends DomProps<E> {
|
|
|
555
554
|
}
|
|
556
555
|
|
|
557
556
|
interface SvgProps<in E> extends HtmlProps<E> {
|
|
558
|
-
|
|
557
|
+
"accent-height"?: MaybeSignal<number | string | undefined>;
|
|
559
558
|
accumulate?: MaybeSignal<"none" | "sum" | undefined>;
|
|
560
559
|
additive?: MaybeSignal<"replace" | "sum" | undefined>;
|
|
561
|
-
|
|
560
|
+
"alignment-baseline"?: MaybeSignal<
|
|
562
561
|
| "auto"
|
|
563
562
|
| "baseline"
|
|
564
563
|
| "before-edge"
|
|
@@ -574,36 +573,35 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
574
573
|
| "inherit"
|
|
575
574
|
| undefined
|
|
576
575
|
>;
|
|
577
|
-
|
|
576
|
+
"allow-reorder"?: MaybeSignal<"no" | "yes" | undefined>;
|
|
578
577
|
alphabetic?: MaybeSignal<number | string | undefined>;
|
|
579
578
|
amplitude?: MaybeSignal<number | string | undefined>;
|
|
580
|
-
|
|
579
|
+
"arabic-form"?: MaybeSignal<
|
|
581
580
|
"initial" | "medial" | "terminal" | "isolated" | undefined
|
|
582
581
|
>;
|
|
583
582
|
ascent?: MaybeSignal<number | string | undefined>;
|
|
584
583
|
attributeName?: MaybeSignal<string | undefined>;
|
|
585
584
|
attributeType?: MaybeSignal<string | undefined>;
|
|
586
|
-
autoReverse?: MaybeSignal<number | string | undefined>;
|
|
587
585
|
azimuth?: MaybeSignal<number | string | undefined>;
|
|
588
586
|
baseFrequency?: MaybeSignal<number | string | undefined>;
|
|
589
|
-
|
|
587
|
+
"baseline-shift"?: MaybeSignal<number | string | undefined>;
|
|
590
588
|
baseProfile?: MaybeSignal<number | string | undefined>;
|
|
591
589
|
bbox?: MaybeSignal<number | string | undefined>;
|
|
592
590
|
begin?: MaybeSignal<number | string | undefined>;
|
|
593
591
|
bias?: MaybeSignal<number | string | undefined>;
|
|
594
592
|
by?: MaybeSignal<number | string | undefined>;
|
|
595
593
|
calcMode?: MaybeSignal<number | string | undefined>;
|
|
596
|
-
|
|
594
|
+
"cap-height"?: MaybeSignal<number | string | undefined>;
|
|
597
595
|
clip?: MaybeSignal<number | string | undefined>;
|
|
598
|
-
|
|
596
|
+
"clip-path"?: MaybeSignal<string | undefined>;
|
|
599
597
|
clipPathUnits?: MaybeSignal<number | string | undefined>;
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
598
|
+
"clip-rule"?: MaybeSignal<number | string | undefined>;
|
|
599
|
+
"color-interpolation"?: MaybeSignal<number | string | undefined>;
|
|
600
|
+
"color-interpolation-filters"?: MaybeSignal<
|
|
603
601
|
"auto" | "sRGB" | "linearRGB" | "inherit" | undefined
|
|
604
602
|
>;
|
|
605
|
-
|
|
606
|
-
|
|
603
|
+
"color-profile"?: MaybeSignal<number | string | undefined>;
|
|
604
|
+
"color-rendering"?: MaybeSignal<number | string | undefined>;
|
|
607
605
|
contentScriptType?: MaybeSignal<number | string | undefined>;
|
|
608
606
|
contentStyleType?: MaybeSignal<number | string | undefined>;
|
|
609
607
|
cursor?: MaybeSignal<number | string | undefined>;
|
|
@@ -616,49 +614,49 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
616
614
|
direction?: MaybeSignal<number | string | undefined>;
|
|
617
615
|
display?: MaybeSignal<number | string | undefined>;
|
|
618
616
|
divisor?: MaybeSignal<number | string | undefined>;
|
|
619
|
-
|
|
617
|
+
"dominant-baseline"?: MaybeSignal<number | string | undefined>;
|
|
620
618
|
dur?: MaybeSignal<number | string | undefined>;
|
|
621
619
|
dx?: MaybeSignal<number | string | undefined>;
|
|
622
620
|
dy?: MaybeSignal<number | string | undefined>;
|
|
623
621
|
edgeMode?: MaybeSignal<number | string | undefined>;
|
|
624
622
|
elevation?: MaybeSignal<number | string | undefined>;
|
|
625
|
-
|
|
623
|
+
"enable-background"?: MaybeSignal<number | string | undefined>;
|
|
626
624
|
end?: MaybeSignal<number | string | undefined>;
|
|
627
625
|
exponent?: MaybeSignal<number | string | undefined>;
|
|
628
626
|
externalResourcesRequired?: MaybeSignal<number | string | undefined>;
|
|
629
627
|
fill?: MaybeSignal<string | undefined>;
|
|
630
|
-
|
|
631
|
-
|
|
628
|
+
"fill-opacity"?: MaybeSignal<number | string | undefined>;
|
|
629
|
+
"fill-rule"?: MaybeSignal<"nonzero" | "evenodd" | "inherit" | undefined>;
|
|
632
630
|
filter?: MaybeSignal<string | undefined>;
|
|
633
631
|
filterRes?: MaybeSignal<number | string | undefined>;
|
|
634
632
|
filterUnits?: MaybeSignal<number | string | undefined>;
|
|
635
|
-
|
|
636
|
-
|
|
633
|
+
"flood-color"?: MaybeSignal<number | string | undefined>;
|
|
634
|
+
"flood-opacity"?: MaybeSignal<number | string | undefined>;
|
|
637
635
|
focusable?: MaybeSignal<number | string | undefined>;
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
636
|
+
"font-family"?: MaybeSignal<string | undefined>;
|
|
637
|
+
"font-size"?: MaybeSignal<number | string | undefined>;
|
|
638
|
+
"font-size-adjust"?: MaybeSignal<number | string | undefined>;
|
|
639
|
+
"font-stretch"?: MaybeSignal<number | string | undefined>;
|
|
640
|
+
"font-style"?: MaybeSignal<number | string | undefined>;
|
|
641
|
+
"font-variant"?: MaybeSignal<number | string | undefined>;
|
|
642
|
+
"font-weight"?: MaybeSignal<number | string | undefined>;
|
|
645
643
|
format?: MaybeSignal<number | string | undefined>;
|
|
646
644
|
from?: MaybeSignal<number | string | undefined>;
|
|
647
645
|
fx?: MaybeSignal<number | string | undefined>;
|
|
648
646
|
fy?: MaybeSignal<number | string | undefined>;
|
|
649
647
|
g1?: MaybeSignal<number | string | undefined>;
|
|
650
648
|
g2?: MaybeSignal<number | string | undefined>;
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
649
|
+
"glyph-name"?: MaybeSignal<number | string | undefined>;
|
|
650
|
+
"glyph-orientation-horizontal"?: MaybeSignal<number | string | undefined>;
|
|
651
|
+
"glyph-orientation-vertical"?: MaybeSignal<number | string | undefined>;
|
|
654
652
|
glyphRef?: MaybeSignal<number | string | undefined>;
|
|
655
653
|
gradientTransform?: MaybeSignal<string | undefined>;
|
|
656
654
|
gradientUnits?: MaybeSignal<string | undefined>;
|
|
657
655
|
hanging?: MaybeSignal<number | string | undefined>;
|
|
658
|
-
|
|
659
|
-
|
|
656
|
+
"horiz-adv-x"?: MaybeSignal<number | string | undefined>;
|
|
657
|
+
"horiz-origin-x"?: MaybeSignal<number | string | undefined>;
|
|
660
658
|
ideographic?: MaybeSignal<number | string | undefined>;
|
|
661
|
-
|
|
659
|
+
"image-rendering"?: MaybeSignal<number | string | undefined>;
|
|
662
660
|
in2?: MaybeSignal<number | string | undefined>;
|
|
663
661
|
in?: MaybeSignal<string | undefined>;
|
|
664
662
|
intercept?: MaybeSignal<number | string | undefined>;
|
|
@@ -674,14 +672,14 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
674
672
|
keySplines?: MaybeSignal<number | string | undefined>;
|
|
675
673
|
keyTimes?: MaybeSignal<number | string | undefined>;
|
|
676
674
|
lengthAdjust?: MaybeSignal<number | string | undefined>;
|
|
677
|
-
|
|
678
|
-
|
|
675
|
+
"letter-spacing"?: MaybeSignal<number | string | undefined>;
|
|
676
|
+
"lighting-color"?: MaybeSignal<number | string | undefined>;
|
|
679
677
|
limitingConeAngle?: MaybeSignal<number | string | undefined>;
|
|
680
678
|
local?: MaybeSignal<number | string | undefined>;
|
|
681
|
-
|
|
679
|
+
"marker-end"?: MaybeSignal<string | undefined>;
|
|
682
680
|
markerHeight?: MaybeSignal<number | string | undefined>;
|
|
683
|
-
|
|
684
|
-
|
|
681
|
+
"marker-mid"?: MaybeSignal<string | undefined>;
|
|
682
|
+
"marker-start"?: MaybeSignal<string | undefined>;
|
|
685
683
|
markerUnits?: MaybeSignal<number | string | undefined>;
|
|
686
684
|
markerWidth?: MaybeSignal<number | string | undefined>;
|
|
687
685
|
mask?: MaybeSignal<string | undefined>;
|
|
@@ -698,15 +696,15 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
698
696
|
orientation?: MaybeSignal<number | string | undefined>;
|
|
699
697
|
origin?: MaybeSignal<number | string | undefined>;
|
|
700
698
|
overflow?: MaybeSignal<number | string | undefined>;
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
699
|
+
"overline-position"?: MaybeSignal<number | string | undefined>;
|
|
700
|
+
"overline-thickness"?: MaybeSignal<number | string | undefined>;
|
|
701
|
+
"paint-order"?: MaybeSignal<number | string | undefined>;
|
|
702
|
+
"panose-1"?: MaybeSignal<number | string | undefined>;
|
|
705
703
|
pathLength?: MaybeSignal<number | string | undefined>;
|
|
706
704
|
patternContentUnits?: MaybeSignal<string | undefined>;
|
|
707
705
|
patternTransform?: MaybeSignal<number | string | undefined>;
|
|
708
706
|
patternUnits?: MaybeSignal<string | undefined>;
|
|
709
|
-
|
|
707
|
+
"pointer-events"?: MaybeSignal<number | string | undefined>;
|
|
710
708
|
points?: MaybeSignal<string | undefined>;
|
|
711
709
|
pointsAtX?: MaybeSignal<number | string | undefined>;
|
|
712
710
|
pointsAtY?: MaybeSignal<number | string | undefined>;
|
|
@@ -718,7 +716,7 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
718
716
|
radius?: MaybeSignal<number | string | undefined>;
|
|
719
717
|
refX?: MaybeSignal<number | string | undefined>;
|
|
720
718
|
refY?: MaybeSignal<number | string | undefined>;
|
|
721
|
-
|
|
719
|
+
"rendering-intent"?: MaybeSignal<number | string | undefined>;
|
|
722
720
|
repeatCount?: MaybeSignal<number | string | undefined>;
|
|
723
721
|
repeatDur?: MaybeSignal<number | string | undefined>;
|
|
724
722
|
requiredExtensions?: MaybeSignal<number | string | undefined>;
|
|
@@ -730,7 +728,7 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
730
728
|
ry?: MaybeSignal<number | string | undefined>;
|
|
731
729
|
scale?: MaybeSignal<number | string | undefined>;
|
|
732
730
|
seed?: MaybeSignal<number | string | undefined>;
|
|
733
|
-
|
|
731
|
+
"shape-rendering"?: MaybeSignal<number | string | undefined>;
|
|
734
732
|
slope?: MaybeSignal<number | string | undefined>;
|
|
735
733
|
spacing?: MaybeSignal<number | string | undefined>;
|
|
736
734
|
specularConstant?: MaybeSignal<number | string | undefined>;
|
|
@@ -742,23 +740,23 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
742
740
|
stemh?: MaybeSignal<number | string | undefined>;
|
|
743
741
|
stemv?: MaybeSignal<number | string | undefined>;
|
|
744
742
|
stitchTiles?: MaybeSignal<number | string | undefined>;
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
743
|
+
"stop-color"?: MaybeSignal<string | undefined>;
|
|
744
|
+
"stop-opacity"?: MaybeSignal<number | string | undefined>;
|
|
745
|
+
"strikethrough-position"?: MaybeSignal<number | string | undefined>;
|
|
746
|
+
"strikethrough-thickness"?: MaybeSignal<number | string | undefined>;
|
|
749
747
|
string?: MaybeSignal<number | string | undefined>;
|
|
750
748
|
stroke?: MaybeSignal<string | undefined>;
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
749
|
+
"stroke-dasharray"?: MaybeSignal<number | string | undefined>;
|
|
750
|
+
"stroke-dashoffset"?: MaybeSignal<number | string | undefined>;
|
|
751
|
+
"stroke-linecap"?: MaybeSignal<
|
|
754
752
|
"butt" | "round" | "square" | "inherit" | undefined
|
|
755
753
|
>;
|
|
756
|
-
|
|
754
|
+
"stroke-linejoin"?: MaybeSignal<
|
|
757
755
|
"miter" | "round" | "bevel" | "inherit" | undefined
|
|
758
756
|
>;
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
757
|
+
"stroke-miterlimit"?: MaybeSignal<number | string | undefined>;
|
|
758
|
+
"stroke-opacity"?: MaybeSignal<number | string | undefined>;
|
|
759
|
+
"stroke-width"?: MaybeSignal<number | string | undefined>;
|
|
762
760
|
surfaceScale?: MaybeSignal<number | string | undefined>;
|
|
763
761
|
systemLanguage?: MaybeSignal<number | string | undefined>;
|
|
764
762
|
tableValues?: MaybeSignal<number | string | undefined>;
|
|
@@ -770,47 +768,36 @@ interface SvgProps<in E> extends HtmlProps<E> {
|
|
|
770
768
|
textRendering?: MaybeSignal<number | string | undefined>;
|
|
771
769
|
to?: MaybeSignal<number | string | undefined>;
|
|
772
770
|
transform?: MaybeSignal<string | undefined>;
|
|
771
|
+
"transform-origin"?: MaybeSignal<string | undefined>;
|
|
773
772
|
u1?: MaybeSignal<number | string | undefined>;
|
|
774
773
|
u2?: MaybeSignal<number | string | undefined>;
|
|
775
|
-
|
|
776
|
-
|
|
774
|
+
"underline-position"?: MaybeSignal<number | string | undefined>;
|
|
775
|
+
"underline-thickness"?: MaybeSignal<number | string | undefined>;
|
|
777
776
|
unicode?: MaybeSignal<number | string | undefined>;
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
777
|
+
"unicode-bidi"?: MaybeSignal<number | string | undefined>;
|
|
778
|
+
"unicode-range"?: MaybeSignal<number | string | undefined>;
|
|
779
|
+
"units-per-em"?: MaybeSignal<number | string | undefined>;
|
|
780
|
+
"v-alphabetic"?: MaybeSignal<number | string | undefined>;
|
|
782
781
|
values?: MaybeSignal<string | undefined>;
|
|
783
782
|
vectorEffect?: MaybeSignal<number | string | undefined>;
|
|
784
783
|
version?: MaybeSignal<string | undefined>;
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
784
|
+
"vert-adv-y"?: MaybeSignal<number | string | undefined>;
|
|
785
|
+
"vert-origin-x"?: MaybeSignal<number | string | undefined>;
|
|
786
|
+
"vert-origin-y"?: MaybeSignal<number | string | undefined>;
|
|
787
|
+
"v-hanging"?: MaybeSignal<number | string | undefined>;
|
|
788
|
+
"v-ideographic"?: MaybeSignal<number | string | undefined>;
|
|
790
789
|
viewBox?: MaybeSignal<string | undefined>;
|
|
791
790
|
viewTarget?: MaybeSignal<number | string | undefined>;
|
|
792
791
|
visibility?: MaybeSignal<number | string | undefined>;
|
|
793
|
-
|
|
792
|
+
"v-mathematical"?: MaybeSignal<number | string | undefined>;
|
|
794
793
|
widths?: MaybeSignal<number | string | undefined>;
|
|
795
|
-
|
|
794
|
+
"word-spacing"?: MaybeSignal<number | string | undefined>;
|
|
796
795
|
writingMode?: MaybeSignal<number | string | undefined>;
|
|
797
796
|
x1?: MaybeSignal<number | string | undefined>;
|
|
798
797
|
x2?: MaybeSignal<number | string | undefined>;
|
|
799
798
|
x?: MaybeSignal<number | string | undefined>;
|
|
800
799
|
xChannelSelector?: MaybeSignal<string | undefined>;
|
|
801
|
-
|
|
802
|
-
xlinkActuate?: MaybeSignal<string | undefined>;
|
|
803
|
-
xlinkArcrole?: MaybeSignal<string | undefined>;
|
|
804
|
-
xlinkHref?: MaybeSignal<string | undefined>;
|
|
805
|
-
xlinkRole?: MaybeSignal<string | undefined>;
|
|
806
|
-
xlinkShow?: MaybeSignal<string | undefined>;
|
|
807
|
-
xlinkTitle?: MaybeSignal<string | undefined>;
|
|
808
|
-
xlinkType?: MaybeSignal<string | undefined>;
|
|
809
|
-
xmlBase?: MaybeSignal<string | undefined>;
|
|
810
|
-
xmlLang?: MaybeSignal<string | undefined>;
|
|
811
|
-
xmlns?: MaybeSignal<string | undefined>;
|
|
812
|
-
xmlnsXlink?: MaybeSignal<string | undefined>;
|
|
813
|
-
xmlSpace?: MaybeSignal<string | undefined>;
|
|
800
|
+
"x-height"?: MaybeSignal<number | string | undefined>;
|
|
814
801
|
y1?: MaybeSignal<number | string | undefined>;
|
|
815
802
|
y2?: MaybeSignal<number | string | undefined>;
|
|
816
803
|
y?: MaybeSignal<number | string | undefined>;
|