sinho 0.3.4 → 0.3.6

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.
Files changed (15) hide show
  1. package/dist/bundle.d.ts +74 -84
  2. package/dist/bundle.js +4 -4
  3. package/dist/bundle.min.js +1 -1
  4. package/dist/component.d.ts +4 -4
  5. package/dist/component.js +4 -4
  6. package/dist/component.js.map +1 -1
  7. package/dist/dom.d.ts +69 -81
  8. package/dist/dom.js.map +1 -1
  9. package/dist/utils.d.ts +2 -0
  10. package/dist/utils.js.map +1 -1
  11. package/package.json +2 -1
  12. package/src/component.ts +18 -6
  13. package/src/utils.ts +8 -0
  14. package/web/static/dist/bundle.d.ts +0 -1147
  15. package/web/static/dist/bundle.min.js +0 -1
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
- accentHeight?: MaybeSignal<number | string | undefined>;
362
+ "accent-height"?: MaybeSignal<number | string | undefined>;
363
363
  accumulate?: MaybeSignal<"none" | "sum" | undefined>;
364
364
  additive?: MaybeSignal<"replace" | "sum" | undefined>;
365
- alignmentBaseline?: MaybeSignal<"auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined>;
366
- allowReorder?: MaybeSignal<"no" | "yes" | undefined>;
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
- arabicForm?: MaybeSignal<"initial" | "medial" | "terminal" | "isolated" | undefined>;
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
- baselineShift?: MaybeSignal<number | string | undefined>;
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
- capHeight?: MaybeSignal<number | string | undefined>;
382
+ "cap-height"?: MaybeSignal<number | string | undefined>;
384
383
  clip?: MaybeSignal<number | string | undefined>;
385
- clipPath?: MaybeSignal<string | undefined>;
384
+ "clip-path"?: MaybeSignal<string | undefined>;
386
385
  clipPathUnits?: MaybeSignal<number | string | undefined>;
387
- clipRule?: MaybeSignal<number | string | undefined>;
388
- colorInterpolation?: MaybeSignal<number | string | undefined>;
389
- colorInterpolationFilters?: MaybeSignal<"auto" | "sRGB" | "linearRGB" | "inherit" | undefined>;
390
- colorProfile?: MaybeSignal<number | string | undefined>;
391
- colorRendering?: MaybeSignal<number | string | undefined>;
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
- dominantBaseline?: MaybeSignal<number | string | undefined>;
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
- enableBackground?: MaybeSignal<number | string | undefined>;
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
- fillOpacity?: MaybeSignal<number | string | undefined>;
416
- fillRule?: MaybeSignal<"nonzero" | "evenodd" | "inherit" | undefined>;
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
- floodColor?: MaybeSignal<number | string | undefined>;
421
- floodOpacity?: MaybeSignal<number | string | undefined>;
419
+ "flood-color"?: MaybeSignal<number | string | undefined>;
420
+ "flood-opacity"?: MaybeSignal<number | string | undefined>;
422
421
  focusable?: MaybeSignal<number | string | undefined>;
423
- fontFamily?: MaybeSignal<string | undefined>;
424
- fontSize?: MaybeSignal<number | string | undefined>;
425
- fontSizeAdjust?: MaybeSignal<number | string | undefined>;
426
- fontStretch?: MaybeSignal<number | string | undefined>;
427
- fontStyle?: MaybeSignal<number | string | undefined>;
428
- fontVariant?: MaybeSignal<number | string | undefined>;
429
- fontWeight?: MaybeSignal<number | string | undefined>;
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
- glyphName?: MaybeSignal<number | string | undefined>;
437
- glyphOrientationHorizontal?: MaybeSignal<number | string | undefined>;
438
- glyphOrientationVertical?: MaybeSignal<number | string | undefined>;
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
- horizAdvX?: MaybeSignal<number | string | undefined>;
444
- horizOriginX?: MaybeSignal<number | string | undefined>;
442
+ "horiz-adv-x"?: MaybeSignal<number | string | undefined>;
443
+ "horiz-origin-x"?: MaybeSignal<number | string | undefined>;
445
444
  ideographic?: MaybeSignal<number | string | undefined>;
