ds-one 0.2.5-alpha.17 → 0.2.5-alpha.19

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 (199) hide show
  1. package/DS1/0-face/device.ts +130 -0
  2. package/DS1/0-face/scaling.ts +152 -0
  3. package/DS1/1-root/one.css +48 -18
  4. package/DS1/2-core/ds-banner.ts +3 -77
  5. package/DS1/2-core/ds-button.ts +3 -67
  6. package/DS1/2-core/ds-card.ts +137 -0
  7. package/DS1/2-core/ds-cycle.ts +3 -22
  8. package/DS1/2-core/ds-date.ts +3 -9
  9. package/DS1/2-core/ds-gap.ts +3 -75
  10. package/DS1/2-core/ds-icon.ts +3 -33
  11. package/DS1/2-core/ds-input.ts +306 -1
  12. package/DS1/2-core/ds-pagedots.ts +52 -0
  13. package/DS1/2-core/ds-text.ts +3 -29
  14. package/DS1/2-core/ds-tooltip.ts +3 -49
  15. package/DS1/2-core/styles/ds-banner.css +77 -0
  16. package/DS1/2-core/styles/ds-button.css +67 -0
  17. package/DS1/2-core/styles/ds-cycle.css +21 -0
  18. package/DS1/2-core/styles/ds-date.css +9 -0
  19. package/DS1/2-core/styles/ds-gap.css +93 -0
  20. package/DS1/2-core/styles/ds-icon.css +30 -0
  21. package/DS1/2-core/styles/ds-input.css +46 -0
  22. package/DS1/2-core/styles/ds-pagedots.css +27 -0
  23. package/DS1/2-core/styles/ds-text.css +29 -0
  24. package/DS1/2-core/styles/ds-tooltip.css +49 -0
  25. package/DS1/3-unit/ds-accordion.ts +3 -46
  26. package/DS1/3-unit/ds-form.ts +304 -0
  27. package/DS1/3-unit/ds-list.ts +5 -14
  28. package/DS1/3-unit/ds-row.ts +3 -19
  29. package/DS1/3-unit/ds-table.ts +3 -85
  30. package/DS1/3-unit/styles/ds-accordion.css +46 -0
  31. package/DS1/3-unit/styles/ds-list.css +9 -0
  32. package/DS1/3-unit/styles/ds-row.css +19 -0
  33. package/DS1/3-unit/styles/ds-table.css +80 -0
  34. package/DS1/4-page/ds-container.ts +3 -35
  35. package/DS1/4-page/ds-grid.ts +3 -56
  36. package/DS1/4-page/ds-layout.ts +528 -50
  37. package/DS1/4-page/styles/ds-container.css +35 -0
  38. package/DS1/4-page/styles/ds-grid.css +56 -0
  39. package/DS1/4-page/styles/ds-layout.css +251 -0
  40. package/DS1/index.ts +7 -2
  41. package/DS1/vite-env.d.ts +9 -0
  42. package/DS1/x-icon/2x.svg +4 -0
  43. package/DS1/x-icon/2xdots.svg +18 -0
  44. package/DS1/x-icon/2xgrid.svg +6 -0
  45. package/DS1/x-icon/2xlines.svg +6 -0
  46. package/DS1/x-icon/4x4.svg +18 -0
  47. package/DS1/x-icon/apple.svg +4 -0
  48. package/DS1/x-icon/avatar.svg +4 -0
  49. package/DS1/x-icon/big.svg +4 -0
  50. package/DS1/x-icon/blank.svg +3 -0
  51. package/DS1/x-icon/check.svg +3 -0
  52. package/DS1/x-icon/close.svg +3 -0
  53. package/DS1/x-icon/collapse.svg +3 -0
  54. package/DS1/x-icon/color.svg +4 -0
  55. package/DS1/x-icon/column.svg +5 -0
  56. package/DS1/x-icon/default.svg +3 -0
  57. package/DS1/x-icon/delete.svg +5 -0
  58. package/DS1/x-icon/dictate.svg +6 -0
  59. package/DS1/x-icon/do.svg +3 -0
  60. package/DS1/x-icon/down.svg +3 -0
  61. package/DS1/x-icon/duplicate.svg +4 -0
  62. package/DS1/x-icon/gallery.svg +5 -0
  63. package/DS1/x-icon/google.svg +6 -0
  64. package/DS1/x-icon/head.svg +5 -0
  65. package/DS1/x-icon/home.svg +3 -0
  66. package/DS1/x-icon/icon.svg +4 -0
  67. package/DS1/x-icon/in.svg +4 -0
  68. package/DS1/x-icon/lock.svg +5 -0
  69. package/DS1/x-icon/loop.svg +5 -0
  70. package/DS1/x-icon/mic.svg +5 -0
  71. package/DS1/x-icon/minimize.svg +3 -0
  72. package/DS1/x-icon/more.svg +5 -0
  73. package/DS1/x-icon/neutral.svg +6 -0
  74. package/DS1/x-icon/note.svg +6 -0
  75. package/DS1/x-icon/page.svg +4 -0
  76. package/DS1/x-icon/plus.svg +3 -0
  77. package/DS1/x-icon/rewind.svg +4 -0
  78. package/DS1/x-icon/row.svg +5 -0
  79. package/DS1/x-icon/sdown.svg +3 -0
  80. package/DS1/x-icon/search.svg +4 -0
  81. package/DS1/x-icon/see.svg +4 -0
  82. package/DS1/x-icon/ship.svg +5 -0
  83. package/DS1/x-icon/star.svg +3 -0
  84. package/DS1/x-icon/status.svg +4 -0
  85. package/DS1/x-icon/sup.svg +3 -0
  86. package/DS1/x-icon/title.svg +3 -0
  87. package/DS1/x-icon/undo.svg +3 -0
  88. package/DS1/x-icon/ungroup.svg +4 -0
  89. package/DS1/x-icon/unhead.svg +3 -0
  90. package/DS1/x-icon/unicon.svg +3 -0
  91. package/DS1/x-icon/unlock.svg +5 -0
  92. package/DS1/x-icon/unmic.svg +6 -0
  93. package/DS1/x-icon/unsee.svg +5 -0
  94. package/DS1/x-icon/unstar.svg +3 -0
  95. package/DS1/x-icon/untitle.svg +3 -0
  96. package/DS1/x-icon/up.svg +3 -0
  97. package/README.md +2 -2
  98. package/dist/0-face/device.d.ts +5 -0
  99. package/dist/0-face/device.d.ts.map +1 -1
  100. package/dist/0-face/device.js +105 -0
  101. package/dist/0-face/scaling.d.ts +48 -0
  102. package/dist/0-face/scaling.d.ts.map +1 -0
  103. package/dist/0-face/scaling.js +114 -0
  104. package/dist/2-core/ds-banner.d.ts.map +1 -1
  105. package/dist/2-core/ds-banner.js +3 -77
  106. package/dist/2-core/ds-button.d.ts.map +1 -1
  107. package/dist/2-core/ds-button.js +3 -67
  108. package/dist/2-core/ds-card.d.ts +39 -0
  109. package/dist/2-core/ds-card.d.ts.map +1 -0
  110. package/dist/2-core/ds-card.js +119 -0
  111. package/dist/2-core/ds-cycle.d.ts.map +1 -1
  112. package/dist/2-core/ds-cycle.js +3 -22
  113. package/dist/2-core/ds-date.d.ts.map +1 -1
  114. package/dist/2-core/ds-date.js +3 -9
  115. package/dist/2-core/ds-gap.d.ts.map +1 -1
  116. package/dist/2-core/ds-gap.js +3 -75
  117. package/dist/2-core/ds-icon.d.ts.map +1 -1
  118. package/dist/2-core/ds-icon.js +3 -33
  119. package/dist/2-core/ds-input.d.ts +127 -0
  120. package/dist/2-core/ds-input.d.ts.map +1 -1
  121. package/dist/2-core/ds-input.js +252 -1
  122. package/dist/2-core/ds-pagedots.d.ts +32 -0
  123. package/dist/2-core/ds-pagedots.d.ts.map +1 -0
  124. package/dist/2-core/ds-pagedots.js +36 -0
  125. package/dist/2-core/ds-text.d.ts.map +1 -1
  126. package/dist/2-core/ds-text.js +3 -29
  127. package/dist/2-core/ds-tooltip.d.ts.map +1 -1
  128. package/dist/2-core/ds-tooltip.js +3 -49
  129. package/dist/2-core/styles/ds-banner.css +77 -0
  130. package/dist/2-core/styles/ds-button.css +67 -0
  131. package/dist/2-core/styles/ds-cycle.css +21 -0
  132. package/dist/2-core/styles/ds-date.css +9 -0
  133. package/dist/2-core/styles/ds-gap.css +93 -0
  134. package/dist/2-core/styles/ds-icon.css +30 -0
  135. package/dist/2-core/styles/ds-input.css +46 -0
  136. package/dist/2-core/styles/ds-pagedots.css +26 -0
  137. package/dist/2-core/styles/ds-text.css +29 -0
  138. package/dist/2-core/styles/ds-tooltip.css +49 -0
  139. package/dist/3-unit/ds-accordion.d.ts.map +1 -1
  140. package/dist/3-unit/ds-accordion.js +3 -46
  141. package/dist/3-unit/ds-form.d.ts +70 -0
  142. package/dist/3-unit/ds-form.d.ts.map +1 -0
  143. package/dist/3-unit/ds-form.js +232 -0
  144. package/dist/3-unit/ds-list.d.ts.map +1 -1
  145. package/dist/3-unit/ds-list.js +5 -11
  146. package/dist/3-unit/ds-row.d.ts.map +1 -1
  147. package/dist/3-unit/ds-row.js +3 -19
  148. package/dist/3-unit/ds-table.d.ts.map +1 -1
  149. package/dist/3-unit/ds-table.js +3 -85
  150. package/dist/3-unit/styles/ds-accordion.css +46 -0
  151. package/dist/3-unit/styles/ds-list.css +9 -0
  152. package/dist/3-unit/styles/ds-row.css +19 -0
  153. package/dist/3-unit/styles/ds-table.css +80 -0
  154. package/dist/4-page/ds-container.d.ts.map +1 -1
  155. package/dist/4-page/ds-container.js +3 -35
  156. package/dist/4-page/ds-grid.d.ts.map +1 -1
  157. package/dist/4-page/ds-grid.js +3 -56
  158. package/dist/4-page/ds-layout.d.ts +1 -1
  159. package/dist/4-page/ds-layout.d.ts.map +1 -1
  160. package/dist/4-page/ds-layout.js +528 -50
  161. package/dist/4-page/styles/ds-container.css +35 -0
  162. package/dist/4-page/styles/ds-grid.css +56 -0
  163. package/dist/4-page/styles/ds-layout.css +251 -0
  164. package/dist/ds-one.bundle.css +700 -0
  165. package/dist/ds-one.bundle.css.map +7 -0
  166. package/dist/ds-one.bundle.js +1370 -535
  167. package/dist/ds-one.bundle.js.map +4 -4
  168. package/dist/ds-one.bundle.min.css +2 -0
  169. package/dist/ds-one.bundle.min.css.map +7 -0
  170. package/dist/ds-one.bundle.min.js +783 -527
  171. package/dist/ds-one.bundle.min.js.map +4 -4
  172. package/dist/index.d.ts +7 -2
  173. package/dist/index.d.ts.map +1 -1
  174. package/dist/index.js +7 -2
  175. package/package.json +1 -1
  176. package/dist/3-unit/doublenav-v1.d.ts +0 -51
  177. package/dist/3-unit/doublenav-v1.d.ts.map +0 -1
  178. package/dist/3-unit/doublenav-v1.js +0 -88
  179. package/dist/3-unit/ds-portfolio-doublenav.d.ts +0 -51
  180. package/dist/3-unit/ds-portfolio-doublenav.d.ts.map +0 -1
  181. package/dist/3-unit/ds-portfolio-doublenav.js +0 -88
  182. package/dist/3-unit/ds-portfolio-panel.d.ts +0 -11
  183. package/dist/3-unit/ds-portfolio-panel.d.ts.map +0 -1
  184. package/dist/3-unit/ds-portfolio-panel.js +0 -16
  185. package/dist/3-unit/ds-portfolio-singlenav.d.ts +0 -32
  186. package/dist/3-unit/ds-portfolio-singlenav.d.ts.map +0 -1
  187. package/dist/3-unit/ds-portfolio-singlenav.js +0 -62
  188. package/dist/3-unit/list-v1.d.ts +0 -11
  189. package/dist/3-unit/list-v1.d.ts.map +0 -1
  190. package/dist/3-unit/list-v1.js +0 -15
  191. package/dist/3-unit/panel-v1.d.ts +0 -11
  192. package/dist/3-unit/panel-v1.d.ts.map +0 -1
  193. package/dist/3-unit/panel-v1.js +0 -16
  194. package/dist/3-unit/row-v1.d.ts +0 -25
  195. package/dist/3-unit/row-v1.d.ts.map +0 -1
  196. package/dist/3-unit/row-v1.js +0 -32
  197. package/dist/3-unit/singlenav-v1.d.ts +0 -32
  198. package/dist/3-unit/singlenav-v1.d.ts.map +0 -1
  199. package/dist/3-unit/singlenav-v1.js +0 -62
