godown 2.3.1 → 2.4.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 (193) hide show
  1. package/conf.d.ts +1 -0
  2. package/conf.d.ts.map +1 -1
  3. package/conf.js +1 -0
  4. package/conf.js.map +1 -1
  5. package/deps.d.ts +3 -3
  6. package/deps.d.ts.map +1 -1
  7. package/deps.js +2 -2
  8. package/deps.js.map +1 -1
  9. package/effect/clip-text.d.ts +4 -2
  10. package/effect/clip-text.d.ts.map +1 -1
  11. package/effect/clip-text.js +19 -11
  12. package/effect/clip-text.js.map +1 -1
  13. package/effect/overbreath-text.d.ts +5 -2
  14. package/effect/overbreath-text.d.ts.map +1 -1
  15. package/effect/overbreath-text.js +84 -104
  16. package/effect/overbreath-text.js.map +1 -1
  17. package/effect/typewriter-text.d.ts +4 -3
  18. package/effect/typewriter-text.d.ts.map +1 -1
  19. package/effect/typewriter-text.js +33 -30
  20. package/effect/typewriter-text.js.map +1 -1
  21. package/glob.d.ts +81 -6
  22. package/glob.d.ts.map +1 -1
  23. package/glob.js +159 -34
  24. package/glob.js.map +1 -1
  25. package/group/avatar-group.d.ts +4 -3
  26. package/group/avatar-group.d.ts.map +1 -1
  27. package/group/avatar-group.js +14 -11
  28. package/group/avatar-group.js.map +1 -1
  29. package/group/details-group.d.ts +4 -3
  30. package/group/details-group.d.ts.map +1 -1
  31. package/group/details-group.js +11 -9
  32. package/group/details-group.js.map +1 -1
  33. package/group/index.d.ts +1 -0
  34. package/group/index.d.ts.map +1 -1
  35. package/group/index.js +1 -0
  36. package/group/index.js.map +1 -1
  37. package/group/tab-group.d.ts +31 -0
  38. package/group/tab-group.d.ts.map +1 -0
  39. package/group/tab-group.js +150 -0
  40. package/group/tab-group.js.map +1 -0
  41. package/input-form/base-input.d.ts +6 -5
  42. package/input-form/base-input.d.ts.map +1 -1
  43. package/input-form/base-input.js +13 -15
  44. package/input-form/base-input.js.map +1 -1
  45. package/input-form/label-input.d.ts +4 -3
  46. package/input-form/label-input.d.ts.map +1 -1
  47. package/input-form/label-input.js +18 -13
  48. package/input-form/label-input.js.map +1 -1
  49. package/input-form/search-input.d.ts +5 -4
  50. package/input-form/search-input.d.ts.map +1 -1
  51. package/input-form/search-input.js +21 -22
  52. package/input-form/search-input.js.map +1 -1
  53. package/input-form/select-input.d.ts +5 -4
  54. package/input-form/select-input.d.ts.map +1 -1
  55. package/input-form/select-input.js +14 -16
  56. package/input-form/select-input.js.map +1 -1
  57. package/input-form/sign-form.d.ts +4 -4
  58. package/input-form/sign-form.d.ts.map +1 -1
  59. package/input-form/sign-form.js +3 -13
  60. package/input-form/sign-form.js.map +1 -1
  61. package/input-form/split-input.d.ts +4 -4
  62. package/input-form/split-input.d.ts.map +1 -1
  63. package/input-form/split-input.js +17 -22
  64. package/input-form/split-input.js.map +1 -1
  65. package/input-form/std.d.ts +3 -2
  66. package/input-form/std.d.ts.map +1 -1
  67. package/input-form/std.js +7 -23
  68. package/input-form/std.js.map +1 -1
  69. package/input-form/switch-input.d.ts +4 -3
  70. package/input-form/switch-input.d.ts.map +1 -1
  71. package/input-form/switch-input.js +13 -9
  72. package/input-form/switch-input.js.map +1 -1
  73. package/items/alert-item.d.ts +2 -1
  74. package/items/alert-item.d.ts.map +1 -1
  75. package/items/alert-item.js +25 -23
  76. package/items/alert-item.js.map +1 -1
  77. package/items/avatar-a.d.ts +4 -3
  78. package/items/avatar-a.d.ts.map +1 -1
  79. package/items/avatar-a.js +41 -37
  80. package/items/avatar-a.js.map +1 -1
  81. package/items/base-button.d.ts +4 -2
  82. package/items/base-button.d.ts.map +1 -1
  83. package/items/base-button.js +44 -29
  84. package/items/base-button.js.map +1 -1
  85. package/items/card-item.d.ts +27 -0
  86. package/items/card-item.d.ts.map +1 -0
  87. package/items/card-item.js +116 -0
  88. package/items/card-item.js.map +1 -0
  89. package/items/dialog-item.d.ts +4 -3
  90. package/items/dialog-item.d.ts.map +1 -1
  91. package/items/dialog-item.js +72 -69
  92. package/items/dialog-item.js.map +1 -1
  93. package/items/index.d.ts +1 -0
  94. package/items/index.d.ts.map +1 -1
  95. package/items/index.js +1 -0
  96. package/items/index.js.map +1 -1
  97. package/items/link-a.d.ts +1 -1
  98. package/items/link-a.d.ts.map +1 -1
  99. package/items/link-a.js +3 -3
  100. package/items/link-a.js.map +1 -1
  101. package/items/load-track.d.ts +4 -3
  102. package/items/load-track.d.ts.map +1 -1
  103. package/items/load-track.js +7 -8
  104. package/items/load-track.js.map +1 -1
  105. package/items/super-a.d.ts +4 -3
  106. package/items/super-a.d.ts.map +1 -1
  107. package/items/super-a.js +52 -49
  108. package/items/super-a.js.map +1 -1
  109. package/items/time-bar.d.ts +4 -3
  110. package/items/time-bar.d.ts.map +1 -1
  111. package/items/time-bar.js +3 -3
  112. package/items/time-bar.js.map +1 -1
  113. package/layout/div-line.d.ts +3 -5
  114. package/layout/div-line.d.ts.map +1 -1
  115. package/layout/div-line.js +53 -44
  116. package/layout/div-line.js.map +1 -1
  117. package/layout/drag-box.d.ts +4 -3
  118. package/layout/drag-box.d.ts.map +1 -1
  119. package/layout/drag-box.js +10 -7
  120. package/layout/drag-box.js.map +1 -1
  121. package/layout/flex-flow.d.ts +3 -2
  122. package/layout/flex-flow.d.ts.map +1 -1
  123. package/layout/flex-flow.js +9 -6
  124. package/layout/flex-flow.js.map +1 -1
  125. package/layout/nav-aside.d.ts +4 -3
  126. package/layout/nav-aside.d.ts.map +1 -1
  127. package/layout/nav-aside.js +8 -4
  128. package/layout/nav-aside.js.map +1 -1
  129. package/layout/nav-layout.d.ts +4 -3
  130. package/layout/nav-layout.d.ts.map +1 -1
  131. package/layout/nav-layout.js +14 -9
  132. package/layout/nav-layout.js.map +1 -1
  133. package/layout/skeleton-screen.d.ts +5 -3
  134. package/layout/skeleton-screen.d.ts.map +1 -1
  135. package/layout/skeleton-screen.js +47 -22
  136. package/layout/skeleton-screen.js.map +1 -1
  137. package/layout/std.d.ts +1 -2
  138. package/layout/std.d.ts.map +1 -1
  139. package/layout/std.js +2 -13
  140. package/layout/std.js.map +1 -1
  141. package/layout/with-wrap.d.ts +2 -1
  142. package/layout/with-wrap.d.ts.map +1 -1
  143. package/layout/with-wrap.js +2 -1
  144. package/layout/with-wrap.js.map +1 -1
  145. package/lib/utils.d.ts +4 -0
  146. package/lib/utils.d.ts.map +1 -1
  147. package/lib/utils.js +32 -0
  148. package/lib/utils.js.map +1 -1
  149. package/package.json +10 -8
  150. package/react/group.d.ts +1 -0
  151. package/react/group.d.ts.map +1 -1
  152. package/react/group.js +4 -0
  153. package/react/group.js.map +1 -1
  154. package/react/items.d.ts +1 -0
  155. package/react/items.d.ts.map +1 -1
  156. package/react/items.js +4 -0
  157. package/react/items.js.map +1 -1
  158. package/tmpl.d.ts +7 -7
  159. package/tmpl.d.ts.map +1 -1
  160. package/tmpl.js +5 -4
  161. package/tmpl.js.map +1 -1
  162. package/view/details-expand.d.ts +5 -4
  163. package/view/details-expand.d.ts.map +1 -1
  164. package/view/details-expand.js +2 -1
  165. package/view/details-expand.js.map +1 -1
  166. package/view/down-drop.d.ts +4 -3
  167. package/view/down-drop.d.ts.map +1 -1
  168. package/view/down-drop.js +4 -4
  169. package/view/down-drop.js.map +1 -1
  170. package/view/float-tips.d.ts +8 -1
  171. package/view/float-tips.d.ts.map +1 -1
  172. package/view/float-tips.js +3 -1
  173. package/view/float-tips.js.map +1 -1
  174. package/view/menu-list.d.ts +4 -3
  175. package/view/menu-list.d.ts.map +1 -1
  176. package/view/menu-list.js +5 -4
  177. package/view/menu-list.js.map +1 -1
  178. package/view/rotation-pool.d.ts +4 -3
  179. package/view/rotation-pool.d.ts.map +1 -1
  180. package/view/rotation-pool.js +61 -58
  181. package/view/rotation-pool.js.map +1 -1
  182. package/view/route-view.d.ts +10 -10
  183. package/view/route-view.d.ts.map +1 -1
  184. package/view/route-view.js +24 -22
  185. package/view/route-view.js.map +1 -1
  186. package/view/scroll-x.d.ts +3 -2
  187. package/view/scroll-x.d.ts.map +1 -1
  188. package/view/scroll-x.js +5 -5
  189. package/view/scroll-x.js.map +1 -1
  190. package/with.d.ts +22 -15
  191. package/with.d.ts.map +1 -1
  192. package/with.js +14 -28
  193. package/with.js.map +1 -1