446
- imageRendering?: MaybeSignal<number | string | undefined>;
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
- letterSpacing?: MaybeSignal<number | string | undefined>;
463
- lightingColor?: MaybeSignal<number | string | undefined>;
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
- markerEnd?: MaybeSignal<string | undefined>;
465
+ "marker-end"?: MaybeSignal<string | undefined>;
467
466
  markerHeight?: MaybeSignal<number | string | undefined>;
468
- markerMid?: MaybeSignal<string | undefined>;
469
- markerStart?: MaybeSignal<string | undefined>;
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
- overlinePosition?: MaybeSignal<number | string | undefined>;
487
- overlineThickness?: MaybeSignal<number | string | undefined>;
488
- paintOrder?: MaybeSignal<number | string | undefined>;
489
- panose1?: MaybeSignal<number | string | undefined>;
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
- pointerEvents?: MaybeSignal<number | string | undefined>;
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
- renderingIntent?: MaybeSignal<number | string | undefined>;
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
- shapeRendering?: MaybeSignal<number | string | undefined>;
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
- stopColor?: MaybeSignal<string | undefined>;
531
- stopOpacity?: MaybeSignal<number | string | undefined>;
532
- strikethroughPosition?: MaybeSignal<number | string | undefined>;
533
- strikethroughThickness?: MaybeSignal<number | string | undefined>;
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
- strokeDasharray?: MaybeSignal<number | string | undefined>;
537
- strokeDashoffset?: MaybeSignal<number | string | undefined>;
538
- strokeLinecap?: MaybeSignal<"butt" | "round" | "square" | "inherit" | undefined>;
539
- strokeLinejoin?: MaybeSignal<"miter" | "round" | "bevel" | "inherit" | undefined>;
540
- strokeMiterlimit?: MaybeSignal<number | string | undefined>;
541
- strokeOpacity?: MaybeSignal<number | string | undefined>;
542
- strokeWidth?: MaybeSignal<number | string | undefined>;
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
- underlinePosition?: MaybeSignal<number | string | undefined>;
557
- underlineThickness?: MaybeSignal<number | string | undefined>;
556
+ "underline-position"?: MaybeSignal<number | string | undefined>;
557
+ "underline-thickness"?: MaybeSignal<number | string | undefined>;
558
558
  unicode?: MaybeSignal<number | string | undefined>;
559
- unicodeBidi?: MaybeSignal<number | string | undefined>;
560
- unicodeRange?: MaybeSignal<number | string | undefined>;
561
- unitsPerEm?: MaybeSignal<number | string | undefined>;
562
- vAlphabetic?: MaybeSignal<number | string | undefined>;
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
- vertAdvY?: MaybeSignal<number | string | undefined>;
567
- vertOriginX?: MaybeSignal<number | string | undefined>;
568
- vertOriginY?: MaybeSignal<number | string | undefined>;
569
- vHanging?: MaybeSignal<number | string | undefined>;
570
- vIdeographic?: MaybeSignal<number | string | undefined>;
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
- vMathematical?: MaybeSignal<number | string | undefined>;
574
+ "v-mathematical"?: MaybeSignal<number | string | undefined>;
575
575
  widths?: MaybeSignal<number | string | undefined>;
576
- wordSpacing?: MaybeSignal<number | string | undefined>;
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
- xHeight?: MaybeSignal<number | string | undefined>;
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;AASH,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"}
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/dist/utils.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  type RemoveOn<S extends string> = S extends `on${infer R}` ? Uncapitalize<R> : never;
2
2
  export type CamelCaseToKebabCase<S extends string> = S extends `${infer F}${infer R}` ? F extends Lowercase<F> ? `${F}${CamelCaseToKebabCase<R>}` : `-${Lowercase<F>}${CamelCaseToKebabCase<R>}` : Lowercase<S>;
3
+ export type KebabCaseToCamelCase<S extends string> = S extends `${infer F}-${infer R}` ? `${F}${Capitalize<KebabCaseToCamelCase<R>>}` : Capitalize<S>;
3
4
  export declare const camelCaseToKebabCase: (value: string) => string;
