godown 2.6.0 → 2.6.1

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 (109) hide show
  1. package/lib/event-collection.d.ts +1 -1
  2. package/package.json +4 -4
  3. package/react/index.d.ts +0 -1
  4. package/react/index.d.ts.map +1 -1
  5. package/react/index.js +0 -3
  6. package/react/index.js.map +1 -1
  7. package/web-components/a/avatar-a.js +40 -40
  8. package/web-components/a/avatar-a.js.map +1 -1
  9. package/web-components/a/super-a.js +22 -22
  10. package/web-components/a/super-a.js.map +1 -1
  11. package/web-components/button/base-button.js +86 -86
  12. package/web-components/button/base-button.js.map +1 -1
  13. package/web-components/carousel/carousel-slider.d.ts +1 -1
  14. package/web-components/carousel/carousel-slider.d.ts.map +1 -1
  15. package/web-components/carousel/carousel-slider.js +70 -70
  16. package/web-components/carousel/carousel-slider.js.map +1 -1
  17. package/web-components/form/base-form.js +15 -15
  18. package/web-components/form/base-form.js.map +1 -1
  19. package/web-components/group/avatar-group.js +13 -13
  20. package/web-components/group/avatar-group.js.map +1 -1
  21. package/web-components/group/details-group.js +7 -7
  22. package/web-components/group/details-group.js.map +1 -1
  23. package/web-components/group/tab-group.js +45 -45
  24. package/web-components/group/tab-group.js.map +1 -1
  25. package/web-components/index.d.ts +0 -1
  26. package/web-components/index.d.ts.map +1 -1
  27. package/web-components/index.js +0 -1
  28. package/web-components/index.js.map +1 -1
  29. package/web-components/input/base-input.js +73 -73
  30. package/web-components/input/base-input.js.map +1 -1
  31. package/web-components/input/input.js +15 -15
  32. package/web-components/input/input.js.map +1 -1
  33. package/web-components/input/label-input.js +49 -49
  34. package/web-components/input/label-input.js.map +1 -1
  35. package/web-components/input/search-input.js +53 -53
  36. package/web-components/input/search-input.js.map +1 -1
  37. package/web-components/input/select-input.js +88 -88
  38. package/web-components/input/select-input.js.map +1 -1
  39. package/web-components/input/split-input.js +51 -51
  40. package/web-components/input/split-input.js.map +1 -1
  41. package/web-components/input/switch-input.js +36 -36
  42. package/web-components/input/switch-input.js.map +1 -1
  43. package/web-components/items/alert-item.js +32 -33
  44. package/web-components/items/alert-item.js.map +1 -1
  45. package/web-components/items/card-item.js +54 -54
  46. package/web-components/items/card-item.js.map +1 -1
  47. package/web-components/items/drag-box.js +8 -8
  48. package/web-components/items/drag-box.js.map +1 -1
  49. package/web-components/items/time-bar.js +8 -9
  50. package/web-components/items/time-bar.js.map +1 -1
  51. package/web-components/layout/divider-line.js +11 -11
  52. package/web-components/layout/divider-line.js.map +1 -1
  53. package/web-components/layout/flex-flow.js +7 -7
  54. package/web-components/layout/flex-flow.js.map +1 -1
  55. package/web-components/layout/nav-aside.js +14 -14
  56. package/web-components/layout/nav-aside.js.map +1 -1
  57. package/web-components/layout/nav-layout.js +26 -26
  58. package/web-components/layout/nav-layout.js.map +1 -1
  59. package/web-components/loading/loading-progress.d.ts +1 -1
  60. package/web-components/loading/loading-progress.d.ts.map +1 -1
  61. package/web-components/loading/loading-progress.js +28 -28
  62. package/web-components/loading/loading-progress.js.map +1 -1
  63. package/web-components/loading/skeleton-screen.js +19 -19
  64. package/web-components/loading/skeleton-screen.js.map +1 -1
  65. package/web-components/open/open-details.d.ts.map +1 -1
  66. package/web-components/open/open-details.js +73 -22
  67. package/web-components/open/open-details.js.map +1 -1
  68. package/web-components/open/open-dialog.d.ts +5 -16
  69. package/web-components/open/open-dialog.d.ts.map +1 -1
  70. package/web-components/open/open-dialog.js +92 -102
  71. package/web-components/open/open-dialog.js.map +1 -1
  72. package/web-components/open/open-offset.d.ts +0 -1
  73. package/web-components/open/open-offset.d.ts.map +1 -1
  74. package/web-components/open/open-offset.js +50 -53
  75. package/web-components/open/open-offset.js.map +1 -1
  76. package/web-components/open/open-tooltip.d.ts +2 -2
  77. package/web-components/open/open-tooltip.d.ts.map +1 -1
  78. package/web-components/open/open-tooltip.js +14 -15
  79. package/web-components/open/open-tooltip.js.map +1 -1
  80. package/web-components/open/open.d.ts +3 -2
  81. package/web-components/open/open.d.ts.map +1 -1
  82. package/web-components/open/open.js +13 -59
  83. package/web-components/open/open.js.map +1 -1
  84. package/web-components/text/clip-text.js +8 -8
  85. package/web-components/text/clip-text.js.map +1 -1
  86. package/web-components/text/overbreath-text.js +17 -17
  87. package/web-components/text/overbreath-text.js.map +1 -1
  88. package/web-components/text/typewriter-text.js +32 -32
  89. package/web-components/text/typewriter-text.js.map +1 -1
  90. package/web-components/view/route-view.d.ts +2 -2
  91. package/web-components/view/route-view.js +7 -7
  92. package/web-components/view/route-view.js.map +1 -1
  93. package/web-components/view/scroll-x.js +29 -29
  94. package/web-components/view/scroll-x.js.map +1 -1
  95. package/web-components/view/wrap-view.d.ts +1 -1
  96. package/web-components/view/wrap-view.js +15 -15
  97. package/web-components/view/wrap-view.js.map +1 -1
  98. package/open-list.d.ts +0 -2
  99. package/open-list.d.ts.map +0 -1
  100. package/open-list.js +0 -2
  101. package/open-list.js.map +0 -1
  102. package/web-components/layout/index.d.ts +0 -5
  103. package/web-components/layout/index.d.ts.map +0 -1
  104. package/web-components/layout/index.js +0 -6
  105. package/web-components/layout/index.js.map +0 -1
  106. package/web-components/open/open-list.d.ts +0 -20
  107. package/web-components/open/open-list.d.ts.map +0 -1
  108. package/web-components/open/open-list.js +0 -71
  109. package/web-components/open/open-list.js.map +0 -1