@@ -5,10 +5,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
7
  var AlertItem_1;
8
- import { constructCSS, css, cssvar, define, html, property, unsafeCSS } from "../deps.js";
8
+ import { constructCSS, createScope, css, define, html, property, unsafeCSS } from "../deps.js";
9
9
  import { htmlSlot, svgX } from "../tmpl.js";
10
10
  import ItemsSTD from "./std.js";
11
- const vars = ["color", "background", "border", "super"].map((v) => `${cssvar}--${v}`);
11
+ const defineName = "alert-item";
12
+ const cssvarScope = createScope(defineName);
13
+ const vars = ["color", "background", "border", "super"].map((v) => `${cssvarScope}--${v}`);
12
14
  const colors = {
13
15
  success: ["#3c763d", "#dff0d8", "#d6e9c6", "#2b542c"],
14
16
  info: ["#31708f", "#d9edf7", "#bce8f1", "#245269"],
@@ -27,7 +29,7 @@ let AlertItem = AlertItem_1 = class AlertItem extends ItemsSTD {
27
29
  if (this.autoclose) {
28
30
  setTimeout(() => this.close(), this.autoclose);
29
31
  }
30
- return html ` <div class="${this.call} alert" role="alert">
32
+ return html `<div class="${this.call} alert" role="alert">
31
33
  <section class="content">
32
34
  <strong>
33
35
  <slot name="title"></slot>
@@ -42,7 +44,7 @@ let AlertItem = AlertItem_1 = class AlertItem extends ItemsSTD {
42
44
  this.shadowRoot.querySelector(".alert").classList.add("hide");
43
45
  setTimeout(() => {
44
46
  this.remove();
45
- }, 300);
47
+ }, 250);
46
48
  }
