design.estate/dees-catalog
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(components): add large set of new UI components and demos, reorganize groups, and bump a few dependencies

Browse Source
This commit is contained in:
Jürgen Kunz
2026-01-27 10:57:42 +00:00
parent 8158b791c7
commit 162688cdb5
218 changed files with 5223 additions and 458 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ts_web/elements/00group-workspace/dees-workspace-bottombar/dees-workspace-bottombar.ts
View File

@@ -10,8 +10,8 @@ import {
} from '@design.estate/dees-element';
import { themeDefaultStyles } from '../../00theme.js';
import type { IExecutionEnvironment } from '../../00group-runtime/index.js';
import '../../dees-icon/dees-icon.js';
import { DeesContextmenu } from '../../dees-contextmenu/dees-contextmenu.js';
import '../../00group-utility/dees-icon/dees-icon.js';
import { DeesContextmenu } from '../../00group-overlay/dees-contextmenu/dees-contextmenu.js';
import type { IRunProcessEventDetail, ITerminalProcessCompleteEventDetail } from '../dees-workspace-terminal/interfaces.js';
declare global {

2
ts_web/elements/00group-workspace/dees-workspace-diff-editor/dees-workspace-diff-editor.ts
View File

@@ -31,7 +31,7 @@ export class DeesWorkspaceDiffEditor extends DeesElement {
.filePath=${'/demo/example.ts'}
></dees-workspace-diff-editor>
`;
public static demoGroup = 'Workspace';
public static demoGroups = ['Workspace'];
// INSTANCE
public diffEditorDeferred = domtools.plugins.smartpromise.defer<monaco.editor.IStandaloneDiffEditor>();

10
ts_web/elements/00group-workspace/dees-workspace-filetree/dees-workspace-filetree.ts
View File

@@ -11,10 +11,10 @@ import {
import * as domtools from '@design.estate/dees-domtools';
import { themeDefaultStyles } from '../../00theme.js';
import type { IExecutionEnvironment, IFileEntry, IFileWatcher } from '../../00group-runtime/index.js';
import '../../dees-icon/dees-icon.js';
import '../../dees-contextmenu/dees-contextmenu.js';
import { DeesContextmenu } from '../../dees-contextmenu/dees-contextmenu.js';
import { DeesModal } from '../../dees-modal/dees-modal.js';
import '../../00group-utility/dees-icon/dees-icon.js';
import '../../00group-overlay/dees-contextmenu/dees-contextmenu.js';
import { DeesContextmenu } from '../../00group-overlay/dees-contextmenu/dees-contextmenu.js';
import { DeesModal } from '../../00group-overlay/dees-modal/dees-modal.js';
import '../../00group-input/dees-input-text/dees-input-text.js';
import { DeesInputText } from '../../00group-input/dees-input-text/dees-input-text.js';
@@ -37,7 +37,7 @@ export class DeesWorkspaceFiletree extends DeesElement {
<dees-workspace-filetree></dees-workspace-filetree>
</div>
`;
public static demoGroup = 'Workspace';
public static demoGroups = ['Workspace'];
// INSTANCE
@property({ type: Object })

2
ts_web/elements/00group-workspace/dees-workspace-markdown/dees-workspace-markdown.ts
View File

@@ -23,7 +23,7 @@ declare global {
@customElement('dees-workspace-markdown')
export class DeesWorkspaceMarkdown extends DeesElement {
public static demo = () => html`<dees-workspace-markdown></dees-workspace-markdown>`;
public static demoGroup = 'Workspace';
public static demoGroups = ['Workspace'];
public static styles = [
themeDefaultStyles,

2
ts_web/elements/00group-workspace/dees-workspace-markdownoutlet/dees-workspace-markdownoutlet.demo.ts
View File

@@ -1,6 +1,6 @@
import { html, css } from '@design.estate/dees-element';
import '@design.estate/dees-wcctools/demotools';
import '../../dees-panel/dees-panel.js';
import '../../00group-layout/dees-panel/dees-panel.js';
import type { DeesWorkspaceMarkdownoutlet } from './dees-workspace-markdownoutlet.js';
export const demoFunc = () => html`

2
ts_web/elements/00group-workspace/dees-workspace-markdownoutlet/dees-workspace-markdownoutlet.ts
View File

@@ -19,7 +19,7 @@ declare global {
export class DeesWorkspaceMarkdownoutlet extends DeesElement {
// DEMO
public static demo = demoFunc;
public static demoGroup = 'Workspace';
public static demoGroups = ['Workspace'];
public static styles = [
themeDefaultStyles,

2
ts_web/elements/00group-workspace/dees-workspace-monaco/dees-workspace-monaco.ts
View File

@@ -23,7 +23,7 @@ declare global {
export class DeesWorkspaceMonaco extends DeesElement {
// DEMO
public static demo = () => html`<dees-workspace-monaco></dees-workspace-monaco>`;
public static demoGroup = 'Workspace';
public static demoGroups = ['Workspace'];
// STATIC
public static monacoDeferred: ReturnType<typeof domtools.plugins.smartpromise.defer>;

2
ts_web/elements/00group-workspace/dees-workspace-terminal-preview/dees-workspace-terminal-preview.ts
View File

@@ -39,7 +39,7 @@ export class DeesWorkspaceTerminalPreview extends DeesElement {
]}
></dees-workspace-terminal-preview>
`;
public static demoGroup = 'Workspace';
public static demoGroups = ['Workspace'];
/**
* The command being displayed (shown in header)

8
ts_web/elements/00group-workspace/dees-workspace-terminal/dees-workspace-terminal.ts
View File

@@ -14,9 +14,9 @@ import type { Terminal } from 'xterm';
import { themeDefaultStyles } from '../../00theme.js';
import type { IExecutionEnvironment } from '../../00group-runtime/index.js';
import { WebContainerEnvironment } from '../../00group-runtime/index.js';
import '../../dees-icon/dees-icon.js';
import '../../dees-actionbar/dees-actionbar.js';
import type { DeesActionbar } from '../../dees-actionbar/dees-actionbar.js';
import '../../00group-utility/dees-icon/dees-icon.js';
import '../../00group-feedback/dees-actionbar/dees-actionbar.js';
import type { DeesActionbar } from '../../00group-feedback/dees-actionbar/dees-actionbar.js';
import { TerminalTabManager } from './terminal-tab-manager.js';
import type {
ITerminalTab,
@@ -37,7 +37,7 @@ export class DeesWorkspaceTerminal extends DeesElement {
const env = new WebContainerEnvironment();
return html`<dees-workspace-terminal .executionEnvironment=${env}></dees-workspace-terminal>`;
};
public static demoGroup = 'Workspace';
public static demoGroups = ['Workspace'];
// INSTANCE
private resizeObserver: ResizeObserver;

10
ts_web/elements/00group-workspace/dees-workspace/dees-workspace.ts
View File

@@ -21,13 +21,13 @@ import { DeesWorkspaceTerminal } from '../dees-workspace-terminal/dees-workspace
import type { IRunProcessEventDetail } from '../dees-workspace-terminal/interfaces.js';
import '../dees-workspace-terminal-preview/dees-workspace-terminal-preview.js';
import '../dees-workspace-bottombar/dees-workspace-bottombar.js';
import '../../dees-icon/dees-icon.js';
import '../../00group-utility/dees-icon/dees-icon.js';
import { DeesWorkspaceMonaco } from '../dees-workspace-monaco/dees-workspace-monaco.js';
import { TypeScriptIntelliSenseManager } from './typescript-intellisense.js';
import { DeesContextmenu } from '../../dees-contextmenu/dees-contextmenu.js';
import { DeesContextmenu } from '../../00group-overlay/dees-contextmenu/dees-contextmenu.js';
import '@design.estate/dees-wcctools/demotools';
import '../../dees-actionbar/dees-actionbar.js';
import type { DeesActionbar } from '../../dees-actionbar/dees-actionbar.js';
import '../../00group-feedback/dees-actionbar/dees-actionbar.js';
import type { DeesActionbar } from '../../00group-feedback/dees-actionbar/dees-actionbar.js';
import '../dees-workspace-diff-editor/dees-workspace-diff-editor.js';
declare global {
@@ -197,7 +197,7 @@ testSmartPromise();
</dees-demowrapper>
`;
};
public static demoGroup = 'Workspace';
public static demoGroups = ['Workspace'];
// INSTANCE
@property({ type: Object })