@@ -4,7 +4,7 @@ export type EventsTypes = GlobalEventHandlersEventMap[keyof GlobalEventHandlersE
4
4
  export type ListenerFunc = (event?: EventsTypes) => any | EventListenerOrEventListenerObject;
5
5
  export type AddOptions = boolean | AddEventListenerOptions;
6
6
  export declare class EventsCollection {
7
- protected Listeners: Map<"abort" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "beforeinput" | "blur" | "cancel" | "canplay" | "canplaythrough" | "change" | "click" | "close" | "compositionend" | "compositionstart" | "compositionupdate" | "contextmenu" | "copy" | "cuechange" | "cut" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "error" | "focus" | "focusin" | "focusout" | "formdata" | "gotpointercapture" | "input" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "paste" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "progress" | "ratechange" | "reset" | "resize" | "scroll" | "scrollend" | "securitypolicyviolation" | "seeked" | "seeking" | "select" | "selectionchange" | "selectstart" | "slotchange" | "stalled" | "submit" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "waiting" | "webkitanimationend" | "webkitanimationiteration" | "webkitanimationstart" | "webkittransitionend" | "wheel" | "DOMContentLoaded" | "devicemotion" | "deviceorientation" | "gamepadconnected" | "gamepaddisconnected" | "orientationchange" | "afterprint" | "beforeprint" | "beforeunload" | "hashchange" | "languagechange" | "message" | "messageerror" | "offline" | "online" | "pagehide" | "pageshow" | "popstate" | "rejectionhandled" | "storage" | "unhandledrejection" | "unload" | "fullscreenchange" | "fullscreenerror" | "pointerlockchange" | "pointerlockerror" | "readystatechange" | "visibilitychange", Map<HTMLElement, Set<ListenerFunc>>>;
7
+ protected Listeners: Map<"input" | "progress" | "select" | "abort" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "beforeinput" | "blur" | "cancel" | "canplay" | "canplaythrough" | "change" | "click" | "close" | "compositionend" | "compositionstart" | "compositionupdate" | "contextmenu" | "copy" | "cuechange" | "cut" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "error" | "focus" | "focusin" | "focusout" | "formdata" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "paste" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "reset" | "resize" | "scroll" | "scrollend" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "slotchange" | "stalled" | "submit" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "waiting" | "webkitanimationend" | "webkitanimationiteration" | "webkitanimationstart" | "webkittransitionend" | "wheel" | "DOMContentLoaded" | "devicemotion" | "deviceorientation" | "gamepadconnected" | "gamepaddisconnected" | "orientationchange" | "afterprint" | "beforeprint" | "beforeunload" | "hashchange" | "languagechange" | "message" | "messageerror" | "offline" | "online" | "pagehide" | "pageshow" | "popstate" | "rejectionhandled" | "storage" | "unhandledrejection" | "unload" | "fullscreenchange" | "fullscreenerror" | "pointerlockchange" | "pointerlockerror" | "readystatechange" | "visibilitychange", Map<HTMLElement, Set<ListenerFunc>>>;
8
8
  protected ListenersAlias: Map<PropertyKey, ListenerFunc>;
9
9
  addEvent(src: HTMLElement, type: EventsNames, listener: ListenerFunc, options?: AddOptions, alias?: PropertyKey): void;
10
10
  removeEvent(src: HTMLElement, type: EventsNames, alias: PropertyKey | ListenerFunc, option?: EventListenerOptions): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "godown",
3
- "version": "2.6.0",
3
+ "version": "2.6.1",
4
4
  "main": "./index.js",
5
5
  "type": "module",
6
6
  "publishConfig": {
@@ -80,7 +80,6 @@
80
80
  "./skeleton-screen": "./skeleton-screen.js",
81
81
  "./open-details": "./open-details.js",
82
82
  "./open-dialog": "./open-dialog.js",
83
- "./open-list": "./open-list.js",
84
83
  "./open-offset": "./open-offset.js",
85
84
  "./open-tooltip": "./open-tooltip.js",
86
85
  "./clip-text": "./clip-text.js",
@@ -91,12 +90,13 @@
91
90
  "./wrap-view": "./wrap-view.js"
92
91
  },
93
92
  "scripts": {
94
- "build": "node ./scripts/build.js && tsc",
93
+ "build": "node ./scripts/build.js",
95
94
  "build:min": "node ./scripts/build-min.js",
96
95
  "build:watch": "tsc --watch",
97
96
  "dev": "vite",
97
+ "export": "node ./scripts/exports.js",
98
98
  "fmt": "prettier --write ./src",
99
- "lint": "eslint --ext .ts ./src",
99
+ "lint": "eslint --ext .ts ./src --fix",
100
100
  "push": "git push && git push --tags",
101
101
  "readme": "node ./scripts/readme.js",
102
102
  "watch": "tsc --watch"
package/react/index.d.ts CHANGED
@@ -26,7 +26,6 @@ export declare const LoadingProgress: import("@lit/react").ReactWebComponent<imp
26
26
  export declare const SkeletonScreen: import("@lit/react").ReactWebComponent<import("../web-components/loading/skeleton-screen.js").SkeletonScreen, {}>;
27
27
  export declare const OpenDetails: import("@lit/react").ReactWebComponent<import("../web-components/open/open-details.js").OpenDetails, {}>;
28
28
  export declare const OpenDialog: import("@lit/react").ReactWebComponent<import("../web-components/open/open-dialog.js").OpenDialog, {}>;
29
- export declare const OpenList: import("@lit/react").ReactWebComponent<import("../web-components/open/open-list.js").OpenList, {}>;
30
29
  export declare const OpenOffset: import("@lit/react").ReactWebComponent<import("../web-components/open/open-offset.js").OpenOffset, {}>;
31
30
  export declare const OpenTooltip: import("@lit/react").ReactWebComponent<import("../web-components/open/open-tooltip.js").OpenTooltip, {}>;
32
31
  export declare const ClipText: import("@lit/react").ReactWebComponent<import("../web-components/text/clip-text.js").ClipText, {}>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,+FAElB,CAAC;AAEH,eAAO,MAAM,KAAK,2FAEhB,CAAC;AAEH,eAAO,MAAM,MAAM,6FAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,0GAErB,CAAC;AAEH,eAAO,MAAM,cAAc,oHAEzB,CAAC;AAEH,eAAO,MAAM,QAAQ,4GAEnB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,YAAY,6GAEvB,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,uGAEpB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,SAAS,uGAEpB,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,WAAW,4GAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ,sGAEnB,CAAC;AAEH,eAAO,MAAM,QAAQ,sGAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,wGAEpB,CAAC;AAEH,eAAO,MAAM,eAAe,qHAE1B,CAAC;AAEH,eAAO,MAAM,cAAc,mHAEzB,CAAC;AAEH,eAAO,MAAM,WAAW,0GAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,wGAErB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC;AAEH,eAAO,MAAM,UAAU,wGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,0GAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC;AAEH,eAAO,MAAM,cAAc,gHAEzB,CAAC;AAEH,eAAO,MAAM,cAAc,gHAEzB,CAAC;AAEH,eAAO,MAAM,SAAS,+GAEpB,CAAC;AAEH,eAAO,MAAM,OAAO,kGAElB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,+FAElB,CAAC;AAEH,eAAO,MAAM,KAAK,2FAEhB,CAAC;AAEH,eAAO,MAAM,MAAM,6FAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,0GAErB,CAAC;AAEH,eAAO,MAAM,cAAc,oHAEzB,CAAC;AAEH,eAAO,MAAM,QAAQ,4GAEnB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,YAAY,6GAEvB,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,uGAEpB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,SAAS,uGAEpB,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,WAAW,4GAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ,sGAEnB,CAAC;AAEH,eAAO,MAAM,QAAQ,sGAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,wGAEpB,CAAC;AAEH,eAAO,MAAM,eAAe,qHAE1B,CAAC;AAEH,eAAO,MAAM,cAAc,mHAEzB,CAAC;AAEH,eAAO,MAAM,WAAW,0GAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,wGAErB,CAAC;AAEH,eAAO,MAAM,UAAU,wGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,0GAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC;AAEH,eAAO,MAAM,cAAc,gHAEzB,CAAC;AAEH,eAAO,MAAM,cAAc,gHAEzB,CAAC;AAEH,eAAO,MAAM,SAAS,+GAEpB,CAAC;AAEH,eAAO,MAAM,OAAO,kGAElB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC"}
package/react/index.js CHANGED
@@ -85,9 +85,6 @@ export const OpenDetails = create({
85
85
  export const OpenDialog = create({
86
86
  elementClass: (await import("../web-components/open/open-dialog.js")).default,
87
87
  });
88
- export const OpenList = create({
89
- elementClass: (await import("../web-components/open/open-list.js")).default,
90
- });
91
88
  export const OpenOffset = create({
92
89
  elementClass: (await import("../web-components/open/open-offset.js")).default,
93
90
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,YAAY,CAAC;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,iCAAiC,CAAC,CAAC,CAAC,OAAO;CACxE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC;IAC1B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,+BAA+B,CAAC,CAAC,CAAC,OAAO;CACtE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC;IAC3B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,gCAAgC,CAAC,CAAC,CAAC,OAAO;CACvE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC;IACnC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,+CAA+C,CAAC,CAAC,CAAC,OAAO;CACtF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC;IACjC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,0CAA0C,CAAC,CAAC,CAAC,OAAO;CACjF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC,OAAO;CAC7E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC,OAAO;CAC7E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,0CAA0C,CAAC,CAAC,CAAC,OAAO;CACjF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC;IACpC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,+CAA+C,CAAC,CAAC,CAAC,OAAO;CACtF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC;IACnC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,8CAA8C,CAAC,CAAC,CAAC,OAAO;CACrF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC;IACnC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,2CAA2C,CAAC,CAAC,CAAC,OAAO;CAClF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC;IACnC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,2CAA2C,CAAC,CAAC,CAAC,OAAO;CAClF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC,OAAO;CAC7E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,oCAAoC,CAAC,CAAC,CAAC,OAAO;CAC3E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC","sourcesContent":["/// script generated\n\"use client\";\nimport { create } from \"./create.js\";\n\nexport const AvatarA = create({\n elementClass: (await import(\"../web-components/a/avatar-a.js\")).default,\n});\n\nexport const LinkA = create({\n elementClass: (await import(\"../web-components/a/link-a.js\")).default,\n});\n\nexport const SuperA = create({\n elementClass: (await import(\"../web-components/a/super-a.js\")).default,\n});\n\nexport const BaseButton = create({\n elementClass: (await import(\"../web-components/button/base-button.js\")).default,\n});\n\nexport const CarouselSlider = create({\n elementClass: (await import(\"../web-components/carousel/carousel-slider.js\")).default,\n});\n\nexport const BaseForm = create({\n elementClass: (await import(\"../web-components/form/base-form.js\")).default,\n});\n\nexport const SignForm = create({\n elementClass: (await import(\"../web-components/form/sign-form.js\")).default,\n});\n\nexport const AvatarGroup = create({\n elementClass: (await import(\"../web-components/group/avatar-group.js\")).default,\n});\n\nexport const DetailsGroup = create({\n elementClass: (await import(\"../web-components/group/details-group.js\")).default,\n});\n\nexport const TabGroup = create({\n elementClass: (await import(\"../web-components/group/tab-group.js\")).default,\n});\n\nexport const BaseInput = create({\n elementClass: (await import(\"../web-components/input/base-input.js\")).default,\n});\n\nexport const LabelInput = create({\n elementClass: (await import(\"../web-components/input/label-input.js\")).default,\n});\n\nexport const SearchInput = create({\n elementClass: (await import(\"../web-components/input/search-input.js\")).default,\n});\n\nexport const SelectInput = create({\n elementClass: (await import(\"../web-components/input/select-input.js\")).default,\n});\n\nexport const SplitInput = create({\n elementClass: (await import(\"../web-components/input/split-input.js\")).default,\n});\n\nexport const SwitchInput = create({\n elementClass: (await import(\"../web-components/input/switch-input.js\")).default,\n});\n\nexport const AlertItem = create({\n elementClass: (await import(\"../web-components/items/alert-item.js\")).default,\n});\n\nexport const CardItem = create({\n elementClass: (await import(\"../web-components/items/card-item.js\")).default,\n});\n\nexport const DragBox = create({\n elementClass: (await import(\"../web-components/items/drag-box.js\")).default,\n});\n\nexport const TimeBar = create({\n elementClass: (await import(\"../web-components/items/time-bar.js\")).default,\n});\n\nexport const DividerLine = create({\n elementClass: (await import(\"../web-components/layout/divider-line.js\")).default,\n});\n\nexport const FlexFlow = create({\n elementClass: (await import(\"../web-components/layout/flex-flow.js\")).default,\n});\n\nexport const NavAside = create({\n elementClass: (await import(\"../web-components/layout/nav-aside.js\")).default,\n});\n\nexport const NavLayout = create({\n elementClass: (await import(\"../web-components/layout/nav-layout.js\")).default,\n});\n\nexport const LoadingProgress = create({\n elementClass: (await import(\"../web-components/loading/loading-progress.js\")).default,\n});\n\nexport const SkeletonScreen = create({\n elementClass: (await import(\"../web-components/loading/skeleton-screen.js\")).default,\n});\n\nexport const OpenDetails = create({\n elementClass: (await import(\"../web-components/open/open-details.js\")).default,\n});\n\nexport const OpenDialog = create({\n elementClass: (await import(\"../web-components/open/open-dialog.js\")).default,\n});\n\nexport const OpenList = create({\n elementClass: (await import(\"../web-components/open/open-list.js\")).default,\n});\n\nexport const OpenOffset = create({\n elementClass: (await import(\"../web-components/open/open-offset.js\")).default,\n});\n\nexport const OpenTooltip = create({\n elementClass: (await import(\"../web-components/open/open-tooltip.js\")).default,\n});\n\nexport const ClipText = create({\n elementClass: (await import(\"../web-components/text/clip-text.js\")).default,\n});\n\nexport const OverbreathText = create({\n elementClass: (await import(\"../web-components/text/overbreath-text.js\")).default,\n});\n\nexport const TypewriterText = create({\n elementClass: (await import(\"../web-components/text/typewriter-text.js\")).default,\n});\n\nexport const RouteView = create({\n elementClass: (await import(\"../web-components/view/route-view.js\")).default,\n});\n\nexport const ScrollX = create({\n elementClass: (await import(\"../web-components/view/scroll-x.js\")).default,\n});\n\nexport const WrapView = create({\n elementClass: (await import(\"../web-components/view/wrap-view.js\")).default,\n});\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,YAAY,CAAC;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,iCAAiC,CAAC,CAAC,CAAC,OAAO;CACxE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC;IAC1B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,+BAA+B,CAAC,CAAC,CAAC,OAAO;CACtE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC;IAC3B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,gCAAgC,CAAC,CAAC,CAAC,OAAO;CACvE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC;IACnC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,+CAA+C,CAAC,CAAC,CAAC,OAAO;CACtF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC;IACjC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,0CAA0C,CAAC,CAAC,CAAC,OAAO;CACjF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC,OAAO;CAC7E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,yCAAyC,CAAC,CAAC,CAAC,OAAO;CAChF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC,OAAO;CAC7E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,0CAA0C,CAAC,CAAC,CAAC,OAAO;CACjF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC;IACpC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,+CAA+C,CAAC,CAAC,CAAC,OAAO;CACtF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC;IACnC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,8CAA8C,CAAC,CAAC,CAAC,OAAO;CACrF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAC,OAAO;CAC9E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC,OAAO;CAC/E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC;IACnC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,2CAA2C,CAAC,CAAC,CAAC,OAAO;CAClF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC;IACnC,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,2CAA2C,CAAC,CAAC,CAAC,OAAO;CAClF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC,OAAO;CAC7E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,oCAAoC,CAAC,CAAC,CAAC,OAAO;CAC3E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO;CAC5E,CAAC,CAAC","sourcesContent":["/// script generated\n\"use client\";\nimport { create } from \"./create.js\";\n\nexport const AvatarA = create({\n elementClass: (await import(\"../web-components/a/avatar-a.js\")).default,\n});\n\nexport const LinkA = create({\n elementClass: (await import(\"../web-components/a/link-a.js\")).default,\n});\n\nexport const SuperA = create({\n elementClass: (await import(\"../web-components/a/super-a.js\")).default,\n});\n\nexport const BaseButton = create({\n elementClass: (await import(\"../web-components/button/base-button.js\")).default,\n});\n\nexport const CarouselSlider = create({\n elementClass: (await import(\"../web-components/carousel/carousel-slider.js\")).default,\n});\n\nexport const BaseForm = create({\n elementClass: (await import(\"../web-components/form/base-form.js\")).default,\n});\n\nexport const SignForm = create({\n elementClass: (await import(\"../web-components/form/sign-form.js\")).default,\n});\n\nexport const AvatarGroup = create({\n elementClass: (await import(\"../web-components/group/avatar-group.js\")).default,\n});\n\nexport const DetailsGroup = create({\n elementClass: (await import(\"../web-components/group/details-group.js\")).default,\n});\n\nexport const TabGroup = create({\n elementClass: (await import(\"../web-components/group/tab-group.js\")).default,\n});\n\nexport const BaseInput = create({\n elementClass: (await import(\"../web-components/input/base-input.js\")).default,\n});\n\nexport const LabelInput = create({\n elementClass: (await import(\"../web-components/input/label-input.js\")).default,\n});\n\nexport const SearchInput = create({\n elementClass: (await import(\"../web-components/input/search-input.js\")).default,\n});\n\nexport const SelectInput = create({\n elementClass: (await import(\"../web-components/input/select-input.js\")).default,\n});\n\nexport const SplitInput = create({\n elementClass: (await import(\"../web-components/input/split-input.js\")).default,\n});\n\nexport const SwitchInput = create({\n elementClass: (await import(\"../web-components/input/switch-input.js\")).default,\n});\n\nexport const AlertItem = create({\n elementClass: (await import(\"../web-components/items/alert-item.js\")).default,\n});\n\nexport const CardItem = create({\n elementClass: (await import(\"../web-components/items/card-item.js\")).default,\n});\n\nexport const DragBox = create({\n elementClass: (await import(\"../web-components/items/drag-box.js\")).default,\n});\n\nexport const TimeBar = create({\n elementClass: (await import(\"../web-components/items/time-bar.js\")).default,\n});\n\nexport const DividerLine = create({\n elementClass: (await import(\"../web-components/layout/divider-line.js\")).default,\n});\n\nexport const FlexFlow = create({\n elementClass: (await import(\"../web-components/layout/flex-flow.js\")).default,\n});\n\nexport const NavAside = create({\n elementClass: (await import(\"../web-components/layout/nav-aside.js\")).default,\n});\n\nexport const NavLayout = create({\n elementClass: (await import(\"../web-components/layout/nav-layout.js\")).default,\n});\n\nexport const LoadingProgress = create({\n elementClass: (await import(\"../web-components/loading/loading-progress.js\")).default,\n});\n\nexport const SkeletonScreen = create({\n elementClass: (await import(\"../web-components/loading/skeleton-screen.js\")).default,\n});\n\nexport const OpenDetails = create({\n elementClass: (await import(\"../web-components/open/open-details.js\")).default,\n});\n\nexport const OpenDialog = create({\n elementClass: (await import(\"../web-components/open/open-dialog.js\")).default,\n});\n\nexport const OpenOffset = create({\n elementClass: (await import(\"../web-components/open/open-offset.js\")).default,\n});\n\nexport const OpenTooltip = create({\n elementClass: (await import(\"../web-components/open/open-tooltip.js\")).default,\n});\n\nexport const ClipText = create({\n elementClass: (await import(\"../web-components/text/clip-text.js\")).default,\n});\n\nexport const OverbreathText = create({\n elementClass: (await import(\"../web-components/text/overbreath-text.js\")).default,\n});\n\nexport const TypewriterText = create({\n elementClass: (await import(\"../web-components/text/typewriter-text.js\")).default,\n});\n\nexport const RouteView = create({\n elementClass: (await import(\"../web-components/view/route-view.js\")).default,\n});\n\nexport const ScrollX = create({\n elementClass: (await import(\"../web-components/view/scroll-x.js\")).default,\n});\n\nexport const WrapView = create({\n elementClass: (await import(\"../web-components/view/wrap-view.js\")).default,\n});\n"]}
@@ -32,8 +32,45 @@ let AvatarA = class AvatarA extends SuperA {
32
32
  */
33
33
  this.more = 0;
34
34
  }
35
- static { this.styles = [
36
- css `
35
+ render() {
36
+ return html `
37
+ <a href="${ifDefined(this.href)}"> ${this.renderAva()} ${htmlSlot("mask")} </a>
38
+ ${htmlSlot()}
39
+ `;
40
+ }
41
+ renderAva() {
42
+ if (this.more) {
43
+ return html `<span>${this.avaMore()}</span>`;
44
+ }
45
+ if (this.src) {
46
+ return html `<img src="${this.src}" @error=${this.imgOnError} alt="" />`;
47
+ }
48
+ if (this.name) {
49
+ return html `<span>${this.avaName()}</span>`;
50
+ }
51
+ return htmlSlot("avatar");
52
+ }
53
+ avaMore() {
54
+ if (this.more < 0) {
55
+ return "+";
56
+ }
57
+ return (this.more > 99 ? "99" : this.more) + "+";
58
+ }
59
+ avaName() {
60
+ const name = this.name.slice(0, 2);
61
+ return name[0].toUpperCase() + name.slice(1);
62
+ }
63
+ imgOnError(e) {
64
+ if (this.def) {
65
+ e.target.src = this.def;
66
+ }
67
+ else {
68
+ this.src = undefined;
69
+ }
70
+ }
71
+ };
72
+ AvatarA.styles = [
73
+ css `
37
74
  :host {
38
75
  ${cssvarScope}--ava: 1.5em;
39
76
  display: inline-flex;
@@ -73,44 +110,7 @@ let AvatarA = class AvatarA extends SuperA {
73
110
  justify-content: center;
74
111
  }
75
112
  `,
76
- ]; }
77
- render() {
78
- return html `
79
- <a href="${ifDefined(this.href)}"> ${this.renderAva()} ${htmlSlot("mask")} </a>
80
- ${htmlSlot()}
81
- `;
82
- }
83
- renderAva() {
84
- if (this.more) {
85
- return html `<span>${this.avaMore()}</span>`;
86
- }
87
- if (this.src) {
88
- return html `<img src="${this.src}" @error=${this.imgOnError} alt="" />`;
89
- }
90
- if (this.name) {
91
- return html `<span>${this.avaName()}</span>`;
92
- }
93
- return htmlSlot("avatar");
94
- }
95
- avaMore() {
96
- if (this.more < 0) {
97
- return "+";
98
- }
99
- return (this.more > 99 ? "99" : this.more) + "+";
100
- }
101
- avaName() {
102
- const name = this.name.slice(0, 2);
103
- return name[0].toUpperCase() + name.slice(1);
104
- }
105
- imgOnError(e) {
106
- if (this.def) {
107
- e.target.src = this.def;
108
- }
109
- else {
110
- this.src = undefined;
111
- }
112
- }
113
- };
113
+ ];
114
114
  __decorate([
115
115
  property()
116
116
  ], AvatarA.prototype, "src", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"avatar-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/avatar-a.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, ifDefined, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, define } from \"../../root.js\";\nimport SuperA from \"./super-a.js\";\n\nconst defineName = \"avatar-a\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * AvatarAnchor renders the avatar or name and has a href.\n */\n@define(defineName)\nexport class AvatarA extends SuperA {\n /**\n * Image src.\n */\n @property() src: string | undefined | null = \"\";\n /**\n * Default image src.\n */\n @property() def: string = undefined;\n /**\n * Link href.\n */\n @property() href = undefined;\n /**\n * If the image is not available, the {@linkcode AvatarA.avaName} will be displayed.\n */\n @property() name = \"\";\n /**\n * If there is a value, the {@linkcode AvatarA.avaMore} will be displayed.\n */\n @property({ type: Number }) more = 0;\n\n static styles = [\n css`\n :host {\n ${cssvarScope}--ava: 1.5em;\n display: inline-flex;\n align-items: center;\n }\n\n * {\n border-radius: inherit;\n }\n\n img {\n width: 100%;\n height: 100%;\n }\n\n a {\n height: var(${cssvarScope}--ava);\n width: var(${cssvarScope}--ava);\n color: inherit;\n display: flex;\n position: relative;\n align-items: inherit;\n }\n\n span {\n position: absolute;\n width: 100%;\n text-align: center;\n }\n\n slot[name=\"mask\"] {\n position: absolute;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n return html`\n <a href=\"${ifDefined(this.href)}\"> ${this.renderAva()} ${htmlSlot(\"mask\")} </a>\n ${htmlSlot()}\n `;\n }\n\n private renderAva(): HTMLTemplate {\n if (this.more) {\n return html`<span>${this.avaMore()}</span>`;\n }\n if (this.src) {\n return html`<img src=\"${this.src}\" @error=${this.imgOnError} alt=\"\" />`;\n }\n if (this.name) {\n return html`<span>${this.avaName()}</span>`;\n }\n return htmlSlot(\"avatar\");\n }\n\n avaMore(): string | number {\n if (this.more < 0) {\n return \"+\";\n }\n return (this.more > 99 ? \"99\" : this.more) + \"+\";\n }\n\n avaName(): string {\n const name = this.name.slice(0, 2);\n return name[0].toUpperCase() + name.slice(1);\n }\n\n imgOnError(e: ErrorEvent) {\n if (this.def) {\n (e.target as HTMLImageElement).src = this.def;\n } else {\n this.src = undefined;\n }\n }\n}\n\nexport default AvatarA;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"avatar-a\": AvatarA;\n }\n}\n"]}
1
+ {"version":3,"file":"avatar-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/avatar-a.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, ifDefined, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, define } from \"../../root.js\";\nimport SuperA from \"./super-a.js\";\n\nconst defineName = \"avatar-a\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * AvatarAnchor renders the avatar or name and has a href.\n */\n@define(defineName)\nexport class AvatarA extends SuperA {\n /**\n * Image src.\n */\n @property() src: string | undefined | null = \"\";\n /**\n * Default image src.\n */\n @property() def: string = undefined;\n /**\n * Link href.\n */\n @property() href = undefined;\n /**\n * If the image is not available, the {@linkcode AvatarA.avaName} will be displayed.\n */\n @property() name = \"\";\n /**\n * If there is a value, the {@linkcode AvatarA.avaMore} will be displayed.\n */\n @property({ type: Number }) more = 0;\n\n static styles = [\n css`\n :host {\n ${cssvarScope}--ava: 1.5em;\n display: inline-flex;\n align-items: center;\n }\n\n * {\n border-radius: inherit;\n }\n\n img {\n width: 100%;\n height: 100%;\n }\n\n a {\n height: var(${cssvarScope}--ava);\n width: var(${cssvarScope}--ava);\n color: inherit;\n display: flex;\n position: relative;\n align-items: inherit;\n }\n\n span {\n position: absolute;\n width: 100%;\n text-align: center;\n }\n\n slot[name=\"mask\"] {\n position: absolute;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n return html`\n <a href=\"${ifDefined(this.href)}\"> ${this.renderAva()} ${htmlSlot(\"mask\")} </a>\n ${htmlSlot()}\n `;\n }\n\n private renderAva(): HTMLTemplate {\n if (this.more) {\n return html`<span>${this.avaMore()}</span>`;\n }\n if (this.src) {\n return html`<img src=\"${this.src}\" @error=${this.imgOnError} alt=\"\" />`;\n }\n if (this.name) {\n return html`<span>${this.avaName()}</span>`;\n }\n return htmlSlot(\"avatar\");\n }\n\n avaMore(): string | number {\n if (this.more < 0) {\n return \"+\";\n }\n return (this.more > 99 ? \"99\" : this.more) + \"+\";\n }\n\n avaName(): string {\n const name = this.name.slice(0, 2);\n return name[0].toUpperCase() + name.slice(1);\n }\n\n imgOnError(e: ErrorEvent) {\n if (this.def) {\n (e.target as HTMLImageElement).src = this.def;\n } else {\n this.src = undefined;\n }\n }\n}\n\nexport default AvatarA;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"avatar-a\": AvatarA;\n }\n}\n"]}
@@ -24,8 +24,27 @@ let SuperA = class SuperA extends GodownElement {
24
24
  */
25
25
  this.arrow = "";
26
26
  }
27
- static { this.styles = [
28
- css `
27
+ render() {
28
+ return html `<a href="${ifDefined(this.href)}" target="${this.target}">
29
+ ${htmlSlot()}
30
+ <i> ${this._arrowSwitcher()} </i>
31
+ </a>`;
32
+ }
33
+ _arrowSwitcher() {
34
+ switch (this.arrow) {
35
+ case "delta":
36
+ return svgDelta();
37
+ case "arrow":
38
+ return svgArrow(true);
39
+ case "angle":
40
+ return svgArrow();
41
+ default:
42
+ return htmlSlot("icon");
43
+ }
44
+ }
45
+ };
46
+ SuperA.styles = [
47
+ css `
29
48
  :host([arrow="delta"]) svg {
30
49
  transform: rotate(-90deg);
31
50
  }
@@ -82,26 +101,7 @@ let SuperA = class SuperA extends GodownElement {
82
101
  }
83
102
  }
84
103
  `,
85
- ]; }
86
- render() {
87
- return html `<a href="${ifDefined(this.href)}" target="${this.target}">
88
- ${htmlSlot()}
89
- <i> ${this._arrowSwitcher()} </i>
90
- </a>`;
91
- }
92
- _arrowSwitcher() {
93
- switch (this.arrow) {
94
- case "delta":
95
- return svgDelta();
96
- case "arrow":
97
- return svgArrow(true);
98
- case "angle":
99
- return svgArrow();
100
- default:
101
- return htmlSlot("icon");
102
- }
103
- }
104
- };
104
+ ];
105
105
  __decorate([
106
106
  property()
107
107
  ], SuperA.prototype, "href", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"super-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/super-a.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B;;;;GAIG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,aAAa;IAAlC;;QACL;;WAEG;QACS,SAAI,GAAW,SAAS,CAAC;QACrC;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,UAAK,GAAqC,EAAE,CAAC;IAiF3D,CAAC;aA/EQ,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;KACF,AA1DY,CA0DX;IAEQ,MAAM;QACd,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM;QAC/D,QAAQ,EAAE;YACN,IAAI,CAAC,cAAc,EAAE;SACxB,CAAC;IACR,CAAC;IAEO,cAAc;QACpB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB;gBACE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;;AAxFW;IAAX,QAAQ,EAAE;oCAA0B;AAIzB;IAAX,QAAQ,EAAE;sCAAkB;AAIjB;IAAX,QAAQ,EAAE;qCAA8C;AAZ9C,MAAM;IADlB,MAAM,CAAC,UAAU,CAAC;GACN,MAAM,CA6FlB;;AAED,eAAe,MAAM,CAAC","sourcesContent":["import { css, html, ifDefined, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate, svgArrow, svgDelta } from \"../../lib/templates.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"super-a\";\n\n/**\n * SuperAnchor similar to a.\n *\n * Has an optional arrow.\n */\n@define(defineName)\nexport class SuperA extends GodownElement {\n /**\n * Href for a element.\n */\n @property() href: string = undefined;\n /**\n * Target for an element.\n */\n @property() target = \"_self\";\n /**\n * Arrow type.\n */\n @property() arrow: \"\" | \"delta\" | \"arrow\" | \"angle\" = \"\";\n\n static styles = [\n css`\n :host([arrow=\"delta\"]) svg {\n transform: rotate(-90deg);\n }\n\n :host {\n display: inline-block;\n color: currentColor;\n text-decoration: none;\n cursor: default;\n }\n\n :host([href]) {\n cursor: pointer;\n }\n\n a {\n width: 100%;\n display: flex;\n color: inherit;\n text-decoration: inherit;\n justify-content: space-between;\n align-items: center;\n }\n\n i {\n display: inline-flex;\n border-radius: 20%;\n font-style: normal;\n }\n\n i > svg {\n width: 1em;\n height: 1em;\n border-radius: inherit;\n }\n\n :host(:hover) i {\n animation: arrow 0.3s linear;\n }\n\n i:hover {\n background-color: rgb(0 0 0 / 0.075);\n }\n\n @keyframes arrow {\n from {\n transform: translateX(0);\n }\n 50% {\n transform: translateX(0.05em);\n }\n to {\n transform: translateX(0);\n }\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n return html`<a href=\"${ifDefined(this.href)}\" target=\"${this.target}\">\n ${htmlSlot()}\n <i> ${this._arrowSwitcher()} </i>\n </a>`;\n }\n\n private _arrowSwitcher(): HTMLTemplate {\n switch (this.arrow) {\n case \"delta\":\n return svgDelta();\n case \"arrow\":\n return svgArrow(true);\n case \"angle\":\n return svgArrow();\n default:\n return htmlSlot(\"icon\");\n }\n }\n}\n\nexport default SuperA;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"super-a\": SuperA;\n }\n}\n"]}
1
+ {"version":3,"file":"super-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/super-a.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B;;;;GAIG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,aAAa;IAAlC;;QACL;;WAEG;QACS,SAAI,GAAW,SAAS,CAAC;QACrC;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,UAAK,GAAqC,EAAE,CAAC;IAiF3D,CAAC;IAnBW,MAAM;QACd,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM;QAC/D,QAAQ,EAAE;YACN,IAAI,CAAC,cAAc,EAAE;SACxB,CAAC;IACR,CAAC;IAEO,cAAc;QACpB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB;gBACE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;;AA9EM,aAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA1DY,CA0DX;AApEU;IAAX,QAAQ,EAAE;oCAA0B;AAIzB;IAAX,QAAQ,EAAE;sCAAkB;AAIjB;IAAX,QAAQ,EAAE;qCAA8C;AAZ9C,MAAM;IADlB,MAAM,CAAC,UAAU,CAAC;GACN,MAAM,CA6FlB;;AAED,eAAe,MAAM,CAAC","sourcesContent":["import { css, html, ifDefined, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate, svgArrow, svgDelta } from \"../../lib/templates.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"super-a\";\n\n/**\n * SuperAnchor similar to a.\n *\n * Has an optional arrow.\n */\n@define(defineName)\nexport class SuperA extends GodownElement {\n /**\n * Href for a element.\n */\n @property() href: string = undefined;\n /**\n * Target for an element.\n */\n @property() target = \"_self\";\n /**\n * Arrow type.\n */\n @property() arrow: \"\" | \"delta\" | \"arrow\" | \"angle\" = \"\";\n\n static styles = [\n css`\n :host([arrow=\"delta\"]) svg {\n transform: rotate(-90deg);\n }\n\n :host {\n display: inline-block;\n color: currentColor;\n text-decoration: none;\n cursor: default;\n }\n\n :host([href]) {\n cursor: pointer;\n }\n\n a {\n width: 100%;\n display: flex;\n color: inherit;\n text-decoration: inherit;\n justify-content: space-between;\n align-items: center;\n }\n\n i {\n display: inline-flex;\n border-radius: 20%;\n font-style: normal;\n }\n\n i > svg {\n width: 1em;\n height: 1em;\n border-radius: inherit;\n }\n\n :host(:hover) i {\n animation: arrow 0.3s linear;\n }\n\n i:hover {\n background-color: rgb(0 0 0 / 0.075);\n }\n\n @keyframes arrow {\n from {\n transform: translateX(0);\n }\n 50% {\n transform: translateX(0.05em);\n }\n to {\n transform: translateX(0);\n }\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n return html`<a href=\"${ifDefined(this.href)}\" target=\"${this.target}\">\n ${htmlSlot()}\n <i> ${this._arrowSwitcher()} </i>\n </a>`;\n }\n\n private _arrowSwitcher(): HTMLTemplate {\n switch (this.arrow) {\n case \"delta\":\n return svgDelta();\n case \"arrow\":\n return svgArrow(true);\n case \"angle\":\n return svgArrow();\n default:\n return htmlSlot(\"icon\");\n }\n }\n}\n\nexport default SuperA;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"super-a\": SuperA;\n }\n}\n"]}
@@ -92,9 +92,90 @@ let BaseButton = class BaseButton extends GodownElement {
92
92
  */
93
93
  this.text = "";
94
94
  }
95
- static { this.styles = [
96
- unsafeCSS(constructCSS(vars, colors, (raw) => `[color=${raw}]`, (k, v) => `${cssvarScope}--${k}:${v}`)),
97
- css `
95
+ render() {
96
+ return html `
97
+ <div color="${this.nextColor()}">
98
+ <b></b>
99
+ <p>${this.text || htmlSlot()}</p>
100
+ </div>
101
+ `;
102
+ }
103
+ focus() {
104
+ if (this.disabled) {
105
+ return;
106
+ }
107
+ this.active = true;
108
+ }
109
+ blur() {
110
+ this.active = false;
111
+ }
112
+ firstUpdated() {
113
+ if (this.scale) {
114
+ this.addEvent(this, "mousedown", this.focus);
115
+ this.addEvent(this, "mouseup", (e) => {
116
+ if (this.disabled) {
117
+ return;
118
+ }
119
+ this.blur();
120
+ this._handleModal(e);
121
+ });
122
+ this.addEvent(this, "mouseleave", this.blur);
123
+ return;
124
+ }
125
+ else {
126
+ this.addEvent(document, "click", this._handelClick.bind(this));
127
+ }
128
+ }
129
+ _handleModal(e) {
130
+ const a = this._div.offsetHeight + 1;
131
+ const b = this._div.offsetWidth + 1;
132
+ const size = `${Math.sqrt(a * a + b * b) * 2}px`;
133
+ const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;
134
+ this._b.style.width = size;
135
+ this._b.style.height = size;
136
+ this._b.style.transform = translate;
137
+ const i = document.createElement("i");
138
+ i.style.animationName = "i";
139
+ this._b.appendChild(i);
140
+ setTimeout(() => {
141
+ i.remove();
142
+ }, 2000);
143
+ }
144
+ _handelClick(e) {
145
+ if (this.disabled) {
146
+ return;
147
+ }
148
+ if (e.target === this) {
149
+ this._handleModal(e);
150
+ this.focus();
151
+ }
152
+ else {
153
+ this.blur();
154
+ }
155
+ }
156
+ /**
157
+ * Get the color to render, default is this.color.
158
+ *
159
+ * @returns New color.
160
+ *
161
+ * Colors can be set for different states.
162
+ *
163
+ * The matching selector is `[color=COLOR]`.
164
+ *
165
+ * @example
166
+ * ```ts
167
+ * button.adoptStyles("[color=COLOR1]{...}")
168
+ * button.adoptStyles("[color=COLOR2]{...}")
169
+ * button.nextColor = () => state ? COLOR1 : COLOR2
170
+ * ```
171
+ */
172
+ nextColor() {
173
+ return this.color;
174
+ }
175
+ };
176
+ BaseButton.styles = [
177
+ unsafeCSS(constructCSS(vars, colors, (raw) => `[color=${raw}]`, (k, v) => `${cssvarScope}--${k}:${v}`)),
178
+ css `
98
179
  :host {
99
180
  ${cssvarScope}--padding: .075em .25em;
100
181
  ${cssvarScope}--deg: .075em .25em;
@@ -169,7 +250,7 @@ let BaseButton = class BaseButton extends GodownElement {
169
250
  ${cssvarScope}--padding: .075em .5em;
170
251
  }
171
252
  `,
172
- css `
253
+ css `
173
254
  i {
174
255
  position: absolute;
175
256
  top: 0;
@@ -204,88 +285,7 @@ let BaseButton = class BaseButton extends GodownElement {
204
285
  }
205
286
  }
206
287
  `,
207
- ]; }
208
- render() {
209
- return html `
210
- <div color="${this.nextColor()}">
211
- <b></b>
212
- <p>${this.text || htmlSlot()}</p>
213
- </div>
214
- `;
215
- }
216
- focus() {
217
- if (this.disabled) {
218
- return;
219
- }
220
- this.active = true;
221
- }
222
- blur() {
223
- this.active = false;
224
- }
225
- firstUpdated() {
226
- if (this.scale) {
227
- this.addEvent(this, "mousedown", this.focus);
228
- this.addEvent(this, "mouseup", (e) => {
229
- if (this.disabled) {
230
- return;
231
- }
232
- this.blur();
233
- this._handleModal(e);
234
- });
235
- this.addEvent(this, "mouseleave", this.blur);
236
- return;
237
- }
238
- else {
239
- this.addEvent(document, "click", this._handelClick.bind(this));
240
- }
241
- }
242
- _handleModal(e) {
243
- const a = this._div.offsetHeight + 1;
244
- const b = this._div.offsetWidth + 1;
245
- const size = `${Math.sqrt(a * a + b * b) * 2}px`;
246
- const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;
247
- this._b.style.width = size;
248
- this._b.style.height = size;
249
- this._b.style.transform = translate;
250
- const i = document.createElement("i");
251
- i.style.animationName = "i";
252
- this._b.appendChild(i);
253
- setTimeout(() => {
254
- i.remove();
255
- }, 2000);
256
- }
257
- _handelClick(e) {
258
- if (this.disabled) {
259
- return;
260
- }
261
- if (e.target === this) {
262
- this._handleModal(e);
263
- this.focus();
264
- }
265
- else {
266
- this.blur();
267
- }
268
- }
269
- /**
270
- * Get the color to render, default is this.color.
271
- *
272
- * @returns New color.
273
- *
274
- * Colors can be set for different states.
275
- *
276
- * The matching selector is `[color=COLOR]`.
277
- *
278
- * @example
279
- * ```ts
280
- * button.adoptStyles("[color=COLOR1]{...}")
281
- * button.adoptStyles("[color=COLOR2]{...}")
282
- * button.nextColor = () => state ? COLOR1 : COLOR2
283
- * ```
284
- */
285
- nextColor() {
286
- return this.color;
287
- }
288
- };
288
+ ];
289
289
  __decorate([
290
290
  property({ type: Boolean, reflect: true })
291
291
  ], BaseButton.prototype, "disabled", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"base-button.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/button/base-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, query, unsafeCSS } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { constructCSS } from \"../../lib/utils.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"base-button\";\nconst cssvarScope = createScope(defineName);\n\nconst shadow1 = \"-2px 2px 5px -2px\";\nconst shadow2 = \"2px -2px 5px -2px\";\nconst linearGradient = \"linear-gradient\";\nconst fff = \"#fff\";\nconst _000 = \"#000\";\n\nconst vars = [\"color\", \"background\", \"box-shadow\", \"ghost-color\"];\nconst colors = {\n black: [\n fff, //\n `${linearGradient}(45deg, rgb(30 30 30), rgb(65 65 65))`,\n `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,\n \"rgb(22 20 20)\",\n ],\n gary: [\n fff, //\n `${linearGradient}(45deg, rgb(65 65 65), rgb(100 100 100))`,\n `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,\n \"rgb(56 56 56)\",\n ],\n white: [\n _000, //\n `${linearGradient}(45deg, rgb(225 225 225), rgb(240 240 240))`,\n `${shadow1} rgb(255 255 255 / 20%), ${shadow2} rgb(165 165 165 / 20%)`,\n \"rgb(212 212 212)\",\n ],\n red: [\n fff, //\n `${linearGradient}(45deg, rgb(215 57 68), rgb(250 141 106))`,\n `${shadow1} rgb(181 35 44 / 20%), ${shadow2} rgb(234 130 174 / 20%)`,\n \"rgb(214 11 23)\",\n ],\n green: [\n _000, //\n `${linearGradient}(45deg, rgb(21 206 71), rgb(99 253 122))`,\n `${shadow1} rgb(63 179 69 / 20%), ${shadow2} rgb(136 225 142 / 20%)`,\n \"rgb(60 214 68)\",\n ],\n blue: [\n fff, //\n `${linearGradient}(45deg, rgb(14 143 255), rgb(121 211 255))`,\n `${shadow1} rgb(92 182 255 / 20%), ${shadow2} rgb(135 232 222 / 20%)`,\n \"rgb(42 141 221)\",\n ],\n yellow: [\n _000, //\n `${linearGradient}(45deg, rgb(255 190 54), rgb(255 249 68))`,\n `${shadow1} rgb(214 203 55 / 20%), ${shadow2} rgb(202 203 137 / 20%)`,\n \"rgb(255 235 59)\",\n ],\n};\n\ntype Colors = keyof typeof colors;\n\n/**\n * BaseButton.\n *\n * Inspired by Next-ui.\n */\n@define(defineName)\nexport class BaseButton extends GodownElement {\n /**\n * Whether to disable this element.\n */\n @property({ type: Boolean, reflect: true }) disabled = false;\n /**\n * Invert font and background color.\n */\n @property({ type: Boolean, reflect: true }) ghost = false;\n /**\n * Whether this element is active or not.\n */\n @property({ type: Boolean, reflect: true }) active = false;\n /**\n * Enables rounded corners to appear capsule shaped.\n */\n @property({ type: Boolean, reflect: true }) radius = false;\n /**\n * Enables scale when mousedown.\n */\n @property({ type: Boolean, reflect: true }) scale = false;\n /**\n * The primary color.\n */\n @property() color: \"none\" | Colors = \"black\";\n /**\n * Text inside.\n */\n @property() text = \"\";\n\n @query(\"b\") _b: HTMLElement;\n @query(\"div\") _div: HTMLButtonElement;\n\n static styles = [\n unsafeCSS(\n constructCSS(\n vars,\n colors,\n (raw) => `[color=${raw}]`,\n (k, v) => `${cssvarScope}--${k}:${v}`,\n ),\n ),\n css`\n :host {\n ${cssvarScope}--padding: .075em .25em;\n ${cssvarScope}--deg: .075em .25em;\n ${cssvarScope}--ghost-width: .09em;\n ${cssvarScope}--modal-opacity: .15;\n ${cssvarScope}--modal-opacity-end: 0;\n ${cssvarScope}--modal-animation-duration: 1s;\n ${cssvarScope}--focus-scale: .975;\n transition: 0.1s;\n display: flex;\n width: fit-content;\n border-radius: 0.25em;\n cursor: pointer;\n background: none !important;\n }\n\n :host([disabled]) {\n cursor: not-allowed;\n }\n\n :host([active][scale]) div {\n scale: var(${cssvarScope}--focus-scale);\n }\n\n slot {\n display: flow-root;\n }\n\n div {\n background: var(${cssvarScope}--background);\n box-shadow: var(${cssvarScope}--box-shadow);\n color: var(${cssvarScope}--color, inherit);\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n border-radius: inherit;\n transition-duration: inherit;\n transition-property: scale;\n pointer-events: none;\n }\n\n b {\n pointer-events: none;\n transform: translate(-50%, -50%);\n position: absolute;\n visibility: hidden;\n }\n\n p {\n padding: var(${cssvarScope}--padding);\n margin: 0;\n user-select: none;\n transition: 0;\n }\n\n :host([ghost]) p {\n background-image: var(${cssvarScope}--background);\n margin: calc(-1 * var(${cssvarScope}--ghost-width));\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n\n :host([ghost]) div {\n background: transparent;\n border: var(${cssvarScope}--ghost-width) solid var(${cssvarScope}--ghost-color);\n }\n\n :host([radius]) {\n border-radius: calc(infinity * 1px);\n ${cssvarScope}--padding: .075em .5em;\n }\n `,\n css`\n i {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n border-radius: 50%;\n transform: translate(0, 0);\n background: currentColor;\n opacity: var(${cssvarScope}--modal-opacity-end);\n visibility: visible;\n animation-duration: min(var(${cssvarScope}--modal-animation-duration), 2s);\n }\n\n :host([ghost]) i {\n background: var(${cssvarScope}--ghost-color);\n }\n\n @keyframes i {\n 0% {\n transform: scale(0);\n opacity: var(${cssvarScope}--modal-opacity);\n }\n 80% {\n transform: scale(1);\n }\n 100% {\n opacity: var(${cssvarScope}--modal-opacity-end);\n }\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n return html`\n <div color=\"${this.nextColor()}\">\n <b></b>\n <p>${this.text || htmlSlot()}</p>\n </div>\n `;\n }\n\n focus() {\n if (this.disabled) {\n return;\n }\n this.active = true;\n }\n\n blur() {\n this.active = false;\n }\n\n protected firstUpdated() {\n if (this.scale) {\n this.addEvent(this, \"mousedown\", this.focus);\n this.addEvent(this, \"mouseup\", (e: MouseEvent) => {\n if (this.disabled) {\n return;\n }\n this.blur();\n this._handleModal(e);\n });\n this.addEvent(this, \"mouseleave\", this.blur);\n return;\n } else {\n this.addEvent(document, \"click\", this._handelClick.bind(this));\n }\n }\n\n protected _handleModal(e: MouseEvent) {\n const a = this._div.offsetHeight + 1;\n const b = this._div.offsetWidth + 1;\n const size = `${Math.sqrt(a * a + b * b) * 2}px`;\n const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;\n this._b.style.width = size;\n this._b.style.height = size;\n this._b.style.transform = translate;\n const i = document.createElement(\"i\");\n i.style.animationName = \"i\";\n this._b.appendChild(i);\n setTimeout(() => {\n i.remove();\n }, 2000);\n }\n\n protected _handelClick(e: MouseEvent) {\n if (this.disabled) {\n return;\n }\n if (e.target === this) {\n this._handleModal(e);\n this.focus();\n } else {\n this.blur();\n }\n }\n\n /**\n * Get the color to render, default is this.color.\n *\n * @returns New color.\n *\n * Colors can be set for different states.\n *\n * The matching selector is `[color=COLOR]`.\n *\n * @example\n * ```ts\n * button.adoptStyles(\"[color=COLOR1]{...}\")\n * button.adoptStyles(\"[color=COLOR2]{...}\")\n * button.nextColor = () => state ? COLOR1 : COLOR2\n * ```\n */\n nextColor(): Colors | string {\n return this.color;\n }\n}\n\nexport default BaseButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"base-button\": BaseButton;\n }\n}\n"]}
1
+ {"version":3,"file":"base-button.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/button/base-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, query, unsafeCSS } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { constructCSS } from \"../../lib/utils.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"base-button\";\nconst cssvarScope = createScope(defineName);\n\nconst shadow1 = \"-2px 2px 5px -2px\";\nconst shadow2 = \"2px -2px 5px -2px\";\nconst linearGradient = \"linear-gradient\";\nconst fff = \"#fff\";\nconst _000 = \"#000\";\n\nconst vars = [\"color\", \"background\", \"box-shadow\", \"ghost-color\"];\nconst colors = {\n black: [\n fff, //\n `${linearGradient}(45deg, rgb(30 30 30), rgb(65 65 65))`,\n `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,\n \"rgb(22 20 20)\",\n ],\n gary: [\n fff, //\n `${linearGradient}(45deg, rgb(65 65 65), rgb(100 100 100))`,\n `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,\n \"rgb(56 56 56)\",\n ],\n white: [\n _000, //\n `${linearGradient}(45deg, rgb(225 225 225), rgb(240 240 240))`,\n `${shadow1} rgb(255 255 255 / 20%), ${shadow2} rgb(165 165 165 / 20%)`,\n \"rgb(212 212 212)\",\n ],\n red: [\n fff, //\n `${linearGradient}(45deg, rgb(215 57 68), rgb(250 141 106))`,\n `${shadow1} rgb(181 35 44 / 20%), ${shadow2} rgb(234 130 174 / 20%)`,\n \"rgb(214 11 23)\",\n ],\n green: [\n _000, //\n `${linearGradient}(45deg, rgb(21 206 71), rgb(99 253 122))`,\n `${shadow1} rgb(63 179 69 / 20%), ${shadow2} rgb(136 225 142 / 20%)`,\n \"rgb(60 214 68)\",\n ],\n blue: [\n fff, //\n `${linearGradient}(45deg, rgb(14 143 255), rgb(121 211 255))`,\n `${shadow1} rgb(92 182 255 / 20%), ${shadow2} rgb(135 232 222 / 20%)`,\n \"rgb(42 141 221)\",\n ],\n yellow: [\n _000, //\n `${linearGradient}(45deg, rgb(255 190 54), rgb(255 249 68))`,\n `${shadow1} rgb(214 203 55 / 20%), ${shadow2} rgb(202 203 137 / 20%)`,\n \"rgb(255 235 59)\",\n ],\n};\n\ntype Colors = keyof typeof colors;\n\n/**\n * BaseButton.\n *\n * Inspired by Next-ui.\n */\n@define(defineName)\nexport class BaseButton extends GodownElement {\n /**\n * Whether to disable this element.\n */\n @property({ type: Boolean, reflect: true }) disabled = false;\n /**\n * Invert font and background color.\n */\n @property({ type: Boolean, reflect: true }) ghost = false;\n /**\n * Whether this element is active or not.\n */\n @property({ type: Boolean, reflect: true }) active = false;\n /**\n * Enables rounded corners to appear capsule shaped.\n */\n @property({ type: Boolean, reflect: true }) radius = false;\n /**\n * Enables scale when mousedown.\n */\n @property({ type: Boolean, reflect: true }) scale = false;\n /**\n * The primary color.\n */\n @property() color: \"none\" | Colors = \"black\";\n /**\n * Text inside.\n */\n @property() text = \"\";\n\n @query(\"b\") _b: HTMLElement;\n @query(\"div\") _div: HTMLButtonElement;\n\n static styles = [\n unsafeCSS(\n constructCSS(\n vars,\n colors,\n (raw) => `[color=${raw}]`,\n (k, v) => `${cssvarScope}--${k}:${v}`,\n ),\n ),\n css`\n :host {\n ${cssvarScope}--padding: .075em .25em;\n ${cssvarScope}--deg: .075em .25em;\n ${cssvarScope}--ghost-width: .09em;\n ${cssvarScope}--modal-opacity: .15;\n ${cssvarScope}--modal-opacity-end: 0;\n ${cssvarScope}--modal-animation-duration: 1s;\n ${cssvarScope}--focus-scale: .975;\n transition: 0.1s;\n display: flex;\n width: fit-content;\n border-radius: 0.25em;\n cursor: pointer;\n background: none !important;\n }\n\n :host([disabled]) {\n cursor: not-allowed;\n }\n\n :host([active][scale]) div {\n scale: var(${cssvarScope}--focus-scale);\n }\n\n slot {\n display: flow-root;\n }\n\n div {\n background: var(${cssvarScope}--background);\n box-shadow: var(${cssvarScope}--box-shadow);\n color: var(${cssvarScope}--color, inherit);\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n border-radius: inherit;\n transition-duration: inherit;\n transition-property: scale;\n pointer-events: none;\n }\n\n b {\n pointer-events: none;\n transform: translate(-50%, -50%);\n position: absolute;\n visibility: hidden;\n }\n\n p {\n padding: var(${cssvarScope}--padding);\n margin: 0;\n user-select: none;\n transition: 0;\n }\n\n :host([ghost]) p {\n background-image: var(${cssvarScope}--background);\n margin: calc(-1 * var(${cssvarScope}--ghost-width));\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n\n :host([ghost]) div {\n background: transparent;\n border: var(${cssvarScope}--ghost-width) solid var(${cssvarScope}--ghost-color);\n }\n\n :host([radius]) {\n border-radius: calc(infinity * 1px);\n ${cssvarScope}--padding: .075em .5em;\n }\n `,\n css`\n i {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n border-radius: 50%;\n transform: translate(0, 0);\n background: currentColor;\n opacity: var(${cssvarScope}--modal-opacity-end);\n visibility: visible;\n animation-duration: min(var(${cssvarScope}--modal-animation-duration), 2s);\n }\n\n :host([ghost]) i {\n background: var(${cssvarScope}--ghost-color);\n }\n\n @keyframes i {\n 0% {\n transform: scale(0);\n opacity: var(${cssvarScope}--modal-opacity);\n }\n 80% {\n transform: scale(1);\n }\n 100% {\n opacity: var(${cssvarScope}--modal-opacity-end);\n }\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n return html`\n <div color=\"${this.nextColor()}\">\n <b></b>\n <p>${this.text || htmlSlot()}</p>\n </div>\n `;\n }\n\n focus() {\n if (this.disabled) {\n return;\n }\n this.active = true;\n }\n\n blur() {\n this.active = false;\n }\n\n protected firstUpdated() {\n if (this.scale) {\n this.addEvent(this, \"mousedown\", this.focus);\n this.addEvent(this, \"mouseup\", (e: MouseEvent) => {\n if (this.disabled) {\n return;\n }\n this.blur();\n this._handleModal(e);\n });\n this.addEvent(this, \"mouseleave\", this.blur);\n return;\n } else {\n this.addEvent(document, \"click\", this._handelClick.bind(this));\n }\n }\n\n protected _handleModal(e: MouseEvent) {\n const a = this._div.offsetHeight + 1;\n const b = this._div.offsetWidth + 1;\n const size = `${Math.sqrt(a * a + b * b) * 2}px`;\n const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;\n this._b.style.width = size;\n this._b.style.height = size;\n this._b.style.transform = translate;\n const i = document.createElement(\"i\");\n i.style.animationName = \"i\";\n this._b.appendChild(i);\n setTimeout(() => {\n i.remove();\n }, 2000);\n }\n\n protected _handelClick(e: MouseEvent) {\n if (this.disabled) {\n return;\n }\n if (e.target === this) {\n this._handleModal(e);\n this.focus();\n } else {\n this.blur();\n }\n }\n\n /**\n * Get the color to render, default is this.color.\n *\n * @returns New color.\n *\n * Colors can be set for different states.\n *\n * The matching selector is `[color=COLOR]`.\n *\n * @example\n * ```ts\n * button.adoptStyles(\"[color=COLOR1]{...}\")\n * button.adoptStyles(\"[color=COLOR2]{...}\")\n * button.nextColor = () => state ? COLOR1 : COLOR2\n * ```\n */\n nextColor(): Colors | string {\n return this.color;\n }\n}\n\nexport default BaseButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"base-button\": BaseButton;\n }\n}\n"]}
@@ -32,7 +32,7 @@ export declare class CarouselSlider extends GodownElement {
32
32
  export default CarouselSlider;
33
33
  declare global {
34
34
  interface HTMLElementTagNameMap {
35
- "rotation-port": CarouselSlider;
35
+ "carousel-slider": CarouselSlider;
36
36
  }
37
37
  }
38
38
  //# sourceMappingURL=carousel-slider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-slider.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/carousel/carousel-slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAY,MAAM,wBAAwB,CAAC;AAE1F,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C;;GAEG;AACH,qBACa,cAAe,SAAQ,aAAa;IAC/C;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,UAAU,SAAK;IAC3C;;OAEG;IACS,KAAK,SAAM;IAEL,QAAQ,EAAE,WAAW,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,MAAM,CAAC,MAAM,4BAqEX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAUhC,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM;IAOtB,SAAS,CAAC,YAAY;IAwBtB,oBAAoB;IAIpB,IAAI,CAAC,CAAC,EAAE,MAAM;IAMd,IAAI;IAWJ,IAAI;CAUL;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,cAAc,CAAC;KACjC;CACF"}
1
+ {"version":3,"file":"carousel-slider.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/carousel/carousel-slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAY,MAAM,wBAAwB,CAAC;AAE1F,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C;;GAEG;AACH,qBACa,cAAe,SAAQ,aAAa;IAC/C;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,UAAU,SAAK;IAC3C;;OAEG;IACS,KAAK,SAAM;IAEL,QAAQ,EAAE,WAAW,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,MAAM,CAAC,MAAM,4BAqEX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAUhC,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM;IAOtB,SAAS,CAAC,YAAY;IAwBtB,oBAAoB;IAIpB,IAAI,CAAC,CAAC,EAAE,MAAM;IAMd,IAAI;IAWJ,IAAI;CAUL;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}