ds-one 0.2.0-alpha.3 → 0.2.5-alpha.2

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 (245) hide show
  1. package/DS1/{utils/language.ts → 0-face/i18n.ts} +197 -2
  2. package/DS1/0-face/preferences.ts +23 -0
  3. package/DS1/0-face/pricing.ts +57 -0
  4. package/DS1/1-root/one.css +1 -1
  5. package/DS1/2-core/ds-button.ts +1 -1
  6. package/DS1/2-core/ds-cycle.ts +17 -18
  7. package/DS1/2-core/{ds-year.ts → ds-date.ts} +4 -4
  8. package/DS1/2-core/ds-input.ts +1 -0
  9. package/DS1/2-core/ds-text.ts +1 -1
  10. package/DS1/2-core/ds-tooltip.ts +4 -3
  11. package/DS1/3-unit/doublenav-v1.ts +105 -0
  12. package/DS1/3-unit/{ds-doublenav.ts → ds-portfolio-doublenav.ts} +4 -5
  13. package/DS1/3-unit/ds-portfolio-panel.ts +25 -0
  14. package/DS1/3-unit/list-v1.ts +24 -0
  15. package/DS1/3-unit/{ds-panel.ts → panel-v1.ts} +2 -3
  16. package/DS1/3-unit/row-v1.ts +52 -0
  17. package/DS1/3-unit/{ds-singlenav.ts → singlenav-v1.ts} +4 -5
  18. package/DS1/4-page/ds-grid.ts +1 -1
  19. package/DS1/index.ts +39 -37
  20. package/dist/0-face/{2025-04-23-device.d.ts → device.d.ts} +1 -1
  21. package/dist/0-face/device.d.ts.map +1 -0
  22. package/dist/{utils/language.d.ts → 0-face/i18n.d.ts} +1 -1
  23. package/dist/0-face/i18n.d.ts.map +1 -0
  24. package/dist/{utils/language.js → 0-face/i18n.js} +141 -2
  25. package/dist/0-face/preferences.d.ts +9 -0
  26. package/dist/0-face/preferences.d.ts.map +1 -0
  27. package/dist/0-face/preferences.js +14 -0
  28. package/dist/0-face/pricing.d.ts +15 -0
  29. package/dist/0-face/pricing.d.ts.map +1 -0
  30. package/dist/0-face/pricing.js +46 -0
  31. package/dist/0-face/theme.d.ts.map +1 -0
  32. package/dist/2-core/ds-button.js +1 -1
  33. package/dist/2-core/ds-cycle.js +15 -15
  34. package/dist/2-core/{ds-year.d.ts → ds-date.d.ts} +4 -4
  35. package/dist/2-core/ds-date.d.ts.map +1 -0
  36. package/dist/2-core/{ds-year.js → ds-date.js} +4 -4
  37. package/dist/2-core/ds-input.d.ts +1 -0
  38. package/dist/2-core/ds-input.d.ts.map +1 -0
  39. package/dist/2-core/ds-input.js +1 -0
  40. package/dist/2-core/ds-text.js +1 -1
  41. package/dist/2-core/ds-tooltip.d.ts.map +1 -1
  42. package/dist/2-core/ds-tooltip.js +4 -2
  43. package/dist/3-unit/{ds-doublenav.d.ts → ds-portfolio-doublenav.d.ts} +4 -4
  44. package/dist/3-unit/ds-portfolio-doublenav.d.ts.map +1 -0
  45. package/dist/3-unit/{ds-doublenav.js → ds-portfolio-doublenav.js} +4 -4
  46. package/dist/3-unit/{ds-panel.d.ts → ds-portfolio-panel.d.ts} +3 -3
  47. package/dist/3-unit/ds-portfolio-panel.d.ts.map +1 -0
  48. package/dist/3-unit/{ds-panel.js → ds-portfolio-panel.js} +3 -3
  49. package/dist/3-unit/{ds-singlenav.d.ts → ds-portfolio-singlenav.d.ts} +4 -4
  50. package/dist/3-unit/ds-portfolio-singlenav.d.ts.map +1 -0
  51. package/dist/3-unit/{ds-singlenav.js → ds-portfolio-singlenav.js} +4 -4
  52. package/dist/4-page/ds-grid.js +1 -1
  53. package/dist/ds-one.bundle.js +2075 -3774
  54. package/dist/ds-one.bundle.js.map +4 -4
  55. package/dist/ds-one.bundle.min.js +74 -740
  56. package/dist/ds-one.bundle.min.js.map +4 -4
  57. package/dist/index.d.ts +16 -26
  58. package/dist/index.d.ts.map +1 -1
  59. package/dist/index.js +32 -34
  60. package/package.json +2 -2
  61. package/DS1/0-face/2025-04-23-language.ts +0 -4
  62. package/DS1/2-core/ds-article.ts +0 -454
  63. package/DS1/2-core/ds-attributes.ts +0 -155
  64. package/DS1/2-core/ds-downloadcv.ts +0 -146
  65. package/DS1/2-core/ds-header.ts +0 -82
  66. package/DS1/2-core/ds-home.ts +0 -168
  67. package/DS1/2-core/ds-link.ts +0 -121
  68. package/DS1/2-core/ds-markdown.ts +0 -252
  69. package/DS1/2-core/ds-price.ts +0 -108
  70. package/DS1/2-core/ds-squarecircle.ts +0 -155
  71. package/DS1/2-core/ds-title.ts +0 -139
  72. package/DS1/2-core/ds-viewtoggle.ts +0 -83
  73. package/DS1/utils/cdn-loader.ts +0 -208
  74. package/DS1/utils/keys.json +0 -41
  75. package/DS1/utils/pricing.ts +0 -24
  76. package/DS1/utils/scroll.ts +0 -184
  77. package/DS1/utils/settings.ts +0 -23
  78. package/DS1/utils/viewMode.ts +0 -55
  79. package/dist/0-face/2025-04-23-device.d.ts.map +0 -1
  80. package/dist/0-face/2025-04-23-language.d.ts +0 -1
  81. package/dist/0-face/2025-04-23-language.d.ts.map +0 -1
  82. package/dist/0-face/2025-04-23-language.js +0 -3
  83. package/dist/2-core/article-v1.d.ts +0 -129
  84. package/dist/2-core/article-v1.d.ts.map +0 -1
  85. package/dist/2-core/article-v1.js +0 -361
  86. package/dist/2-core/attributes-v1.d.ts +0 -47
  87. package/dist/2-core/attributes-v1.d.ts.map +0 -1
  88. package/dist/2-core/attributes-v1.js +0 -128
  89. package/dist/2-core/cycle-v1.d.ts +0 -66
  90. package/dist/2-core/cycle-v1.d.ts.map +0 -1
  91. package/dist/2-core/cycle-v1.js +0 -586
  92. package/dist/2-core/downloadcv-v1.d.ts +0 -58
  93. package/dist/2-core/downloadcv-v1.d.ts.map +0 -1
  94. package/dist/2-core/downloadcv-v1.js +0 -119
  95. package/dist/2-core/ds-article.d.ts +0 -129
  96. package/dist/2-core/ds-article.d.ts.map +0 -1
  97. package/dist/2-core/ds-article.js +0 -361
  98. package/dist/2-core/ds-attributes.d.ts +0 -47
  99. package/dist/2-core/ds-attributes.d.ts.map +0 -1
  100. package/dist/2-core/ds-attributes.js +0 -128
  101. package/dist/2-core/ds-button.figma.d.ts +0 -2
  102. package/dist/2-core/ds-button.figma.d.ts.map +0 -1
  103. package/dist/2-core/ds-button.figma.js +0 -6
  104. package/dist/2-core/ds-downloadcv.d.ts +0 -58
  105. package/dist/2-core/ds-downloadcv.d.ts.map +0 -1
  106. package/dist/2-core/ds-downloadcv.js +0 -119
  107. package/dist/2-core/ds-header.d.ts +0 -28
  108. package/dist/2-core/ds-header.d.ts.map +0 -1
  109. package/dist/2-core/ds-header.js +0 -66
  110. package/dist/2-core/ds-home.d.ts +0 -26
  111. package/dist/2-core/ds-home.d.ts.map +0 -1
  112. package/dist/2-core/ds-home.js +0 -148
  113. package/dist/2-core/ds-link.d.ts +0 -35
  114. package/dist/2-core/ds-link.d.ts.map +0 -1
  115. package/dist/2-core/ds-link.js +0 -85
  116. package/dist/2-core/ds-markdown.d.ts +0 -7
  117. package/dist/2-core/ds-markdown.d.ts.map +0 -1
  118. package/dist/2-core/ds-markdown.js +0 -240
  119. package/dist/2-core/ds-price.d.ts +0 -46
  120. package/dist/2-core/ds-price.d.ts.map +0 -1
  121. package/dist/2-core/ds-price.js +0 -72
  122. package/dist/2-core/ds-squarecircle.d.ts +0 -50
  123. package/dist/2-core/ds-squarecircle.d.ts.map +0 -1
  124. package/dist/2-core/ds-squarecircle.js +0 -133
  125. package/dist/2-core/ds-title.d.ts +0 -50
  126. package/dist/2-core/ds-title.d.ts.map +0 -1
  127. package/dist/2-core/ds-title.js +0 -103
  128. package/dist/2-core/ds-viewtoggle.d.ts +0 -27
  129. package/dist/2-core/ds-viewtoggle.d.ts.map +0 -1
  130. package/dist/2-core/ds-viewtoggle.js +0 -49
  131. package/dist/2-core/ds-year.d.ts.map +0 -1
  132. package/dist/2-core/header-v1.d.ts +0 -28
  133. package/dist/2-core/header-v1.d.ts.map +0 -1
  134. package/dist/2-core/header-v1.js +0 -66
  135. package/dist/2-core/home-v1.d.ts +0 -26
  136. package/dist/2-core/home-v1.d.ts.map +0 -1
  137. package/dist/2-core/home-v1.js +0 -148
  138. package/dist/2-core/icon-v1.d.ts +0 -28
  139. package/dist/2-core/icon-v1.d.ts.map +0 -1
  140. package/dist/2-core/icon-v1.js +0 -297
  141. package/dist/2-core/link-v1.d.ts +0 -35
  142. package/dist/2-core/link-v1.d.ts.map +0 -1
  143. package/dist/2-core/link-v1.js +0 -85
  144. package/dist/2-core/markdown-v1.d.ts +0 -7
  145. package/dist/2-core/markdown-v1.d.ts.map +0 -1
  146. package/dist/2-core/markdown-v1.js +0 -240
  147. package/dist/2-core/price-v1.d.ts +0 -46
  148. package/dist/2-core/price-v1.d.ts.map +0 -1
  149. package/dist/2-core/price-v1.js +0 -72
  150. package/dist/2-core/squarecircle-v1.d.ts +0 -50
  151. package/dist/2-core/squarecircle-v1.d.ts.map +0 -1
  152. package/dist/2-core/squarecircle-v1.js +0 -133
  153. package/dist/2-core/text-v1.d.ts +0 -48
  154. package/dist/2-core/text-v1.d.ts.map +0 -1
  155. package/dist/2-core/text-v1.js +0 -83
  156. package/dist/2-core/title-v1.d.ts +0 -50
  157. package/dist/2-core/title-v1.d.ts.map +0 -1
  158. package/dist/2-core/title-v1.js +0 -103
  159. package/dist/2-core/tooltip-v1.d.ts +0 -39
  160. package/dist/2-core/tooltip-v1.d.ts.map +0 -1
  161. package/dist/2-core/tooltip-v1.js +0 -145
  162. package/dist/2-core/viewtoggle-v1.d.ts +0 -27
  163. package/dist/2-core/viewtoggle-v1.d.ts.map +0 -1
  164. package/dist/2-core/viewtoggle-v1.js +0 -49
  165. package/dist/2-core/year-v1.d.ts +0 -16
  166. package/dist/2-core/year-v1.d.ts.map +0 -1
  167. package/dist/2-core/year-v1.js +0 -21
  168. package/dist/3-unit/ds-doublenav.d.ts.map +0 -1
  169. package/dist/3-unit/ds-panel.d.ts.map +0 -1
  170. package/dist/3-unit/ds-singlenav.d.ts.map +0 -1
  171. package/dist/utils/cdn-loader.d.ts +0 -19
  172. package/dist/utils/cdn-loader.d.ts.map +0 -1
  173. package/dist/utils/cdn-loader.js +0 -142
  174. package/dist/utils/keys.json +0 -41
  175. package/dist/utils/language.d.ts.map +0 -1
  176. package/dist/utils/pricing.d.ts +0 -8
  177. package/dist/utils/pricing.d.ts.map +0 -1
  178. package/dist/utils/pricing.js +0 -14
  179. package/dist/utils/scroll.d.ts +0 -34
  180. package/dist/utils/scroll.d.ts.map +0 -1
  181. package/dist/utils/scroll.js +0 -140
  182. package/dist/utils/settings.d.ts +0 -9
  183. package/dist/utils/settings.d.ts.map +0 -1
  184. package/dist/utils/settings.js +0 -14
  185. package/dist/utils/theme.d.ts.map +0 -1
  186. package/dist/utils/viewMode.d.ts +0 -14
  187. package/dist/utils/viewMode.d.ts.map +0 -1
  188. package/dist/utils/viewMode.js +0 -46
  189. /package/DS1/0-face/{2025-04-23-device.ts → device.ts} +0 -0
  190. /package/DS1/{utils → 0-face}/theme.ts +0 -0
  191. /package/DS1/{x Icon → x-icon}/1x.svg +0 -0
  192. /package/DS1/{x Icon → x-icon}/1xdots.svg +0 -0
  193. /package/DS1/{x Icon → x-icon}/1xgrid.svg +0 -0
  194. /package/DS1/{x Icon → x-icon}/1xlines.svg +0 -0
  195. /package/DS1/{x Icon → x-icon}/2x.svg +0 -0
  196. /package/DS1/{x Icon → x-icon}/2xdots.svg +0 -0
  197. /package/DS1/{x Icon → x-icon}/2xgrid.svg +0 -0
  198. /package/DS1/{x Icon → x-icon}/2xlines.svg +0 -0
  199. /package/DS1/{x Icon → x-icon}/big.svg +0 -0
  200. /package/DS1/{x Icon → x-icon}/blank.svg +0 -0
  201. /package/DS1/{x Icon → x-icon}/check.svg +0 -0
  202. /package/DS1/{x Icon → x-icon}/close.svg +0 -0
  203. /package/DS1/{x Icon → x-icon}/collapse.svg +0 -0
  204. /package/DS1/{x Icon → x-icon}/color.svg +0 -0
  205. /package/DS1/{x Icon → x-icon}/column.svg +0 -0
  206. /package/DS1/{x Icon → x-icon}/default.svg +0 -0
  207. /package/DS1/{x Icon → x-icon}/delete.svg +0 -0
  208. /package/DS1/{x Icon → x-icon}/do.svg +0 -0
  209. /package/DS1/{x Icon → x-icon}/down.svg +0 -0
  210. /package/DS1/{x Icon → x-icon}/duplicate.svg +0 -0
  211. /package/DS1/{x Icon → x-icon}/email.svg +0 -0
  212. /package/DS1/{x Icon → x-icon}/expand.svg +0 -0
  213. /package/DS1/{x Icon → x-icon}/gallery.svg +0 -0
  214. /package/DS1/{x Icon → x-icon}/group.svg +0 -0
  215. /package/DS1/{x Icon → x-icon}/head.svg +0 -0
  216. /package/DS1/{x Icon → x-icon}/icon.svg +0 -0
  217. /package/DS1/{x Icon → x-icon}/left.svg +0 -0
  218. /package/DS1/{x Icon → x-icon}/lock.svg +0 -0
  219. /package/DS1/{x Icon → x-icon}/mic.svg +0 -0
  220. /package/DS1/{x Icon → x-icon}/minimize.svg +0 -0
  221. /package/DS1/{x Icon → x-icon}/more.svg +0 -0
  222. /package/DS1/{x Icon → x-icon}/note.svg +0 -0
  223. /package/DS1/{x Icon → x-icon}/open.svg +0 -0
  224. /package/DS1/{x Icon → x-icon}/page.svg +0 -0
  225. /package/DS1/{x Icon → x-icon}/plus.svg +0 -0
  226. /package/DS1/{x Icon → x-icon}/rewind.svg +0 -0
  227. /package/DS1/{x Icon → x-icon}/right.svg +0 -0
  228. /package/DS1/{x Icon → x-icon}/row..svg +0 -0
  229. /package/DS1/{x Icon → x-icon}/search.svg +0 -0
  230. /package/DS1/{x Icon → x-icon}/see.svg +0 -0
  231. /package/DS1/{x Icon → x-icon}/star.svg +0 -0
  232. /package/DS1/{x Icon → x-icon}/title.svg +0 -0
  233. /package/DS1/{x Icon → x-icon}/undo.svg +0 -0
  234. /package/DS1/{x Icon → x-icon}/ungroup.svg +0 -0
  235. /package/DS1/{x Icon → x-icon}/unhead.svg +0 -0
  236. /package/DS1/{x Icon → x-icon}/unicon.svg +0 -0
  237. /package/DS1/{x Icon → x-icon}/unlock.svg +0 -0
  238. /package/DS1/{x Icon → x-icon}/unmic.svg +0 -0
  239. /package/DS1/{x Icon → x-icon}/unsee.svg +0 -0
  240. /package/DS1/{x Icon → x-icon}/unstar.svg +0 -0
  241. /package/DS1/{x Icon → x-icon}/untitle.svg +0 -0
  242. /package/DS1/{x Icon → x-icon}/up.svg +0 -0
  243. /package/dist/0-face/{2025-04-23-device.js → device.js} +0 -0
  244. /package/dist/{utils → 0-face}/theme.d.ts +0 -0
  245. /package/dist/{utils → 0-face}/theme.js +0 -0
