@dataengineeringformachinelearning/viking-ui 3.0.0-alpha.2 → 4.0.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 +201 -0
- package/README.md +55 -12
- package/dist/LICENSE +201 -0
- package/dist/README.md +251 -0
- package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +13751 -0
- package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -0
- package/dist/index.js +1 -4051
- package/dist/package.json +87 -0
- package/dist/scripts/build-web-components.mjs +37 -0
- package/dist/src/tokens/series-presets.ts +15 -0
- package/dist/src/tokens/tailwind.preset.js +209 -0
- package/dist/src/tokens/viking-tokens.json +318 -0
- package/dist/src/web/badge/viking-badge-wc.ts +116 -0
- package/dist/src/web/button/viking-button-wc.ts +165 -0
- package/dist/src/web/callout/viking-callout-wc.ts +105 -0
- package/dist/src/web/card/viking-card-wc.ts +66 -0
- package/dist/src/web/core/base.ts +56 -0
- package/dist/src/web/core/dom.ts +53 -0
- package/dist/src/web/core/icons-inline.ts +44 -0
- package/dist/src/web/core/styles.ts +1138 -0
- package/dist/src/web/core/types.ts +19 -0
- package/dist/src/web/field/viking-field-wc.ts +154 -0
- package/dist/src/web/index.ts +73 -0
- package/dist/src/web/input/viking-input-wc.ts +211 -0
- package/dist/src/web/modal/viking-modal-wc.ts +187 -0
- package/dist/src/web/search-palette/viking-search-palette-wc.ts +494 -0
- package/dist/src/web/select/viking-select-wc.ts +218 -0
- package/dist/src/web/suite-header/viking-suite-header-wc.ts +714 -0
- package/dist/src/web/suite-search-palette/viking-suite-search-palette-wc.ts +234 -0
- package/dist/src/web/theme-toggle/viking-theme-toggle-wc.ts +139 -0
- package/dist/src/web/types.ts +37 -0
- package/dist/src/web/web-components.spec.ts +297 -0
- package/dist/types/dataengineeringformachinelearning-viking-ui.d.ts +2658 -0
- package/dist/viking.manifest.json +271 -0
- package/dist/web-components.js +2427 -126
- package/package.json +25 -11
- package/src/assets/drakkar-favicon.svg +17 -0
- package/src/core/brand/deml-lockup.svg +5 -0
- package/src/core/brand/deml-mark-compact.svg +4 -0
- package/src/core/brand/deml-mark-filled.svg +3 -0
- package/src/core/brand/deml-mark-outline.svg +4 -0
- package/src/core/brand-icons.ts +62 -0
- package/src/core/icons.spec.ts +52 -0
- package/src/core/icons.ts +206 -0
- package/src/core/integration-brand-icons.ts +77 -0
- package/src/core/lucide-paths.generated.ts +130 -0
- package/src/core/types.ts +85 -0
- package/src/core/uid.ts +7 -0
- package/src/lib/accordion/accordion.ts +126 -0
- package/src/lib/app-header/app-header.scss +274 -0
- package/src/lib/app-header/app-header.ts +43 -0
- package/src/lib/app-sidebar/app-sidebar.scss +415 -0
- package/src/lib/app-sidebar/app-sidebar.ts +29 -0
- package/src/lib/auth-panel/auth-panel.spec.ts +132 -0
- package/src/lib/auth-panel/auth-panel.ts +228 -0
- package/src/lib/autocomplete/autocomplete.ts +223 -0
- package/src/lib/avatar/avatar.ts +126 -0
- package/src/lib/badge/badge.ts +182 -0
- package/src/lib/bar/bar.ts +31 -0
- package/src/lib/brand/brand.ts +60 -0
- package/src/lib/breadcrumbs/breadcrumbs.ts +81 -0
- package/src/lib/button/button-group.ts +40 -0
- package/src/lib/button/button.scss +96 -0
- package/src/lib/button/button.ts +98 -0
- package/src/lib/calendar/calendar.ts +253 -0
- package/src/lib/callout/callout.ts +211 -0
- package/src/lib/card/card-title.spec.ts +27 -0
- package/src/lib/card/card-title.ts +50 -0
- package/src/lib/card/card.ts +170 -0
- package/src/lib/carousel/carousel.ts +206 -0
- package/src/lib/chart/chart-zoom.spec.ts +65 -0
- package/src/lib/chart/chart-zoom.ts +71 -0
- package/src/lib/chart/chart.ts +1257 -0
- package/src/lib/chart-card-header/chart-card-header.ts +80 -0
- package/src/lib/chart-empty-state/chart-empty-state.ts +146 -0
- package/src/lib/chart-panel/chart-panel.ts +133 -0
- package/src/lib/checkbox/checkbox.ts +139 -0
- package/src/lib/color-picker/color-picker.ts +148 -0
- package/src/lib/command/command.ts +260 -0
- package/src/lib/composer/composer.ts +180 -0
- package/src/lib/confirm-dialog/confirm-dialog.ts +163 -0
- package/src/lib/confirm-dialog/dialog.service.ts +79 -0
- package/src/lib/context/context.ts +75 -0
- package/src/lib/core/cva.ts +33 -0
- package/src/lib/date-picker/date-picker.ts +139 -0
- package/src/lib/dropdown/dropdown.ts +188 -0
- package/src/lib/editor/editor.ts +170 -0
- package/src/lib/empty-state/empty-state.ts +100 -0
- package/src/lib/fab/fab.ts +76 -0
- package/src/lib/field/field.ts +111 -0
- package/src/lib/file-upload/file-upload.ts +208 -0
- package/src/lib/footer/footer.scss +155 -0
- package/src/lib/footer/footer.ts +28 -0
- package/src/lib/form-section/form-section.ts +200 -0
- package/src/lib/forms.spec.ts +92 -0
- package/src/lib/gauge-arc/gauge-arc.ts +85 -0
- package/src/lib/hud-panel/hud-panel.ts +27 -0
- package/src/lib/icon/icon.ts +284 -0
- package/src/lib/icon-badge/icon-badge.ts +87 -0
- package/src/lib/icon-heading/icon-heading.spec.ts +32 -0
- package/src/lib/icon-heading/icon-heading.ts +38 -0
- package/src/lib/icon-text/icon-text.ts +120 -0
- package/src/lib/input/input.ts +119 -0
- package/src/lib/kanban/kanban.ts +211 -0
- package/src/lib/kbd/kbd.ts +32 -0
- package/src/lib/label/label.ts +39 -0
- package/src/lib/loading-overlay/loading-overlay.ts +80 -0
- package/src/lib/menubar/menubar.ts +77 -0
- package/src/lib/metric-card/metric-card.ts +33 -0
- package/src/lib/modal/modal.ts +207 -0
- package/src/lib/native-select/native-select.ts +124 -0
- package/src/lib/navbar/navbar.ts +124 -0
- package/src/lib/navigation-menu/navigation-menu.ts +116 -0
- package/src/lib/otp-input/otp-input.ts +164 -0
- package/src/lib/page-back-link/page-back-link.ts +74 -0
- package/src/lib/page-header/page-header.ts +70 -0
- package/src/lib/pagination/pagination.ts +157 -0
- package/src/lib/pillbox/pillbox.ts +157 -0
- package/src/lib/popover/popover.ts +92 -0
- package/src/lib/profile/profile.ts +73 -0
- package/src/lib/progress/progress.ts +123 -0
- package/src/lib/radio/radio.ts +132 -0
- package/src/lib/ring-gauge/ring-gauge.ts +75 -0
- package/src/lib/scroll-area/scroll-area.ts +57 -0
- package/src/lib/search-palette/search-palette.scss +288 -0
- package/src/lib/search-palette/search-palette.ts +114 -0
- package/src/lib/select/select.ts +292 -0
- package/src/lib/separator/separator.ts +59 -0
- package/src/lib/sheet/sheet.ts +192 -0
- package/src/lib/sidebar-nav/sidebar-nav.scss +218 -0
- package/src/lib/sidebar-nav/sidebar-nav.ts +158 -0
- package/src/lib/site-drakkar/site-footer.ts +129 -0
- package/src/lib/site-drakkar/site-navbar.scss +2 -0
- package/src/lib/site-drakkar/site-navbar.ts +267 -0
- package/src/lib/site-drakkar/suite-search-items.spec.ts +61 -0
- package/src/lib/skeleton/skeleton.ts +51 -0
- package/src/lib/slider/slider.ts +133 -0
- package/src/lib/spinner/spinner.ts +75 -0
- package/src/lib/status-metric-row/status-metric-row.ts +74 -0
- package/src/lib/suite-search-palette/suite-search-palette.ts +95 -0
- package/src/lib/switch/switch.ts +131 -0
- package/src/lib/table/table.ts +137 -0
- package/src/lib/tabs/tab-panel.ts +61 -0
- package/src/lib/tabs/tab.ts +107 -0
- package/src/lib/tabs/tabs.ts +109 -0
- package/src/lib/textarea/textarea.ts +103 -0
- package/src/lib/theme-toggle/theme-toggle.spec.ts +40 -0
- package/src/lib/theme-toggle/theme-toggle.ts +39 -0
- package/src/lib/time-picker/time-picker.ts +197 -0
- package/src/lib/timeline/timeline.ts +152 -0
- package/src/lib/toast/toast.ts +196 -0
- package/src/lib/toggle/toggle-group.ts +60 -0
- package/src/lib/toggle/toggle.ts +101 -0
- package/src/lib/tooltip/tooltip.ts +119 -0
- package/src/lib/typography/heading.ts +52 -0
- package/src/lib/typography/text.ts +51 -0
- package/src/lib/uptime-bar/uptime-bar.ts +55 -0
- package/src/lib/verification-code-field/verification-code-field.ts +149 -0
- package/src/lib/whitepaper-cta/whitepaper-cta.scss +130 -0
- package/src/lib/whitepaper-cta/whitepaper-cta.ts +78 -0
- package/src/lib/wizard/wizard.ts +80 -0
- package/src/public-api.ts +172 -0
- package/src/tokens/series-presets.ts +15 -0
- package/src/tokens/tailwind.preset.js +209 -0
- package/src/viking-ui.spec.ts +416 -0
- package/src/web/web-components.spec.ts +297 -0
- package/dist/elements/button/viking-button.d.ts +0 -14
- package/dist/elements/card/viking-card.d.ts +0 -8
- package/dist/elements/core/dom.d.ts +0 -4
- package/dist/elements/core/styles.d.ts +0 -2
- package/dist/elements/modal/viking-modal.d.ts +0 -15
- package/dist/index.d.ts +0 -1
- package/dist/lib/core/brand-icons.d.ts +0 -29
- package/dist/lib/core/icons.d.ts +0 -132
- package/dist/lib/core/integration-brand-icons.d.ts +0 -18
- package/dist/lib/core/lucide-paths.generated.d.ts +0 -90
- package/dist/lib/site-drakkar/site-drakkar.config.d.ts +0 -50
- package/dist/lib/site-drakkar/suite-search-items.d.ts +0 -17
- package/dist/web/badge/viking-badge-wc.d.ts +0 -28
- package/dist/web/button/viking-button-wc.d.ts +0 -28
- package/dist/web/callout/viking-callout-wc.d.ts +0 -27
- package/dist/web/card/viking-card-wc.d.ts +0 -29
- package/dist/web/core/base.d.ts +0 -12
- package/dist/web/core/dom.d.ts +0 -11
- package/dist/web/core/icons-inline.d.ts +0 -7
- package/dist/web/core/styles.d.ts +0 -12
- package/dist/web/core/types.d.ts +0 -10
- package/dist/web/field/viking-field-wc.d.ts +0 -32
- package/dist/web/index.d.ts +0 -15
- package/dist/web/input/viking-input-wc.d.ts +0 -32
- package/dist/web/modal/viking-modal-wc.d.ts +0 -50
- package/dist/web/search-palette/viking-search-palette-wc.d.ts +0 -64
- package/dist/web/select/viking-select-wc.d.ts +0 -48
- package/dist/web/suite-header/viking-suite-header-wc.d.ts +0 -36
- package/dist/web/suite-search-palette/viking-suite-search-palette-wc.d.ts +0 -39
- package/dist/web/theme-toggle/viking-theme-toggle-wc.d.ts +0 -19
- package/dist/web/types.d.ts +0 -40
- package/dist/web-components/index.d.ts +0 -1
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { HTMLElementBase } from "../core/dom";
|
|
2
|
-
/**
|
|
3
|
-
* Framework-agnostic native select Web Component with form association.
|
|
4
|
-
* Tag: `viking-select` (legacy alias: `viking-select-wc`)
|
|
5
|
-
*
|
|
6
|
-
* Place `<option>` elements as light DOM children; they are mirrored into the shadow select.
|
|
7
|
-
*
|
|
8
|
-
* @attr label - Visible field label
|
|
9
|
-
* @attr name - Form field name (participates in form submission via ElementInternals)
|
|
10
|
-
* @attr value - Selected option value
|
|
11
|
-
* @attr placeholder - Placeholder option text when no value is selected
|
|
12
|
-
* @attr description - Helper text below the control
|
|
13
|
-
* @attr error - Validation message; sets aria-invalid
|
|
14
|
-
* @attr width - full | half (default: half)
|
|
15
|
-
* @attr disabled - Disables the control
|
|
16
|
-
* @attr required - Marks field as required
|
|
17
|
-
*
|
|
18
|
-
* @event viking-change - `{ detail: { value: string } }`
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* <viking-select-wc label="Retention" name="retention" value="30d">
|
|
22
|
-
* <option value="7d">7 days</option>
|
|
23
|
-
* <option value="30d">30 days</option>
|
|
24
|
-
* </viking-select-wc>
|
|
25
|
-
*/
|
|
26
|
-
export declare class VikingSelectWc extends HTMLElementBase {
|
|
27
|
-
static readonly formAssociated = true;
|
|
28
|
-
static readonly tag = "viking-select";
|
|
29
|
-
static readonly legacyTag = "viking-select-wc";
|
|
30
|
-
static get observedAttributes(): string[];
|
|
31
|
-
private readonly shadow;
|
|
32
|
-
private readonly internals;
|
|
33
|
-
private selectEl;
|
|
34
|
-
private optionObserver;
|
|
35
|
-
private readonly controlId;
|
|
36
|
-
constructor();
|
|
37
|
-
connectedCallback(): void;
|
|
38
|
-
disconnectedCallback(): void;
|
|
39
|
-
attributeChangedCallback(name: string): void;
|
|
40
|
-
get value(): string;
|
|
41
|
-
set value(next: string);
|
|
42
|
-
private readonly onChange;
|
|
43
|
-
private syncFormValue;
|
|
44
|
-
private observeOptions;
|
|
45
|
-
private render;
|
|
46
|
-
private syncOptions;
|
|
47
|
-
}
|
|
48
|
-
export declare const registerVikingSelectWc: () => void;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { HTMLElementBase } from "../core/dom";
|
|
2
|
-
/**
|
|
3
|
-
* Unified framework-agnostic DEML suite header.
|
|
4
|
-
* Tag: `viking-suite-header`
|
|
5
|
-
*
|
|
6
|
-
* @attr context - Surface: app | marketing | backend | docs (auto-detected when omitted)
|
|
7
|
-
* @attr authenticated - Render the user menu instead of Sign In
|
|
8
|
-
* @attr user-name - Display name for the authenticated user menu
|
|
9
|
-
* @attr user-email - Secondary user menu label
|
|
10
|
-
* @attr sign-in-href - Fallback href for static Sign In navigation
|
|
11
|
-
*/
|
|
12
|
-
export declare class VikingSuiteHeaderWc extends HTMLElementBase {
|
|
13
|
-
static readonly tag = "viking-suite-header";
|
|
14
|
-
static get observedAttributes(): string[];
|
|
15
|
-
private readonly shadow;
|
|
16
|
-
private menuOpen;
|
|
17
|
-
private userMenuOpen;
|
|
18
|
-
private paletteEl;
|
|
19
|
-
constructor();
|
|
20
|
-
connectedCallback(): void;
|
|
21
|
-
disconnectedCallback(): void;
|
|
22
|
-
attributeChangedCallback(): void;
|
|
23
|
-
openSearch(): void;
|
|
24
|
-
private readonly onDocumentClick;
|
|
25
|
-
private readonly onSearchClick;
|
|
26
|
-
private readonly onMenuClick;
|
|
27
|
-
private readonly onUserClick;
|
|
28
|
-
private readonly onSignInClick;
|
|
29
|
-
private readonly onSignOutClick;
|
|
30
|
-
private syncOpenState;
|
|
31
|
-
private renderNavLinks;
|
|
32
|
-
private renderAuth;
|
|
33
|
-
private getDashboardHref;
|
|
34
|
-
private render;
|
|
35
|
-
}
|
|
36
|
-
export declare const registerVikingSuiteHeaderWc: () => void;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { HTMLElementBase } from "../core/dom";
|
|
2
|
-
/**
|
|
3
|
-
* Unified cross-suite command palette Web Component.
|
|
4
|
-
* Tag: `viking-suite-command-palette`
|
|
5
|
-
* Aliases: `viking-suite-search-palette`, `viking-suite-search-palette-wc`
|
|
6
|
-
*
|
|
7
|
-
* Curated ⌘K navigation for marketing, docs, deml.app, and backend surfaces.
|
|
8
|
-
* Composes `viking-command-palette` with suite links from site-drakkar config.
|
|
9
|
-
*
|
|
10
|
-
* @attr context - Surface: app | marketing | backend | docs (auto-detected when omitted)
|
|
11
|
-
* @attr app-url - Override deml.app origin
|
|
12
|
-
* @attr marketing-url - Override marketing origin
|
|
13
|
-
* @attr backend-url - Override backend origin
|
|
14
|
-
* @attr global-shortcut - Bind ⌘K / Ctrl+K (default: on)
|
|
15
|
-
* @attr placeholder - Search input placeholder
|
|
16
|
-
*
|
|
17
|
-
* @method openPalette() - Programmatically open
|
|
18
|
-
* @method closePalette() - Programmatically close
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* <viking-suite-command-palette context="marketing" global-shortcut></viking-suite-command-palette>
|
|
22
|
-
*/
|
|
23
|
-
export declare class VikingSuiteSearchPaletteWc extends HTMLElementBase {
|
|
24
|
-
static readonly tag = "viking-suite-command-palette";
|
|
25
|
-
static readonly searchTag = "viking-suite-search-palette";
|
|
26
|
-
static readonly legacyTag = "viking-suite-search-palette-wc";
|
|
27
|
-
static get observedAttributes(): string[];
|
|
28
|
-
private paletteEl;
|
|
29
|
-
private itemsLoaded;
|
|
30
|
-
connectedCallback(): void;
|
|
31
|
-
attributeChangedCallback(name: string): void;
|
|
32
|
-
/** Opens the unified command palette. */
|
|
33
|
-
openPalette(): void;
|
|
34
|
-
/** Closes the unified command palette. */
|
|
35
|
-
closePalette(): void;
|
|
36
|
-
private ensurePalette;
|
|
37
|
-
private loadItems;
|
|
38
|
-
}
|
|
39
|
-
export declare const registerVikingSuiteSearchPaletteWc: () => void;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { HTMLElementBase } from "../core/dom";
|
|
2
|
-
/**
|
|
3
|
-
* Framework-agnostic theme toggle Web Component.
|
|
4
|
-
* Tag: `viking-theme-toggle-wc`
|
|
5
|
-
*/
|
|
6
|
-
export declare class VikingThemeToggleWc extends HTMLElementBase {
|
|
7
|
-
static readonly tag = "viking-theme-toggle-wc";
|
|
8
|
-
private readonly shadow;
|
|
9
|
-
private button;
|
|
10
|
-
private sunIcon;
|
|
11
|
-
private moonIcon;
|
|
12
|
-
constructor();
|
|
13
|
-
connectedCallback(): void;
|
|
14
|
-
disconnectedCallback(): void;
|
|
15
|
-
private readonly onClick;
|
|
16
|
-
private syncIcons;
|
|
17
|
-
private render;
|
|
18
|
-
}
|
|
19
|
-
export declare const registerVikingThemeToggleWc: () => void;
|
package/dist/web/types.d.ts
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import type { VikingSearchPaletteItem } from "./core/types";
|
|
2
|
-
/** Custom events dispatched by Viking-UI Web Components. */
|
|
3
|
-
export type VikingWcChangeDetail = {
|
|
4
|
-
value: string;
|
|
5
|
-
};
|
|
6
|
-
export type VikingWcQueryDetail = {
|
|
7
|
-
query: string;
|
|
8
|
-
};
|
|
9
|
-
export type VikingWcSelectDetail = {
|
|
10
|
-
item: VikingSearchPaletteItem;
|
|
11
|
-
};
|
|
12
|
-
declare global {
|
|
13
|
-
interface HTMLElementTagNameMap {
|
|
14
|
-
"viking-badge": import("./badge/viking-badge-wc").VikingBadgeWc;
|
|
15
|
-
"viking-badge-wc": import("./badge/viking-badge-wc").VikingBadgeWc;
|
|
16
|
-
"viking-button": import("./button/viking-button-wc").VikingButtonWc;
|
|
17
|
-
"viking-button-wc": import("./button/viking-button-wc").VikingButtonWc;
|
|
18
|
-
"viking-callout": import("./callout/viking-callout-wc").VikingCalloutWc;
|
|
19
|
-
"viking-callout-wc": import("./callout/viking-callout-wc").VikingCalloutWc;
|
|
20
|
-
"viking-card": import("./card/viking-card-wc").VikingCardWc;
|
|
21
|
-
"viking-card-wc": import("./card/viking-card-wc").VikingCardWc;
|
|
22
|
-
"viking-field": import("./field/viking-field-wc").VikingFieldWc;
|
|
23
|
-
"viking-field-wc": import("./field/viking-field-wc").VikingFieldWc;
|
|
24
|
-
"viking-input": import("./input/viking-input-wc").VikingInputWc;
|
|
25
|
-
"viking-input-wc": import("./input/viking-input-wc").VikingInputWc;
|
|
26
|
-
"viking-dialog": import("./modal/viking-modal-wc").VikingModalWc;
|
|
27
|
-
"viking-modal": import("./modal/viking-modal-wc").VikingModalWc;
|
|
28
|
-
"viking-modal-wc": import("./modal/viking-modal-wc").VikingModalWc;
|
|
29
|
-
"viking-command-palette": import("./search-palette/viking-search-palette-wc").VikingSearchPaletteWc;
|
|
30
|
-
"viking-search-palette": import("./search-palette/viking-search-palette-wc").VikingSearchPaletteWc;
|
|
31
|
-
"viking-search-palette-wc": import("./search-palette/viking-search-palette-wc").VikingSearchPaletteWc;
|
|
32
|
-
"viking-select": import("./select/viking-select-wc").VikingSelectWc;
|
|
33
|
-
"viking-select-wc": import("./select/viking-select-wc").VikingSelectWc;
|
|
34
|
-
"viking-suite-command-palette": import("./suite-search-palette/viking-suite-search-palette-wc").VikingSuiteSearchPaletteWc;
|
|
35
|
-
"viking-suite-search-palette": import("./suite-search-palette/viking-suite-search-palette-wc").VikingSuiteSearchPaletteWc;
|
|
36
|
-
"viking-suite-search-palette-wc": import("./suite-search-palette/viking-suite-search-palette-wc").VikingSuiteSearchPaletteWc;
|
|
37
|
-
"viking-theme-toggle-wc": import("./theme-toggle/viking-theme-toggle-wc").VikingThemeToggleWc;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "../web/index";
|