ds-one 0.2.5-alpha.9 → 0.3.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DS1/0-face/device.ts +138 -0
- package/DS1/0-face/scaling.ts +152 -0
- package/DS1/1-root/fonts/Iosevka-Regular.woff2 +0 -0
- package/DS1/1-root/one.css +124 -77
- package/DS1/2-core/ds-banner.ts +120 -1
- package/DS1/2-core/ds-button.ts +16 -93
- package/DS1/2-core/ds-card.ts +137 -0
- package/DS1/2-core/ds-cycle.ts +77 -179
- package/DS1/2-core/ds-date.ts +3 -10
- package/DS1/2-core/ds-gap.ts +38 -0
- package/DS1/2-core/ds-icon.ts +6 -35
- package/DS1/2-core/ds-input.ts +306 -1
- package/DS1/2-core/ds-pagedots.ts +52 -0
- package/DS1/2-core/ds-text.ts +55 -28
- package/DS1/2-core/ds-tooltip.ts +12 -58
- package/DS1/2-core/styles/ds-banner.css +77 -0
- package/DS1/2-core/styles/ds-button.css +67 -0
- package/DS1/2-core/styles/ds-cycle.css +21 -0
- package/DS1/2-core/styles/ds-date.css +9 -0
- package/DS1/2-core/styles/ds-gap.css +93 -0
- package/DS1/2-core/styles/ds-icon.css +30 -0
- package/DS1/2-core/styles/ds-input.css +46 -0
- package/DS1/2-core/styles/ds-pagedots.css +31 -0
- package/DS1/2-core/styles/ds-text.css +29 -0
- package/DS1/2-core/styles/ds-tooltip.css +49 -0
- package/DS1/3-unit/ds-accordion.ts +95 -0
- package/DS1/3-unit/ds-form.ts +304 -0
- package/DS1/3-unit/ds-list.ts +5 -14
- package/DS1/3-unit/ds-row.ts +3 -19
- package/DS1/3-unit/ds-table.ts +3 -86
- package/DS1/3-unit/styles/ds-accordion.css +46 -0
- package/DS1/3-unit/styles/ds-list.css +9 -0
- package/DS1/3-unit/styles/ds-row.css +19 -0
- package/DS1/3-unit/styles/ds-table.css +80 -0
- package/DS1/4-page/ds-container.ts +28 -0
- package/DS1/4-page/ds-grid.ts +37 -50
- package/DS1/4-page/ds-layout.ts +652 -163
- package/DS1/4-page/styles/ds-container.css +35 -0
- package/DS1/4-page/styles/ds-grid.css +56 -0
- package/DS1/4-page/styles/ds-layout.css +246 -0
- package/DS1/index.ts +9 -1
- package/DS1/vite-env.d.ts +13 -0
- package/DS1/x-icon/2x.svg +4 -0
- package/DS1/x-icon/2xdots.svg +18 -0
- package/DS1/x-icon/2xgrid.svg +6 -0
- package/DS1/x-icon/2xlines.svg +6 -0
- package/DS1/x-icon/4x4.svg +18 -0
- package/DS1/x-icon/apple.svg +4 -0
- package/DS1/x-icon/avatar.svg +4 -0
- package/DS1/x-icon/big.svg +4 -0
- package/DS1/x-icon/blank.svg +3 -0
- package/DS1/x-icon/check.svg +3 -0
- package/DS1/x-icon/close.svg +3 -0
- package/DS1/x-icon/collapse.svg +3 -0
- package/DS1/x-icon/color.svg +4 -0
- package/DS1/x-icon/column.svg +5 -0
- package/DS1/x-icon/default.svg +3 -0
- package/DS1/x-icon/delete.svg +5 -0
- package/DS1/x-icon/dictate.svg +6 -0
- package/DS1/x-icon/do.svg +3 -0
- package/DS1/x-icon/down.svg +3 -0
- package/DS1/x-icon/duplicate.svg +4 -0
- package/DS1/x-icon/gallery.svg +5 -0
- package/DS1/x-icon/google.svg +6 -0
- package/DS1/x-icon/head.svg +5 -0
- package/DS1/x-icon/home.svg +3 -0
- package/DS1/x-icon/icon.svg +4 -0
- package/DS1/x-icon/in.svg +4 -0
- package/DS1/x-icon/lock.svg +5 -0
- package/DS1/x-icon/loop.svg +5 -0
- package/DS1/x-icon/mic.svg +5 -0
- package/DS1/x-icon/minimize.svg +3 -0
- package/DS1/x-icon/more.svg +5 -0
- package/DS1/x-icon/neutral.svg +6 -0
- package/DS1/x-icon/note.svg +6 -0
- package/DS1/x-icon/page.svg +4 -0
- package/DS1/x-icon/plus.svg +3 -0
- package/DS1/x-icon/rewind.svg +4 -0
- package/DS1/x-icon/row.svg +5 -0
- package/DS1/x-icon/sdown.svg +3 -0
- package/DS1/x-icon/search.svg +4 -0
- package/DS1/x-icon/see.svg +4 -0
- package/DS1/x-icon/ship.svg +5 -0
- package/DS1/x-icon/star.svg +3 -0
- package/DS1/x-icon/status.svg +4 -0
- package/DS1/x-icon/sup.svg +3 -0
- package/DS1/x-icon/title.svg +3 -0
- package/DS1/x-icon/undo.svg +3 -0
- package/DS1/x-icon/ungroup.svg +4 -0
- package/DS1/x-icon/unhead.svg +3 -0
- package/DS1/x-icon/unicon.svg +3 -0
- package/DS1/x-icon/unlock.svg +5 -0
- package/DS1/x-icon/unmic.svg +6 -0
- package/DS1/x-icon/unsee.svg +5 -0
- package/DS1/x-icon/unstar.svg +3 -0
- package/DS1/x-icon/untitle.svg +3 -0
- package/DS1/x-icon/up.svg +3 -0
- package/LICENSE +1 -1
- package/README.md +4 -4
- package/dist/0-face/device.d.ts +5 -0
- package/dist/0-face/device.d.ts.map +1 -1
- package/dist/0-face/device.js +111 -0
- package/dist/0-face/scaling.d.ts +48 -0
- package/dist/0-face/scaling.d.ts.map +1 -0
- package/dist/0-face/scaling.js +114 -0
- package/dist/2-core/ds-banner.d.ts +67 -0
- package/dist/2-core/ds-banner.d.ts.map +1 -1
- package/dist/2-core/ds-banner.js +97 -1
- package/dist/2-core/ds-button.d.ts +4 -15
- package/dist/2-core/ds-button.d.ts.map +1 -1
- package/dist/2-core/ds-button.js +14 -86
- package/dist/2-core/ds-card.d.ts +39 -0
- package/dist/2-core/ds-card.d.ts.map +1 -0
- package/dist/2-core/ds-card.js +119 -0
- package/dist/2-core/ds-cycle.d.ts +1 -5
- package/dist/2-core/ds-cycle.d.ts.map +1 -1
- package/dist/2-core/ds-cycle.js +74 -163
- package/dist/2-core/ds-date.d.ts.map +1 -1
- package/dist/2-core/ds-date.js +3 -9
- package/dist/2-core/ds-gap.d.ts +28 -0
- package/dist/2-core/ds-gap.d.ts.map +1 -0
- package/dist/2-core/ds-gap.js +25 -0
- package/dist/2-core/ds-icon.d.ts.map +1 -1
- package/dist/2-core/ds-icon.js +6 -35
- package/dist/2-core/ds-input.d.ts +127 -0
- package/dist/2-core/ds-input.d.ts.map +1 -1
- package/dist/2-core/ds-input.js +252 -1
- package/dist/2-core/ds-pagedots.d.ts +32 -0
- package/dist/2-core/ds-pagedots.d.ts.map +1 -0
- package/dist/2-core/ds-pagedots.js +36 -0
- package/dist/2-core/ds-text.d.ts +5 -3
- package/dist/2-core/ds-text.d.ts.map +1 -1
- package/dist/2-core/ds-text.js +49 -27
- package/dist/2-core/ds-tooltip.d.ts +2 -2
- package/dist/2-core/ds-tooltip.d.ts.map +1 -1
- package/dist/2-core/ds-tooltip.js +11 -57
- package/dist/2-core/styles/ds-banner.css +77 -0
- package/dist/2-core/styles/ds-button.css +67 -0
- package/dist/2-core/styles/ds-cycle.css +21 -0
- package/dist/2-core/styles/ds-date.css +9 -0
- package/dist/2-core/styles/ds-gap.css +93 -0
- package/dist/2-core/styles/ds-icon.css +30 -0
- package/dist/2-core/styles/ds-input.css +46 -0
- package/dist/2-core/styles/ds-pagedots.css +26 -0
- package/dist/2-core/styles/ds-text.css +29 -0
- package/dist/2-core/styles/ds-tooltip.css +49 -0
- package/dist/3-unit/ds-accordion.d.ts +47 -0
- package/dist/3-unit/ds-accordion.d.ts.map +1 -0
- package/dist/3-unit/ds-accordion.js +75 -0
- package/dist/3-unit/ds-form.d.ts +70 -0
- package/dist/3-unit/ds-form.d.ts.map +1 -0
- package/dist/3-unit/ds-form.js +232 -0
- package/dist/3-unit/ds-list.d.ts.map +1 -1
- package/dist/3-unit/ds-list.js +5 -11
- package/dist/3-unit/ds-row.d.ts.map +1 -1
- package/dist/3-unit/ds-row.js +3 -19
- package/dist/3-unit/ds-table.d.ts.map +1 -1
- package/dist/3-unit/ds-table.js +3 -86
- package/dist/3-unit/styles/ds-accordion.css +46 -0
- package/dist/3-unit/styles/ds-list.css +9 -0
- package/dist/3-unit/styles/ds-row.css +19 -0
- package/dist/3-unit/styles/ds-table.css +80 -0
- package/dist/{3-unit/row-v1.d.ts → 4-page/ds-container.d.ts} +3 -11
- package/dist/4-page/ds-container.d.ts.map +1 -0
- package/dist/4-page/ds-container.js +11 -0
- package/dist/4-page/ds-grid.d.ts +5 -0
- package/dist/4-page/ds-grid.d.ts.map +1 -1
- package/dist/4-page/ds-grid.js +38 -56
- package/dist/4-page/ds-layout.d.ts +3 -3
- package/dist/4-page/ds-layout.d.ts.map +1 -1
- package/dist/4-page/ds-layout.js +651 -162
- package/dist/4-page/styles/ds-container.css +35 -0
- package/dist/4-page/styles/ds-grid.css +56 -0
- package/dist/4-page/styles/ds-layout.css +251 -0
- package/dist/ds-one.bundle.css +700 -0
- package/dist/ds-one.bundle.css.map +7 -0
- package/dist/ds-one.bundle.js +2642 -1469
- package/dist/ds-one.bundle.js.map +1 -7
- package/dist/ds-one.bundle.min.css +2 -0
- package/dist/ds-one.bundle.min.css.map +7 -0
- package/dist/ds-one.bundle.min.js +3850 -550
- package/dist/ds-one.bundle.min.js.map +1 -7
- package/dist/index.d.ts +9 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -1
- package/package.json +4 -2
- package/dist/3-unit/doublenav-v1.d.ts +0 -51
- package/dist/3-unit/doublenav-v1.d.ts.map +0 -1
- package/dist/3-unit/doublenav-v1.js +0 -88
- package/dist/3-unit/ds-portfolio-doublenav.d.ts +0 -51
- package/dist/3-unit/ds-portfolio-doublenav.d.ts.map +0 -1
- package/dist/3-unit/ds-portfolio-doublenav.js +0 -88
- package/dist/3-unit/ds-portfolio-panel.d.ts +0 -11
- package/dist/3-unit/ds-portfolio-panel.d.ts.map +0 -1
- package/dist/3-unit/ds-portfolio-panel.js +0 -16
- package/dist/3-unit/ds-portfolio-singlenav.d.ts +0 -32
- package/dist/3-unit/ds-portfolio-singlenav.d.ts.map +0 -1
- package/dist/3-unit/ds-portfolio-singlenav.js +0 -62
- package/dist/3-unit/list-v1.d.ts +0 -11
- package/dist/3-unit/list-v1.d.ts.map +0 -1
- package/dist/3-unit/list-v1.js +0 -15
- package/dist/3-unit/panel-v1.d.ts +0 -11
- package/dist/3-unit/panel-v1.d.ts.map +0 -1
- package/dist/3-unit/panel-v1.js +0 -16
- package/dist/3-unit/row-v1.d.ts.map +0 -1
- package/dist/3-unit/row-v1.js +0 -32
- package/dist/3-unit/singlenav-v1.d.ts +0 -32
- package/dist/3-unit/singlenav-v1.d.ts.map +0 -1
- package/dist/3-unit/singlenav-v1.js +0 -62
package/dist/index.d.ts
CHANGED
|
@@ -10,16 +10,24 @@ export * from "./0-face/device";
|
|
|
10
10
|
export * from "./0-face/i18n";
|
|
11
11
|
export * from "./0-face/preferences";
|
|
12
12
|
export * from "./0-face/pricing";
|
|
13
|
+
export * from "./0-face/scaling";
|
|
13
14
|
export * from "./0-face/theme";
|
|
15
|
+
export * from "./2-core/ds-banner";
|
|
14
16
|
export * from "./2-core/ds-button";
|
|
17
|
+
export * from "./2-core/ds-card";
|
|
15
18
|
export * from "./2-core/ds-cycle";
|
|
19
|
+
export * from "./2-core/ds-date";
|
|
20
|
+
export * from "./2-core/ds-gap";
|
|
16
21
|
export * from "./2-core/ds-icon";
|
|
22
|
+
export * from "./2-core/ds-input";
|
|
17
23
|
export * from "./2-core/ds-text";
|
|
18
24
|
export * from "./2-core/ds-tooltip";
|
|
19
|
-
export * from "./
|
|
25
|
+
export * from "./3-unit/ds-accordion";
|
|
26
|
+
export * from "./3-unit/ds-form";
|
|
20
27
|
export * from "./3-unit/ds-list";
|
|
21
28
|
export * from "./3-unit/ds-row";
|
|
22
29
|
export * from "./3-unit/ds-table";
|
|
30
|
+
export * from "./4-page/ds-container";
|
|
23
31
|
export * from "./4-page/ds-grid";
|
|
24
32
|
export * from "./4-page/ds-layout";
|
|
25
33
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../DS1/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,iBAAiB,CAAC;AAGzB,OAAO,eAAe,CAAC;AAMvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAM/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../DS1/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,iBAAiB,CAAC;AAGzB,OAAO,eAAe,CAAC;AAMvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAM/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AAMpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAMlC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -18,24 +18,32 @@ export * from "./0-face/device";
|
|
|
18
18
|
export * from "./0-face/i18n";
|
|
19
19
|
export * from "./0-face/preferences";
|
|
20
20
|
export * from "./0-face/pricing";
|
|
21
|
+
export * from "./0-face/scaling";
|
|
21
22
|
export * from "./0-face/theme";
|
|
22
23
|
// ============================================================================
|
|
23
24
|
// 2-core: Core Components
|
|
24
25
|
// ============================================================================
|
|
26
|
+
export * from "./2-core/ds-banner";
|
|
25
27
|
export * from "./2-core/ds-button";
|
|
28
|
+
export * from "./2-core/ds-card";
|
|
26
29
|
export * from "./2-core/ds-cycle";
|
|
30
|
+
export * from "./2-core/ds-date";
|
|
31
|
+
export * from "./2-core/ds-gap";
|
|
27
32
|
export * from "./2-core/ds-icon";
|
|
33
|
+
export * from "./2-core/ds-input";
|
|
28
34
|
export * from "./2-core/ds-text";
|
|
29
35
|
export * from "./2-core/ds-tooltip";
|
|
30
|
-
export * from "./2-core/ds-date";
|
|
31
36
|
// ============================================================================
|
|
32
37
|
// 3-unit: Composite Components
|
|
33
38
|
// ============================================================================
|
|
39
|
+
export * from "./3-unit/ds-accordion";
|
|
40
|
+
export * from "./3-unit/ds-form";
|
|
34
41
|
export * from "./3-unit/ds-list";
|
|
35
42
|
export * from "./3-unit/ds-row";
|
|
36
43
|
export * from "./3-unit/ds-table";
|
|
37
44
|
// ============================================================================
|
|
38
45
|
// 4-page: Layout Components
|
|
39
46
|
// ============================================================================
|
|
47
|
+
export * from "./4-page/ds-container";
|
|
40
48
|
export * from "./4-page/ds-grid";
|
|
41
49
|
export * from "./4-page/ds-layout";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ds-one",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0-alpha.1",
|
|
4
4
|
"description": "A component-based design system built with TypeScript and LitElement that provides reusable UI components with built-in theming, internationalization, and accessibility features.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -29,7 +29,9 @@
|
|
|
29
29
|
"scripts": {
|
|
30
30
|
"dev": "vite --host",
|
|
31
31
|
"build": "bun run build:bundle",
|
|
32
|
-
"build:bundle": "bunx tsc &&
|
|
32
|
+
"build:bundle": "bunx tsc && bun run build:vite && bun run build:vite:min",
|
|
33
|
+
"build:vite": "bunx vite build --config vite.config.lib.ts",
|
|
34
|
+
"build:vite:min": "MINIFY=true bunx vite build --config vite.config.lib.ts",
|
|
33
35
|
"build:types": "tsc --noEmit",
|
|
34
36
|
"build:components": "bun run build:core && bun run build:units",
|
|
35
37
|
"build:core": "bun run build:component -- DS1/2-core",
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* A component for double navigation (previous/next)
|
|
4
|
-
*
|
|
5
|
-
* @element doublenav-v1
|
|
6
|
-
* @prop {string} previous - URL for previous link
|
|
7
|
-
* @prop {string} next - URL for next link
|
|
8
|
-
* @prop {string} previousText - Text for previous link
|
|
9
|
-
* @prop {string} nextText - Text for next link
|
|
10
|
-
* @prop {string} overlay - Overlay color (blue, red, orange, green, yellow)
|
|
11
|
-
*/
|
|
12
|
-
export declare class DoubleNav extends LitElement {
|
|
13
|
-
static get properties(): {
|
|
14
|
-
previous: {
|
|
15
|
-
type: StringConstructor;
|
|
16
|
-
reflect: boolean;
|
|
17
|
-
};
|
|
18
|
-
next: {
|
|
19
|
-
type: StringConstructor;
|
|
20
|
-
reflect: boolean;
|
|
21
|
-
};
|
|
22
|
-
previousText: {
|
|
23
|
-
type: StringConstructor;
|
|
24
|
-
reflect: boolean;
|
|
25
|
-
attribute: string;
|
|
26
|
-
};
|
|
27
|
-
nextText: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
reflect: boolean;
|
|
30
|
-
attribute: string;
|
|
31
|
-
};
|
|
32
|
-
overlay: {
|
|
33
|
-
type: StringConstructor;
|
|
34
|
-
reflect: boolean;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
previous: string;
|
|
38
|
-
next: string;
|
|
39
|
-
previousText: string;
|
|
40
|
-
nextText: string;
|
|
41
|
-
overlay?: string;
|
|
42
|
-
constructor();
|
|
43
|
-
static styles: import("lit").CSSResult;
|
|
44
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
45
|
-
}
|
|
46
|
-
declare global {
|
|
47
|
-
interface HTMLElementTagNameMap {
|
|
48
|
-
"doublenav-v1": DoubleNav;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
//# sourceMappingURL=doublenav-v1.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"doublenav-v1.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/doublenav-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;;;;;GASG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;;;;MAQpB;IAEO,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;;IAWzB,MAAM,CAAC,MAAM,0BAoCX;IAEF,MAAM;CAoBP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { LitElement, html, css } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* A component for double navigation (previous/next)
|
|
4
|
-
*
|
|
5
|
-
* @element doublenav-v1
|
|
6
|
-
* @prop {string} previous - URL for previous link
|
|
7
|
-
* @prop {string} next - URL for next link
|
|
8
|
-
* @prop {string} previousText - Text for previous link
|
|
9
|
-
* @prop {string} nextText - Text for next link
|
|
10
|
-
* @prop {string} overlay - Overlay color (blue, red, orange, green, yellow)
|
|
11
|
-
*/
|
|
12
|
-
export class DoubleNav extends LitElement {
|
|
13
|
-
static get properties() {
|
|
14
|
-
return {
|
|
15
|
-
previous: { type: String, reflect: true },
|
|
16
|
-
next: { type: String, reflect: true },
|
|
17
|
-
previousText: { type: String, reflect: true, attribute: "previous-text" },
|
|
18
|
-
nextText: { type: String, reflect: true, attribute: "next-text" },
|
|
19
|
-
overlay: { type: String, reflect: true },
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
constructor() {
|
|
23
|
-
super();
|
|
24
|
-
this.previous = "";
|
|
25
|
-
this.next = "";
|
|
26
|
-
this.previousText = "";
|
|
27
|
-
this.nextText = "";
|
|
28
|
-
this.overlay = "";
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
return html `
|
|
32
|
-
${this.previous
|
|
33
|
-
? html `
|
|
34
|
-
<a href="${this.previous}" class="nav-previous">
|
|
35
|
-
<icon-v1 type="left"></icon-v1>
|
|
36
|
-
<ds-text>${this.previousText || "Previous"}</ds-text>
|
|
37
|
-
</a>
|
|
38
|
-
`
|
|
39
|
-
: html `<div></div>`}
|
|
40
|
-
${this.next
|
|
41
|
-
? html `
|
|
42
|
-
<a href="${this.next}" class="nav-next">
|
|
43
|
-
<ds-text>${this.nextText || "Next"}</ds-text>
|
|
44
|
-
<icon-v1 type="right"></icon-v1>
|
|
45
|
-
</a>
|
|
46
|
-
`
|
|
47
|
-
: html `<div></div>`}
|
|
48
|
-
`;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
DoubleNav.styles = css `
|
|
52
|
-
:host {
|
|
53
|
-
display: flex;
|
|
54
|
-
justify-content: space-between;
|
|
55
|
-
gap: calc(5px * var(--scaling-factor));
|
|
56
|
-
padding: calc(2px * var(--scaling-factor));
|
|
57
|
-
align-items: center;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
a {
|
|
61
|
-
display: inline-flex;
|
|
62
|
-
align-items: center;
|
|
63
|
-
gap: calc(5px * var(--scaling-factor));
|
|
64
|
-
text-decoration: none;
|
|
65
|
-
color: inherit;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.nav-previous {
|
|
69
|
-
justify-self: start;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.nav-next {
|
|
73
|
-
justify-self: end;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.nav-previous icon-v1 {
|
|
77
|
-
order: -1;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.nav-next icon-v1 {
|
|
81
|
-
padding-top: 3px;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.nav-previous icon-v1 {
|
|
85
|
-
padding-top: 3px;
|
|
86
|
-
}
|
|
87
|
-
`;
|
|
88
|
-
customElements.define("doublenav-v1", DoubleNav);
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* A component for double navigation (previous/next)
|
|
4
|
-
*
|
|
5
|
-
* @element portfolio-doublenav
|
|
6
|
-
* @prop {string} previous - URL for previous link
|
|
7
|
-
* @prop {string} next - URL for next link
|
|
8
|
-
* @prop {string} previousText - Text for previous link
|
|
9
|
-
* @prop {string} nextText - Text for next link
|
|
10
|
-
* @prop {string} overlay - Overlay color (blue, red, orange, green, yellow)
|
|
11
|
-
*/
|
|
12
|
-
export declare class PortfolioDoubleNav extends LitElement {
|
|
13
|
-
static get properties(): {
|
|
14
|
-
previous: {
|
|
15
|
-
type: StringConstructor;
|
|
16
|
-
reflect: boolean;
|
|
17
|
-
};
|
|
18
|
-
next: {
|
|
19
|
-
type: StringConstructor;
|
|
20
|
-
reflect: boolean;
|
|
21
|
-
};
|
|
22
|
-
previousText: {
|
|
23
|
-
type: StringConstructor;
|
|
24
|
-
reflect: boolean;
|
|
25
|
-
attribute: string;
|
|
26
|
-
};
|
|
27
|
-
nextText: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
reflect: boolean;
|
|
30
|
-
attribute: string;
|
|
31
|
-
};
|
|
32
|
-
overlay: {
|
|
33
|
-
type: StringConstructor;
|
|
34
|
-
reflect: boolean;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
previous: string;
|
|
38
|
-
next: string;
|
|
39
|
-
previousText: string;
|
|
40
|
-
nextText: string;
|
|
41
|
-
overlay?: string;
|
|
42
|
-
constructor();
|
|
43
|
-
static styles: import("lit").CSSResult;
|
|
44
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
45
|
-
}
|
|
46
|
-
declare global {
|
|
47
|
-
interface HTMLElementTagNameMap {
|
|
48
|
-
"portfolio-doublenav": PortfolioDoubleNav;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
//# sourceMappingURL=ds-portfolio-doublenav.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ds-portfolio-doublenav.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-portfolio-doublenav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;;;;;GASG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;;;;MAQpB;IAEO,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;;IAWzB,MAAM,CAAC,MAAM,0BAoCX;IAEF,MAAM;CAoBP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,kBAAkB,CAAC;KAC3C;CACF"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { LitElement, html, css } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* A component for double navigation (previous/next)
|
|
4
|
-
*
|
|
5
|
-
* @element portfolio-doublenav
|
|
6
|
-
* @prop {string} previous - URL for previous link
|
|
7
|
-
* @prop {string} next - URL for next link
|
|
8
|
-
* @prop {string} previousText - Text for previous link
|
|
9
|
-
* @prop {string} nextText - Text for next link
|
|
10
|
-
* @prop {string} overlay - Overlay color (blue, red, orange, green, yellow)
|
|
11
|
-
*/
|
|
12
|
-
export class PortfolioDoubleNav extends LitElement {
|
|
13
|
-
static get properties() {
|
|
14
|
-
return {
|
|
15
|
-
previous: { type: String, reflect: true },
|
|
16
|
-
next: { type: String, reflect: true },
|
|
17
|
-
previousText: { type: String, reflect: true, attribute: "previous-text" },
|
|
18
|
-
nextText: { type: String, reflect: true, attribute: "next-text" },
|
|
19
|
-
overlay: { type: String, reflect: true },
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
constructor() {
|
|
23
|
-
super();
|
|
24
|
-
this.previous = "";
|
|
25
|
-
this.next = "";
|
|
26
|
-
this.previousText = "";
|
|
27
|
-
this.nextText = "";
|
|
28
|
-
this.overlay = "";
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
return html `
|
|
32
|
-
${this.previous
|
|
33
|
-
? html `
|
|
34
|
-
<a href="${this.previous}" class="nav-previous">
|
|
35
|
-
<ds-icon type="left"></ds-icon>
|
|
36
|
-
<ds-text>${this.previousText || "Previous"}</ds-text>
|
|
37
|
-
</a>
|
|
38
|
-
`
|
|
39
|
-
: html `<div></div>`}
|
|
40
|
-
${this.next
|
|
41
|
-
? html `
|
|
42
|
-
<a href="${this.next}" class="nav-next">
|
|
43
|
-
<ds-text>${this.nextText || "Next"}</ds-text>
|
|
44
|
-
<ds-icon type="right"></ds-icon>
|
|
45
|
-
</a>
|
|
46
|
-
`
|
|
47
|
-
: html `<div></div>`}
|
|
48
|
-
`;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
PortfolioDoubleNav.styles = css `
|
|
52
|
-
:host {
|
|
53
|
-
display: flex;
|
|
54
|
-
justify-content: space-between;
|
|
55
|
-
gap: calc(5px * var(--scaling-factor));
|
|
56
|
-
padding: calc(2px * var(--scaling-factor));
|
|
57
|
-
align-items: center;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
a {
|
|
61
|
-
display: inline-flex;
|
|
62
|
-
align-items: center;
|
|
63
|
-
gap: calc(5px * var(--scaling-factor));
|
|
64
|
-
text-decoration: none;
|
|
65
|
-
color: inherit;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.nav-previous {
|
|
69
|
-
justify-self: start;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.nav-next {
|
|
73
|
-
justify-self: end;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.nav-previous ds-icon {
|
|
77
|
-
order: -1;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.nav-next ds-icon {
|
|
81
|
-
padding-top: 3px;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.nav-previous ds-icon {
|
|
85
|
-
padding-top: 3px;
|
|
86
|
-
}
|
|
87
|
-
`;
|
|
88
|
-
customElements.define("portfolio-doublenav", PortfolioDoubleNav);
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
export declare class PortfolioPanel extends LitElement {
|
|
3
|
-
static styles: import("lit").CSSResult;
|
|
4
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
5
|
-
}
|
|
6
|
-
declare global {
|
|
7
|
-
interface HTMLElementTagNameMap {
|
|
8
|
-
"portfolio-panel": PortfolioPanel;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=ds-portfolio-panel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ds-portfolio-panel.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-portfolio-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAQX;IAEF,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { LitElement, html, css } from "lit";
|
|
2
|
-
export class PortfolioPanel extends LitElement {
|
|
3
|
-
render() {
|
|
4
|
-
return html `<slot></slot>`;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
PortfolioPanel.styles = css `
|
|
8
|
-
:host {
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: row;
|
|
11
|
-
height: var(--08);
|
|
12
|
-
align-items: end;
|
|
13
|
-
gap: var(--025);
|
|
14
|
-
}
|
|
15
|
-
`;
|
|
16
|
-
customElements.define("portfolio-panel", PortfolioPanel);
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* A component for single navigation links
|
|
4
|
-
*
|
|
5
|
-
* @element portfolio-singlenav
|
|
6
|
-
* @prop {string} type - Type of navigation: "projects" or "work"
|
|
7
|
-
* @prop {string} to - Optional custom destination URL
|
|
8
|
-
*/
|
|
9
|
-
export declare class PortfolioSingleNav extends LitElement {
|
|
10
|
-
static get properties(): {
|
|
11
|
-
type: {
|
|
12
|
-
type: StringConstructor;
|
|
13
|
-
reflect: boolean;
|
|
14
|
-
};
|
|
15
|
-
to: {
|
|
16
|
-
type: StringConstructor;
|
|
17
|
-
reflect: boolean;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
type: "projects" | "work";
|
|
21
|
-
to?: string;
|
|
22
|
-
constructor();
|
|
23
|
-
static styles: import("lit").CSSResult;
|
|
24
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
25
|
-
private getNavConfig;
|
|
26
|
-
}
|
|
27
|
-
declare global {
|
|
28
|
-
interface HTMLElementTagNameMap {
|
|
29
|
-
"portfolio-singlenav": PortfolioSingleNav;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
//# sourceMappingURL=ds-portfolio-singlenav.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ds-portfolio-singlenav.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-portfolio-singlenav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;;GAMG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,KAAK,UAAU;;;;;;;;;MAKpB;IAEO,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;;IAOpB,MAAM,CAAC,MAAM,0BAgBX;IAEF,MAAM;IAYN,OAAO,CAAC,YAAY;CAcrB;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,kBAAkB,CAAC;KAC3C;CACF"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { LitElement, html, css } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* A component for single navigation links
|
|
4
|
-
*
|
|
5
|
-
* @element portfolio-singlenav
|
|
6
|
-
* @prop {string} type - Type of navigation: "projects" or "work"
|
|
7
|
-
* @prop {string} to - Optional custom destination URL
|
|
8
|
-
*/
|
|
9
|
-
export class PortfolioSingleNav extends LitElement {
|
|
10
|
-
static get properties() {
|
|
11
|
-
return {
|
|
12
|
-
type: { type: String, reflect: true },
|
|
13
|
-
to: { type: String, reflect: true },
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
constructor() {
|
|
17
|
-
super();
|
|
18
|
-
this.type = "work";
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
const navConfig = this.getNavConfig();
|
|
22
|
-
const href = this.to || navConfig.href;
|
|
23
|
-
return html `
|
|
24
|
-
<a href="${href}">
|
|
25
|
-
<ds-text key="${navConfig.key}"></ds-text>
|
|
26
|
-
<ds-icon type="right"></ds-icon>
|
|
27
|
-
</a>
|
|
28
|
-
`;
|
|
29
|
-
}
|
|
30
|
-
getNavConfig() {
|
|
31
|
-
switch (this.type) {
|
|
32
|
-
case "projects":
|
|
33
|
-
return {
|
|
34
|
-
href: "/projects",
|
|
35
|
-
key: "projects",
|
|
36
|
-
};
|
|
37
|
-
case "work":
|
|
38
|
-
return {
|
|
39
|
-
href: "/",
|
|
40
|
-
key: "workExperience",
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
PortfolioSingleNav.styles = css `
|
|
46
|
-
:host {
|
|
47
|
-
display: flex;
|
|
48
|
-
justify-content: end;
|
|
49
|
-
gap: calc(5px * var(--sf));
|
|
50
|
-
padding: calc(2px * var(--sf));
|
|
51
|
-
align-items: center;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
a {
|
|
55
|
-
display: inline-flex;
|
|
56
|
-
align-items: center;
|
|
57
|
-
gap: calc(5px * var(--sf));
|
|
58
|
-
text-decoration: none;
|
|
59
|
-
color: inherit;
|
|
60
|
-
}
|
|
61
|
-
`;
|
|
62
|
-
customElements.define("portfolio-singlenav", PortfolioSingleNav);
|
package/dist/3-unit/list-v1.d.ts
DELETED
|
@@ -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"}
|
package/dist/3-unit/list-v1.js
DELETED
|
@@ -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"}
|
package/dist/3-unit/panel-v1.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { LitElement, html, css } from "lit";
|
|
2
|
-
export class Panel extends LitElement {
|
|
3
|
-
render() {
|
|
4
|
-
return html `<slot></slot>`;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
Panel.styles = css `
|
|
8
|
-
:host {
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: row;
|
|
11
|
-
height: var(--08);
|
|
12
|
-
align-items: end;
|
|
13
|
-
gap: var(--025);
|
|
14
|
-
}
|
|
15
|
-
`;
|
|
16
|
-
customElements.define("panel-v1", Panel);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"row-v1.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/row-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,UAAU,GAAG,IAAI,CAAC;KAC5D;IACD,IAAI,cAAc,EAAE,qBAAqB,CAAC;CAC3C;AAED,qBAAa,GAAI,SAAQ,UAAU;IACjC,MAAM,CAAC,UAAU;;;;;MAEf;IAEM,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;;IAOlC,MAAM,CAAC,MAAM,0BAiBX;IAEF,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,GAAG,CAAC;KACf;CACF"}
|
package/dist/3-unit/row-v1.js
DELETED
|
@@ -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"}
|