ds-one 0.2.5-alpha.9 → 0.3.0-alpha.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 (209) hide show
  1. package/DS1/0-face/device.ts +138 -0
  2. package/DS1/0-face/scaling.ts +152 -0
  3. package/DS1/1-root/fonts/Iosevka-Regular.woff2 +0 -0
  4. package/DS1/1-root/one.css +124 -77
  5. package/DS1/2-core/ds-banner.ts +120 -1
  6. package/DS1/2-core/ds-button.ts +16 -93
  7. package/DS1/2-core/ds-card.ts +137 -0
  8. package/DS1/2-core/ds-cycle.ts +77 -179
  9. package/DS1/2-core/ds-date.ts +3 -10
  10. package/DS1/2-core/ds-gap.ts +38 -0
  11. package/DS1/2-core/ds-icon.ts +6 -35
  12. package/DS1/2-core/ds-input.ts +306 -1
  13. package/DS1/2-core/ds-pagedots.ts +52 -0
  14. package/DS1/2-core/ds-text.ts +55 -28
  15. package/DS1/2-core/ds-tooltip.ts +12 -58
  16. package/DS1/2-core/styles/ds-banner.css +77 -0
  17. package/DS1/2-core/styles/ds-button.css +67 -0
  18. package/DS1/2-core/styles/ds-cycle.css +21 -0
  19. package/DS1/2-core/styles/ds-date.css +9 -0
  20. package/DS1/2-core/styles/ds-gap.css +93 -0
  21. package/DS1/2-core/styles/ds-icon.css +30 -0
  22. package/DS1/2-core/styles/ds-input.css +46 -0
  23. package/DS1/2-core/styles/ds-pagedots.css +31 -0
  24. package/DS1/2-core/styles/ds-text.css +29 -0
  25. package/DS1/2-core/styles/ds-tooltip.css +49 -0
  26. package/DS1/3-unit/ds-accordion.ts +95 -0
  27. package/DS1/3-unit/ds-form.ts +304 -0
  28. package/DS1/3-unit/ds-list.ts +5 -14
  29. package/DS1/3-unit/ds-row.ts +3 -19
  30. package/DS1/3-unit/ds-table.ts +3 -86
  31. package/DS1/3-unit/styles/ds-accordion.css +46 -0
  32. package/DS1/3-unit/styles/ds-list.css +9 -0
  33. package/DS1/3-unit/styles/ds-row.css +19 -0
  34. package/DS1/3-unit/styles/ds-table.css +80 -0
  35. package/DS1/4-page/ds-container.ts +28 -0
  36. package/DS1/4-page/ds-grid.ts +37 -50
  37. package/DS1/4-page/ds-layout.ts +652 -163
  38. package/DS1/4-page/styles/ds-container.css +35 -0
  39. package/DS1/4-page/styles/ds-grid.css +56 -0
  40. package/DS1/4-page/styles/ds-layout.css +246 -0
  41. package/DS1/index.ts +9 -1
  42. package/DS1/vite-env.d.ts +13 -0
  43. package/DS1/x-icon/2x.svg +4 -0
  44. package/DS1/x-icon/2xdots.svg +18 -0
  45. package/DS1/x-icon/2xgrid.svg +6 -0
  46. package/DS1/x-icon/2xlines.svg +6 -0
  47. package/DS1/x-icon/4x4.svg +18 -0
  48. package/DS1/x-icon/apple.svg +4 -0
  49. package/DS1/x-icon/avatar.svg +4 -0
  50. package/DS1/x-icon/big.svg +4 -0
  51. package/DS1/x-icon/blank.svg +3 -0
  52. package/DS1/x-icon/check.svg +3 -0
  53. package/DS1/x-icon/close.svg +3 -0
  54. package/DS1/x-icon/collapse.svg +3 -0
  55. package/DS1/x-icon/color.svg +4 -0
  56. package/DS1/x-icon/column.svg +5 -0
  57. package/DS1/x-icon/default.svg +3 -0
  58. package/DS1/x-icon/delete.svg +5 -0
  59. package/DS1/x-icon/dictate.svg +6 -0
  60. package/DS1/x-icon/do.svg +3 -0
  61. package/DS1/x-icon/down.svg +3 -0
  62. package/DS1/x-icon/duplicate.svg +4 -0
  63. package/DS1/x-icon/gallery.svg +5 -0
  64. package/DS1/x-icon/google.svg +6 -0
  65. package/DS1/x-icon/head.svg +5 -0
  66. package/DS1/x-icon/home.svg +3 -0
  67. package/DS1/x-icon/icon.svg +4 -0
  68. package/DS1/x-icon/in.svg +4 -0
  69. package/DS1/x-icon/lock.svg +5 -0
  70. package/DS1/x-icon/loop.svg +5 -0
  71. package/DS1/x-icon/mic.svg +5 -0
  72. package/DS1/x-icon/minimize.svg +3 -0
  73. package/DS1/x-icon/more.svg +5 -0
  74. package/DS1/x-icon/neutral.svg +6 -0
  75. package/DS1/x-icon/note.svg +6 -0
  76. package/DS1/x-icon/page.svg +4 -0
  77. package/DS1/x-icon/plus.svg +3 -0
  78. package/DS1/x-icon/rewind.svg +4 -0
  79. package/DS1/x-icon/row.svg +5 -0
  80. package/DS1/x-icon/sdown.svg +3 -0
  81. package/DS1/x-icon/search.svg +4 -0
  82. package/DS1/x-icon/see.svg +4 -0
  83. package/DS1/x-icon/ship.svg +5 -0
  84. package/DS1/x-icon/star.svg +3 -0
  85. package/DS1/x-icon/status.svg +4 -0
  86. package/DS1/x-icon/sup.svg +3 -0
  87. package/DS1/x-icon/title.svg +3 -0
  88. package/DS1/x-icon/undo.svg +3 -0
  89. package/DS1/x-icon/ungroup.svg +4 -0
  90. package/DS1/x-icon/unhead.svg +3 -0
  91. package/DS1/x-icon/unicon.svg +3 -0
  92. package/DS1/x-icon/unlock.svg +5 -0
  93. package/DS1/x-icon/unmic.svg +6 -0
  94. package/DS1/x-icon/unsee.svg +5 -0
  95. package/DS1/x-icon/unstar.svg +3 -0
  96. package/DS1/x-icon/untitle.svg +3 -0
  97. package/DS1/x-icon/up.svg +3 -0
  98. package/LICENSE +1 -1
  99. package/README.md +4 -4
  100. package/dist/0-face/device.d.ts +5 -0
  101. package/dist/0-face/device.d.ts.map +1 -1
  102. package/dist/0-face/device.js +111 -0
  103. package/dist/0-face/scaling.d.ts +48 -0
  104. package/dist/0-face/scaling.d.ts.map +1 -0
  105. package/dist/0-face/scaling.js +114 -0
  106. package/dist/2-core/ds-banner.d.ts +67 -0
  107. package/dist/2-core/ds-banner.d.ts.map +1 -1
  108. package/dist/2-core/ds-banner.js +97 -1
  109. package/dist/2-core/ds-button.d.ts +4 -15
  110. package/dist/2-core/ds-button.d.ts.map +1 -1
  111. package/dist/2-core/ds-button.js +14 -86
  112. package/dist/2-core/ds-card.d.ts +39 -0
  113. package/dist/2-core/ds-card.d.ts.map +1 -0
  114. package/dist/2-core/ds-card.js +119 -0
  115. package/dist/2-core/ds-cycle.d.ts +1 -5
  116. package/dist/2-core/ds-cycle.d.ts.map +1 -1
  117. package/dist/2-core/ds-cycle.js +74 -163
  118. package/dist/2-core/ds-date.d.ts.map +1 -1
  119. package/dist/2-core/ds-date.js +3 -9
  120. package/dist/2-core/ds-gap.d.ts +28 -0
  121. package/dist/2-core/ds-gap.d.ts.map +1 -0
  122. package/dist/2-core/ds-gap.js +25 -0
  123. package/dist/2-core/ds-icon.d.ts.map +1 -1
  124. package/dist/2-core/ds-icon.js +6 -35
  125. package/dist/2-core/ds-input.d.ts +127 -0
  126. package/dist/2-core/ds-input.d.ts.map +1 -1
  127. package/dist/2-core/ds-input.js +252 -1
  128. package/dist/2-core/ds-pagedots.d.ts +32 -0
  129. package/dist/2-core/ds-pagedots.d.ts.map +1 -0
  130. package/dist/2-core/ds-pagedots.js +36 -0
  131. package/dist/2-core/ds-text.d.ts +5 -3
  132. package/dist/2-core/ds-text.d.ts.map +1 -1
  133. package/dist/2-core/ds-text.js +49 -27
  134. package/dist/2-core/ds-tooltip.d.ts +2 -2
  135. package/dist/2-core/ds-tooltip.d.ts.map +1 -1
  136. package/dist/2-core/ds-tooltip.js +11 -57
  137. package/dist/2-core/styles/ds-banner.css +77 -0
  138. package/dist/2-core/styles/ds-button.css +67 -0
  139. package/dist/2-core/styles/ds-cycle.css +21 -0
  140. package/dist/2-core/styles/ds-date.css +9 -0
  141. package/dist/2-core/styles/ds-gap.css +93 -0
  142. package/dist/2-core/styles/ds-icon.css +30 -0
  143. package/dist/2-core/styles/ds-input.css +46 -0
  144. package/dist/2-core/styles/ds-pagedots.css +26 -0
  145. package/dist/2-core/styles/ds-text.css +29 -0
  146. package/dist/2-core/styles/ds-tooltip.css +49 -0
  147. package/dist/3-unit/ds-accordion.d.ts +47 -0
  148. package/dist/3-unit/ds-accordion.d.ts.map +1 -0
  149. package/dist/3-unit/ds-accordion.js +75 -0
  150. package/dist/3-unit/ds-form.d.ts +70 -0
  151. package/dist/3-unit/ds-form.d.ts.map +1 -0
  152. package/dist/3-unit/ds-form.js +232 -0
  153. package/dist/3-unit/ds-list.d.ts.map +1 -1
  154. package/dist/3-unit/ds-list.js +5 -11
  155. package/dist/3-unit/ds-row.d.ts.map +1 -1
  156. package/dist/3-unit/ds-row.js +3 -19
  157. package/dist/3-unit/ds-table.d.ts.map +1 -1
  158. package/dist/3-unit/ds-table.js +3 -86
  159. package/dist/3-unit/styles/ds-accordion.css +46 -0
  160. package/dist/3-unit/styles/ds-list.css +9 -0
  161. package/dist/3-unit/styles/ds-row.css +19 -0
  162. package/dist/3-unit/styles/ds-table.css +80 -0
  163. package/dist/{3-unit/row-v1.d.ts → 4-page/ds-container.d.ts} +3 -11
  164. package/dist/4-page/ds-container.d.ts.map +1 -0
  165. package/dist/4-page/ds-container.js +11 -0
  166. package/dist/4-page/ds-grid.d.ts +5 -0
  167. package/dist/4-page/ds-grid.d.ts.map +1 -1
  168. package/dist/4-page/ds-grid.js +38 -56
  169. package/dist/4-page/ds-layout.d.ts +3 -3
  170. package/dist/4-page/ds-layout.d.ts.map +1 -1
  171. package/dist/4-page/ds-layout.js +651 -162
  172. package/dist/4-page/styles/ds-container.css +35 -0
  173. package/dist/4-page/styles/ds-grid.css +56 -0
  174. package/dist/4-page/styles/ds-layout.css +251 -0
  175. package/dist/ds-one.bundle.css +700 -0
  176. package/dist/ds-one.bundle.css.map +7 -0
  177. package/dist/ds-one.bundle.js +2642 -1469
  178. package/dist/ds-one.bundle.js.map +1 -7
  179. package/dist/ds-one.bundle.min.css +2 -0
  180. package/dist/ds-one.bundle.min.css.map +7 -0
  181. package/dist/ds-one.bundle.min.js +3850 -550
  182. package/dist/ds-one.bundle.min.js.map +1 -7
  183. package/dist/index.d.ts +9 -1
  184. package/dist/index.d.ts.map +1 -1
  185. package/dist/index.js +9 -1
  186. package/package.json +4 -2
  187. package/dist/3-unit/doublenav-v1.d.ts +0 -51
  188. package/dist/3-unit/doublenav-v1.d.ts.map +0 -1
  189. package/dist/3-unit/doublenav-v1.js +0 -88
  190. package/dist/3-unit/ds-portfolio-doublenav.d.ts +0 -51
  191. package/dist/3-unit/ds-portfolio-doublenav.d.ts.map +0 -1
  192. package/dist/3-unit/ds-portfolio-doublenav.js +0 -88
  193. package/dist/3-unit/ds-portfolio-panel.d.ts +0 -11
  194. package/dist/3-unit/ds-portfolio-panel.d.ts.map +0 -1
  195. package/dist/3-unit/ds-portfolio-panel.js +0 -16
  196. package/dist/3-unit/ds-portfolio-singlenav.d.ts +0 -32
  197. package/dist/3-unit/ds-portfolio-singlenav.d.ts.map +0 -1
  198. package/dist/3-unit/ds-portfolio-singlenav.js +0 -62
  199. package/dist/3-unit/list-v1.d.ts +0 -11
  200. package/dist/3-unit/list-v1.d.ts.map +0 -1
  201. package/dist/3-unit/list-v1.js +0 -15
  202. package/dist/3-unit/panel-v1.d.ts +0 -11
  203. package/dist/3-unit/panel-v1.d.ts.map +0 -1
  204. package/dist/3-unit/panel-v1.js +0 -16
  205. package/dist/3-unit/row-v1.d.ts.map +0 -1
  206. package/dist/3-unit/row-v1.js +0 -32
  207. package/dist/3-unit/singlenav-v1.d.ts +0 -32
  208. package/dist/3-unit/singlenav-v1.d.ts.map +0 -1
  209. package/dist/3-unit/singlenav-v1.js +0 -62
