ds-one 0.2.0-alpha.2 → 0.2.5-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 (247) 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 +27 -0
  14. package/DS1/3-unit/ds-portfolio-singlenav.ts +79 -0
  15. package/DS1/3-unit/list-v1.ts +24 -0
  16. package/DS1/3-unit/{ds-panel.ts → panel-v1.ts} +2 -3
  17. package/DS1/3-unit/row-v1.ts +52 -0
  18. package/DS1/3-unit/{ds-singlenav.ts → singlenav-v1.ts} +4 -5
  19. package/DS1/4-page/ds-grid.ts +1 -1
  20. package/DS1/index.ts +39 -37
  21. package/README.md +3 -3
  22. package/dist/0-face/{2025-04-23-device.d.ts → device.d.ts} +1 -1
  23. package/dist/0-face/device.d.ts.map +1 -0
  24. package/dist/{utils/language.d.ts → 0-face/i18n.d.ts} +1 -1
  25. package/dist/0-face/i18n.d.ts.map +1 -0
  26. package/dist/{utils/language.js → 0-face/i18n.js} +141 -2
  27. package/dist/0-face/preferences.d.ts +9 -0
  28. package/dist/0-face/preferences.d.ts.map +1 -0
  29. package/dist/0-face/preferences.js +14 -0
  30. package/dist/0-face/pricing.d.ts +15 -0
  31. package/dist/0-face/pricing.d.ts.map +1 -0
  32. package/dist/0-face/pricing.js +46 -0
  33. package/dist/0-face/theme.d.ts.map +1 -0
  34. package/dist/2-core/ds-button.js +1 -1
  35. package/dist/2-core/ds-cycle.js +15 -15
  36. package/dist/2-core/{ds-year.d.ts → ds-date.d.ts} +4 -4
  37. package/dist/2-core/ds-date.d.ts.map +1 -0
  38. package/dist/2-core/{ds-year.js → ds-date.js} +4 -4
  39. package/dist/2-core/ds-input.d.ts +1 -0
  40. package/dist/2-core/ds-input.d.ts.map +1 -0
  41. package/dist/2-core/ds-input.js +1 -0
  42. package/dist/2-core/ds-text.js +1 -1
  43. package/dist/2-core/ds-tooltip.d.ts.map +1 -1
  44. package/dist/2-core/ds-tooltip.js +4 -2
  45. package/dist/3-unit/{ds-doublenav.d.ts → ds-portfolio-doublenav.d.ts} +4 -4
  46. package/dist/3-unit/ds-portfolio-doublenav.d.ts.map +1 -0
  47. package/dist/3-unit/{ds-doublenav.js → ds-portfolio-doublenav.js} +4 -4
  48. package/dist/3-unit/{ds-panel.d.ts → ds-portfolio-panel.d.ts} +3 -3
  49. package/dist/3-unit/ds-portfolio-panel.d.ts.map +1 -0
  50. package/dist/3-unit/{ds-panel.js → ds-portfolio-panel.js} +3 -3
  51. package/dist/3-unit/{ds-singlenav.d.ts → ds-portfolio-singlenav.d.ts} +4 -4
  52. package/dist/3-unit/ds-portfolio-singlenav.d.ts.map +1 -0
  53. package/dist/3-unit/{ds-singlenav.js → ds-portfolio-singlenav.js} +4 -4
  54. package/dist/4-page/ds-grid.js +1 -1
  55. package/dist/ds-one.bundle.js +2087 -3806
  56. package/dist/ds-one.bundle.js.map +4 -4
  57. package/dist/ds-one.bundle.min.js +74 -740
  58. package/dist/ds-one.bundle.min.js.map +4 -4
  59. package/dist/index.d.ts +16 -26
  60. package/dist/index.d.ts.map +1 -1
  61. package/dist/index.js +32 -34
  62. package/package.json +2 -2
  63. package/DS1/0-face/2025-04-23-language.ts +0 -4
  64. package/DS1/2-core/ds-article.ts +0 -454
  65. package/DS1/2-core/ds-attributes.ts +0 -155
  66. package/DS1/2-core/ds-downloadcv.ts +0 -146
  67. package/DS1/2-core/ds-header.ts +0 -82
  68. package/DS1/2-core/ds-home.ts +0 -168
  69. package/DS1/2-core/ds-link.ts +0 -121
  70. package/DS1/2-core/ds-markdown.ts +0 -252
  71. package/DS1/2-core/ds-price.ts +0 -108
  72. package/DS1/2-core/ds-squarecircle.ts +0 -155
  73. package/DS1/2-core/ds-title.ts +0 -139
  74. package/DS1/2-core/ds-viewtoggle.ts +0 -83
  75. package/DS1/utils/cdn-loader.ts +0 -232
  76. package/DS1/utils/keys.json +0 -41
  77. package/DS1/utils/pricing.ts +0 -24
  78. package/DS1/utils/scroll.ts +0 -184
  79. package/DS1/utils/settings.ts +0 -23
  80. package/DS1/utils/viewMode.ts +0 -55
  81. package/dist/0-face/2025-04-23-device.d.ts.map +0 -1
  82. package/dist/0-face/2025-04-23-language.d.ts +0 -1
  83. package/dist/0-face/2025-04-23-language.d.ts.map +0 -1
  84. package/dist/0-face/2025-04-23-language.js +0 -3
  85. package/dist/2-core/article-v1.d.ts +0 -129
  86. package/dist/2-core/article-v1.d.ts.map +0 -1
  87. package/dist/2-core/article-v1.js +0 -361
  88. package/dist/2-core/attributes-v1.d.ts +0 -47
  89. package/dist/2-core/attributes-v1.d.ts.map +0 -1
  90. package/dist/2-core/attributes-v1.js +0 -128
  91. package/dist/2-core/cycle-v1.d.ts +0 -66
  92. package/dist/2-core/cycle-v1.d.ts.map +0 -1
  93. package/dist/2-core/cycle-v1.js +0 -586
  94. package/dist/2-core/downloadcv-v1.d.ts +0 -58
  95. package/dist/2-core/downloadcv-v1.d.ts.map +0 -1
  96. package/dist/2-core/downloadcv-v1.js +0 -119
  97. package/dist/2-core/ds-article.d.ts +0 -129
  98. package/dist/2-core/ds-article.d.ts.map +0 -1
  99. package/dist/2-core/ds-article.js +0 -361
  100. package/dist/2-core/ds-attributes.d.ts +0 -47
  101. package/dist/2-core/ds-attributes.d.ts.map +0 -1
  102. package/dist/2-core/ds-attributes.js +0 -128
  103. package/dist/2-core/ds-button.figma.d.ts +0 -2
  104. package/dist/2-core/ds-button.figma.d.ts.map +0 -1
  105. package/dist/2-core/ds-button.figma.js +0 -6
  106. package/dist/2-core/ds-downloadcv.d.ts +0 -58
  107. package/dist/2-core/ds-downloadcv.d.ts.map +0 -1
  108. package/dist/2-core/ds-downloadcv.js +0 -119
  109. package/dist/2-core/ds-header.d.ts +0 -28
  110. package/dist/2-core/ds-header.d.ts.map +0 -1
  111. package/dist/2-core/ds-header.js +0 -66
  112. package/dist/2-core/ds-home.d.ts +0 -26
  113. package/dist/2-core/ds-home.d.ts.map +0 -1
  114. package/dist/2-core/ds-home.js +0 -148
  115. package/dist/2-core/ds-link.d.ts +0 -35
  116. package/dist/2-core/ds-link.d.ts.map +0 -1
  117. package/dist/2-core/ds-link.js +0 -85
  118. package/dist/2-core/ds-markdown.d.ts +0 -7
  119. package/dist/2-core/ds-markdown.d.ts.map +0 -1
  120. package/dist/2-core/ds-markdown.js +0 -240
  121. package/dist/2-core/ds-price.d.ts +0 -46
  122. package/dist/2-core/ds-price.d.ts.map +0 -1
  123. package/dist/2-core/ds-price.js +0 -72
  124. package/dist/2-core/ds-squarecircle.d.ts +0 -50
  125. package/dist/2-core/ds-squarecircle.d.ts.map +0 -1
  126. package/dist/2-core/ds-squarecircle.js +0 -133
  127. package/dist/2-core/ds-title.d.ts +0 -50
  128. package/dist/2-core/ds-title.d.ts.map +0 -1
  129. package/dist/2-core/ds-title.js +0 -103
  130. package/dist/2-core/ds-viewtoggle.d.ts +0 -27
  131. package/dist/2-core/ds-viewtoggle.d.ts.map +0 -1
  132. package/dist/2-core/ds-viewtoggle.js +0 -49
  133. package/dist/2-core/ds-year.d.ts.map +0 -1
  134. package/dist/2-core/header-v1.d.ts +0 -28
  135. package/dist/2-core/header-v1.d.ts.map +0 -1
  136. package/dist/2-core/header-v1.js +0 -66
  137. package/dist/2-core/home-v1.d.ts +0 -26
  138. package/dist/2-core/home-v1.d.ts.map +0 -1
  139. package/dist/2-core/home-v1.js +0 -148
  140. package/dist/2-core/icon-v1.d.ts +0 -28
  141. package/dist/2-core/icon-v1.d.ts.map +0 -1
  142. package/dist/2-core/icon-v1.js +0 -297
  143. package/dist/2-core/link-v1.d.ts +0 -35
  144. package/dist/2-core/link-v1.d.ts.map +0 -1
  145. package/dist/2-core/link-v1.js +0 -85
  146. package/dist/2-core/markdown-v1.d.ts +0 -7
  147. package/dist/2-core/markdown-v1.d.ts.map +0 -1
  148. package/dist/2-core/markdown-v1.js +0 -240
  149. package/dist/2-core/price-v1.d.ts +0 -46
  150. package/dist/2-core/price-v1.d.ts.map +0 -1
  151. package/dist/2-core/price-v1.js +0 -72
  152. package/dist/2-core/squarecircle-v1.d.ts +0 -50
  153. package/dist/2-core/squarecircle-v1.d.ts.map +0 -1
  154. package/dist/2-core/squarecircle-v1.js +0 -133
  155. package/dist/2-core/text-v1.d.ts +0 -48
  156. package/dist/2-core/text-v1.d.ts.map +0 -1
  157. package/dist/2-core/text-v1.js +0 -83
  158. package/dist/2-core/title-v1.d.ts +0 -50
  159. package/dist/2-core/title-v1.d.ts.map +0 -1
  160. package/dist/2-core/title-v1.js +0 -103
  161. package/dist/2-core/tooltip-v1.d.ts +0 -39
  162. package/dist/2-core/tooltip-v1.d.ts.map +0 -1
  163. package/dist/2-core/tooltip-v1.js +0 -145
  164. package/dist/2-core/viewtoggle-v1.d.ts +0 -27
  165. package/dist/2-core/viewtoggle-v1.d.ts.map +0 -1
  166. package/dist/2-core/viewtoggle-v1.js +0 -49
  167. package/dist/2-core/year-v1.d.ts +0 -16
  168. package/dist/2-core/year-v1.d.ts.map +0 -1
  169. package/dist/2-core/year-v1.js +0 -21
  170. package/dist/3-unit/ds-doublenav.d.ts.map +0 -1
  171. package/dist/3-unit/ds-panel.d.ts.map +0 -1
  172. package/dist/3-unit/ds-singlenav.d.ts.map +0 -1
  173. package/dist/utils/cdn-loader.d.ts +0 -19
  174. package/dist/utils/cdn-loader.d.ts.map +0 -1
  175. package/dist/utils/cdn-loader.js +0 -160
  176. package/dist/utils/keys.json +0 -41
  177. package/dist/utils/language.d.ts.map +0 -1
  178. package/dist/utils/pricing.d.ts +0 -8
  179. package/dist/utils/pricing.d.ts.map +0 -1
  180. package/dist/utils/pricing.js +0 -14
  181. package/dist/utils/scroll.d.ts +0 -34
  182. package/dist/utils/scroll.d.ts.map +0 -1
  183. package/dist/utils/scroll.js +0 -140
  184. package/dist/utils/settings.d.ts +0 -9
  185. package/dist/utils/settings.d.ts.map +0 -1
  186. package/dist/utils/settings.js +0 -14
  187. package/dist/utils/theme.d.ts.map +0 -1
  188. package/dist/utils/viewMode.d.ts +0 -14
  189. package/dist/utils/viewMode.d.ts.map +0 -1
  190. package/dist/utils/viewMode.js +0 -46
  191. /package/DS1/0-face/{2025-04-23-device.ts → device.ts} +0 -0
  192. /package/DS1/{utils → 0-face}/theme.ts +0 -0
  193. /package/DS1/{x Icon → x-icon}/1x.svg +0 -0
  194. /package/DS1/{x Icon → x-icon}/1xdots.svg +0 -0
  195. /package/DS1/{x Icon → x-icon}/1xgrid.svg +0 -0
  196. /package/DS1/{x Icon → x-icon}/1xlines.svg +0 -0
  197. /package/DS1/{x Icon → x-icon}/2x.svg +0 -0
  198. /package/DS1/{x Icon → x-icon}/2xdots.svg +0 -0
  199. /package/DS1/{x Icon → x-icon}/2xgrid.svg +0 -0
  200. /package/DS1/{x Icon → x-icon}/2xlines.svg +0 -0
  201. /package/DS1/{x Icon → x-icon}/big.svg +0 -0
  202. /package/DS1/{x Icon → x-icon}/blank.svg +0 -0
  203. /package/DS1/{x Icon → x-icon}/check.svg +0 -0
  204. /package/DS1/{x Icon → x-icon}/close.svg +0 -0
  205. /package/DS1/{x Icon → x-icon}/collapse.svg +0 -0
  206. /package/DS1/{x Icon → x-icon}/color.svg +0 -0
  207. /package/DS1/{x Icon → x-icon}/column.svg +0 -0
  208. /package/DS1/{x Icon → x-icon}/default.svg +0 -0
  209. /package/DS1/{x Icon → x-icon}/delete.svg +0 -0
  210. /package/DS1/{x Icon → x-icon}/do.svg +0 -0
  211. /package/DS1/{x Icon → x-icon}/down.svg +0 -0
  212. /package/DS1/{x Icon → x-icon}/duplicate.svg +0 -0
  213. /package/DS1/{x Icon → x-icon}/email.svg +0 -0
  214. /package/DS1/{x Icon → x-icon}/expand.svg +0 -0
  215. /package/DS1/{x Icon → x-icon}/gallery.svg +0 -0
  216. /package/DS1/{x Icon → x-icon}/group.svg +0 -0
  217. /package/DS1/{x Icon → x-icon}/head.svg +0 -0
  218. /package/DS1/{x Icon → x-icon}/icon.svg +0 -0
  219. /package/DS1/{x Icon → x-icon}/left.svg +0 -0
  220. /package/DS1/{x Icon → x-icon}/lock.svg +0 -0
  221. /package/DS1/{x Icon → x-icon}/mic.svg +0 -0
  222. /package/DS1/{x Icon → x-icon}/minimize.svg +0 -0
  223. /package/DS1/{x Icon → x-icon}/more.svg +0 -0
  224. /package/DS1/{x Icon → x-icon}/note.svg +0 -0
  225. /package/DS1/{x Icon → x-icon}/open.svg +0 -0
  226. /package/DS1/{x Icon → x-icon}/page.svg +0 -0
  227. /package/DS1/{x Icon → x-icon}/plus.svg +0 -0
  228. /package/DS1/{x Icon → x-icon}/rewind.svg +0 -0
  229. /package/DS1/{x Icon → x-icon}/right.svg +0 -0
  230. /package/DS1/{x Icon → x-icon}/row..svg +0 -0
  231. /package/DS1/{x Icon → x-icon}/search.svg +0 -0
  232. /package/DS1/{x Icon → x-icon}/see.svg +0 -0
  233. /package/DS1/{x Icon → x-icon}/star.svg +0 -0
  234. /package/DS1/{x Icon → x-icon}/title.svg +0 -0
  235. /package/DS1/{x Icon → x-icon}/undo.svg +0 -0
  236. /package/DS1/{x Icon → x-icon}/ungroup.svg +0 -0
  237. /package/DS1/{x Icon → x-icon}/unhead.svg +0 -0
  238. /package/DS1/{x Icon → x-icon}/unicon.svg +0 -0
  239. /package/DS1/{x Icon → x-icon}/unlock.svg +0 -0
  240. /package/DS1/{x Icon → x-icon}/unmic.svg +0 -0
  241. /package/DS1/{x Icon → x-icon}/unsee.svg +0 -0
  242. /package/DS1/{x Icon → x-icon}/unstar.svg +0 -0
  243. /package/DS1/{x Icon → x-icon}/untitle.svg +0 -0
  244. /package/DS1/{x Icon → x-icon}/up.svg +0 -0
  245. /package/dist/0-face/{2025-04-23-device.js → device.js} +0 -0
  246. /package/dist/{utils → 0-face}/theme.d.ts +0 -0
  247. /package/dist/{utils → 0-face}/theme.js +0 -0
