@rosettadash/web-components 0.1.0
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/LICENSE +21 -0
- package/README.md +103 -0
- package/browser/media.js +484 -0
- package/browser/media.js.map +7 -0
- package/package.json +125 -0
- package/src/catalog/_shared/catalog-variant.d.ts +5 -0
- package/src/catalog/_shared/catalog-variant.js +19 -0
- package/src/catalog/_shared/catalog-variant.js.map +1 -0
- package/src/catalog/_shared/markup-shared.d.ts +6 -0
- package/src/catalog/_shared/markup-shared.js +21 -0
- package/src/catalog/_shared/markup-shared.js.map +1 -0
- package/src/catalog/component-attribute/index.d.ts +2 -0
- package/src/catalog/component-attribute/index.js +2 -0
- package/src/catalog/component-attribute/index.js.map +1 -0
- package/src/catalog/component-attribute/rd-attribute.d.ts +20 -0
- package/src/catalog/component-attribute/rd-attribute.js +27 -0
- package/src/catalog/component-attribute/rd-attribute.js.map +1 -0
- package/src/catalog/component-name/index.d.ts +2 -0
- package/src/catalog/component-name/index.js +2 -0
- package/src/catalog/component-name/index.js.map +1 -0
- package/src/catalog/component-name/rd-component-name.d.ts +40 -0
- package/src/catalog/component-name/rd-component-name.js +219 -0
- package/src/catalog/component-name/rd-component-name.js.map +1 -0
- package/src/catalog/component-option/index.d.ts +2 -0
- package/src/catalog/component-option/index.js +2 -0
- package/src/catalog/component-option/index.js.map +1 -0
- package/src/catalog/component-option/rd-component-option.d.ts +25 -0
- package/src/catalog/component-option/rd-component-option.js +104 -0
- package/src/catalog/component-option/rd-component-option.js.map +1 -0
- package/src/catalog/component-port/index.d.ts +2 -0
- package/src/catalog/component-port/index.js +2 -0
- package/src/catalog/component-port/index.js.map +1 -0
- package/src/catalog/component-port/rd-component-port.d.ts +26 -0
- package/src/catalog/component-port/rd-component-port.js +109 -0
- package/src/catalog/component-port/rd-component-port.js.map +1 -0
- package/src/catalog/component-requirement/index.d.ts +2 -0
- package/src/catalog/component-requirement/index.js +2 -0
- package/src/catalog/component-requirement/index.js.map +1 -0
- package/src/catalog/component-requirement/rd-component-requirement.d.ts +17 -0
- package/src/catalog/component-requirement/rd-component-requirement.js +76 -0
- package/src/catalog/component-requirement/rd-component-requirement.js.map +1 -0
- package/src/catalog/component-spec/index.d.ts +2 -0
- package/src/catalog/component-spec/index.js +2 -0
- package/src/catalog/component-spec/index.js.map +1 -0
- package/src/catalog/component-spec/rd-component-spec.d.ts +40 -0
- package/src/catalog/component-spec/rd-component-spec.js +367 -0
- package/src/catalog/component-spec/rd-component-spec.js.map +1 -0
- package/src/catalog/index.d.ts +23 -0
- package/src/catalog/index.js +37 -0
- package/src/catalog/index.js.map +1 -0
- package/src/catalog/palette-catalog/index.d.ts +2 -0
- package/src/catalog/palette-catalog/index.js +2 -0
- package/src/catalog/palette-catalog/index.js.map +1 -0
- package/src/catalog/palette-catalog/rd-palette-catalog.d.ts +29 -0
- package/src/catalog/palette-catalog/rd-palette-catalog.js +114 -0
- package/src/catalog/palette-catalog/rd-palette-catalog.js.map +1 -0
- package/src/catalog/palette-group/index.d.ts +2 -0
- package/src/catalog/palette-group/index.js +2 -0
- package/src/catalog/palette-group/index.js.map +1 -0
- package/src/catalog/palette-group/rd-palette-group.d.ts +33 -0
- package/src/catalog/palette-group/rd-palette-group.js +179 -0
- package/src/catalog/palette-group/rd-palette-group.js.map +1 -0
- package/src/catalog/subcomponent-name/index.d.ts +1 -0
- package/src/catalog/subcomponent-name/index.js +2 -0
- package/src/catalog/subcomponent-name/index.js.map +1 -0
- package/src/catalog/subcomponent-name/rd-subcomponent-name.d.ts +12 -0
- package/src/catalog/subcomponent-name/rd-subcomponent-name.js +29 -0
- package/src/catalog/subcomponent-name/rd-subcomponent-name.js.map +1 -0
- package/src/index.d.ts +9 -0
- package/src/index.js +23 -0
- package/src/index.js.map +1 -0
- package/src/layout/accordion/index.d.ts +4 -0
- package/src/layout/accordion/index.js +7 -0
- package/src/layout/accordion/index.js.map +1 -0
- package/src/layout/accordion/rd-accordion.d.ts +26 -0
- package/src/layout/accordion/rd-accordion.js +94 -0
- package/src/layout/accordion/rd-accordion.js.map +1 -0
- package/src/layout/accordion-link-list/index.d.ts +4 -0
- package/src/layout/accordion-link-list/index.js +7 -0
- package/src/layout/accordion-link-list/index.js.map +1 -0
- package/src/layout/accordion-link-list/rd-accordion-link-list.d.ts +36 -0
- package/src/layout/accordion-link-list/rd-accordion-link-list.js +139 -0
- package/src/layout/accordion-link-list/rd-accordion-link-list.js.map +1 -0
- package/src/lib/element-utils.d.ts +8 -0
- package/src/lib/element-utils.js +46 -0
- package/src/lib/element-utils.js.map +1 -0
- package/src/lib/parse-link-items.d.ts +6 -0
- package/src/lib/parse-link-items.js +37 -0
- package/src/lib/parse-link-items.js.map +1 -0
- package/src/lib/shadow-base.d.ts +20 -0
- package/src/lib/shadow-base.js +81 -0
- package/src/lib/shadow-base.js.map +1 -0
- package/src/lib/shadow-resources.d.ts +10 -0
- package/src/lib/shadow-resources.js +38 -0
- package/src/lib/shadow-resources.js.map +1 -0
- package/src/register-shadow-bases.browser.d.ts +1 -0
- package/src/register-shadow-bases.browser.js +5 -0
- package/src/register-shadow-bases.browser.js.map +1 -0
- package/src/visual/link-list/index.d.ts +4 -0
- package/src/visual/link-list/index.js +7 -0
- package/src/visual/link-list/index.js.map +1 -0
- package/src/visual/link-list/rd-link-list.d.ts +26 -0
- package/src/visual/link-list/rd-link-list.js +68 -0
- package/src/visual/link-list/rd-link-list.js.map +1 -0
- package/src/visual/media/equirect-viewport/index.d.ts +1 -0
- package/src/visual/media/equirect-viewport/index.js +2 -0
- package/src/visual/media/equirect-viewport/index.js.map +1 -0
- package/src/visual/media/equirect-viewport/rd-equirect-viewport.d.ts +30 -0
- package/src/visual/media/equirect-viewport/rd-equirect-viewport.js +199 -0
- package/src/visual/media/equirect-viewport/rd-equirect-viewport.js.map +1 -0
- package/src/visual/media/index.d.ts +3 -0
- package/src/visual/media/index.js +9 -0
- package/src/visual/media/index.js.map +1 -0
- package/src/visual/media/video-source/index.d.ts +1 -0
- package/src/visual/media/video-source/index.js +2 -0
- package/src/visual/media/video-source/index.js.map +1 -0
- package/src/visual/media/video-source/rd-video-source.d.ts +19 -0
- package/src/visual/media/video-source/rd-video-source.js +105 -0
- package/src/visual/media/video-source/rd-video-source.js.map +1 -0
- package/src/wasm/index.d.ts +2 -0
- package/src/wasm/index.js +6 -0
- package/src/wasm/index.js.map +1 -0
- package/src/wasm/wasm-media/index.d.ts +1 -0
- package/src/wasm/wasm-media/index.js +2 -0
- package/src/wasm/wasm-media/index.js.map +1 -0
- package/src/wasm/wasm-media/rd-wasm-media.d.ts +30 -0
- package/src/wasm/wasm-media/rd-wasm-media.js +269 -0
- package/src/wasm/wasm-media/rd-wasm-media.js.map +1 -0
- package/styles/catalog.css +69 -0
- package/styles/styles.css +76 -0
- package/styles/tokens.css +19 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rd-component-name.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/component-name/rd-component-name.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/component-option/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type CatalogVariant } from '../_shared/catalog-variant.js';
|
|
2
|
+
export declare const RD_COMPONENT_OPTION_TAG = "rd-component-option";
|
|
3
|
+
/** Inspector property / option row for `rd-component-spec`. */
|
|
4
|
+
export interface ComponentOptionProps {
|
|
5
|
+
optionKey: string;
|
|
6
|
+
type: string;
|
|
7
|
+
label: string;
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
variant?: CatalogVariant;
|
|
11
|
+
}
|
|
12
|
+
export declare class RdComponentOptionElement extends HTMLElement {
|
|
13
|
+
static readonly tagName = "rd-component-option";
|
|
14
|
+
static get observedAttributes(): string[];
|
|
15
|
+
connectedCallback(): void;
|
|
16
|
+
attributeChangedCallback(): void;
|
|
17
|
+
get optionKey(): string;
|
|
18
|
+
get optionType(): string;
|
|
19
|
+
get optionLabel(): string;
|
|
20
|
+
get defaultValue(): string;
|
|
21
|
+
get required(): boolean;
|
|
22
|
+
get variant(): CatalogVariant;
|
|
23
|
+
private render;
|
|
24
|
+
}
|
|
25
|
+
export declare function registerRdComponentOption(): void;
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { defineRosettaElement, readString } from '../../lib/element-utils.js';
|
|
2
|
+
import { applyCatalogVariant, readCatalogVariant } from '../_shared/catalog-variant.js';
|
|
3
|
+
export const RD_COMPONENT_OPTION_TAG = 'rd-component-option';
|
|
4
|
+
export class RdComponentOptionElement extends HTMLElement {
|
|
5
|
+
static tagName = RD_COMPONENT_OPTION_TAG;
|
|
6
|
+
static get observedAttributes() {
|
|
7
|
+
return ['option-key', 'type', 'label', 'default-value', 'required', 'variant'];
|
|
8
|
+
}
|
|
9
|
+
connectedCallback() {
|
|
10
|
+
if (!this.shadowRoot) {
|
|
11
|
+
this.attachShadow({ mode: 'open' });
|
|
12
|
+
}
|
|
13
|
+
this.render();
|
|
14
|
+
}
|
|
15
|
+
attributeChangedCallback() {
|
|
16
|
+
if (this.shadowRoot) {
|
|
17
|
+
this.render();
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
get optionKey() {
|
|
21
|
+
return readString(this.getAttribute('option-key'), '');
|
|
22
|
+
}
|
|
23
|
+
get optionType() {
|
|
24
|
+
return readString(this.getAttribute('type'), 'string');
|
|
25
|
+
}
|
|
26
|
+
get optionLabel() {
|
|
27
|
+
return readString(this.getAttribute('label'), this.optionKey);
|
|
28
|
+
}
|
|
29
|
+
get defaultValue() {
|
|
30
|
+
return readString(this.getAttribute('default-value'), '');
|
|
31
|
+
}
|
|
32
|
+
get required() {
|
|
33
|
+
return this.hasAttribute('required');
|
|
34
|
+
}
|
|
35
|
+
get variant() {
|
|
36
|
+
return readCatalogVariant(this.getAttribute('variant'));
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
39
|
+
const root = this.shadowRoot;
|
|
40
|
+
if (!root) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
const required = this.required
|
|
44
|
+
? '<span class="rd-component-option__required">required</span>'
|
|
45
|
+
: '';
|
|
46
|
+
const defaultBlock = this.defaultValue
|
|
47
|
+
? `<span class="rd-component-option__default">default: <code>${escapeHtml(this.defaultValue)}</code></span>`
|
|
48
|
+
: '';
|
|
49
|
+
root.innerHTML = `
|
|
50
|
+
<style>
|
|
51
|
+
:host { display: block; }
|
|
52
|
+
.rd-component-option {
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-wrap: wrap;
|
|
55
|
+
align-items: baseline;
|
|
56
|
+
gap: 0.25rem 0.5rem;
|
|
57
|
+
font-family: var(--rd-font-family, system-ui, sans-serif);
|
|
58
|
+
font-size: var(--rd-font-size, 0.875rem);
|
|
59
|
+
line-height: var(--rd-line-height, 1.4);
|
|
60
|
+
color: var(--rd-color-text, #1a1a1a);
|
|
61
|
+
}
|
|
62
|
+
.rd-component-option__label { font-weight: 600; }
|
|
63
|
+
.rd-component-option__key {
|
|
64
|
+
font-family: ui-monospace, monospace;
|
|
65
|
+
font-size: 0.75em;
|
|
66
|
+
color: var(--rd-color-muted, #5c5c5c);
|
|
67
|
+
}
|
|
68
|
+
.rd-component-option__type {
|
|
69
|
+
font-size: 0.75em;
|
|
70
|
+
color: var(--rd-color-muted, #5c5c5c);
|
|
71
|
+
}
|
|
72
|
+
.rd-component-option__default code {
|
|
73
|
+
font-family: ui-monospace, monospace;
|
|
74
|
+
font-size: 0.875em;
|
|
75
|
+
}
|
|
76
|
+
.rd-component-option__required {
|
|
77
|
+
font-size: 0.75em;
|
|
78
|
+
font-weight: 600;
|
|
79
|
+
color: #b45309;
|
|
80
|
+
}
|
|
81
|
+
.rd-component-option--compact .rd-component-option { font-size: 0.8125rem; }
|
|
82
|
+
.rd-component-option--plain .rd-component-option__key { display: none; }
|
|
83
|
+
</style>
|
|
84
|
+
<div class="rd-component-option" part="option">
|
|
85
|
+
<span class="rd-component-option__label">${escapeHtml(this.optionLabel)}</span>
|
|
86
|
+
<code class="rd-component-option__key">${escapeHtml(this.optionKey)}</code>
|
|
87
|
+
<span class="rd-component-option__type">${escapeHtml(this.optionType)}</span>
|
|
88
|
+
${required}
|
|
89
|
+
${defaultBlock}
|
|
90
|
+
</div>`;
|
|
91
|
+
applyCatalogVariant(this, 'rd-component-option', this.variant);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
function escapeHtml(value) {
|
|
95
|
+
return value
|
|
96
|
+
.replace(/&/g, '&')
|
|
97
|
+
.replace(/</g, '<')
|
|
98
|
+
.replace(/>/g, '>')
|
|
99
|
+
.replace(/"/g, '"');
|
|
100
|
+
}
|
|
101
|
+
export function registerRdComponentOption() {
|
|
102
|
+
defineRosettaElement(RD_COMPONENT_OPTION_TAG, RdComponentOptionElement);
|
|
103
|
+
}
|
|
104
|
+
//# sourceMappingURL=rd-component-option.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rd-component-option.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/component-option/rd-component-option.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/component-port/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type CatalogVariant } from '../_shared/catalog-variant.js';
|
|
2
|
+
export declare const RD_COMPONENT_PORT_TAG = "rd-component-port";
|
|
3
|
+
export type ComponentPortDirection = 'input' | 'output';
|
|
4
|
+
/** Declarative input/output port for `rd-component-spec` (XML-friendly attributes). */
|
|
5
|
+
export interface ComponentPortProps {
|
|
6
|
+
direction: ComponentPortDirection;
|
|
7
|
+
name: string;
|
|
8
|
+
dataType: string;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
description?: string;
|
|
11
|
+
variant?: CatalogVariant;
|
|
12
|
+
}
|
|
13
|
+
export declare class RdComponentPortElement extends HTMLElement {
|
|
14
|
+
static readonly tagName = "rd-component-port";
|
|
15
|
+
static get observedAttributes(): string[];
|
|
16
|
+
connectedCallback(): void;
|
|
17
|
+
attributeChangedCallback(): void;
|
|
18
|
+
get direction(): ComponentPortDirection;
|
|
19
|
+
get portName(): string;
|
|
20
|
+
get dataType(): string;
|
|
21
|
+
get required(): boolean;
|
|
22
|
+
get description(): string;
|
|
23
|
+
get variant(): CatalogVariant;
|
|
24
|
+
private render;
|
|
25
|
+
}
|
|
26
|
+
export declare function registerRdComponentPort(): void;
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { defineRosettaElement, readString } from '../../lib/element-utils.js';
|
|
2
|
+
import { applyCatalogVariant, readCatalogVariant } from '../_shared/catalog-variant.js';
|
|
3
|
+
export const RD_COMPONENT_PORT_TAG = 'rd-component-port';
|
|
4
|
+
export class RdComponentPortElement extends HTMLElement {
|
|
5
|
+
static tagName = RD_COMPONENT_PORT_TAG;
|
|
6
|
+
static get observedAttributes() {
|
|
7
|
+
return ['direction', 'name', 'data-type', 'required', 'description', 'variant'];
|
|
8
|
+
}
|
|
9
|
+
connectedCallback() {
|
|
10
|
+
if (!this.shadowRoot) {
|
|
11
|
+
this.attachShadow({ mode: 'open' });
|
|
12
|
+
}
|
|
13
|
+
this.render();
|
|
14
|
+
}
|
|
15
|
+
attributeChangedCallback() {
|
|
16
|
+
if (this.shadowRoot) {
|
|
17
|
+
this.render();
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
get direction() {
|
|
21
|
+
const value = readString(this.getAttribute('direction'), 'input');
|
|
22
|
+
return value === 'output' ? 'output' : 'input';
|
|
23
|
+
}
|
|
24
|
+
get portName() {
|
|
25
|
+
return readString(this.getAttribute('name'), '');
|
|
26
|
+
}
|
|
27
|
+
get dataType() {
|
|
28
|
+
return readString(this.getAttribute('data-type'), 'any');
|
|
29
|
+
}
|
|
30
|
+
get required() {
|
|
31
|
+
return this.hasAttribute('required');
|
|
32
|
+
}
|
|
33
|
+
get description() {
|
|
34
|
+
return readString(this.getAttribute('description'), '');
|
|
35
|
+
}
|
|
36
|
+
get variant() {
|
|
37
|
+
return readCatalogVariant(this.getAttribute('variant'));
|
|
38
|
+
}
|
|
39
|
+
render() {
|
|
40
|
+
const root = this.shadowRoot;
|
|
41
|
+
if (!root) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
const variant = this.variant;
|
|
45
|
+
const required = this.required
|
|
46
|
+
? '<span class="rd-component-port__required">required</span>'
|
|
47
|
+
: '';
|
|
48
|
+
const desc = this.description
|
|
49
|
+
? `<span class="rd-component-port__description">${escapeHtml(this.description)}</span>`
|
|
50
|
+
: '';
|
|
51
|
+
root.innerHTML = `
|
|
52
|
+
<style>
|
|
53
|
+
:host { display: block; }
|
|
54
|
+
.rd-component-port {
|
|
55
|
+
display: flex;
|
|
56
|
+
flex-wrap: wrap;
|
|
57
|
+
align-items: baseline;
|
|
58
|
+
gap: 0.25rem 0.375rem;
|
|
59
|
+
font-family: var(--rd-font-family, system-ui, sans-serif);
|
|
60
|
+
font-size: var(--rd-font-size, 0.875rem);
|
|
61
|
+
line-height: var(--rd-line-height, 1.4);
|
|
62
|
+
color: var(--rd-color-text, #1a1a1a);
|
|
63
|
+
}
|
|
64
|
+
.rd-component-port__name {
|
|
65
|
+
font-family: ui-monospace, monospace;
|
|
66
|
+
font-size: 0.8125em;
|
|
67
|
+
font-weight: 600;
|
|
68
|
+
}
|
|
69
|
+
.rd-component-port__type {
|
|
70
|
+
padding: 0.0625rem 0.375rem;
|
|
71
|
+
border-radius: 999px;
|
|
72
|
+
background: rgb(15 23 42 / 6%);
|
|
73
|
+
font-size: 0.75em;
|
|
74
|
+
color: var(--rd-color-muted, #5c5c5c);
|
|
75
|
+
}
|
|
76
|
+
.rd-component-port__required {
|
|
77
|
+
font-size: 0.75em;
|
|
78
|
+
font-weight: 600;
|
|
79
|
+
color: #b45309;
|
|
80
|
+
}
|
|
81
|
+
.rd-component-port__description {
|
|
82
|
+
flex: 1 1 100%;
|
|
83
|
+
font-size: 0.8125em;
|
|
84
|
+
color: var(--rd-color-muted, #5c5c5c);
|
|
85
|
+
}
|
|
86
|
+
.rd-component-port--compact .rd-component-port { font-size: 0.8125rem; }
|
|
87
|
+
.rd-component-port--plain .rd-component-port__type { background: transparent; padding: 0; }
|
|
88
|
+
</style>
|
|
89
|
+
<div class="rd-component-port" part="port">
|
|
90
|
+
<span class="rd-component-port__direction">${this.direction}</span>
|
|
91
|
+
<code class="rd-component-port__name">${escapeHtml(this.portName)}</code>
|
|
92
|
+
<span class="rd-component-port__type">${escapeHtml(this.dataType)}</span>
|
|
93
|
+
${required}
|
|
94
|
+
${desc}
|
|
95
|
+
</div>`;
|
|
96
|
+
applyCatalogVariant(this, 'rd-component-port', variant);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
function escapeHtml(value) {
|
|
100
|
+
return value
|
|
101
|
+
.replace(/&/g, '&')
|
|
102
|
+
.replace(/</g, '<')
|
|
103
|
+
.replace(/>/g, '>')
|
|
104
|
+
.replace(/"/g, '"');
|
|
105
|
+
}
|
|
106
|
+
export function registerRdComponentPort() {
|
|
107
|
+
defineRosettaElement(RD_COMPONENT_PORT_TAG, RdComponentPortElement);
|
|
108
|
+
}
|
|
109
|
+
//# sourceMappingURL=rd-component-port.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rd-component-port.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/component-port/rd-component-port.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/component-requirement/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,8BAA8B,GAC/B,MAAM,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type CatalogVariant } from '../_shared/catalog-variant.js';
|
|
2
|
+
export declare const RD_COMPONENT_REQUIREMENT_TAG = "rd-component-requirement";
|
|
3
|
+
export type ComponentRequirementKind = 'dependency' | 'assumption';
|
|
4
|
+
export interface ComponentRequirementProps {
|
|
5
|
+
kind: ComponentRequirementKind;
|
|
6
|
+
variant?: CatalogVariant;
|
|
7
|
+
}
|
|
8
|
+
export declare class RdComponentRequirementElement extends HTMLElement {
|
|
9
|
+
static readonly tagName = "rd-component-requirement";
|
|
10
|
+
static get observedAttributes(): string[];
|
|
11
|
+
connectedCallback(): void;
|
|
12
|
+
attributeChangedCallback(): void;
|
|
13
|
+
get kind(): ComponentRequirementKind;
|
|
14
|
+
get variant(): CatalogVariant;
|
|
15
|
+
private render;
|
|
16
|
+
}
|
|
17
|
+
export declare function registerRdComponentRequirement(): void;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { defineRosettaElement, readString } from '../../lib/element-utils.js';
|
|
2
|
+
import { applyCatalogVariant, readCatalogVariant } from '../_shared/catalog-variant.js';
|
|
3
|
+
export const RD_COMPONENT_REQUIREMENT_TAG = 'rd-component-requirement';
|
|
4
|
+
export class RdComponentRequirementElement extends HTMLElement {
|
|
5
|
+
static tagName = RD_COMPONENT_REQUIREMENT_TAG;
|
|
6
|
+
static get observedAttributes() {
|
|
7
|
+
return ['kind', 'variant'];
|
|
8
|
+
}
|
|
9
|
+
connectedCallback() {
|
|
10
|
+
if (!this.shadowRoot) {
|
|
11
|
+
this.attachShadow({ mode: 'open' });
|
|
12
|
+
}
|
|
13
|
+
this.render();
|
|
14
|
+
}
|
|
15
|
+
attributeChangedCallback() {
|
|
16
|
+
if (this.shadowRoot) {
|
|
17
|
+
this.render();
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
get kind() {
|
|
21
|
+
return readString(this.getAttribute('kind'), 'dependency') === 'assumption'
|
|
22
|
+
? 'assumption'
|
|
23
|
+
: 'dependency';
|
|
24
|
+
}
|
|
25
|
+
get variant() {
|
|
26
|
+
return readCatalogVariant(this.getAttribute('variant'));
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
const root = this.shadowRoot;
|
|
30
|
+
if (!root) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const text = this.textContent?.trim() ?? '';
|
|
34
|
+
const kindLabel = this.kind === 'assumption' ? 'Assumption' : 'Dependency';
|
|
35
|
+
root.innerHTML = `
|
|
36
|
+
<style>
|
|
37
|
+
:host { display: block; }
|
|
38
|
+
.rd-component-requirement {
|
|
39
|
+
display: grid;
|
|
40
|
+
grid-template-columns: auto 1fr;
|
|
41
|
+
gap: 0.375rem 0.5rem;
|
|
42
|
+
align-items: baseline;
|
|
43
|
+
font-family: var(--rd-font-family, system-ui, sans-serif);
|
|
44
|
+
font-size: var(--rd-font-size, 0.875rem);
|
|
45
|
+
line-height: var(--rd-line-height, 1.45);
|
|
46
|
+
color: var(--rd-color-text, #1a1a1a);
|
|
47
|
+
}
|
|
48
|
+
.rd-component-requirement__kind {
|
|
49
|
+
font-size: 0.625rem;
|
|
50
|
+
font-weight: 700;
|
|
51
|
+
text-transform: uppercase;
|
|
52
|
+
letter-spacing: 0.04em;
|
|
53
|
+
color: var(--rd-color-muted, #5c5c5c);
|
|
54
|
+
}
|
|
55
|
+
.rd-component-requirement__text { margin: 0; }
|
|
56
|
+
.rd-component-requirement--compact .rd-component-requirement { font-size: 0.8125rem; }
|
|
57
|
+
.rd-component-requirement--plain .rd-component-requirement__kind { display: none; }
|
|
58
|
+
</style>
|
|
59
|
+
<div class="rd-component-requirement" part="requirement">
|
|
60
|
+
<span class="rd-component-requirement__kind">${kindLabel}</span>
|
|
61
|
+
<p class="rd-component-requirement__text">${escapeHtml(text)}</p>
|
|
62
|
+
</div>`;
|
|
63
|
+
applyCatalogVariant(this, 'rd-component-requirement', this.variant);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
function escapeHtml(value) {
|
|
67
|
+
return value
|
|
68
|
+
.replace(/&/g, '&')
|
|
69
|
+
.replace(/</g, '<')
|
|
70
|
+
.replace(/>/g, '>')
|
|
71
|
+
.replace(/"/g, '"');
|
|
72
|
+
}
|
|
73
|
+
export function registerRdComponentRequirement() {
|
|
74
|
+
defineRosettaElement(RD_COMPONENT_REQUIREMENT_TAG, RdComponentRequirementElement);
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=rd-component-requirement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rd-component-requirement.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/component-requirement/rd-component-requirement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAuB,MAAM,+BAA+B,CAAC;AAE7G,MAAM,CAAC,MAAM,4BAA4B,GAAG,0BAA0B,CAAC;AASvE,MAAM,OAAO,6BAA8B,SAAQ,WAAW;IAC5D,MAAM,CAAU,OAAO,GAAG,4BAA4B,CAAC;IAEvD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC7B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,wBAAwB;QACtB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED,IAAI,IAAI;QACN,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,KAAK,YAAY;YACzE,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,YAAY,CAAC;IACnB,CAAC;IAED,IAAI,OAAO;QACT,OAAO,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1D,CAAC;IAEO,MAAM;QACZ,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;QAE3E,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;iDAyB4B,SAAS;8CACZ,UAAU,CAAC,IAAI,CAAC;OACvD,CAAC;QAEJ,mBAAmB,CAAC,IAAI,EAAE,0BAA0B,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACtE,CAAC;;AAGH,SAAS,UAAU,CAAC,KAAa;IAC/B,OAAO,KAAK;SACT,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,8BAA8B;IAC5C,oBAAoB,CAAC,4BAA4B,EAAE,6BAA6B,CAAC,CAAC;AACpF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/catalog/component-spec/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { ComponentDefinition } from '@rosettadash/core';
|
|
2
|
+
import { type CatalogVariant } from '../_shared/catalog-variant.js';
|
|
3
|
+
export declare const RD_COMPONENT_SPEC_TAG = "rd-component-spec";
|
|
4
|
+
export interface ComponentSpecProps {
|
|
5
|
+
componentType: string;
|
|
6
|
+
label: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
category?: string;
|
|
9
|
+
isVisual?: boolean;
|
|
10
|
+
variant?: CatalogVariant;
|
|
11
|
+
/** When set, header acts as navigation affordance (Storybook catalog). */
|
|
12
|
+
navGroupId?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare class RdComponentSpecElement extends HTMLElement {
|
|
15
|
+
static readonly tagName = "rd-component-spec";
|
|
16
|
+
static get observedAttributes(): string[];
|
|
17
|
+
connectedCallback(): void;
|
|
18
|
+
attributeChangedCallback(): void;
|
|
19
|
+
get componentType(): string;
|
|
20
|
+
get specLabel(): string;
|
|
21
|
+
get description(): string;
|
|
22
|
+
get category(): string;
|
|
23
|
+
get isVisual(): boolean;
|
|
24
|
+
get variant(): CatalogVariant;
|
|
25
|
+
get navGroupId(): string;
|
|
26
|
+
private portRows;
|
|
27
|
+
private requirementRows;
|
|
28
|
+
private optionRows;
|
|
29
|
+
private hideMetaChildren;
|
|
30
|
+
private render;
|
|
31
|
+
}
|
|
32
|
+
export declare function registerRdComponentSpec(): void;
|
|
33
|
+
/** Factory helper — build spec element tree from registry definition. */
|
|
34
|
+
export declare function createComponentSpecElement(definition: ComponentDefinition, options?: {
|
|
35
|
+
variant?: CatalogVariant;
|
|
36
|
+
dependencies?: string[];
|
|
37
|
+
assumptions?: string[];
|
|
38
|
+
learnMoreHtml?: string;
|
|
39
|
+
navGroupId?: string;
|
|
40
|
+
}): RdComponentSpecElement;
|