sjarvela · December 19, 2021 12:23 · Dec 19, 2021 · Dec 19, 2021 · Nov 8, 2021 · Nov 8, 2021
diff --git a/src\my-app.html b/src\my-app.html
@@ -1,5 +1,3 @@
-<import from="./custom-element-a"></import>
-
 <h1>Dialog</h1>
 
 <button>Open dialog</button>
diff --git a/src\my-app.html b/src\my-app.html
@@ -1,5 +1,4 @@
 <import from="./custom-element-a"></import>
-<import from="./custom-element-b"></import>
 
 <h1>Dialog</h1>
 

diff --git a/src\my-app.js b/src\my-app.js
@@ -1,2 +1,13 @@
+import {
+  DialogService,
+  DialogDeactivationStatuses,
+} from "@aurelia/runtime-html";
+
+@inject(DialogService)
 export class MyApp {
+  ds;
+
+  constructor(ds) {
+    this.ds = ds;
+  }
 }
diff --git a/src\custom-element-b.html b/src\custom-element-b.html
@@ -1,8 +0,0 @@
-<import from="./custom-element-a"></import>
-
-<div style="border: 1px solid blue">
-  <div style="color: blue">This is custom element B</div>
-
-  <span>And here is custom element A inside B:</span>
-  <custom-element-a></custom-element-a>
-</div>

diff --git a/src\custom-element-b.js b/src\custom-element-b.js
@@ -1,2 +0,0 @@
-export class CustomElementB {
-}

diff --git a/src\main.js b/src\main.js
@@ -1,4 +1,5 @@
 import Aurelia from 'aurelia';
+import { DialogDefaultConfiguration } from '@aurelia/runtime-html';
 import { MyApp } from './my-app';
 
-Aurelia.app(MyApp).start();
+Aurelia.register(DialogDefaultConfiguration).app(MyApp).start();
diff --git a/src\my-app.html b/src\my-app.html
@@ -1,10 +1,6 @@
 <import from="./custom-element-a"></import>
 <import from="./custom-element-b"></import>
 
-<h1>Custom elements</h1>
+<h1>Dialog</h1>
 
-<h2>Custom element A directly under app</h2>
-<custom-element-a></custom-element-a>
-
-<h2>Custom element A inside custom element B</h2>
-<custom-element-b></custom-element-b>
+<button>Open dialog</button>
diff --git a/index.html b/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Dumber Gist</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
+  <base href="/">
+</head>
+<!--
+Dumber Gist uses dumber bundler, the default bundle file
+is /dist/entry-bundle.js.
+The starting module is pointed to "main" (data-main attribute on script)
+which is your src/main.js.
+-->
+<body>
+  <my-app></my-app>
+  <script src="/dist/entry-bundle.js" data-main="main"></script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "aurelia": "latest"
+  }
+}
diff --git a/src\custom-element-a.html b/src\custom-element-a.html
@@ -0,0 +1 @@
+<div style="color: red; border: 1px solid red">This is custom element A</div>
diff --git a/src\custom-element-a.js b/src\custom-element-a.js
@@ -0,0 +1,2 @@
+export class CustomElementA {
+}
diff --git a/src\custom-element-b.html b/src\custom-element-b.html
@@ -0,0 +1,8 @@
+<import from="./custom-element-a"></import>
+
+<div style="border: 1px solid blue">
+  <div style="color: blue">This is custom element B</div>
+
+  <span>And here is custom element A inside B:</span>
+  <custom-element-a></custom-element-a>
+</div>
diff --git a/src\custom-element-b.js b/src\custom-element-b.js
@@ -0,0 +1,2 @@
+export class CustomElementB {
+}
diff --git a/src\main.js b/src\main.js
@@ -0,0 +1,4 @@
+import Aurelia from 'aurelia';
+import { MyApp } from './my-app';
+
+Aurelia.app(MyApp).start();
diff --git a/src\my-app.html b/src\my-app.html
@@ -0,0 +1,10 @@
+<import from="./custom-element-a"></import>
+<import from="./custom-element-b"></import>
+
+<h1>Custom elements</h1>
+
+<h2>Custom element A directly under app</h2>
+<custom-element-a></custom-element-a>
+
+<h2>Custom element A inside custom element B</h2>
+<custom-element-b></custom-element-b>
diff --git a/src\my-app.js b/src\my-app.js
@@ -0,0 +1,2 @@
+export class MyApp {
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<div style="color: red; border: 1px solid red">This is custom element A</div>
No results found