package/dist/index.d.ts CHANGED
@@ -10,16 +10,24 @@ export * from "./0-face/device";
10
10
  export * from "./0-face/i18n";
11
11
  export * from "./0-face/preferences";
12
12
  export * from "./0-face/pricing";
13
+ export * from "./0-face/scaling";
13
14
  export * from "./0-face/theme";
15
+ export * from "./2-core/ds-banner";
14
16
  export * from "./2-core/ds-button";
17
+ export * from "./2-core/ds-card";
15
18
  export * from "./2-core/ds-cycle";
19
+ export * from "./2-core/ds-date";
20
+ export * from "./2-core/ds-gap";
16
21
  export * from "./2-core/ds-icon";
22
+ export * from "./2-core/ds-input";
17
23
  export * from "./2-core/ds-text";
18
24
  export * from "./2-core/ds-tooltip";
19
- export * from "./2-core/ds-date";
25
+ export * from "./3-unit/ds-accordion";
26
+ export * from "./3-unit/ds-form";
20
27
  export * from "./3-unit/ds-list";
21
28
  export * from "./3-unit/ds-row";
22
29
  export * from "./3-unit/ds-table";
30
+ export * from "./4-page/ds-container";
23
31
  export * from "./4-page/ds-grid";
24
32
  export * from "./4-page/ds-layout";