@@ -1,47 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A component for displaying project/work attributes (year, category, status)
4
- *
5
- * @element ds-attributes
6
- * @prop {string} year - Year key for translation
7
- * @prop {string} category - Category key for translation
8
- * @prop {string} status - Status key for translation
9
- * @prop {string} type - Type of attributes: "project" or "work"
10
- */
11
- export declare class Attributes extends LitElement {
12
- static get properties(): {
13
- year: {
14
- type: StringConstructor;
15
- reflect: boolean;
16
- };
17
- category: {
18
- type: StringConstructor;
19
- reflect: boolean;
20
- };
21
- status: {
22
- type: StringConstructor;
23
- reflect: boolean;
24
- };
25
- type: {
26
- type: StringConstructor;
27
- reflect: boolean;
28
- };
29
- };
30
- year: string;
31
- category: string;
32
- status: string;
33
- type: string;
34
- private boundHandlers;
35
- static styles: import("lit").CSSResult;
36
- constructor();
37
- connectedCallback(): void;
38
- disconnectedCallback(): void;
39
- _getStatusClass(status: string): string;
40
- render(): import("lit-html").TemplateResult<1>;
41
- }
42
- declare global {
43
- interface HTMLElementTagNameMap {
44
- "ds-attributes": Attributes;
45
- }
46
- }
47
- //# sourceMappingURL=ds-attributes.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-attributes.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-attributes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;;;GAQG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;MAOpB;IAEO,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,aAAa,CAAqC;IAE1D,MAAM,CAAC,MAAM,0BA2CX;;IAgBF,iBAAiB;IAQjB,oBAAoB;IAQpB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAQvC,MAAM;CAiCP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF"}
@@ -1,128 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- import { getText } from "../utils/language";
3
- /**
4
- * A component for displaying project/work attributes (year, category, status)
5
- *
6
- * @element ds-attributes
7
- * @prop {string} year - Year key for translation
8
- * @prop {string} category - Category key for translation
9
- * @prop {string} status - Status key for translation
10
- * @prop {string} type - Type of attributes: "project" or "work"
11
- */
12
- export class Attributes extends LitElement {
13
- static get properties() {
14
- return {
15
- year: { type: String, reflect: true },
16
- category: { type: String, reflect: true },
17
- status: { type: String, reflect: true },
18
- type: { type: String, reflect: true },
19
- };
20
- }
21
- constructor() {
22
- super();
23
- this.year = "";
24
- this.category = "";
25
- this.status = "";
26
- this.type = "project";
27
- this.boundHandlers = {
28
- languageChanged: (() => {
29
- this.requestUpdate();
30
- }),
31
- };
32
- }
33
- connectedCallback() {
34
- super.connectedCallback();
35
- window.addEventListener("language-changed", this.boundHandlers.languageChanged);
36
- }
37
- disconnectedCallback() {
38
- super.disconnectedCallback();
39
- window.removeEventListener("language-changed", this.boundHandlers.languageChanged);
40
- }
41
- _getStatusClass(status) {
42
- if (status.includes("Done"))
43
- return "done";
44
- if (status.includes("Ongoing"))
45
- return "ongoing";
46
- if (status.includes("Pending"))
47
- return "pending";
48
- if (status.includes("NotStarted"))
49
- return "not-started";
50
- return "pending";
51
- }
52
- render() {
53
- return html `
54
- ${this.year
55
- ? html `
56
- <div class="attribute-row">${getText(this.year) || this.year}</div>
57
- `
58
- : ""}
59
- ${this.category
60
- ? html `
61
- <div class="attribute-row">
62
- ${this.type === "work"
63
- ? html `<span
64
- class="status-indicator ${this._getStatusClass(this.status)}"
65
- ></span>`
66
- : ""}
67
- ${getText(this.category) || this.category}
68
- </div>
69
- `
70
- : ""}
71
- ${this.status && this.type === "project"
72
- ? html `
73
- <div class="attribute-row">
74
- <span
75
- class="status-indicator ${this._getStatusClass(this.status)}"
76
- ></span>
77
- ${getText(this.status) || this.status}
78
- </div>
79
- `
80
- : ""}
81
- `;
82
- }
83
- }
84
- Attributes.styles = css `
85
- :host {
86
- display: flex;
87
- flex-direction: row;
88
- gap: calc(16px * var(--scaling-factor));
89
- align-items: flex-start;
90
- }
91
-
92
- .attribute-row {
93
- display: inline-flex;
94
- height: calc(20px * var(--scaling-factor));
95
- padding: 0px calc(2px * var(--scaling-factor));
96
- align-items: flex-start;
97
- gap: calc(5px * var(--scaling-factor));
98
- font-family: var(--typeface);
99
- font-size: calc(14px * var(--scaling-factor));
100
- color: light-dark(var(--slate), var(--slate-dark));
101
- }
102
-
103
- .status-indicator {
104
- width: calc(8px * var(--scaling-factor));
105
- height: calc(8px * var(--scaling-factor));
106
- display: inline-block;
107
- transition:
108
- background 0.2s,
109
- border-radius 0.2s;
110
- }
111
-
112
- .status-indicator.done {
113
- background-color: green;
114
- }
115
-
116
- .status-indicator.ongoing {
117
- background-color: #30adec;
118
- }
119
-
120
- .status-indicator.pending {
121
- background-color: #f6c71c;
122
- }
123
-
124
- .status-indicator.not-started {
125
- background-color: #b1b4b9;
126
- }
127
- `;
128
- customElements.define("ds-attributes", Attributes);
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ds-button.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-button.figma.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-button.figma.ts"],"names":[],"mappings":""}
@@ -1,6 +0,0 @@
1
- import figma from "@figma/code-connect";
2
- import html from "@figma/code-connect/html";
3
- figma.connect("https://www.figma.com/design/XAnoaRoq9LxVAHUZgtdO0r/DS-one?node-id=1-6", {
4
- props: {},
5
- example: () => html `<ds-button>Button</ds-button>`,
6
- });
@@ -1,58 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * Download CV button that resolves language-specific URLs
4
- *
5
- * @element ds-downloadcv
6
- * @prop {string} urlEn - URL for English CV
7
- * @prop {string} urlDa - URL for Danish CV
8
- * @prop {string} urlJa - URL for Japanese CV
9
- * @prop {string} filename - Base filename for download (default: "cv")
10
- */
11
- export declare class DownloadCV extends LitElement {
12
- static properties: {
13
- urlEn: {
14
- type: StringConstructor;
15
- attribute: string;
16
- reflect: boolean;
17
- };
18
- urlDa: {
19
- type: StringConstructor;
20
- attribute: string;
21
- reflect: boolean;
22
- };
23
- urlJa: {
24
- type: StringConstructor;
25
- attribute: string;
26
- reflect: boolean;
27
- };
28
- filename: {
29
- type: StringConstructor;
30
- reflect: boolean;
31
- };
32
- _activeUrl: {
33
- type: StringConstructor;
34
- state: boolean;
35
- };
36
- };
37
- urlEn: string;
38
- urlDa: string;
39
- urlJa: string;
40
- filename: string;
41
- _activeUrl: string;
42
- constructor();
43
- static styles: import("lit").CSSResult;
44
- connectedCallback(): void;
45
- disconnectedCallback(): void;
46
- updated(changed: Map<string, unknown>): void;
47
- private _handleLanguageChange;
48
- private _resolveUrl;
49
- private _download;
50
- private _inferExtFromUrl;
51
- render(): import("lit-html").TemplateResult<1>;
52
- }
53
- declare global {
54
- interface HTMLElementTagNameMap {
55
- "ds-downloadcv": DownloadCV;
56
- }
57
- }
58
- //# sourceMappingURL=ds-downloadcv.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-downloadcv.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-downloadcv.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;;;GAQG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;MAMf;IAEM,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;;IAW3B,MAAM,CAAC,MAAM,0BAIX;IAEF,iBAAiB;IAMjB,oBAAoB;IAKpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,WAAW;YAYL,SAAS;IAwCvB,OAAO,CAAC,gBAAgB;IAUxB,MAAM;CAWP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF"}
@@ -1,119 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- import { currentLanguage, translate } from "../utils/language";
3
- /**
4
- * Download CV button that resolves language-specific URLs
5
- *
6
- * @element ds-downloadcv
7
- * @prop {string} urlEn - URL for English CV
8
- * @prop {string} urlDa - URL for Danish CV
9
- * @prop {string} urlJa - URL for Japanese CV
10
- * @prop {string} filename - Base filename for download (default: "cv")
11
- */
12
- export class DownloadCV extends LitElement {
13
- constructor() {
14
- super();
15
- this._handleLanguageChange = () => {
16
- this._resolveUrl();
17
- };
18
- this.urlEn = "";
19
- this.urlDa = "";
20
- this.urlJa = "";
21
- this.filename = "cv";
22
- this._activeUrl = "";
23
- }
24
- connectedCallback() {
25
- super.connectedCallback();
26
- this._resolveUrl();
27
- window.addEventListener("language-changed", this._handleLanguageChange);
28
- }
29
- disconnectedCallback() {
30
- super.disconnectedCallback();
31
- window.removeEventListener("language-changed", this._handleLanguageChange);
32
- }
33
- updated(changed) {
34
- if (changed.has("urlEn") || changed.has("urlDa") || changed.has("urlJa")) {
35
- this._resolveUrl();
36
- }
37
- }
38
- _resolveUrl() {
39
- const lang = currentLanguage.value || "en-US";
40
- const prefix = (lang.split("-")[0] || "en").toLowerCase();
41
- let url = "";
42
- if (prefix === "da")
43
- url = this.urlDa || this.urlEn || this.urlJa;
44
- else if (prefix === "ja")
45
- url = this.urlJa || this.urlEn || this.urlDa;
46
- else
47
- url = this.urlEn || this.urlDa || this.urlJa;
48
- this._activeUrl = url || "";
49
- }
50
- async _download() {
51
- if (!this._activeUrl) {
52
- console.warn("[ds-downloadcv] No URL available");
53
- return;
54
- }
55
- console.log("[ds-downloadcv] Attempting download from:", this._activeUrl);
56
- try {
57
- // Prefer blob download (reliable filename, works cross-origin with CORS)
58
- const res = await fetch(this._activeUrl, { mode: "cors" });
59
- console.log("[ds-downloadcv] Fetch response:", res.status, res.statusText);
60
- if (!res.ok)
61
- throw new Error(`HTTP ${res.status}`);
62
- const blob = await res.blob();
63
- const langPrefix = (currentLanguage.value || "en-US")
64
- .split("-")[0]
65
- .toLowerCase();
66
- const fileExt = this._inferExtFromUrl(this._activeUrl) || "pdf";
67
- const name = `${this.filename || "cv"}-${langPrefix}.${fileExt}`;
68
- const url = URL.createObjectURL(blob);
69
- const a = document.createElement("a");
70
- a.href = url;
71
- a.download = name;
72
- document.body.appendChild(a);
73
- a.click();
74
- a.remove();
75
- URL.revokeObjectURL(url);
76
- console.log("[ds-downloadcv] Download triggered successfully");
77
- }
78
- catch (err) {
79
- console.error("[ds-downloadcv] Fetch failed, using fallback:", err);
80
- // Fallback: open the file directly
81
- window.open(this._activeUrl, "_blank", "noopener,noreferrer");
82
- }
83
- }
84
- _inferExtFromUrl(u) {
85
- const qIndex = u.indexOf("?");
86
- const clean = qIndex >= 0 ? u.slice(0, qIndex) : u;
87
- const dot = clean.lastIndexOf(".");
88
- if (dot === -1)
89
- return null;
90
- const ext = clean.slice(dot + 1).toLowerCase();
91
- if (ext.length > 5)
92
- return null;
93
- return ext;
94
- }
95
- render() {
96
- const disabled = !this._activeUrl;
97
- return html `
98
- <ds-button
99
- variant="primary"
100
- .disabled=${disabled}
101
- default-text=${translate("downloadCV")}
102
- @click=${() => this._download()}
103
- ></ds-button>
104
- `;
105
- }
106
- }
107
- DownloadCV.properties = {
108
- urlEn: { type: String, attribute: "url-en", reflect: true },
109
- urlDa: { type: String, attribute: "url-da", reflect: true },
110
- urlJa: { type: String, attribute: "url-ja", reflect: true },
111
- filename: { type: String, reflect: true },
112
- _activeUrl: { type: String, state: true },
113
- };
114
- DownloadCV.styles = css `
115
- :host {
116
- display: inline-flex;
117
- }
118
- `;
119
- customElements.define("ds-downloadcv", DownloadCV);
@@ -1,28 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A component for displaying page headers
4
- *
5
- * @element ds-header
6
- * @prop {string} gridarea - Grid area placement
7
- */
8
- export declare class Header extends LitElement {
9
- private _gridArea;
10
- static get properties(): {
11
- gridarea: {
12
- type: StringConstructor;
13
- reflect: boolean;
14
- };
15
- };
16
- set gridarea(value: string);
17
- get gridarea(): string;
18
- static styles: import("lit").CSSResult;
19
- constructor();
20
- firstUpdated(): void;
21
- render(): import("lit-html").TemplateResult<1>;
22
- }
23
- declare global {
24
- interface HTMLElementTagNameMap {
25
- "ds-header": Header;
26
- }
27
- }
28
- //# sourceMappingURL=ds-header.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-header.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;GAKG;AACH,qBAAa,MAAO,SAAQ,UAAU;IACpC,OAAO,CAAC,SAAS,CAAM;IAEvB,MAAM,KAAK,UAAU;;;;;MAIpB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKzB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,MAAM,CAAC,MAAM,0BAuBX;;IAMF,YAAY;IAMZ,MAAM;CASP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,MAAM,CAAC;KACrB;CACF"}
@@ -1,66 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- /**
3
- * A component for displaying page headers
4
- *
5
- * @element ds-header
6
- * @prop {string} gridarea - Grid area placement
7
- */
8
- export class Header extends LitElement {
9
- static get properties() {
10
- return {
11
- gridarea: { type: String, reflect: true },
12
- };
13
- }
14
- set gridarea(value) {
15
- const oldValue = this._gridArea;
16
- this._gridArea = value;
17
- this.style.gridArea = value;
18
- this.requestUpdate("gridarea", oldValue);
19
- }
20
- get gridarea() {
21
- return this._gridArea;
22
- }
23
- constructor() {
24
- super();
25
- this._gridArea = "";
26
- }
27
- firstUpdated() {
28
- if (this.hasAttribute("gridarea")) {
29
- this.style.gridArea = this.getAttribute("gridarea") || "";
30
- }
31
- }
32
- render() {
33
- return html `
34
- <h2
35
- style="display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%;"
36
- >
37
- <slot></slot>
38
- </h2>
39
- `;
40
- }
41
- }
42
- Header.styles = css `
43
- :host {
44
- display: flex;
45
- padding: calc(2px * var(--scaling-factor));
46
- align-items: flex-start;
47
- width: 100%;
48
- }
49
-
50
- h2 {
51
- display: flex;
52
- place-content: center;
53
- font-family: var(--typeface);
54
- color: light-dark(var(--black), var(--white));
55
- align-items: center;
56
- font-weight: 500;
57
- font-size: calc(14px * var(--scaling-factor));
58
- margin: 0;
59
- width: 100%;
60
- }
61
-
62
- ::slotted(*) {
63
- margin: 0;
64
- }
65
- `;
66
- customElements.define("ds-header", Header);
@@ -1,26 +0,0 @@
1
- import { LitElement } from "lit";
2
- export declare class Home extends LitElement {
3
- static properties: any;
4
- state: "active" | "disabled";
5
- /**
6
- * Ensure Home is always disabled on mobile devices.
7
- * Runs once when the element is connected to the DOM.
8
- */
9
- connectedCallback(): void;
10
- /**
11
- * Lightweight mobile detection. Mirrors the app's utility without importing it
12
- * to keep the design system component self-contained.
13
- */
14
- private _isMobileDevice;
15
- protected updated(): void;
16
- static styles: import("lit").CSSResult;
17
- private _navigateHome;
18
- private _onKeyDown;
19
- render(): import("lit-html").TemplateResult<1>;
20
- }
21
- declare global {
22
- interface HTMLElementTagNameMap {
23
- "ds-home": Home;
24
- }
25
- }
26
- //# sourceMappingURL=ds-home.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-home.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-home.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU,EAEZ,GAAG,CAAC;IAET,KAAK,EAAE,QAAQ,GAAG,UAAU,CAAY;IAExC;;;OAGG;IACH,iBAAiB;IAOjB;;;OAGG;IACH,OAAO,CAAC,eAAe;IAoBvB,SAAS,CAAC,OAAO,IAAI,IAAI;IAOzB,MAAM,CAAC,MAAM,0BAyEX;IAIF,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,UAAU;IAQlB,MAAM;CAgBP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}
@@ -1,148 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- // Home tab button that reveals on hover (active) or stays visible and non-interactive (disabled)
3
- export class Home extends LitElement {
4
- constructor() {
5
- super(...arguments);
6
- this.state = "active";
7
- }
8
- /**
9
- * Ensure Home is always disabled on mobile devices.
10
- * Runs once when the element is connected to the DOM.
11
- */
12
- connectedCallback() {
13
- super.connectedCallback();
14
- if (this._isMobileDevice()) {
15
- this.state = "disabled";
16
- }
17
- }
18
- /**
19
- * Lightweight mobile detection. Mirrors the app's utility without importing it
20
- * to keep the design system component self-contained.
21
- */
22
- _isMobileDevice() {
23
- const nav = globalThis.navigator;
24
- const win = globalThis.window;
25
- const ua = (nav && (nav.userAgent || nav.vendor)) || (win && win.opera) || "";
26
- const uaMatchesMobile = /Mobile|Android|iP(ad|hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)|Windows Phone|Phone|Tablet/i.test(ua);
27
- const touchPoints = (nav && nav.maxTouchPoints) || 0;
28
- const isTouchCapable = touchPoints > 1;
29
- const narrowViewport = win
30
- ? Math.min(win.innerWidth || 0, win.innerHeight || 0) <= 820
31
- : false;
32
- return uaMatchesMobile || (isTouchCapable && narrowViewport);
33
- }
34
- updated() {
35
- // Enforce disabled on mobile even if someone flips the state later
36
- if (this._isMobileDevice() && this.state !== "disabled") {
37
- this.state = "disabled";
38
- }
39
- }
40
- // No setup needed; `state` defaults to "active" and reflects if provided
41
- _navigateHome() {
42
- if (this.state === "disabled")
43
- return;
44
- window.location.href = "./home.html";
45
- }
46
- _onKeyDown(e) {
47
- if (this.state === "disabled")
48
- return;
49
- if (e?.key === "Enter" || e?.key === " ") {
50
- e.preventDefault();
51
- this._navigateHome();
52
- }
53
- }
54
- render() {
55
- const isDisabled = this.state === "disabled";
56
- return html `
57
- <div class="hover-fill"></div>
58
- <div
59
- class="home ${isDisabled ? "is-disabled" : "is-active"}"
60
- role="button"
61
- aria-disabled="${String(isDisabled)}"
62
- tabindex="${isDisabled ? -1 : 0}"
63
- @click="${this._navigateHome}"
64
- @keydown="${this._onKeyDown}"
65
- >
66
- <ds-text key="home"></ds-text>
67
- </div>
68
- `;
69
- }
70
- }
71
- Home.properties = {
72
- state: { type: String, reflect: true }, // "active" | "disabled"
73
- };
74
- Home.styles = css `
75
- :host {
76
- /* local sizing vars, derived from one.css */
77
- --home-visible: calc(var(--1) * 0.1); /* 2px */
78
-
79
- position: relative;
80
- display: flex; /* expand hover zone horizontally */
81
- width: 100%; /* take the whole row width of the app container */
82
- height: calc(
83
- var(--1) * var(--scaling-factor)
84
- ); /* provide hover zone under the tab */
85
- font-family: var(--typeface);
86
- overflow: hidden; /* hide the part above the host */
87
- }
88
-
89
- /* Disabled: preserve full hover area space but keep inactive */
90
- :host([state="disabled"]) {
91
- height: var(--1); /* keep same layout height as active */
92
- overflow: hidden;
93
- }
94
-
95
- .home {
96
- position: absolute;
97
- left: 0;
98
- width: calc(var(--4) * var(--scaling-factor));
99
- height: calc(var(--1) * var(--scaling-factor));
100
- margin: 0 calc(var(--1) * var(--scaling-factor));
101
- display: flex;
102
- align-items: center;
103
- background: var(--accent-color);
104
- color: light-dark(var(--black), var(--black));
105
- user-select: none;
106
- transition: top 120ms ease;
107
- }
108
-
109
- /* Inner text spacing without affecting the 80px outer width */
110
- .home > ds-text {
111
- padding: 0 calc(var(--1) * 0.15 * var(--scaling-factor));
112
- box-sizing: border-box;
113
- height: 100%;
114
- display: inline-flex;
115
- align-items: center;
116
- }
117
-
118
- /* invisible flex filler to extend hover area to the right */
119
- .hover-fill {
120
- flex: 1 1 auto;
121
- }
122
-
123
- /* Active: hidden until hover */
124
- .home.is-active {
125
- cursor: pointer;
126
- /* Hide above, leave a 2px strip visible */
127
- top: calc(var(--home-visible) - var(--1));
128
- }
129
-
130
- /* Reveal the tab when hovering anywhere in the host area
131
- (the host is 80x20, while the tab starts hidden above) */
132
- :host(:hover) .home.is-active {
133
- top: 0;
134
- }
135
-
136
- /* Disabled: stays hidden and not interactive */
137
- .home.is-disabled {
138
- top: calc(var(--home-visible) - var(--1));
139
- cursor: default;
140
- pointer-events: none;
141
- color: var(--accent-color);
142
- }
143
-
144
- .label {
145
- font-size: var(--type-size-default);
146
- }
147
- `;
148
- customElements.define("ds-home", Home);
@@ -1,35 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A component for creating localized links that open in new tabs
4
- *
5
- * @element ds-link
6
- * @prop {string} href - The URL to link to
7
- */
8
- export declare class Link extends LitElement {
9
- static get properties(): {
10
- href: {
11
- type: StringConstructor;
12
- reflect: boolean;
13
- };
14
- _text: {
15
- type: StringConstructor;
16
- state: boolean;
17
- };
18
- };
19
- href: string;
20
- _text: string;
21
- private boundHandlers;
22
- constructor();
23
- static styles: import("lit").CSSResult;
24
- connectedCallback(): void;
25
- disconnectedCallback(): void;
26
- updated(changedProperties: Map<string, unknown>): void;
27
- _loadText(): void;
28
- render(): import("lit-html").TemplateResult<1>;
29
- }
30
- declare global {
31
- interface HTMLElementTagNameMap {
32
- "ds-link": Link;
33
- }
34
- }
35
- //# sourceMappingURL=ds-link.d.ts.map