package/dist/index.d.ts CHANGED
@@ -10,16 +10,21 @@ 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";
16
20
  export * from "./2-core/ds-gap";
17
21
  export * from "./2-core/ds-icon";
22
+ export * from "./2-core/ds-input";
18
23
  export * from "./2-core/ds-text";
19
24
  export * from "./2-core/ds-tooltip";
20
- export * from "./2-core/ds-date";
21
- export * from "./3-unit/ds-list";
22
25
  export * from "./3-unit/ds-accordion";
26
+ export * from "./3-unit/ds-form";
27
+ export * from "./3-unit/ds-list";
23
28
  export * from "./3-unit/ds-row";
24
29
  export * from "./3-unit/ds-table";
25
30
  export * from "./4-page/ds-container";
@@ -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,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AAMjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAMlC,cAAc,uBAAuB,CAAC;AACtC,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,22 +18,27 @@ 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";
27
31
  export * from "./2-core/ds-gap";
28
32
  export * from "./2-core/ds-icon";
33
+ export * from "./2-core/ds-input";
29
34
  export * from "./2-core/ds-text";
30
35
  export * from "./2-core/ds-tooltip";
31
- export * from "./2-core/ds-date";
32
36
  // ============================================================================
33
37
  // 3-unit: Composite Components
34
38
  // ============================================================================