4
5
  export type JsxPropNameToEventName<S extends string> = CamelCaseToKebabCase<RemoveOn<S>>;
5
6
  export declare const jsxPropNameToEventName: (value: `on${string}`) => string;
7
+ export type EventNameToJsxProp<S extends string> = `on${Capitalize<KebabCaseToCamelCase<S>>}`;
6
8
  export {};
package/dist/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAU,EAAE;IAC5D,OAAO,CACL,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC/D,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAoB,EAAU,EAAE;IACrE,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;SAAM,CAAC;QACN,OAAO,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAU,EAAE;IAC5D,OAAO,CACL,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC/D,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAoB,EAAU,EAAE;IACrE,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;SAAM,CAAC;QACN,OAAO,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC;AACH,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sinho",
3
- "version": "0.3.4",
3
+ "version": "0.3.6",
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
@@ -11,6 +11,7 @@ import type { DomEventProps, DomProps } from "./dom.js";
11
11
  import { runWithRenderer } from "./renderer.js";
12
12
  import {
13
13
  camelCaseToKebabCase,
14
+ EventNameToJsxProp,
14
15
  JsxPropNameToEventName,
15
16
  jsxPropNameToEventName,
16
17
  } from "./utils.js";
@@ -332,14 +333,24 @@ declare abstract class ComponentInner<M extends Metadata> {
332
333
  value: string | null,
333
334
  ): void;
334
335
 
335
- addEventListener<K extends keyof Events<M> & string>(
336
- type: JsxPropNameToEventName<K>,
337
- listener: (event: InstanceType<Events<M>[K]>) => void,
336
+ addEventListener<K extends JsxPropNameToEventName<keyof Events<M> & string>>(
337
+ type: K,
338
+ listener: (
339
+ event: InstanceType<
340
+ Events<M>[Extract<EventNameToJsxProp<K>, keyof Events<M>>]
341
+ >,
342
+ ) => void,
338
343
  options?: boolean | AddEventListenerOptions,
339
344
  ): void;
340
- removeEventListener<K extends keyof Events<M> & string>(
341
- type: JsxPropNameToEventName<K>,
342
- listener: (event: InstanceType<Events<M>[K]>) => void,
345
+ removeEventListener<
346
+ K extends JsxPropNameToEventName<keyof Events<M> & string>,
347
+ >(
348
+ type: K,
349
+ listener: (
350
+ event: InstanceType<
351
+ Events<M>[Extract<EventNameToJsxProp<K>, keyof Events<M>>]
352
+ >,
353
+ ) => void,
343
354
  options?: boolean | EventListenerOptions,
344
355
  ): void;
345
356
 
@@ -494,6 +505,7 @@ export const Component: ((tagName?: string) => ComponentConstructor<{}>) &
494
505
  opts.shadow
495
506
  ? (component.shadowRoot ?? component.attachShadow(opts.shadow))
496
507
  : component;
508
+
497
509
  abstract class _Component extends HTMLElement {
498
510
  static readonly [componentSym]: ComponentConstructor[typeof componentSym] =
499
511
  {
package/src/utils.ts CHANGED
@@ -9,6 +9,11 @@ export type CamelCaseToKebabCase<S extends string> =
9
9
  : `-${Lowercase<F>}${CamelCaseToKebabCase<R>}`
10
10
  : Lowercase<S>;
11
11
 
12
+ export type KebabCaseToCamelCase<S extends string> =
13
+ S extends `${infer F}-${infer R}`
14
+ ? `${F}${Capitalize<KebabCaseToCamelCase<R>>}`
15
+ : Capitalize<S>;
16
+
12
17
  export const camelCaseToKebabCase = (value: string): string => {
13
18
  return (
14
19
  (value[0] ?? "").toLowerCase() +
@@ -27,3 +32,6 @@ export const jsxPropNameToEventName = (value: `on${string}`): string => {
27
32
  return camelCaseToKebabCase(value.slice(2));
28
33
  }
29
34
  };
35
+
36
+ export type EventNameToJsxProp<S extends string> =
37
+ `on${Capitalize<KebabCaseToCamelCase<S>>}`;