47
49
  static alert(root, option) {
48
50
  const ai = new AlertItem_1();
@@ -57,26 +59,28 @@ AlertItem.styles = [
57
59
  })),
58
60
  css `
59
61
  :host {
60
- margin: 0.1em auto;
61
- width: 100%;
62
- display: inline-block;
62
+ ${cssvarScope}--padding:0 0.25em 0 0.35em;
63
+ ${cssvarScope}--border-width: 0.15em;
64
+ ${cssvarScope}--border-radius: 0.4em;
65
+ border-radius: var(${cssvarScope}--border-radius);
66
+ margin: 0 auto;
67
+ display: block;
63
68
  }
64
69
 
65
70
  .hide {
66
71
  opacity: 0;
67
- transform: translateY(-50%);
72
+ transform: translateY(-100%);
68
73
  }
69
74
 
70
75
  .alert {
76
+ transition: 0.25s;
71
77
  display: flex;
72
78
  justify-content: space-between;
73
- padding: 0.2em 0.5em;
74
- border: 1px solid;
75
- border-radius: 4px;
76
- transition: all 0.25s;
77
- color: var(${cssvar}--color);
78
- background-color: var(${cssvar}--background);
79
- border-color: var(${cssvar}--border);
79
+ padding: var(${cssvarScope}--padding);
80
+ border-radius: inherit;
81
+ border: var(${cssvarScope}--border-width) solid var(${cssvarScope}--border);
82
+ color: var(${cssvarScope}--color);
83
+ background-color: var(${cssvarScope}--background);
80
84
  animation: alert 0.25s ease-in-out;
81
85
  }
82
86
 
@@ -87,12 +91,11 @@ AlertItem.styles = [
87
91
  }
88
92
  100% {
89
93
  opacity: 1;
90
- transform: translateY(0);
94
+ transform: none;
91
95
  }
92
96
  }
93
97
 
94
98
  section.content {
95
- margin: 0 0.25em 0 0.35em;
96
99
  min-height: 1.6em;
97
100
  line-height: 1.6em;
98
101
  }
@@ -101,7 +104,7 @@ AlertItem.styles = [
101
104
  height: fit-content;
102
105
  width: fit-content;
103
106
  border-radius: 50%;
104
- transition: all 0.3s;
107
+ transition: backdrop-filter inherit;
105
108
  }
106
109
 
107
110
  aside.close:hover {
@@ -115,17 +118,16 @@ AlertItem.styles = [
115
118
  }
116
119
 
117
120
  aside.close:hover path {
118
- stroke: var(${cssvar}--super);
121
+ stroke: var(${cssvarScope}--super);
119
122
  }
120
123
 
121
124
  path {
122
- stroke: var(${cssvar}--color);
123
- transition: all 0.3s;
125
+ stroke: var(${cssvarScope}--color);
124
126
  }
125
127
 
126
128
  .alert ::slotted(a) {
127
129
  font-weight: bold;
128
- color: var(${cssvar}--super);
130
+ color: var(${cssvarScope}--super);
129
131
  }
130
132
  `,