35
- export * from "./3-unit/ds-list";
36
39
  export * from "./3-unit/ds-accordion";
40
+ export * from "./3-unit/ds-form";
41
+ export * from "./3-unit/ds-list";
37
42
  export * from "./3-unit/ds-row";
38
43
  export * from "./3-unit/ds-table";
39
44
  // ============================================================================
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ds-one",
3
- "version": "0.2.5-alpha.17",
3
+ "version": "0.2.5-alpha.19",
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",
@@ -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,25 +0,0 @@
1
- import { LitElement } from "lit";
2
- declare global {
3
- interface CustomElementRegistry {
4
- define(name: string, constructor: typeof LitElement): void;
5
- }
6
- var customElements: CustomElementRegistry;
7
- }
8
- export declare class Row extends LitElement {
9
- static properties: {
10
- type: {
11
- type: StringConstructor;
12
- reflect: boolean;
13
- };
14
- };
15
- type: "fill" | "centered";
16
- constructor();
17
- static styles: import("lit").CSSResult;
18
- render(): import("lit-html").TemplateResult<1>;
19
- }
20
- declare global {
21
- interface HTMLElementTagNameMap {
22
- "row-v1": Row;
23
- }
24
- }
25
- //# sourceMappingURL=row-v1.d.ts.map
@@ -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"}