@@ -1,145 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- import { translate, getNotionText } from "../utils/language";
3
- export class Tooltip extends LitElement {
4
- constructor() {
5
- super();
6
- this.key = "";
7
- this.defaultValue = "";
8
- this._text = "";
9
- this._visible = false;
10
- this.boundWindowHandlers = {
11
- languageChanged: (() => {
12
- this._loadText();
13
- }),
14
- translationsLoaded: (() => {
15
- this._loadText();
16
- }),
17
- };
18
- this.boundHostHandlers = {
19
- mouseenter: (() => {
20
- this._visible = true;
21
- this.requestUpdate();
22
- }),
23
- mouseleave: (() => {
24
- this._visible = false;
25
- this.requestUpdate();
26
- }),
27
- focusin: (() => {
28
- this._visible = true;
29
- this.requestUpdate();
30
- }),
31
- focusout: (() => {
32
- this._visible = false;
33
- this.requestUpdate();
34
- }),
35
- };
36
- }
37
- connectedCallback() {
38
- super.connectedCallback();
39
- this._loadText();
40
- window.addEventListener("language-changed", this.boundWindowHandlers.languageChanged);
41
- window.addEventListener("translations-loaded", this.boundWindowHandlers.translationsLoaded);
42
- this.addEventListener("mouseenter", this.boundHostHandlers.mouseenter);
43
- this.addEventListener("mouseleave", this.boundHostHandlers.mouseleave);
44
- this.addEventListener("focusin", this.boundHostHandlers.focusin);
45
- this.addEventListener("focusout", this.boundHostHandlers.focusout);
46
- }
47
- disconnectedCallback() {
48
- super.disconnectedCallback();
49
- window.removeEventListener("language-changed", this.boundWindowHandlers.languageChanged);
50
- window.removeEventListener("translations-loaded", this.boundWindowHandlers.translationsLoaded);
51
- this.removeEventListener("mouseenter", this.boundHostHandlers.mouseenter);
52
- this.removeEventListener("mouseleave", this.boundHostHandlers.mouseleave);
53
- this.removeEventListener("focusin", this.boundHostHandlers.focusin);
54
- this.removeEventListener("focusout", this.boundHostHandlers.focusout);
55
- }
56
- updated(changed) {
57
- if (changed.has("key") || changed.has("defaultValue")) {
58
- this._loadText();
59
- }
60
- }
61
- async _loadText() {
62
- if (!this.key) {
63
- this._text = this.defaultValue || "";
64
- this.requestUpdate();
65
- return;
66
- }
67
- try {
68
- const notionText = await getNotionText(this.key);
69
- if (notionText) {
70
- this._text = notionText;
71
- this.requestUpdate();
72
- return;
73
- }
74
- const t = translate(this.key);
75
- this._text = t && t !== this.key ? t : this.defaultValue || this.key;
76
- }
77
- catch (err) {
78
- console.error("tooltip-v1: error loading text for key", this.key, err);
79
- this._text = this.defaultValue || this.key;
80
- }
81
- this.requestUpdate();
82
- }
83
- render() {
84
- const bubbleClasses = ["bubble", this._visible ? "visible" : ""].join(" ");
85
- return html `
86
- <span class="slot-wrapper"><slot></slot></span>
87
- ${this._text
88
- ? html `<div class="${bubbleClasses}">${this._text}</div>`
89
- : null}
90
- `;
91
- }
92
- }
93
- Tooltip.properties = {
94
- key: { type: String, reflect: true },
95
- defaultValue: { type: String, reflect: true, attribute: "default-value" },
96
- _text: { state: true },
97
- _visible: { state: true },
98
- };
99
- Tooltip.styles = css `
100
- :host {
101
- position: relative;
102
- display: inline-block;
103
- }
104
-
105
- .slot-wrapper {
106
- display: inline-flex;
107
- align-items: center;
108
- }
109
-
110
- .bubble {
111
- display: flex;
112
- align-items: center;
113
- justify-content: center;
114
- position: absolute;
115
- left: 50%;
116
- bottom: 100%;
117
- transform: translate(-50%, calc(-2px * var(--scaling-factor)));
118
- z-index: 1000;
119
- pointer-events: none;
120
- height: calc(var(--08) * var(--scaling-factor));
121
- opacity: 0;
122
- transition: opacity 120ms ease, transform 120ms ease;
123
- background-color: light-dark(var(--black), var(--white));
124
- color: light-dark(var(--white), var(--black));
125
- border-radius: 0;
126
- font-size: var(--type-size-default);
127
- padding: 0px calc(1px * var(--scaling-factor));
128
- font-family: var(
129
- --typeface,
130
- -apple-system,
131
- BlinkMacSystemFont,
132
- "Segoe UI",
133
- Roboto,
134
- sans-serif
135
- );
136
- font-weight: 500;
137
- white-space: nowrap;
138
- min-width: max-content;
139
- }
140
-
141
- .bubble.visible {
142
- opacity: 1;
143
- }
144
- `;
145
- customElements.define("tooltip-v1", Tooltip);
@@ -1,27 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A component for toggling between text and image view modes
4
- *
5
- * @element viewtoggle-v1
6
- */
7
- export declare class ViewToggle extends LitElement {
8
- static properties: {
9
- _mode: {
10
- type: StringConstructor;
11
- state: boolean;
12
- };
13
- };
14
- _mode: "text" | "image";
15
- private boundHandlers;
16
- constructor();
17
- connectedCallback(): void;
18
- disconnectedCallback(): void;
19
- private _toggle;
20
- render(): import("lit-html").TemplateResult<1>;
21
- }
22
- declare global {
23
- interface HTMLElementTagNameMap {
24
- "viewtoggle-v1": ViewToggle;
25
- }
26
- }
27
- //# sourceMappingURL=viewtoggle-v1.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"viewtoggle-v1.d.ts","sourceRoot":"","sources":["../../DS1/2-core/viewtoggle-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,UAAU;;;;;MAEf;IAEM,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,OAAO,CAAC,aAAa,CAGnB;;IAkBF,iBAAiB;IAYjB,oBAAoB;IAYpB,OAAO,CAAC,OAAO,CAGb;IAEF,MAAM;CAOP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF"}
@@ -1,49 +0,0 @@
1
- import { LitElement, html } from "lit";
2
- import { getText } from "../utils/language";
3
- import { getViewMode, setViewMode } from "../utils/viewMode";
4
- /**
5
- * A component for toggling between text and image view modes
6
- *
7
- * @element viewtoggle-v1
8
- */
9
- export class ViewToggle extends LitElement {
10
- constructor() {
11
- super();
12
- this._toggle = () => {
13
- const next = this._mode === "image" ? "text" : "image";
14
- setViewMode(next);
15
- };
16
- this._mode = getViewMode();
17
- this.boundHandlers = {
18
- viewModeChanged: ((e) => {
19
- const mode = e.detail === "image" ? "image" : "text";
20
- if (this._mode !== mode) {
21
- this._mode = mode;
22
- }
23
- }),
24
- languageChanged: (() => {
25
- this.requestUpdate();
26
- }),
27
- };
28
- }
29
- connectedCallback() {
30
- super.connectedCallback();
31
- window.addEventListener("view-mode-changed", this.boundHandlers.viewModeChanged);
32
- window.addEventListener("language-changed", this.boundHandlers.languageChanged);
33
- }
34
- disconnectedCallback() {
35
- super.disconnectedCallback();
36
- window.removeEventListener("view-mode-changed", this.boundHandlers.viewModeChanged);
37
- window.removeEventListener("language-changed", this.boundHandlers.languageChanged);
38
- }
39
- render() {
40
- const label = this._mode === "image" ? getText("hideImage") : getText("viewImage");
41
- return html `
42
- <ds-button variant="primary" @click=${this._toggle}>${label}</ds-button>
43
- `;
44
- }
45
- }
46
- ViewToggle.properties = {
47
- _mode: { type: String, state: true },
48
- };
49
- customElements.define("viewtoggle-v1", ViewToggle);
@@ -1,16 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A component for displaying the current year
4
- *
5
- * @element year-v1
6
- */
7
- export declare class Year extends LitElement {
8
- static styles: import("lit").CSSResult;
9
- render(): import("lit-html").TemplateResult<1>;
10
- }
11
- declare global {
12
- interface HTMLElementTagNameMap {
13
- "year-v1": Year;
14
- }
15
- }
16
- //# sourceMappingURL=year-v1.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"year-v1.d.ts","sourceRoot":"","sources":["../../DS1/2-core/year-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;GAIG;AACH,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,0BAOX;IAEF,MAAM;CAIP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}
@@ -1,21 +0,0 @@
1
- import { LitElement, html, css } from "lit";
2
- /**
3
- * A component for displaying the current year
4
- *
5
- * @element year-v1
6
- */
7
- export class Year extends LitElement {
8
- render() {
9
- const year = new Date().getFullYear();
10
- return html `<span>${year}</span>`;
11
- }
12
- }
13
- Year.styles = css `
14
- :host {
15
- display: inline;
16
- font-family: var(--typeface, var(--typeface-regular));
17
- font-size: inherit;
18
- color: inherit;
19
- }
20
- `;
21
- customElements.define("year-v1", Year);
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-doublenav.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-doublenav.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 +0,0 @@
1
- {"version":3,"file":"ds-panel.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-panel.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 +0,0 @@
1
- {"version":3,"file":"ds-singlenav.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-singlenav.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"}
@@ -1,19 +0,0 @@
1
- /**
2
- * CDN Loader Utility
3
- * Automatically detects and loads translation JSON files from the same directory as the HTML file
4
- * for CDN users who want to use external translations
5
- */
6
- type TranslationData = Record<string, string>;
7
- type TranslationMap = Record<string, TranslationData>;
8
- declare global {
9
- interface Window {
10
- DS_ONE_TRANSLATIONS?: TranslationMap;
11
- DS_ONE_TRANSLATIONS_FILE?: string;
12
- }
13
- }
14
- /**
15
- * Attempts to load translations from a JSON file in the same directory
16
- */
17
- export declare function loadExternalTranslations(): Promise<boolean>;
18
- export {};
19
- //# sourceMappingURL=cdn-loader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cdn-loader.d.ts","sourceRoot":"","sources":["../../DS1/utils/cdn-loader.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C,KAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,mBAAmB,CAAC,EAAE,cAAc,CAAC;QACrC,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC;CACF;AA2JD;;GAEG;AACH,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,OAAO,CAAC,CA8CjE"}
@@ -1,160 +0,0 @@
1
- /**
2
- * CDN Loader Utility
3
- * Automatically detects and loads translation JSON files from the same directory as the HTML file
4
- * for CDN users who want to use external translations
5
- */
6
- // Track if we've already attempted to load
7
- let loadAttempted = false;
8
- const DEFAULT_TRANSLATION_FILES = [
9
- "./keys.json",
10
- "./tekst.json",
11
- "./tekster.json",
12
- "./language.json",
13
- "./languages.json",
14
- "./translations.json",
15
- "./translate.json",
16
- "./i18n.json",
17
- "./locales.json",
18
- "./strings.json",
19
- "./text.json",
20
- "./texts.json",
21
- ];
22
- function normalizeCandidate(path) {
23
- if (!path) {
24
- return null;
25
- }
26
- const trimmed = path.trim();
27
- if (!trimmed) {
28
- return null;
29
- }
30
- if (trimmed.startsWith("./") ||
31
- trimmed.startsWith("../") ||
32
- trimmed.startsWith("/") ||
33
- /^https?:\/\//i.test(trimmed)) {
34
- return trimmed;
35
- }
36
- return `./${trimmed}`;
37
- }
38
- function findAttributeCandidate() {
39
- if (typeof document === "undefined") {
40
- return null;
41
- }
42
- const scriptWithAttribute = document.querySelector("script[data-ds-one-translations]");
43
- const scriptCandidate = scriptWithAttribute?.getAttribute("data-ds-one-translations");
44
- if (scriptCandidate) {
45
- return scriptCandidate;
46
- }
47
- const metaCandidate = document
48
- .querySelector('meta[name="ds-one:translations"]')
49
- ?.getAttribute("content");
50
- if (metaCandidate) {
51
- return metaCandidate;
52
- }
53
- const linkCandidate = document
54
- .querySelector('link[rel="ds-one-translations"]')
55
- ?.getAttribute("href");
56
- if (linkCandidate) {
57
- return linkCandidate;
58
- }
59
- return null;
60
- }
61
- function resolveTranslationSources() {
62
- const candidates = new Set();
63
- const windowCandidate = typeof window !== "undefined" ? window.DS_ONE_TRANSLATIONS_FILE : null;
64
- const attributeCandidate = findAttributeCandidate();
65
- const addCandidate = (candidate) => {
66
- const normalized = normalizeCandidate(candidate ?? "");
67
- if (normalized) {
68
- candidates.add(normalized);
69
- }
70
- };
71
- addCandidate(windowCandidate ?? null);
72
- addCandidate(attributeCandidate);
73
- // Always include defaults as fallback so existing behaviour keeps working
74
- DEFAULT_TRANSLATION_FILES.forEach((file) => addCandidate(file));
75
- return Array.from(candidates);
76
- }
77
- function validateTranslationMap(candidate) {
78
- if (!candidate || typeof candidate !== "object") {
79
- return false;
80
- }
81
- return Object.values(candidate).every((entry) => entry && typeof entry === "object");
82
- }
83
- async function fetchTranslationFile(source) {
84
- try {
85
- console.log(`[DS one] Attempting to fetch translations from: ${source}`);
86
- const response = await fetch(source);
87
- if (!response.ok) {
88
- console.log(`[DS one] Failed to fetch ${source} (${response.status})`);
89
- return null;
90
- }
91
- const translations = await response.json();
92
- console.log(`[DS one] Successfully fetched JSON from ${source}`);
93
- if (!validateTranslationMap(translations)) {
94
- console.warn(`[DS one] Invalid translation format in ${source}. Expected object with language codes as keys.`);
95
- return null;
96
- }
97
- const languages = Object.keys(translations);
98
- if (languages.length === 0) {
99
- console.warn(`[DS one] No languages found in ${source}`);
100
- return null;
101
- }
102
- console.log(`[DS one] Valid translations found: ${languages.join(", ")}`);
103
- return translations;
104
- }
105
- catch (error) {
106
- if (error instanceof TypeError &&
107
- error.message.includes("Failed to fetch")) {
108
- console.log(`[DS one] Network error fetching ${source}`);
109
- return null;
110
- }
111
- console.error(`[DS one] Error loading external translations from ${source}:`, error);
112
- return null;
113
- }
114
- }
115
- /**
116
- * Attempts to load translations from a JSON file in the same directory
117
- */
118
- export async function loadExternalTranslations() {
119
- // Only attempt once
120
- if (loadAttempted) {
121
- return false;
122
- }
123
- loadAttempted = true;
124
- if (typeof window === "undefined") {
125
- return false;
126
- }
127
- // Check if translations are already loaded (e.g., by the application)
128
- if (window.DS_ONE_TRANSLATIONS &&
129
- Object.keys(window.DS_ONE_TRANSLATIONS).length > 0) {
130
- console.log(`[DS one] Translations already loaded (${Object.keys(window.DS_ONE_TRANSLATIONS).length} languages), skipping auto-load`);
131
- return true;
132
- }
133
- const sources = resolveTranslationSources();
134
- for (const source of sources) {
135
- const translations = await fetchTranslationFile(source);
136
- if (!translations) {
137
- continue;
138
- }
139
- window.DS_ONE_TRANSLATIONS = translations;
140
- const languages = Object.keys(translations);
141
- console.log(`[DS one] External translations loaded from ${source}: ${languages.length} language(s) – ${languages.join(", ")}`);
142
- window.dispatchEvent(new CustomEvent("translations-ready"));
143
- return true;
144
- }
145
- console.info(`[DS one] No external translations found. Looked in: ${sources.join(", ")}. Using bundled translations.`);
146
- return false;
147
- }
148
- // Auto-load translations when this module is imported (for CDN bundle)
149
- if (typeof window !== "undefined") {
150
- // Wait a bit to ensure the DOM is ready
151
- if (document.readyState === "loading") {
152
- document.addEventListener("DOMContentLoaded", () => {
153
- loadExternalTranslations();
154
- });
155
- }
156
- else {
157
- // DOM is already ready
158
- loadExternalTranslations();
159
- }
160
- }
@@ -1,41 +0,0 @@
1
- {
2
- "en": {
3
- "language": "Language",
4
- "theme": "Theme",
5
- "home": "Home",
6
- "about": "About",
7
- "contact": "Contact",
8
- "welcome": "Welcome",
9
- "description": "Description",
10
- "learnMore": "Learn More",
11
- "copyright": "© 2025",
12
- "siteTitle": "Site Title",
13
- "downloadCV": "Download CV"
14
- },
15
- "da": {
16
- "language": "Sprog",
17
- "theme": "Tema",
18
- "home": "Hjem",
19
- "about": "Om",
20
- "contact": "Kontakt",
21
- "welcome": "Velkommen",
22
- "description": "Beskrivelse",
23
- "learnMore": "Lær Mere",
24
- "copyright": "© 2025",
25
- "siteTitle": "Site Titel",
26
- "downloadCV": "Download CV"
27
- },
28
- "ja": {
29
- "language": "言語",
30
- "theme": "テーマ",
31
- "home": "ホーム",
32
- "about": "について",
33
- "contact": "お問い合わせ",
34
- "welcome": "ようこそ",
35
- "description": "説明",
36
- "learnMore": "詳細を見る",
37
- "copyright": "© 2025",
38
- "siteTitle": "サイトタイトル",
39
- "downloadCV": "CVをダウンロード"
40
- }
41
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"language.d.ts","sourceRoot":"","sources":["../../DS1/utils/language.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAGlC,KAAK,eAAe,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAwDF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;QACtD,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC;CACF;AA6GD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,YAAY,EAClB,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,GAChC,MAAM,CA6CR;AAwDD,wBAAgB,kBAAkB,IAAI,YAAY,CAwBjD;AAWD,eAAO,MAAM,eAAe;;gBAGL,YAAY;CAWlC,CAAC;AA4CF,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAe7C;AAED,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,QAAQ,GAAE,YAAoC,GAC7C,OAAO,CAmBT;AAGD,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAE3C;AAGD,wBAAsB,aAAa,CACjC,GAAG,EAAE,MAAM,EACX,QAAQ,GAAE,YAAoC,GAC7C,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAoBxB;AAGD,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,QAAQ,GAAE,YAAoC,GAC7C,IAAI,CAKN;AAUD,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC,CAS/D;AAGD,wBAAgB,yBAAyB,IAAI,YAAY,EAAE,CAO1D;AAGD,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,eAAe,GAC5B,IAAI,CAON;AAGD,wBAAgB,WAAW,CAAC,QAAQ,EAAE,YAAY,GAAG,IAAI,CAgBxD"}
@@ -1,8 +0,0 @@
1
- import type { LanguageCode } from "./language";
2
- type PriceLabelOptions = {
3
- language: LanguageCode;
4
- country?: string;
5
- };
6
- export declare function getPriceLabel({ language, country }: PriceLabelOptions): string;
7
- export {};
8
- //# sourceMappingURL=pricing.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"pricing.d.ts","sourceRoot":"","sources":["../../DS1/utils/pricing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AASF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,iBAAiB,GAAG,MAAM,CAS9E"}
@@ -1,14 +0,0 @@
1
- const defaultPriceByLanguage = {
2
- en: "$42", // life, the universe and everything
3
- de: "42 €",
4
- fr: "42 €",
5
- es: "42 €",
6
- };
7
- export function getPriceLabel({ language, country }) {
8
- const normalized = language.toLowerCase();
9
- const base = defaultPriceByLanguage[normalized] ?? defaultPriceByLanguage.en;
10
- if (!country) {
11
- return base;
12
- }
13
- return `${base} (${country.toUpperCase()})`;
14
- }
@@ -1,34 +0,0 @@
1
- export type ScrollPosition = {
2
- x: number;
3
- y: number;
4
- };
5
- /**
6
- * Save the current scroll position
7
- */
8
- export declare function saveScrollPosition(): void;
9
- /**
10
- * Get the saved scroll position
11
- */
12
- export declare function getScrollPosition(): ScrollPosition | null;
13
- /**
14
- * Restore the saved scroll position
15
- */
16
- export declare function restoreScrollPosition(options?: {
17
- smooth?: boolean;
18
- clear?: boolean;
19
- }): boolean;
20
- /**
21
- * Clear the saved scroll position
22
- */
23
- export declare function clearScrollPosition(): void;
24
- /**
25
- * Initialize scroll position management
26
- * Call this once to set up automatic save/restore behavior
27
- */
28
- export declare function initScrollManagement(options?: {
29
- autoSave?: boolean;
30
- autoRestore?: boolean;
31
- smooth?: boolean;
32
- clearOnRestore?: boolean;
33
- }): void;
34
- //# sourceMappingURL=scroll.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../DS1/utils/scroll.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAIF;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CAezC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,cAAc,GAAG,IAAI,CA6BzD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAO,GAClD,OAAO,CAsCT;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAU1C;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,GAAE;IACP,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;CACrB,GACL,IAAI,CAsCN"}