131
133
  ];
@@ -142,7 +144,7 @@ __decorate([
142
144
  property()
143
145
  ], AlertItem.prototype, "content", void 0);
144
146
  AlertItem = AlertItem_1 = __decorate([
145
- define("alert-item")
147
+ define(defineName)
146
148
  ], AlertItem);
147
149
  export { AlertItem };
148
150
  export default AlertItem;
@@ -1 +1 @@
1
- {"version":3,"file":"alert-item.js","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,KAAK,CAAC,EAAE,CAAC,CAAC;AACtF,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACrD,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClD,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACrD,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;CACrD,CAAC;AAGK,IAAM,SAAS,iBAAf,MAAM,SAAU,SAAQ,QAAQ;IAAhC;;QAiFO,SAAI,GAAiC,MAAM,CAAC;QAC5B,cAAS,GAAG,IAAI,CAAC;QACjC,UAAK,GAAG,EAAE,CAAC;QACX,YAAO,GAAG,EAAE,CAAC;IA+B3B,CAAC;IA7BC,MAAM;QACJ,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SAChD;QACD,OAAO,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI;;;;YAI5B,IAAI,CAAC,KAAK;;UAEZ,QAAQ,EAAE,GAAG,IAAI,CAAC,OAAO;;qCAEE,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;WAC/C,CAAC;IACV,CAAC;IAED,KAAK;QACH,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC9D,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAiB,EAAE,MAA0B;QACxD,MAAM,EAAE,GAAG,IAAI,WAAS,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;;AAjHM,gBAAM,GAAG;IACd,SAAS,CACP,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;QACjC,OAAO,IAAI,GAAG,EAAE,CAAC;IACnB,CAAC,CAAC,CACH;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;qBAmBc,MAAM;gCACK,MAAM;4BACV,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuCZ,MAAM;;;;sBAIN,MAAM;;;;;;qBAMP,MAAM;;KAEtB;CACF,AA/EY,CA+EX;AACU;IAAX,QAAQ,EAAE;uCAA6C;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAkB;AACjC;IAAX,QAAQ,EAAE;wCAAY;AACX;IAAX,QAAQ,EAAE;0CAAc;AApFd,SAAS;IADrB,MAAM,CAAC,YAAY,CAAC;GACR,SAAS,CAmHrB;;AAED,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"alert-item.js","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":"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"}
@@ -1,13 +1,14 @@
1
+ import { type HTMLTemplate } from "../tmpl.js";
1
2
  import ItemsSTD from "./std.js";
2
3
  export declare class AvatarAnchor extends ItemsSTD {
3
- static styles: import("lit").CSSResult;
4
+ static styles: import("lit").CSSResult[];
4
5
  src: string | undefined | null;
5
6
  def: string;
6
7
  href: any;
7
8
  name: string;
8
9
  more: number;
9
- render(): import("lit").TemplateResult<1>;
10
- renderAva(): import("lit").TemplateResult<1>;
10
+ protected render(): HTMLTemplate;
11
+ private renderAva;
11
12
  imgOnError(e: ErrorEvent): void;
12
13
  }
13
14
  export default AvatarAnchor;
@@ -1 +1 @@
1
- {"version":3,"file":"avatar-a.d.ts","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,qBACa,YAAa,SAAQ,QAAQ;IACxC,MAAM,CAAC,MAAM,0BAsCX;IACU,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAM;IACpC,GAAG,EAAE,MAAM,CAAa;IACxB,IAAI,MAAa;IACjB,IAAI,SAAM;IACM,IAAI,SAAK;IAErC,MAAM;IAON,SAAS;IAgBT,UAAU,CAAC,CAAC,EAAE,UAAU;CAOzB;AAED,eAAe,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,YAAY,CAAC;KAC1B;CACF"}
1
+ {"version":3,"file":"avatar-a.d.ts","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,qBACa,YAAa,SAAQ,QAAQ;IACxC,MAAM,CAAC,MAAM,4BAwCX;IACU,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAM;IACpC,GAAG,EAAE,MAAM,CAAa;IACxB,IAAI,MAAa;IACjB,IAAI,SAAM;IACM,IAAI,SAAK;IAErC,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,SAAS;IAgBjB,UAAU,CAAC,CAAC,EAAE,UAAU;CAOzB;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,YAAY,CAAC;KAC1B;CACF"}
package/items/avatar-a.js CHANGED
@@ -4,9 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- import { css, cssvar, define, html, ifDefined, property } from "../deps.js";
7
+ import { createScope, css, define, html, ifDefined, property } from "../deps.js";
8
8
  import { htmlSlot } from "../tmpl.js";
9
9
  import ItemsSTD from "./std.js";
10
+ const defineName = "avatar-a";
11
+ const cssvarScope = createScope(defineName);
10
12
  let AvatarAnchor = class AvatarAnchor extends ItemsSTD {
11
13
  constructor() {
12
14
  super(...arguments);
@@ -35,7 +37,7 @@ let AvatarAnchor = class AvatarAnchor extends ItemsSTD {
35
37
  name = name[0].toUpperCase() + name.slice(1);
36
38
  return html `<span>${name}</span>`;
37
39
  }
38
- return html `<slot name="avatar"></slot>`;
40
+ return htmlSlot("avatar");
39
41
  }
40
42
  imgOnError(e) {
41
43
  if (this.def) {
@@ -46,45 +48,47 @@ let AvatarAnchor = class AvatarAnchor extends ItemsSTD {
46
48
  }
47
49
  }
48
50
  };
49
- AvatarAnchor.styles = css `
50
- :host {
51
- ${cssvar}--ava: 1.5em;
52
- display: inline-flex;
53
- }
51
+ AvatarAnchor.styles = [
52
+ css `
53
+ :host {
54
+ ${cssvarScope}--ava: 1.5em;
55
+ display: inline-flex;
56
+ }
54
57
 
55
- * {
56
- border-radius: inherit;
57
- }
58
+ * {
59
+ border-radius: inherit;
60
+ }
58
61
 
59
- img {
60
- width: 100%;
61
- height: 100%;
62
- }
62
+ img {
63
+ width: 100%;
64
+ height: 100%;
65
+ }
63
66
 
64
- a {
65
- height: var(${cssvar}--ava);
66
- width: var(${cssvar}--ava);
67
- color: inherit;
68
- display: flex;
69
- position: relative;
70
- align-items: inherit;
71
- }
67
+ a {
68
+ height: var(${cssvarScope}--ava);
69
+ width: var(${cssvarScope}--ava);
70
+ color: inherit;
71
+ display: flex;
72
+ position: relative;
73
+ align-items: inherit;
74
+ }
72
75
 
73
- span {
74
- position: absolute;
75
- width: 100%;
76
- text-align: center;
77
- }
76
+ span {
77
+ position: absolute;
78
+ width: 100%;
79
+ text-align: center;
80
+ }
78
81
 
79
- slot[name="mask"] {
80
- position: absolute;
81
- display: flex;
82
- width: 100%;
83
- height: 100%;
84
- align-items: center;
85
- justify-content: center;
86
- }
87
- `;
82
+ slot[name="mask"] {
83
+ position: absolute;
84
+ display: flex;
85
+ width: 100%;
86
+ height: 100%;
87
+ align-items: center;
88
+ justify-content: center;
89
+ }
90
+ `,
91
+ ];
88
92
  __decorate([
89
93
  property()
90
94
  ], AvatarAnchor.prototype, "src", void 0);
@@ -101,7 +105,7 @@ __decorate([
101
105
  property({ type: Number })
102
106
  ], AvatarAnchor.prototype, "more", void 0);
103
107
  AvatarAnchor = __decorate([
104
- define("avatar-a")
108
+ define(defineName)
105
109
  ], AvatarAnchor);
106
110
  export { AvatarAnchor };
107
111
  export default AvatarAnchor;
@@ -1 +1 @@
1
- {"version":3,"file":"avatar-a.js","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGzB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QAwCO,QAAG,GAA8B,EAAE,CAAC;QACpC,QAAG,GAAW,SAAS,CAAC;QACxB,SAAI,GAAG,SAAS,CAAC;QACjB,SAAI,GAAG,EAAE,CAAC;QACM,SAAI,GAAG,CAAC,CAAC;IAgCvC,CAAC;IA9BC,MAAM;QACJ,OAAO,IAAI,CAAA;iBACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,QAAQ,CAAC,MAAM,CAAC;QACvE,QAAQ,EAAE;KACb,CAAC;IACJ,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YAChD,OAAO,IAAI,CAAA,UAAU,IAAI,SAAS,CAAC;SACpC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,UAAU,YAAY,CAAC;SACzE;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7C,OAAO,IAAI,CAAA,SAAS,IAAI,SAAS,CAAC;SACnC;QACD,OAAO,IAAI,CAAA,6BAA6B,CAAC;IAC3C,CAAC;IAED,UAAU,CAAC,CAAa;QACtB,IAAI,IAAI,CAAC,GAAG,EAAE;YACX,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;SAC/C;aAAM;YACL,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;SACtB;IACH,CAAC;;AA1EM,mBAAM,GAAG,GAAG,CAAA;;QAEb,MAAM;;;;;;;;;;;;;;oBAcM,MAAM;mBACP,MAAM;;;;;;;;;;;;;;;;;;;;;GAqBtB,AAtCY,CAsCX;AACU;IAAX,QAAQ,EAAE;yCAAqC;AACpC;IAAX,QAAQ,EAAE;yCAAyB;AACxB;IAAX,QAAQ,EAAE;0CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAAW;AACM;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAU;AA5C1B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CA4ExB;;AAED,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"avatar-a.js","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,UAAU,CAAC;AAC9B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QA0CO,QAAG,GAA8B,EAAE,CAAC;QACpC,QAAG,GAAW,SAAS,CAAC;QACxB,SAAI,GAAG,SAAS,CAAC;QACjB,SAAI,GAAG,EAAE,CAAC;QACM,SAAI,GAAG,CAAC,CAAC;IAgCvC,CAAC;IA9BW,MAAM;QACd,OAAO,IAAI,CAAA;iBACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,QAAQ,CAAC,MAAM,CAAC;QACvE,QAAQ,EAAE;KACb,CAAC;IACJ,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YAChD,OAAO,IAAI,CAAA,UAAU,IAAI,SAAS,CAAC;SACpC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,UAAU,YAAY,CAAC;SACzE;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7C,OAAO,IAAI,CAAA,SAAS,IAAI,SAAS,CAAC;SACnC;QACD,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC;IAED,UAAU,CAAC,CAAa;QACtB,IAAI,IAAI,CAAC,GAAG,EAAE;YACX,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;SAC/C;aAAM;YACL,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;SACtB;IACH,CAAC;;AA5EM,mBAAM,GAAG;IACd,GAAG,CAAA;;UAEG,WAAW;;;;;;;;;;;;;;sBAcC,WAAW;qBACZ,WAAW;;;;;;;;;;;;;;;;;;;;;KAqB3B;CACF,AAxCY,CAwCX;AACU;IAAX,QAAQ,EAAE;yCAAqC;AACpC;IAAX,QAAQ,EAAE;yCAAyB;AACxB;IAAX,QAAQ,EAAE;0CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAAW;AACM;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAU;AA9C1B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CA8ExB;;AAED,eAAe,YAAY,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { type HTMLTemplate } from "../tmpl.js";
1
2
  import ItemsSTD from "./std.js";
2
3
  declare const colors: {
3
4
  black: string[];
@@ -12,16 +13,17 @@ export declare class BaseButton extends ItemsSTD {
12
13
  outline: boolean;
13
14
  ghost: boolean;
14
15
  active: boolean;
16
+ radius: boolean;
15
17
  color: "none" | keyof typeof colors;
16
18
  text: string;
17
19
  static styles: import("lit").CSSResult[];
18
20
  _i: HTMLElement;
19
21
  _b: HTMLElement;
20
22
  _div: HTMLButtonElement;
21
- render(): import("lit").TemplateResult<1>;
23
+ protected render(): HTMLTemplate;
22
24
  focus(): void;
23
25
  blur(): void;
24
- firstUpdated(): void;
26
+ protected firstUpdated(): void;
25
27
  protected _handleModal(e: MouseEvent): void;
26
28
  protected _handleClick(e: MouseEvent): void;
27
29
  }
@@ -1 +1 @@
1
- {"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGhC,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAIF,qBACa,UAAW,SAAQ,QAAQ;IACM,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,KAAK,UAAS;IACd,MAAM,UAAS;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC/D,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,4BAwGX;IACU,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,MAAM;IAaN,KAAK;IAIL,IAAI;IAIJ,YAAY;IAcZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAapC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAOrC;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
1
+ {"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAMhC,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAEF,qBACa,UAAW,SAAQ,QAAQ;IACM,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,KAAK,UAAS;IACd,MAAM,UAAS;IACf,MAAM,UAAS;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC/D,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,4BAuHX;IACU,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAOrC;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
@@ -4,9 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- import { constructCSS, css, cssvar, define, html, property, query, unsafeCSS } from "../deps.js";
8
- import { htmlSlot, htmlStyle } from "../tmpl.js";
7
+ import { constructCSS, createScope, css, define, html, property, query, unsafeCSS } from "../deps.js";
8
+ import { htmlSlot } from "../tmpl.js";
9
9
  import ItemsSTD from "./std.js";
10
+ const defineName = "base-button";
11
+ const cssvarScope = createScope(defineName);
10
12
  const vars = ["--color", "--background", "--box-shadow", "--ghost-color"];
11
13
  const colors = {
12
14
  black: ["#fff", "linear-gradient(45deg, rgb(41 40 40), #2d3034)", "-2px 2px 5px 0px rgb(0 0 0 / 20%), 2px -2px 5px 0 rgb(99 99 99 / 20%)", "rgb(0 0 0 / 80%)"],
@@ -16,7 +18,6 @@ const colors = {
16
18
  blue: ["#fff", "linear-gradient(45deg, rgb(22 119 255 / 85%), rgb(21 198 198 / 65%))", "-2px 2px 5px 0px rgb(92 182 255 / 20%), 2px -2px 5px 0 rgb(135 232 222 / 20%)", "rgb(42 141 221 / 80%)"],
17
19
  yellow: ["#fff", "linear-gradient(45deg, rgb(223 194 0 / 85%), rgb(230 255 0 / 65%))", "-2px 2px 5px 0px rgb(214 203 55 / 20%), 2px -2px 5px 0 rgb(202 203 137 / 20%)", "rgb(237 224 43 / 80%)"],
18
20
  };
19
- const outlineBoxShadow = `0 0 0 var(${cssvar}--ghost-width) var(${cssvar}--ghost-color);`;
20
21
  let BaseButton = class BaseButton extends ItemsSTD {
21
22
  constructor() {
22
23
  super(...arguments);
@@ -24,18 +25,17 @@ let BaseButton = class BaseButton extends ItemsSTD {
24
25
  this.outline = false;
25
26
  this.ghost = false;
26
27
  this.active = false;
28
+ this.radius = false;
27
29
  this.color = "black";
28
30
  this.text = "";
29
31
  }
30
32
  render() {
31
- const style = this.outline ? `:host([active]) {box-shadow: ${outlineBoxShadow};}` : "";
32
33
  return html `
33
34
  <div>
34
35
  <b>
35
36
  <i></i>
36
37
  </b>
37
38
  <p>${this.text || htmlSlot()}</p>
38
- ${htmlStyle(style)}
39
39
  </div>
40
40
  `;
41
41
  }
@@ -46,11 +46,6 @@ let BaseButton = class BaseButton extends ItemsSTD {
46
46
  this.active = false;
47
47
  }
48
48
  firstUpdated() {
49
- const padding = getComputedStyle(this).padding;
50
- if (padding) {
51
- this._slot.style.padding = padding;
52
- this.style.padding = "0px";
53
- }
54
49
  if (this.outline) {
55
50
  this.addEvent(window, "click", this._handleClick.bind(this));
56
51
  }
@@ -64,7 +59,9 @@ let BaseButton = class BaseButton extends ItemsSTD {
64
59
  return;
65
60
  }
66
61
  this.blur();
67
- const size = `${Math.max(this._div.offsetHeight, this._div.offsetWidth) * 2.8285}px`;
62
+ const a = this._div.offsetHeight + 1;
63
+ const b = this._div.offsetWidth + 1;
64
+ const size = `${Math.sqrt(a * a + b * b) * 2}px`;
68
65
  const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;
69
66
  this._b.style.width = size;
70
67
  this._b.style.height = size;
@@ -81,16 +78,19 @@ let BaseButton = class BaseButton extends ItemsSTD {
81
78
  }
82
79
  };
83
80
  BaseButton.styles = [
84
- unsafeCSS(constructCSS(vars, colors, (raw) => `:host([color="${raw}"])`, (k, v) => `${cssvar}${k}:${v}`)),
81
+ unsafeCSS(constructCSS(vars, colors, (raw) => `:host([color="${raw}"])`, (k, v) => `${cssvarScope}${k}:${v}`)),
85
82
  css `
86
83
  :host {
87
- ${cssvar}--ghost-width: 4px;
88
- ${cssvar}--modal-opacity: .18;
89
- ${cssvar}--modal-opacity-end: 0;
90
- ${cssvar}--modal-animation-duration: .8s;
91
- color: var(${cssvar}--color);
92
- background: var(${cssvar}--background);
93
- box-shadow: var(${cssvar}--box-shadow);
84
+ ${cssvarScope}--padding-x: .25em;
85
+ ${cssvarScope}--padding-y: .075em;
86
+ ${cssvarScope}--padding: var(${cssvarScope}--padding-y) var(${cssvarScope}--padding-x);
87
+ ${cssvarScope}--ghost-width: .15em;
88
+ ${cssvarScope}--modal-opacity: .15;
89
+ ${cssvarScope}--modal-opacity-end: 0;
90
+ ${cssvarScope}--modal-animation-duration: .8s;
91
+ color: var(${cssvarScope}--color);
92
+ background: var(${cssvarScope}--background);
93
+ box-shadow: var(${cssvarScope}--box-shadow);
94
94
  display: inline-flex;
95
95
  width: fit-content;
96
96
  border-radius: 4px;
@@ -126,7 +126,7 @@ BaseButton.styles = [
126
126
  border-radius: 50%;
127
127
  transform: translate(0, 0);
128
128
  background: currentColor;
129
- opacity: var(${cssvar}--modal-opacity-end);
129
+ opacity: var(${cssvarScope}--modal-opacity-end);
130
130
  }
131
131
 
132
132
  b {
@@ -139,42 +139,54 @@ BaseButton.styles = [
139
139
  :host([active]) i {
140
140
  visibility: visible;
141
141
  animation-name: i;
142
- animation-duration: var(${cssvar}--modal-animation-duration);
142
+ animation-duration: var(${cssvarScope}--modal-animation-duration);
143
143
  }
144
144
 
145
145
  p {
146
+ padding: var(${cssvarScope}--padding);
146
147
  margin: 0;
148
+ user-select: none;
147
149
  }
148
150
 
149
151
  :host([ghost]) p {
150
- background-image: var(${cssvar}--background);
152
+ background-image: var(${cssvarScope}--background);
151
153
  background-clip: text;
152
154
  -webkit-background-clip: text;
153
155
  color: transparent;
154
156
  }
155
157
 
156
158
  :host([ghost]) {
157
- ${cssvar}--modal-opacity: .2;
159
+ ${cssvarScope}--modal-opacity: .2;
158
160
  background: transparent;
159
- box-shadow: ${unsafeCSS(outlineBoxShadow)};
161
+ box-shadow: 0 0 0 var(${cssvarScope}--ghost-width) var(${cssvarScope}--ghost-color);
160
162
  }
161
163
 
162
164
  :host([ghost]) i {
163
- background: var(${cssvar}--ghost-color);
165
+ background: var(${cssvarScope}--ghost-color);
164
166
  }
165
167
 
166
168
  @keyframes i {
167
169
  0% {
168
170
  transform: scale(0);
169
- opacity: var(${cssvar}--modal-opacity);
171
+ opacity: var(${cssvarScope}--modal-opacity);
170
172
  }
171
173
  100% {
172
174
  transform: scale(1);
173
- opacity: var(${cssvar}--modal-opacity-end);
175
+ opacity: var(${cssvarScope}--modal-opacity-end);
174
176
  }
175
177
  }
178
+
176
179
  :host([outline]) {
177
- ${cssvar}--modal-opacity-end:var( ${cssvar}--modal-opacity);
180
+ ${cssvarScope}--modal-opacity-end:var( ${cssvarScope}--modal-opacity);
181
+ }
182
+
183
+ :host([outline][active]) {
184
+ outline: var(--godown--base-button--ghost-color) var(${cssvarScope}--ghost-width) solid;
185
+ }
186
+
187
+ :host([radius]) {
188
+ border-radius: calc(infinity * 1px);
189
+ ${cssvarScope}--padding-x: .5em;
178
190
  }
179
191
  `,
180
192
  ];
@@ -190,6 +202,9 @@ __decorate([
190
202
  __decorate([
191
203
  property({ type: Boolean, reflect: true })
192
204
  ], BaseButton.prototype, "active", void 0);
205
+ __decorate([
206
+ property({ type: Boolean, reflect: true })
207
+ ], BaseButton.prototype, "radius", void 0);
193
208
  __decorate([
194
209
  property({ reflect: true })
195
210
  ], BaseButton.prototype, "color", void 0);
@@ -206,7 +221,7 @@ __decorate([
206
221
  query("div")
207
222
  ], BaseButton.prototype, "_div", void 0);
208
223
  BaseButton = __decorate([
209
- define("base-button")
224
+ define(defineName)
210
225
  ], BaseButton);
211
226
  export { BaseButton };
212
227
  export default BaseButton;
@@ -1 +1 @@
1
- {"version":3,"file":"base-button.js","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"base-button.js","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,27 @@
1
+ import { type CSSResultGroup } from "../deps.js";
2
+ import { type HTMLTemplate } from "../tmpl.js";
3
+ import ItemsSTD from "./std.js";
4
+ export declare class CardItem extends ItemsSTD {
5
+ static styles: CSSResultGroup;
6
+ rotate: boolean;
7
+ protected _main: HTMLElement;
8
+ protected _aside: HTMLElement;
9
+ protected render(): HTMLTemplate;
10
+ protected firstUpdated(): void;
11
+ /**
12
+ * Cancel the aside offset
13
+ */
14
+ reset(): void;
15
+ /**
16
+ * Offset aside
17
+ * @param e Mouse move event
18
+ */
19
+ protected _drawRotate(e: MouseEvent): void;
20
+ }
21
+ export default CardItem;
22
+ declare global {
23
+ interface HTMLElementTagNameMap {
24
+ "card-item": CardItem;
25
+ }
26
+ }
27
+ //# sourceMappingURL=card-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card-item.d.ts","sourceRoot":"","sources":["../../src/items/card-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAA+C,MAAM,YAAY,CAAC;AAChH,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,qBACa,QAAS,SAAQ,QAAQ;IACpC,MAAM,CAAC,MAAM,iBA+CO;IACS,MAAM,UAAS;IAC7B,SAAS,CAAC,KAAK,EAAG,WAAW,CAAC;IAC7B,SAAS,CAAC,MAAM,EAAG,WAAW,CAAC;IAE/C,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,SAAS,CAAC,YAAY;IAUtB;;OAEG;IACH,KAAK;IAKL;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;CAUpC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}