25
33
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../DS1/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,iBAAiB,CAAC;AAGzB,OAAO,eAAe,CAAC;AAMvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAM/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AAMjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAMlC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../DS1/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,iBAAiB,CAAC;AAGzB,OAAO,eAAe,CAAC;AAMvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAM/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AAMpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAMlC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
package/dist/index.js CHANGED
@@ -18,24 +18,32 @@ export * from "./0-face/device";
18
18
  export * from "./0-face/i18n";
19
19
  export * from "./0-face/preferences";
20
20
  export * from "./0-face/pricing";
21
+ export * from "./0-face/scaling";
21
22
  export * from "./0-face/theme";
22
23
  // ============================================================================
23
24
  // 2-core: Core Components
24
25
  // ============================================================================
26
+ export * from "./2-core/ds-banner";
25
27
  export * from "./2-core/ds-button";
28
+ export * from "./2-core/ds-card";
26
29
  export * from "./2-core/ds-cycle";
30
+ export * from "./2-core/ds-date";
31
+ export * from "./2-core/ds-gap";
27
32
  export * from "./2-core/ds-icon";
33
+ export * from "./2-core/ds-input";
28
34
  export * from "./2-core/ds-text";
29
35
  export * from "./2-core/ds-tooltip";
30
- export * from "./2-core/ds-date";
31
36
  // ============================================================================
32
37
  // 3-unit: Composite Components
33
38
  // ============================================================================
39
+ export * from "./3-unit/ds-accordion";
40
+ export * from "./3-unit/ds-form";
34
41
  export * from "./3-unit/ds-list";
35
42
  export * from "./3-unit/ds-row";
36
43
  export * from "./3-unit/ds-table";
37
44
  // ============================================================================
38
45
  // 4-page: Layout Components
39
46
  // ============================================================================
47
+ export * from "./4-page/ds-container";
40
48
  export * from "./4-page/ds-grid";
41
49
  export * from "./4-page/ds-layout";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ds-one",
3
- "version": "0.2.5-alpha.9",
3
+ "version": "0.3.0-alpha.1",
4
4
  "description": "A component-based design system built with TypeScript and LitElement that provides reusable UI components with built-in theming, internationalization, and accessibility features.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -29,7 +29,9 @@
29
29
  "scripts": {
30
30
  "dev": "vite --host",
31
31
  "build": "bun run build:bundle",
32
- "build:bundle": "bunx tsc && bunx esbuild dist/index.js --bundle --format=esm --outfile=dist/ds-one.bundle.js --sourcemap --platform=browser --target=es2020 && bunx esbuild dist/index.js --bundle --format=esm --outfile=dist/ds-one.bundle.min.js --minify --sourcemap --platform=browser --target=es2020",
32
+ "build:bundle": "bunx tsc && bun run build:vite && bun run build:vite:min",
33
+ "build:vite": "bunx vite build --config vite.config.lib.ts",
34
+ "build:vite:min": "MINIFY=true bunx vite build --config vite.config.lib.ts",
33
35
  "build:types": "tsc --noEmit",
34
36
  "build:components": "bun run build:core && bun run build:units",
35
37
  "build:core": "bun run build:component -- DS1/2-core",
@@ -1,51 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A component for double navigation (previous/next)
4
- *
5
- * @element doublenav-v1
6
- * @prop {string} previous - URL for previous link
7
- * @prop {string} next - URL for next link
8
- * @prop {string} previousText - Text for previous link
9
- * @prop {string} nextText - Text for next link
10
- * @prop {string} overlay - Overlay color (blue, red, orange, green, yellow)
11
- */
12
- export declare class DoubleNav extends LitElement {
13
- static get properties(): {
14
- previous: {
15
- type: StringConstructor;
16
- reflect: boolean;
17
- };
18
- next: {
19
- type: StringConstructor;
20
- reflect: boolean;
21
- };
22
- previousText: {
23
- type: StringConstructor;
24
- reflect: boolean;
25
- attribute: string;
26
- };
27
- nextText: {
28
- type: StringConstructor;
29
- reflect: boolean;
30
- attribute: string;
31
- };
32
- overlay: {
33
- type: StringConstructor;
34
- reflect: boolean;
35
- };
36
- };
37
- previous: string;
38
- next: string;
39
- previousText: string;
40
- nextText: string;
41
- overlay?: string;
42
- constructor();
43
- static styles: import("lit").CSSResult;
44
- render(): import("lit-html").TemplateResult<1>;
45
- }
46
- declare global {
47
- interface HTMLElementTagNameMap {
48
- "doublenav-v1": DoubleNav;
49
- }
50
- }
51
- //# sourceMappingURL=doublenav-v1.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"doublenav-v1.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/doublenav-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;;;;;GASG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;;;;MAQpB;IAEO,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;;IAWzB,MAAM,CAAC,MAAM,0BAoCX;IAEF,MAAM;CAoBP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}
@@ -1,88 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- /**
3
- * A component for double navigation (previous/next)
4
- *
5
- * @element doublenav-v1
6
- * @prop {string} previous - URL for previous link
7
- * @prop {string} next - URL for next link
8
- * @prop {string} previousText - Text for previous link
9
- * @prop {string} nextText - Text for next link
10
- * @prop {string} overlay - Overlay color (blue, red, orange, green, yellow)
11
- */
12
- export class DoubleNav extends LitElement {
13
- static get properties() {
14
- return {
15
- previous: { type: String, reflect: true },
16
- next: { type: String, reflect: true },
17
- previousText: { type: String, reflect: true, attribute: "previous-text" },
18
- nextText: { type: String, reflect: true, attribute: "next-text" },
19
- overlay: { type: String, reflect: true },
20
- };
21
- }
22
- constructor() {
23
- super();
24
- this.previous = "";
25
- this.next = "";
26
- this.previousText = "";
27
- this.nextText = "";
28
- this.overlay = "";
29
- }
30
- render() {
31
- return html `
32
- ${this.previous
33
- ? html `
34
- <a href="${this.previous}" class="nav-previous">
35
- <icon-v1 type="left"></icon-v1>
36
- <ds-text>${this.previousText || "Previous"}</ds-text>
37
- </a>
38
- `
39
- : html `<div></div>`}
40
- ${this.next
41
- ? html `
42
- <a href="${this.next}" class="nav-next">
43
- <ds-text>${this.nextText || "Next"}</ds-text>
44
- <icon-v1 type="right"></icon-v1>
45
- </a>
46
- `
47
- : html `<div></div>`}
48
- `;
49
- }
50
- }
51
- DoubleNav.styles = css `
52
- :host {
53
- display: flex;
54
- justify-content: space-between;
55
- gap: calc(5px * var(--scaling-factor));
56
- padding: calc(2px * var(--scaling-factor));
57
- align-items: center;
58
- }
59
-
60
- a {
61
- display: inline-flex;
62
- align-items: center;
63
- gap: calc(5px * var(--scaling-factor));
64
- text-decoration: none;
65
- color: inherit;
66
- }
67
-
68
- .nav-previous {
69
- justify-self: start;
70
- }
71
-
72
- .nav-next {
73
- justify-self: end;
74
- }
75
-
76
- .nav-previous icon-v1 {
77
- order: -1;
78
- }
79
-
80
- .nav-next icon-v1 {
81
- padding-top: 3px;
82
- }
83
-
84
- .nav-previous icon-v1 {
85
- padding-top: 3px;
86
- }
87
- `;
88
- customElements.define("doublenav-v1", DoubleNav);
@@ -1,51 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A component for double navigation (previous/next)
4
- *
5
- * @element portfolio-doublenav
6
- * @prop {string} previous - URL for previous link
7
- * @prop {string} next - URL for next link
8
- * @prop {string} previousText - Text for previous link
9
- * @prop {string} nextText - Text for next link
10
- * @prop {string} overlay - Overlay color (blue, red, orange, green, yellow)
11
- */
12
- export declare class PortfolioDoubleNav extends LitElement {
13
- static get properties(): {
14
- previous: {
15
- type: StringConstructor;
16
- reflect: boolean;
17
- };
18
- next: {
19
- type: StringConstructor;
20
- reflect: boolean;
21
- };
22
- previousText: {
23
- type: StringConstructor;
24
- reflect: boolean;
25
- attribute: string;
26
- };
27
- nextText: {
28
- type: StringConstructor;
29
- reflect: boolean;
30
- attribute: string;
31
- };
32
- overlay: {
33
- type: StringConstructor;
34
- reflect: boolean;
35
- };
36
- };
37
- previous: string;
38
- next: string;
39
- previousText: string;
40
- nextText: string;
41
- overlay?: string;
42
- constructor();
43
- static styles: import("lit").CSSResult;
44
- render(): import("lit-html").TemplateResult<1>;
45
- }
46
- declare global {
47
- interface HTMLElementTagNameMap {
48
- "portfolio-doublenav": PortfolioDoubleNav;
49
- }
50
- }
51
- //# sourceMappingURL=ds-portfolio-doublenav.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-portfolio-doublenav.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-portfolio-doublenav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;;;;;GASG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;;;;MAQpB;IAEO,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;;IAWzB,MAAM,CAAC,MAAM,0BAoCX;IAEF,MAAM;CAoBP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,kBAAkB,CAAC;KAC3C;CACF"}
@@ -1,88 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- /**
3
- * A component for double navigation (previous/next)
4
- *
5
- * @element portfolio-doublenav
6
- * @prop {string} previous - URL for previous link
7
- * @prop {string} next - URL for next link
8
- * @prop {string} previousText - Text for previous link
9
- * @prop {string} nextText - Text for next link
10
- * @prop {string} overlay - Overlay color (blue, red, orange, green, yellow)
11
- */
12
- export class PortfolioDoubleNav extends LitElement {
13
- static get properties() {
14
- return {
15
- previous: { type: String, reflect: true },
16
- next: { type: String, reflect: true },
17
- previousText: { type: String, reflect: true, attribute: "previous-text" },
18
- nextText: { type: String, reflect: true, attribute: "next-text" },
19
- overlay: { type: String, reflect: true },
20
- };
21
- }
22
- constructor() {
23
- super();
24
- this.previous = "";
25
- this.next = "";
26
- this.previousText = "";
27
- this.nextText = "";
28
- this.overlay = "";
29
- }
30
- render() {
31
- return html `
32
- ${this.previous
33
- ? html `
34
- <a href="${this.previous}" class="nav-previous">
35
- <ds-icon type="left"></ds-icon>
36
- <ds-text>${this.previousText || "Previous"}</ds-text>
37
- </a>
38
- `
39
- : html `<div></div>`}
40
- ${this.next
41
- ? html `
42
- <a href="${this.next}" class="nav-next">
43
- <ds-text>${this.nextText || "Next"}</ds-text>
44
- <ds-icon type="right"></ds-icon>
45
- </a>
46
- `
47
- : html `<div></div>`}
48
- `;
49
- }
50
- }
51
- PortfolioDoubleNav.styles = css `
52
- :host {
53
- display: flex;
54
- justify-content: space-between;
55
- gap: calc(5px * var(--scaling-factor));
56
- padding: calc(2px * var(--scaling-factor));
57
- align-items: center;
58
- }
59
-
60
- a {
61
- display: inline-flex;
62
- align-items: center;
63
- gap: calc(5px * var(--scaling-factor));
64
- text-decoration: none;
65
- color: inherit;
66
- }
67
-
68
- .nav-previous {
69
- justify-self: start;
70
- }
71
-
72
- .nav-next {
73
- justify-self: end;
74
- }
75
-
76
- .nav-previous ds-icon {
77
- order: -1;
78
- }
79
-
80
- .nav-next ds-icon {
81
- padding-top: 3px;
82
- }
83
-
84
- .nav-previous ds-icon {
85
- padding-top: 3px;
86
- }
87
- `;
88
- customElements.define("portfolio-doublenav", PortfolioDoubleNav);
@@ -1,11 +0,0 @@
1
- import { LitElement } from "lit";
2
- export declare class PortfolioPanel extends LitElement {
3
- static styles: import("lit").CSSResult;
4
- render(): import("lit-html").TemplateResult<1>;
5
- }
6
- declare global {
7
- interface HTMLElementTagNameMap {
8
- "portfolio-panel": PortfolioPanel;
9
- }
10
- }
11
- //# sourceMappingURL=ds-portfolio-panel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-portfolio-panel.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-portfolio-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAQX;IAEF,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
@@ -1,16 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- export class PortfolioPanel extends LitElement {
3
- render() {
4
- return html `<slot></slot>`;
5
- }
6
- }
7
- PortfolioPanel.styles = css `
8
- :host {
9
- display: flex;
10
- flex-direction: row;
11
- height: var(--08);
12
- align-items: end;
13
- gap: var(--025);
14
- }
15
- `;
16
- customElements.define("portfolio-panel", PortfolioPanel);
@@ -1,32 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A component for single navigation links
4
- *
5
- * @element portfolio-singlenav
6
- * @prop {string} type - Type of navigation: "projects" or "work"
7
- * @prop {string} to - Optional custom destination URL
8
- */
9
- export declare class PortfolioSingleNav extends LitElement {
10
- static get properties(): {
11
- type: {
12
- type: StringConstructor;
13
- reflect: boolean;
14
- };
15
- to: {
16
- type: StringConstructor;
17
- reflect: boolean;
18
- };
19
- };
20
- type: "projects" | "work";
21
- to?: string;
22
- constructor();
23
- static styles: import("lit").CSSResult;
24
- render(): import("lit-html").TemplateResult<1>;
25
- private getNavConfig;
26
- }
27
- declare global {
28
- interface HTMLElementTagNameMap {
29
- "portfolio-singlenav": PortfolioSingleNav;
30
- }
31
- }
32
- //# sourceMappingURL=ds-portfolio-singlenav.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-portfolio-singlenav.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-portfolio-singlenav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;;GAMG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,KAAK,UAAU;;;;;;;;;MAKpB;IAEO,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;;IAOpB,MAAM,CAAC,MAAM,0BAgBX;IAEF,MAAM;IAYN,OAAO,CAAC,YAAY;CAcrB;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,kBAAkB,CAAC;KAC3C;CACF"}
@@ -1,62 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- /**
3
- * A component for single navigation links
4
- *
5
- * @element portfolio-singlenav
6
- * @prop {string} type - Type of navigation: "projects" or "work"
7
- * @prop {string} to - Optional custom destination URL
8
- */
9
- export class PortfolioSingleNav extends LitElement {
10
- static get properties() {
11
- return {
12
- type: { type: String, reflect: true },
13
- to: { type: String, reflect: true },
14
- };
15
- }
16
- constructor() {
17
- super();
18
- this.type = "work";
19
- }
20
- render() {
21
- const navConfig = this.getNavConfig();
22
- const href = this.to || navConfig.href;
23
- return html `
24
- <a href="${href}">
25
- <ds-text key="${navConfig.key}"></ds-text>
26
- <ds-icon type="right"></ds-icon>
27
- </a>
28
- `;
29
- }
30
- getNavConfig() {
31
- switch (this.type) {
32
- case "projects":
33
- return {
34
- href: "/projects",
35
- key: "projects",
36
- };
37
- case "work":
38
- return {
39
- href: "/",
40
- key: "workExperience",
41
- };
42
- }
43
- }
44
- }
45
- PortfolioSingleNav.styles = css `
46
- :host {
47
- display: flex;
48
- justify-content: end;
49
- gap: calc(5px * var(--sf));
50
- padding: calc(2px * var(--sf));
51
- align-items: center;
52
- }
53
-
54
- a {
55
- display: inline-flex;
56
- align-items: center;
57
- gap: calc(5px * var(--sf));
58
- text-decoration: none;
59
- color: inherit;
60
- }
61
- `;
62
- customElements.define("portfolio-singlenav", PortfolioSingleNav);
@@ -1,11 +0,0 @@
1
- import { LitElement } from "lit";
2
- export declare class List extends LitElement {
3
- static styles: import("lit").CSSResult;
4
- render(): import("lit-html").TemplateResult<1>;
5
- }
6
- declare global {
7
- interface HTMLElementTagNameMap {
8
- "list-v1": List;
9
- }
10
- }
11
- //# sourceMappingURL=list-v1.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-v1.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/list-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,0BAOX;IAEF,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}
@@ -1,15 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- export class List extends LitElement {
3
- render() {
4
- return html `<slot></slot>`;
5
- }
6
- }
7
- List.styles = css `
8
- :host {
9
- display: flex;
10
- flex-direction: column;
11
- gap: 0;
12
- width: 100%;
13
- }
14
- `;
15
- customElements.define("list-v1", List);
@@ -1,11 +0,0 @@
1
- import { LitElement } from "lit";
2
- export declare class Panel extends LitElement {
3
- static styles: import("lit").CSSResult;
4
- render(): import("lit-html").TemplateResult<1>;
5
- }
6
- declare global {
7
- interface HTMLElementTagNameMap {
8
- "panel-v1": Panel;
9
- }
10
- }
11
- //# sourceMappingURL=panel-v1.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"panel-v1.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/panel-v1.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,KAAM,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BAQX;IAEF,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,KAAK,CAAC;KACnB;CACF"}
@@ -1,16 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- export class Panel extends LitElement {
3
- render() {
4
- return html `<slot></slot>`;
5
- }
6
- }
7
- Panel.styles = css `
8
- :host {
9
- display: flex;
10
- flex-direction: row;
11
- height: var(--08);
12
- align-items: end;
13
- gap: var(--025);
14
- }
15
- `;
16
- customElements.define("panel-v1", Panel);
@@ -1 +0,0 @@
1
- {"version":3,"file":"row-v1.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/row-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,UAAU,GAAG,IAAI,CAAC;KAC5D;IACD,IAAI,cAAc,EAAE,qBAAqB,CAAC;CAC3C;AAED,qBAAa,GAAI,SAAQ,UAAU;IACjC,MAAM,CAAC,UAAU;;;;;MAEf;IAEM,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;;IAOlC,MAAM,CAAC,MAAM,0BAiBX;IAEF,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,GAAG,CAAC;KACf;CACF"}
@@ -1,32 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- export class Row extends LitElement {
3
- constructor() {
4
- super();
5
- this.type = "fill";
6
- }
7
- render() {
8
- return html `<slot></slot>`;
9
- }
10
- }
11
- Row.properties = {
12
- type: { type: String, reflect: true },
13
- };
14
- Row.styles = css `
15
- :host {
16
- display: flex;
17
- align-items: end;
18
- width: calc(240px * var(--scaling-factor));
19
- }
20
-
21
- :host([type="fill"]) {
22
- justify-content: space-between;
23
- height: calc(var(--1) * var(--scaling-factor));
24
- }
25
-
26
- :host([type="centered"]) {
27
- justify-content: center;
28
- height: calc(var(--1) * var(--scaling-factor));
29
- gap: calc(var(--025) * var(--scaling-factor));
30
- }
31
- `;
32
- customElements.define("row-v1", Row);
@@ -1,32 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A component for single navigation links
4
- *
5
- * @element singlenav-v1
6
- * @prop {string} type - Type of navigation: "projects" or "work"
7
- * @prop {string} to - Optional custom destination URL
8
- */
9
- export declare class SingleNav extends LitElement {
10
- static get properties(): {
11
- type: {
12
- type: StringConstructor;
13
- reflect: boolean;
14
- };
15
- to: {
16
- type: StringConstructor;
17
- reflect: boolean;
18
- };
19
- };
20
- type: "projects" | "work";
21
- to?: string;
22
- constructor();
23
- static styles: import("lit").CSSResult;
24
- render(): import("lit-html").TemplateResult<1>;
25
- private getNavConfig;
26
- }
27
- declare global {
28
- interface HTMLElementTagNameMap {
29
- "singlenav-v1": SingleNav;
30
- }
31
- }
32
- //# sourceMappingURL=singlenav-v1.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"singlenav-v1.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/singlenav-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;;GAMG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,KAAK,UAAU;;;;;;;;;MAKpB;IAEO,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;;IAOpB,MAAM,CAAC,MAAM,0BAgBX;IAEF,MAAM;IAYN,OAAO,CAAC,YAAY;CAcrB;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}