@abgov/react-components 4.0.0-alpha.22 → 4.0.0-alpha.25
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/README.md +9 -42
- package/package.json +1 -1
- package/react-components.esm.js +94 -73
- package/react-components.umd.js +97 -76
package/README.md
CHANGED
|
@@ -2,58 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
This library contains react components from the Government of Alberta.
|
|
4
4
|
|
|
5
|
-
Create react app
|
|
6
|
-
```bash
|
|
7
|
-
npm init vite@latest
|
|
8
|
-
```
|
|
9
|
-
|
|
10
5
|
Add Dependencies
|
|
6
|
+
|
|
11
7
|
```bash
|
|
12
|
-
npm i
|
|
13
|
-
npm i @abgov/
|
|
14
|
-
npm i @abgov/styles
|
|
8
|
+
npm i @abgov/react-components@alpha
|
|
9
|
+
npm i @abgov/web-components@alpha
|
|
10
|
+
npm i @abgov/styles@alpha
|
|
15
11
|
```
|
|
16
12
|
|
|
17
13
|
Link ionicons in app/index.html
|
|
18
|
-
|
|
19
|
-
<!DOCTYPE html>
|
|
20
|
-
<html lang="en">
|
|
21
|
-
<head>
|
|
22
|
-
<meta charset="UTF-8" />
|
|
23
|
-
<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
|
|
24
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
25
|
-
<title>Vite App</title>
|
|
26
|
-
<!-- Ionicons -->
|
|
27
|
-
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
|
28
|
-
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
|
29
|
-
<!-- -->
|
|
30
|
-
</head>
|
|
31
|
-
<body>
|
|
32
|
-
<div id="root"></div>
|
|
33
|
-
<script type="module" src="/src/main.tsx"></script>
|
|
34
|
-
</body>
|
|
35
|
-
</html>
|
|
36
|
-
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
```typescript
|
|
40
|
-
// App.tsx
|
|
41
|
-
import './App.css'
|
|
42
|
-
|
|
43
|
-
import { GoABadge } from '@abgov/react-components';
|
|
44
|
-
|
|
45
|
-
function App() {
|
|
46
|
-
return (
|
|
47
|
-
<GoABadge type="information" content="Some info" icon={true} />
|
|
48
|
-
)
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
export default App
|
|
14
|
+
Add the following to the head element
|
|
52
15
|
|
|
16
|
+
```html
|
|
17
|
+
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
|
18
|
+
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
|
53
19
|
|
|
54
20
|
```
|
|
55
21
|
|
|
56
22
|
Import the styles in the `src/index.css` file
|
|
23
|
+
|
|
57
24
|
```css
|
|
58
25
|
@import '@abgov/styles/styles.esm.css';
|
|
59
26
|
```
|
package/package.json
CHANGED
package/react-components.esm.js
CHANGED
|
@@ -1197,7 +1197,7 @@ function create_else_block$4(ctx) {
|
|
|
1197
1197
|
} // (12:2) {#if url}
|
|
1198
1198
|
|
|
1199
1199
|
|
|
1200
|
-
function create_if_block$
|
|
1200
|
+
function create_if_block$j(ctx) {
|
|
1201
1201
|
let a;
|
|
1202
1202
|
let img0;
|
|
1203
1203
|
let img0_src_value;
|
|
@@ -1272,7 +1272,7 @@ function create_fragment$D(ctx) {
|
|
|
1272
1272
|
function select_block_type(ctx, dirty) {
|
|
1273
1273
|
if (
|
|
1274
1274
|
/*url*/
|
|
1275
|
-
ctx[1]) return create_if_block$
|
|
1275
|
+
ctx[1]) return create_if_block$j;
|
|
1276
1276
|
return create_else_block$4;
|
|
1277
1277
|
}
|
|
1278
1278
|
|
|
@@ -1489,7 +1489,7 @@ function create_if_block_1$b(ctx) {
|
|
|
1489
1489
|
} // (46:2) {#if content}
|
|
1490
1490
|
|
|
1491
1491
|
|
|
1492
|
-
function create_if_block$
|
|
1492
|
+
function create_if_block$i(ctx) {
|
|
1493
1493
|
let div;
|
|
1494
1494
|
let t;
|
|
1495
1495
|
return {
|
|
@@ -1537,7 +1537,7 @@ function create_fragment$C(ctx) {
|
|
|
1537
1537
|
let if_block0 = current_block_type(ctx);
|
|
1538
1538
|
let if_block1 =
|
|
1539
1539
|
/*content*/
|
|
1540
|
-
ctx[2] && create_if_block$
|
|
1540
|
+
ctx[2] && create_if_block$i(ctx);
|
|
1541
1541
|
return {
|
|
1542
1542
|
c() {
|
|
1543
1543
|
div = element("div");
|
|
@@ -1585,7 +1585,7 @@ function create_fragment$C(ctx) {
|
|
|
1585
1585
|
if (if_block1) {
|
|
1586
1586
|
if_block1.p(ctx, dirty);
|
|
1587
1587
|
} else {
|
|
1588
|
-
if_block1 = create_if_block$
|
|
1588
|
+
if_block1 = create_if_block$i(ctx);
|
|
1589
1589
|
if_block1.c();
|
|
1590
1590
|
if_block1.m(div, null);
|
|
1591
1591
|
}
|
|
@@ -1845,7 +1845,7 @@ function create_else_block$2(ctx) {
|
|
|
1845
1845
|
} // (55:2) {#if type === "start"}
|
|
1846
1846
|
|
|
1847
1847
|
|
|
1848
|
-
function create_if_block$
|
|
1848
|
+
function create_if_block$h(ctx) {
|
|
1849
1849
|
let div;
|
|
1850
1850
|
let t;
|
|
1851
1851
|
let goa_icon;
|
|
@@ -1975,7 +1975,7 @@ function create_fragment$B(ctx) {
|
|
|
1975
1975
|
function select_block_type(ctx, dirty) {
|
|
1976
1976
|
if (
|
|
1977
1977
|
/*type*/
|
|
1978
|
-
ctx[0] === "start") return create_if_block$
|
|
1978
|
+
ctx[0] === "start") return create_if_block$h;
|
|
1979
1979
|
return create_else_block$2;
|
|
1980
1980
|
}
|
|
1981
1981
|
|
|
@@ -2446,6 +2446,37 @@ class ButtonGroup extends SvelteElement {
|
|
|
2446
2446
|
customElements.define("goa-button-group", ButtonGroup);
|
|
2447
2447
|
/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.49.0 */
|
|
2448
2448
|
|
|
2449
|
+
function create_if_block$g(ctx) {
|
|
2450
|
+
let h3;
|
|
2451
|
+
let t;
|
|
2452
|
+
return {
|
|
2453
|
+
c() {
|
|
2454
|
+
h3 = element("h3");
|
|
2455
|
+
t = text(
|
|
2456
|
+
/*heading*/
|
|
2457
|
+
ctx[1]);
|
|
2458
|
+
},
|
|
2459
|
+
|
|
2460
|
+
m(target, anchor) {
|
|
2461
|
+
insert(target, h3, anchor);
|
|
2462
|
+
append(h3, t);
|
|
2463
|
+
},
|
|
2464
|
+
|
|
2465
|
+
p(ctx, dirty) {
|
|
2466
|
+
if (dirty &
|
|
2467
|
+
/*heading*/
|
|
2468
|
+
2) set_data(t,
|
|
2469
|
+
/*heading*/
|
|
2470
|
+
ctx[1]);
|
|
2471
|
+
},
|
|
2472
|
+
|
|
2473
|
+
d(detaching) {
|
|
2474
|
+
if (detaching) detach(h3);
|
|
2475
|
+
}
|
|
2476
|
+
|
|
2477
|
+
};
|
|
2478
|
+
}
|
|
2479
|
+
|
|
2449
2480
|
function create_fragment$z(ctx) {
|
|
2450
2481
|
let div;
|
|
2451
2482
|
let span0;
|
|
@@ -2454,10 +2485,11 @@ function create_fragment$z(ctx) {
|
|
|
2454
2485
|
let span0_class_value;
|
|
2455
2486
|
let t0;
|
|
2456
2487
|
let span1;
|
|
2457
|
-
let h3;
|
|
2458
2488
|
let t1;
|
|
2459
|
-
let t2;
|
|
2460
2489
|
let slot;
|
|
2490
|
+
let if_block =
|
|
2491
|
+
/*heading*/
|
|
2492
|
+
ctx[1] && create_if_block$g(ctx);
|
|
2461
2493
|
return {
|
|
2462
2494
|
c() {
|
|
2463
2495
|
div = element("div");
|
|
@@ -2465,11 +2497,8 @@ function create_fragment$z(ctx) {
|
|
|
2465
2497
|
goa_icon = element("goa-icon");
|
|
2466
2498
|
t0 = space();
|
|
2467
2499
|
span1 = element("span");
|
|
2468
|
-
|
|
2469
|
-
t1 =
|
|
2470
|
-
/*heading*/
|
|
2471
|
-
ctx[1]);
|
|
2472
|
-
t2 = space();
|
|
2500
|
+
if (if_block) if_block.c();
|
|
2501
|
+
t1 = space();
|
|
2473
2502
|
slot = element("slot");
|
|
2474
2503
|
this.c = noop;
|
|
2475
2504
|
set_custom_element_data(goa_icon, "type",
|
|
@@ -2494,9 +2523,8 @@ function create_fragment$z(ctx) {
|
|
|
2494
2523
|
append(span0, goa_icon);
|
|
2495
2524
|
append(div, t0);
|
|
2496
2525
|
append(div, span1);
|
|
2497
|
-
|
|
2498
|
-
append(
|
|
2499
|
-
append(span1, t2);
|
|
2526
|
+
if (if_block) if_block.m(span1, null);
|
|
2527
|
+
append(span1, t1);
|
|
2500
2528
|
append(span1, slot);
|
|
2501
2529
|
},
|
|
2502
2530
|
|
|
@@ -2525,11 +2553,20 @@ function create_fragment$z(ctx) {
|
|
|
2525
2553
|
attr(span0, "class", span0_class_value);
|
|
2526
2554
|
}
|
|
2527
2555
|
|
|
2528
|
-
if (
|
|
2529
|
-
/*heading*/
|
|
2530
|
-
2) set_data(t1,
|
|
2556
|
+
if (
|
|
2531
2557
|
/*heading*/
|
|
2532
|
-
ctx[1])
|
|
2558
|
+
ctx[1]) {
|
|
2559
|
+
if (if_block) {
|
|
2560
|
+
if_block.p(ctx, dirty);
|
|
2561
|
+
} else {
|
|
2562
|
+
if_block = create_if_block$g(ctx);
|
|
2563
|
+
if_block.c();
|
|
2564
|
+
if_block.m(span1, t1);
|
|
2565
|
+
}
|
|
2566
|
+
} else if (if_block) {
|
|
2567
|
+
if_block.d(1);
|
|
2568
|
+
if_block = null;
|
|
2569
|
+
}
|
|
2533
2570
|
|
|
2534
2571
|
if (dirty &
|
|
2535
2572
|
/*testid*/
|
|
@@ -2545,6 +2582,7 @@ function create_fragment$z(ctx) {
|
|
|
2545
2582
|
|
|
2546
2583
|
d(detaching) {
|
|
2547
2584
|
if (detaching) detach(div);
|
|
2585
|
+
if (if_block) if_block.d();
|
|
2548
2586
|
}
|
|
2549
2587
|
|
|
2550
2588
|
};
|
|
@@ -8459,7 +8497,7 @@ function create_if_block$7(ctx) {
|
|
|
8459
8497
|
function select_block_type(ctx, dirty) {
|
|
8460
8498
|
if (
|
|
8461
8499
|
/*fullscreen*/
|
|
8462
|
-
ctx[
|
|
8500
|
+
ctx[4]) return 0;
|
|
8463
8501
|
if (
|
|
8464
8502
|
/*inline*/
|
|
8465
8503
|
ctx[5]) return 1;
|
|
@@ -8540,7 +8578,7 @@ function create_if_block$7(ctx) {
|
|
|
8540
8578
|
}
|
|
8541
8579
|
|
|
8542
8580
|
};
|
|
8543
|
-
} // (
|
|
8581
|
+
} // (39:19)
|
|
8544
8582
|
|
|
8545
8583
|
|
|
8546
8584
|
function create_if_block_3$1(ctx) {
|
|
@@ -8563,13 +8601,13 @@ function create_if_block_3$1(ctx) {
|
|
|
8563
8601
|
ctx[0]);
|
|
8564
8602
|
set_custom_element_data(goa_spinner, "size",
|
|
8565
8603
|
/*spinnerSize*/
|
|
8566
|
-
ctx[
|
|
8604
|
+
ctx[3]);
|
|
8567
8605
|
set_custom_element_data(goa_spinner, "progress", goa_spinner_progress_value =
|
|
8568
8606
|
/*progress*/
|
|
8569
8607
|
ctx[2] || 0);
|
|
8570
8608
|
attr(div, "class", div_class_value = "spinner-" +
|
|
8571
8609
|
/*spinnerSize*/
|
|
8572
|
-
ctx[
|
|
8610
|
+
ctx[3]);
|
|
8573
8611
|
toggle_class(div, "inline",
|
|
8574
8612
|
/*inline*/
|
|
8575
8613
|
ctx[5]);
|
|
@@ -8593,10 +8631,10 @@ function create_if_block_3$1(ctx) {
|
|
|
8593
8631
|
|
|
8594
8632
|
if (dirty &
|
|
8595
8633
|
/*spinnerSize*/
|
|
8596
|
-
|
|
8634
|
+
8) {
|
|
8597
8635
|
set_custom_element_data(goa_spinner, "size",
|
|
8598
8636
|
/*spinnerSize*/
|
|
8599
|
-
ctx[
|
|
8637
|
+
ctx[3]);
|
|
8600
8638
|
}
|
|
8601
8639
|
|
|
8602
8640
|
if (dirty &
|
|
@@ -8624,15 +8662,15 @@ function create_if_block_3$1(ctx) {
|
|
|
8624
8662
|
|
|
8625
8663
|
if (dirty &
|
|
8626
8664
|
/*spinnerSize*/
|
|
8627
|
-
|
|
8665
|
+
8 && div_class_value !== (div_class_value = "spinner-" +
|
|
8628
8666
|
/*spinnerSize*/
|
|
8629
|
-
ctx[
|
|
8667
|
+
ctx[3])) {
|
|
8630
8668
|
attr(div, "class", div_class_value);
|
|
8631
8669
|
}
|
|
8632
8670
|
|
|
8633
8671
|
if (dirty &
|
|
8634
8672
|
/*spinnerSize, inline*/
|
|
8635
|
-
|
|
8673
|
+
40) {
|
|
8636
8674
|
toggle_class(div, "inline",
|
|
8637
8675
|
/*inline*/
|
|
8638
8676
|
ctx[5]);
|
|
@@ -8648,7 +8686,7 @@ function create_if_block_3$1(ctx) {
|
|
|
8648
8686
|
}
|
|
8649
8687
|
|
|
8650
8688
|
};
|
|
8651
|
-
} // (
|
|
8689
|
+
} // (28:2) {#if fullscreen}
|
|
8652
8690
|
|
|
8653
8691
|
|
|
8654
8692
|
function create_if_block_1$4(ctx) {
|
|
@@ -8674,13 +8712,13 @@ function create_if_block_1$4(ctx) {
|
|
|
8674
8712
|
ctx[0]);
|
|
8675
8713
|
set_custom_element_data(goa_spinner, "size",
|
|
8676
8714
|
/*spinnerSize*/
|
|
8677
|
-
ctx[
|
|
8715
|
+
ctx[3]);
|
|
8678
8716
|
set_custom_element_data(goa_spinner, "progress", goa_spinner_progress_value =
|
|
8679
8717
|
/*progress*/
|
|
8680
8718
|
ctx[2] || 0);
|
|
8681
8719
|
toggle_class(div, "fullscreen",
|
|
8682
8720
|
/*fullscreen*/
|
|
8683
|
-
ctx[
|
|
8721
|
+
ctx[4]);
|
|
8684
8722
|
},
|
|
8685
8723
|
|
|
8686
8724
|
m(target, anchor) {
|
|
@@ -8709,10 +8747,10 @@ function create_if_block_1$4(ctx) {
|
|
|
8709
8747
|
|
|
8710
8748
|
if (!current || dirty &
|
|
8711
8749
|
/*spinnerSize*/
|
|
8712
|
-
|
|
8750
|
+
8) {
|
|
8713
8751
|
set_custom_element_data(goa_spinner, "size",
|
|
8714
8752
|
/*spinnerSize*/
|
|
8715
|
-
ctx[
|
|
8753
|
+
ctx[3]);
|
|
8716
8754
|
}
|
|
8717
8755
|
|
|
8718
8756
|
if (!current || dirty &
|
|
@@ -8740,10 +8778,10 @@ function create_if_block_1$4(ctx) {
|
|
|
8740
8778
|
|
|
8741
8779
|
if (dirty &
|
|
8742
8780
|
/*fullscreen*/
|
|
8743
|
-
|
|
8781
|
+
16) {
|
|
8744
8782
|
toggle_class(div, "fullscreen",
|
|
8745
8783
|
/*fullscreen*/
|
|
8746
|
-
ctx[
|
|
8784
|
+
ctx[4]);
|
|
8747
8785
|
}
|
|
8748
8786
|
},
|
|
8749
8787
|
|
|
@@ -8775,7 +8813,7 @@ function create_if_block_1$4(ctx) {
|
|
|
8775
8813
|
}
|
|
8776
8814
|
|
|
8777
8815
|
};
|
|
8778
|
-
} // (
|
|
8816
|
+
} // (42:6) {#if message}
|
|
8779
8817
|
|
|
8780
8818
|
|
|
8781
8819
|
function create_if_block_4(ctx) {
|
|
@@ -8808,7 +8846,7 @@ function create_if_block_4(ctx) {
|
|
|
8808
8846
|
}
|
|
8809
8847
|
|
|
8810
8848
|
};
|
|
8811
|
-
} // (
|
|
8849
|
+
} // (35:6) {#if message}
|
|
8812
8850
|
|
|
8813
8851
|
|
|
8814
8852
|
function create_if_block_2$3(ctx) {
|
|
@@ -8847,8 +8885,8 @@ function create_fragment$f(ctx) {
|
|
|
8847
8885
|
let if_block_anchor;
|
|
8848
8886
|
let current;
|
|
8849
8887
|
let if_block =
|
|
8850
|
-
/*
|
|
8851
|
-
ctx[
|
|
8888
|
+
/*isVisible*/
|
|
8889
|
+
ctx[6] && create_if_block$7(ctx);
|
|
8852
8890
|
return {
|
|
8853
8891
|
c() {
|
|
8854
8892
|
if (if_block) if_block.c();
|
|
@@ -8864,14 +8902,14 @@ function create_fragment$f(ctx) {
|
|
|
8864
8902
|
|
|
8865
8903
|
p(ctx, [dirty]) {
|
|
8866
8904
|
if (
|
|
8867
|
-
/*
|
|
8868
|
-
ctx[
|
|
8905
|
+
/*isVisible*/
|
|
8906
|
+
ctx[6]) {
|
|
8869
8907
|
if (if_block) {
|
|
8870
8908
|
if_block.p(ctx, dirty);
|
|
8871
8909
|
|
|
8872
8910
|
if (dirty &
|
|
8873
|
-
/*
|
|
8874
|
-
|
|
8911
|
+
/*isVisible*/
|
|
8912
|
+
64) {
|
|
8875
8913
|
transition_in(if_block, 1);
|
|
8876
8914
|
}
|
|
8877
8915
|
} else {
|
|
@@ -8910,9 +8948,6 @@ function create_fragment$f(ctx) {
|
|
|
8910
8948
|
|
|
8911
8949
|
function instance$e($$self, $$props, $$invalidate) {
|
|
8912
8950
|
let isVisible;
|
|
8913
|
-
let fullscreen;
|
|
8914
|
-
let inline;
|
|
8915
|
-
let spinnerSize;
|
|
8916
8951
|
let {
|
|
8917
8952
|
type = "infinite"
|
|
8918
8953
|
} = $$props;
|
|
@@ -8931,11 +8966,13 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
|
8931
8966
|
let {
|
|
8932
8967
|
visible = "false"
|
|
8933
8968
|
} = $$props;
|
|
8934
|
-
let
|
|
8969
|
+
let spinnerSize;
|
|
8970
|
+
let fullscreen;
|
|
8971
|
+
let inline;
|
|
8935
8972
|
onMount(async () => {
|
|
8936
|
-
|
|
8937
|
-
|
|
8938
|
-
$$invalidate(
|
|
8973
|
+
$$invalidate(3, spinnerSize = size === "small" ? "large" : "xlarge");
|
|
8974
|
+
$$invalidate(4, fullscreen = variant === "fullscreen");
|
|
8975
|
+
$$invalidate(5, inline = variant === "inline");
|
|
8939
8976
|
});
|
|
8940
8977
|
|
|
8941
8978
|
$$self.$$set = $$props => {
|
|
@@ -8951,29 +8988,11 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
|
8951
8988
|
if ($$self.$$.dirty &
|
|
8952
8989
|
/*visible*/
|
|
8953
8990
|
512) {
|
|
8954
|
-
isVisible = toBoolean(visible);
|
|
8955
|
-
}
|
|
8956
|
-
|
|
8957
|
-
if ($$self.$$.dirty &
|
|
8958
|
-
/*variant*/
|
|
8959
|
-
128) {
|
|
8960
|
-
$$invalidate(6, fullscreen = variant === "fullscreen");
|
|
8961
|
-
}
|
|
8962
|
-
|
|
8963
|
-
if ($$self.$$.dirty &
|
|
8964
|
-
/*variant*/
|
|
8965
|
-
128) {
|
|
8966
|
-
$$invalidate(5, inline = variant === "inline");
|
|
8967
|
-
}
|
|
8968
|
-
|
|
8969
|
-
if ($$self.$$.dirty &
|
|
8970
|
-
/*size*/
|
|
8971
|
-
256) {
|
|
8972
|
-
$$invalidate(4, spinnerSize = size === "small" ? "large" : "xlarge");
|
|
8991
|
+
$$invalidate(6, isVisible = toBoolean(visible));
|
|
8973
8992
|
}
|
|
8974
8993
|
};
|
|
8975
8994
|
|
|
8976
|
-
return [type, message, progress,
|
|
8995
|
+
return [type, message, progress, spinnerSize, fullscreen, inline, isVisible, variant, size, visible];
|
|
8977
8996
|
}
|
|
8978
8997
|
|
|
8979
8998
|
class CircularProgress extends SvelteElement {
|
|
@@ -12006,7 +12025,9 @@ function create_fragment$7(ctx) {
|
|
|
12006
12025
|
return {
|
|
12007
12026
|
c() {
|
|
12008
12027
|
div = element("div");
|
|
12009
|
-
div.innerHTML = `<slot></slot
|
|
12028
|
+
div.innerHTML = `<slot></slot>
|
|
12029
|
+
|
|
12030
|
+
<span tabindex="0"></span>`;
|
|
12010
12031
|
this.c = noop;
|
|
12011
12032
|
},
|
|
12012
12033
|
|
package/react-components.umd.js
CHANGED
|
@@ -1253,7 +1253,7 @@
|
|
|
1253
1253
|
} // (12:2) {#if url}
|
|
1254
1254
|
|
|
1255
1255
|
|
|
1256
|
-
function create_if_block$
|
|
1256
|
+
function create_if_block$j(ctx) {
|
|
1257
1257
|
let a;
|
|
1258
1258
|
let img0;
|
|
1259
1259
|
let img0_src_value;
|
|
@@ -1328,7 +1328,7 @@
|
|
|
1328
1328
|
function select_block_type(ctx, dirty) {
|
|
1329
1329
|
if (
|
|
1330
1330
|
/*url*/
|
|
1331
|
-
ctx[1]) return create_if_block$
|
|
1331
|
+
ctx[1]) return create_if_block$j;
|
|
1332
1332
|
return create_else_block$4;
|
|
1333
1333
|
}
|
|
1334
1334
|
|
|
@@ -1545,7 +1545,7 @@
|
|
|
1545
1545
|
} // (46:2) {#if content}
|
|
1546
1546
|
|
|
1547
1547
|
|
|
1548
|
-
function create_if_block$
|
|
1548
|
+
function create_if_block$i(ctx) {
|
|
1549
1549
|
let div;
|
|
1550
1550
|
let t;
|
|
1551
1551
|
return {
|
|
@@ -1593,7 +1593,7 @@
|
|
|
1593
1593
|
let if_block0 = current_block_type(ctx);
|
|
1594
1594
|
let if_block1 =
|
|
1595
1595
|
/*content*/
|
|
1596
|
-
ctx[2] && create_if_block$
|
|
1596
|
+
ctx[2] && create_if_block$i(ctx);
|
|
1597
1597
|
return {
|
|
1598
1598
|
c() {
|
|
1599
1599
|
div = element("div");
|
|
@@ -1641,7 +1641,7 @@
|
|
|
1641
1641
|
if (if_block1) {
|
|
1642
1642
|
if_block1.p(ctx, dirty);
|
|
1643
1643
|
} else {
|
|
1644
|
-
if_block1 = create_if_block$
|
|
1644
|
+
if_block1 = create_if_block$i(ctx);
|
|
1645
1645
|
if_block1.c();
|
|
1646
1646
|
if_block1.m(div, null);
|
|
1647
1647
|
}
|
|
@@ -1901,7 +1901,7 @@
|
|
|
1901
1901
|
} // (55:2) {#if type === "start"}
|
|
1902
1902
|
|
|
1903
1903
|
|
|
1904
|
-
function create_if_block$
|
|
1904
|
+
function create_if_block$h(ctx) {
|
|
1905
1905
|
let div;
|
|
1906
1906
|
let t;
|
|
1907
1907
|
let goa_icon;
|
|
@@ -2031,7 +2031,7 @@
|
|
|
2031
2031
|
function select_block_type(ctx, dirty) {
|
|
2032
2032
|
if (
|
|
2033
2033
|
/*type*/
|
|
2034
|
-
ctx[0] === "start") return create_if_block$
|
|
2034
|
+
ctx[0] === "start") return create_if_block$h;
|
|
2035
2035
|
return create_else_block$2;
|
|
2036
2036
|
}
|
|
2037
2037
|
|
|
@@ -2502,6 +2502,37 @@
|
|
|
2502
2502
|
customElements.define("goa-button-group", ButtonGroup);
|
|
2503
2503
|
/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.49.0 */
|
|
2504
2504
|
|
|
2505
|
+
function create_if_block$g(ctx) {
|
|
2506
|
+
let h3;
|
|
2507
|
+
let t;
|
|
2508
|
+
return {
|
|
2509
|
+
c() {
|
|
2510
|
+
h3 = element("h3");
|
|
2511
|
+
t = text(
|
|
2512
|
+
/*heading*/
|
|
2513
|
+
ctx[1]);
|
|
2514
|
+
},
|
|
2515
|
+
|
|
2516
|
+
m(target, anchor) {
|
|
2517
|
+
insert(target, h3, anchor);
|
|
2518
|
+
append(h3, t);
|
|
2519
|
+
},
|
|
2520
|
+
|
|
2521
|
+
p(ctx, dirty) {
|
|
2522
|
+
if (dirty &
|
|
2523
|
+
/*heading*/
|
|
2524
|
+
2) set_data(t,
|
|
2525
|
+
/*heading*/
|
|
2526
|
+
ctx[1]);
|
|
2527
|
+
},
|
|
2528
|
+
|
|
2529
|
+
d(detaching) {
|
|
2530
|
+
if (detaching) detach(h3);
|
|
2531
|
+
}
|
|
2532
|
+
|
|
2533
|
+
};
|
|
2534
|
+
}
|
|
2535
|
+
|
|
2505
2536
|
function create_fragment$z(ctx) {
|
|
2506
2537
|
let div;
|
|
2507
2538
|
let span0;
|
|
@@ -2510,10 +2541,11 @@
|
|
|
2510
2541
|
let span0_class_value;
|
|
2511
2542
|
let t0;
|
|
2512
2543
|
let span1;
|
|
2513
|
-
let h3;
|
|
2514
2544
|
let t1;
|
|
2515
|
-
let t2;
|
|
2516
2545
|
let slot;
|
|
2546
|
+
let if_block =
|
|
2547
|
+
/*heading*/
|
|
2548
|
+
ctx[1] && create_if_block$g(ctx);
|
|
2517
2549
|
return {
|
|
2518
2550
|
c() {
|
|
2519
2551
|
div = element("div");
|
|
@@ -2521,11 +2553,8 @@
|
|
|
2521
2553
|
goa_icon = element("goa-icon");
|
|
2522
2554
|
t0 = space();
|
|
2523
2555
|
span1 = element("span");
|
|
2524
|
-
|
|
2525
|
-
t1 =
|
|
2526
|
-
/*heading*/
|
|
2527
|
-
ctx[1]);
|
|
2528
|
-
t2 = space();
|
|
2556
|
+
if (if_block) if_block.c();
|
|
2557
|
+
t1 = space();
|
|
2529
2558
|
slot = element("slot");
|
|
2530
2559
|
this.c = noop;
|
|
2531
2560
|
set_custom_element_data(goa_icon, "type",
|
|
@@ -2550,9 +2579,8 @@
|
|
|
2550
2579
|
append(span0, goa_icon);
|
|
2551
2580
|
append(div, t0);
|
|
2552
2581
|
append(div, span1);
|
|
2553
|
-
|
|
2554
|
-
append(
|
|
2555
|
-
append(span1, t2);
|
|
2582
|
+
if (if_block) if_block.m(span1, null);
|
|
2583
|
+
append(span1, t1);
|
|
2556
2584
|
append(span1, slot);
|
|
2557
2585
|
},
|
|
2558
2586
|
|
|
@@ -2581,11 +2609,20 @@
|
|
|
2581
2609
|
attr(span0, "class", span0_class_value);
|
|
2582
2610
|
}
|
|
2583
2611
|
|
|
2584
|
-
if (
|
|
2585
|
-
/*heading*/
|
|
2586
|
-
2) set_data(t1,
|
|
2612
|
+
if (
|
|
2587
2613
|
/*heading*/
|
|
2588
|
-
ctx[1])
|
|
2614
|
+
ctx[1]) {
|
|
2615
|
+
if (if_block) {
|
|
2616
|
+
if_block.p(ctx, dirty);
|
|
2617
|
+
} else {
|
|
2618
|
+
if_block = create_if_block$g(ctx);
|
|
2619
|
+
if_block.c();
|
|
2620
|
+
if_block.m(span1, t1);
|
|
2621
|
+
}
|
|
2622
|
+
} else if (if_block) {
|
|
2623
|
+
if_block.d(1);
|
|
2624
|
+
if_block = null;
|
|
2625
|
+
}
|
|
2589
2626
|
|
|
2590
2627
|
if (dirty &
|
|
2591
2628
|
/*testid*/
|
|
@@ -2601,6 +2638,7 @@
|
|
|
2601
2638
|
|
|
2602
2639
|
d(detaching) {
|
|
2603
2640
|
if (detaching) detach(div);
|
|
2641
|
+
if (if_block) if_block.d();
|
|
2604
2642
|
}
|
|
2605
2643
|
|
|
2606
2644
|
};
|
|
@@ -8502,7 +8540,7 @@
|
|
|
8502
8540
|
function select_block_type(ctx, dirty) {
|
|
8503
8541
|
if (
|
|
8504
8542
|
/*fullscreen*/
|
|
8505
|
-
ctx[
|
|
8543
|
+
ctx[4]) return 0;
|
|
8506
8544
|
if (
|
|
8507
8545
|
/*inline*/
|
|
8508
8546
|
ctx[5]) return 1;
|
|
@@ -8583,7 +8621,7 @@
|
|
|
8583
8621
|
}
|
|
8584
8622
|
|
|
8585
8623
|
};
|
|
8586
|
-
} // (
|
|
8624
|
+
} // (39:19)
|
|
8587
8625
|
|
|
8588
8626
|
|
|
8589
8627
|
function create_if_block_3$1(ctx) {
|
|
@@ -8606,13 +8644,13 @@
|
|
|
8606
8644
|
ctx[0]);
|
|
8607
8645
|
set_custom_element_data(goa_spinner, "size",
|
|
8608
8646
|
/*spinnerSize*/
|
|
8609
|
-
ctx[
|
|
8647
|
+
ctx[3]);
|
|
8610
8648
|
set_custom_element_data(goa_spinner, "progress", goa_spinner_progress_value =
|
|
8611
8649
|
/*progress*/
|
|
8612
8650
|
ctx[2] || 0);
|
|
8613
8651
|
attr(div, "class", div_class_value = "spinner-" +
|
|
8614
8652
|
/*spinnerSize*/
|
|
8615
|
-
ctx[
|
|
8653
|
+
ctx[3]);
|
|
8616
8654
|
toggle_class(div, "inline",
|
|
8617
8655
|
/*inline*/
|
|
8618
8656
|
ctx[5]);
|
|
@@ -8636,10 +8674,10 @@
|
|
|
8636
8674
|
|
|
8637
8675
|
if (dirty &
|
|
8638
8676
|
/*spinnerSize*/
|
|
8639
|
-
|
|
8677
|
+
8) {
|
|
8640
8678
|
set_custom_element_data(goa_spinner, "size",
|
|
8641
8679
|
/*spinnerSize*/
|
|
8642
|
-
ctx[
|
|
8680
|
+
ctx[3]);
|
|
8643
8681
|
}
|
|
8644
8682
|
|
|
8645
8683
|
if (dirty &
|
|
@@ -8667,15 +8705,15 @@
|
|
|
8667
8705
|
|
|
8668
8706
|
if (dirty &
|
|
8669
8707
|
/*spinnerSize*/
|
|
8670
|
-
|
|
8708
|
+
8 && div_class_value !== (div_class_value = "spinner-" +
|
|
8671
8709
|
/*spinnerSize*/
|
|
8672
|
-
ctx[
|
|
8710
|
+
ctx[3])) {
|
|
8673
8711
|
attr(div, "class", div_class_value);
|
|
8674
8712
|
}
|
|
8675
8713
|
|
|
8676
8714
|
if (dirty &
|
|
8677
8715
|
/*spinnerSize, inline*/
|
|
8678
|
-
|
|
8716
|
+
40) {
|
|
8679
8717
|
toggle_class(div, "inline",
|
|
8680
8718
|
/*inline*/
|
|
8681
8719
|
ctx[5]);
|
|
@@ -8691,7 +8729,7 @@
|
|
|
8691
8729
|
}
|
|
8692
8730
|
|
|
8693
8731
|
};
|
|
8694
|
-
} // (
|
|
8732
|
+
} // (28:2) {#if fullscreen}
|
|
8695
8733
|
|
|
8696
8734
|
|
|
8697
8735
|
function create_if_block_1$4(ctx) {
|
|
@@ -8717,13 +8755,13 @@
|
|
|
8717
8755
|
ctx[0]);
|
|
8718
8756
|
set_custom_element_data(goa_spinner, "size",
|
|
8719
8757
|
/*spinnerSize*/
|
|
8720
|
-
ctx[
|
|
8758
|
+
ctx[3]);
|
|
8721
8759
|
set_custom_element_data(goa_spinner, "progress", goa_spinner_progress_value =
|
|
8722
8760
|
/*progress*/
|
|
8723
8761
|
ctx[2] || 0);
|
|
8724
8762
|
toggle_class(div, "fullscreen",
|
|
8725
8763
|
/*fullscreen*/
|
|
8726
|
-
ctx[
|
|
8764
|
+
ctx[4]);
|
|
8727
8765
|
},
|
|
8728
8766
|
|
|
8729
8767
|
m(target, anchor) {
|
|
@@ -8752,10 +8790,10 @@
|
|
|
8752
8790
|
|
|
8753
8791
|
if (!current || dirty &
|
|
8754
8792
|
/*spinnerSize*/
|
|
8755
|
-
|
|
8793
|
+
8) {
|
|
8756
8794
|
set_custom_element_data(goa_spinner, "size",
|
|
8757
8795
|
/*spinnerSize*/
|
|
8758
|
-
ctx[
|
|
8796
|
+
ctx[3]);
|
|
8759
8797
|
}
|
|
8760
8798
|
|
|
8761
8799
|
if (!current || dirty &
|
|
@@ -8783,10 +8821,10 @@
|
|
|
8783
8821
|
|
|
8784
8822
|
if (dirty &
|
|
8785
8823
|
/*fullscreen*/
|
|
8786
|
-
|
|
8824
|
+
16) {
|
|
8787
8825
|
toggle_class(div, "fullscreen",
|
|
8788
8826
|
/*fullscreen*/
|
|
8789
|
-
ctx[
|
|
8827
|
+
ctx[4]);
|
|
8790
8828
|
}
|
|
8791
8829
|
},
|
|
8792
8830
|
|
|
@@ -8818,7 +8856,7 @@
|
|
|
8818
8856
|
}
|
|
8819
8857
|
|
|
8820
8858
|
};
|
|
8821
|
-
} // (
|
|
8859
|
+
} // (42:6) {#if message}
|
|
8822
8860
|
|
|
8823
8861
|
|
|
8824
8862
|
function create_if_block_4(ctx) {
|
|
@@ -8851,7 +8889,7 @@
|
|
|
8851
8889
|
}
|
|
8852
8890
|
|
|
8853
8891
|
};
|
|
8854
|
-
} // (
|
|
8892
|
+
} // (35:6) {#if message}
|
|
8855
8893
|
|
|
8856
8894
|
|
|
8857
8895
|
function create_if_block_2$3(ctx) {
|
|
@@ -8890,8 +8928,8 @@
|
|
|
8890
8928
|
let if_block_anchor;
|
|
8891
8929
|
let current;
|
|
8892
8930
|
let if_block =
|
|
8893
|
-
/*
|
|
8894
|
-
ctx[
|
|
8931
|
+
/*isVisible*/
|
|
8932
|
+
ctx[6] && create_if_block$7(ctx);
|
|
8895
8933
|
return {
|
|
8896
8934
|
c() {
|
|
8897
8935
|
if (if_block) if_block.c();
|
|
@@ -8907,14 +8945,14 @@
|
|
|
8907
8945
|
|
|
8908
8946
|
p(ctx, [dirty]) {
|
|
8909
8947
|
if (
|
|
8910
|
-
/*
|
|
8911
|
-
ctx[
|
|
8948
|
+
/*isVisible*/
|
|
8949
|
+
ctx[6]) {
|
|
8912
8950
|
if (if_block) {
|
|
8913
8951
|
if_block.p(ctx, dirty);
|
|
8914
8952
|
|
|
8915
8953
|
if (dirty &
|
|
8916
|
-
/*
|
|
8917
|
-
|
|
8954
|
+
/*isVisible*/
|
|
8955
|
+
64) {
|
|
8918
8956
|
transition_in(if_block, 1);
|
|
8919
8957
|
}
|
|
8920
8958
|
} else {
|
|
@@ -8953,9 +8991,6 @@
|
|
|
8953
8991
|
|
|
8954
8992
|
function instance$e($$self, $$props, $$invalidate) {
|
|
8955
8993
|
let isVisible;
|
|
8956
|
-
let fullscreen;
|
|
8957
|
-
let inline;
|
|
8958
|
-
let spinnerSize;
|
|
8959
8994
|
let {
|
|
8960
8995
|
type = "infinite"
|
|
8961
8996
|
} = $$props;
|
|
@@ -8974,13 +9009,15 @@
|
|
|
8974
9009
|
let {
|
|
8975
9010
|
visible = "false"
|
|
8976
9011
|
} = $$props;
|
|
8977
|
-
let
|
|
8978
|
-
|
|
8979
|
-
|
|
8980
|
-
|
|
8981
|
-
|
|
8982
|
-
|
|
8983
|
-
|
|
9012
|
+
let spinnerSize;
|
|
9013
|
+
let fullscreen;
|
|
9014
|
+
let inline;
|
|
9015
|
+
onMount(_async(function () {
|
|
9016
|
+
$$invalidate(3, spinnerSize = size === "small" ? "large" : "xlarge");
|
|
9017
|
+
$$invalidate(4, fullscreen = variant === "fullscreen");
|
|
9018
|
+
$$invalidate(5, inline = variant === "inline");
|
|
9019
|
+
return _await();
|
|
9020
|
+
}));
|
|
8984
9021
|
|
|
8985
9022
|
$$self.$$set = $$props => {
|
|
8986
9023
|
if ('type' in $$props) $$invalidate(0, type = $$props.type);
|
|
@@ -8995,29 +9032,11 @@
|
|
|
8995
9032
|
if ($$self.$$.dirty &
|
|
8996
9033
|
/*visible*/
|
|
8997
9034
|
512) {
|
|
8998
|
-
isVisible = toBoolean(visible);
|
|
8999
|
-
}
|
|
9000
|
-
|
|
9001
|
-
if ($$self.$$.dirty &
|
|
9002
|
-
/*variant*/
|
|
9003
|
-
128) {
|
|
9004
|
-
$$invalidate(6, fullscreen = variant === "fullscreen");
|
|
9005
|
-
}
|
|
9006
|
-
|
|
9007
|
-
if ($$self.$$.dirty &
|
|
9008
|
-
/*variant*/
|
|
9009
|
-
128) {
|
|
9010
|
-
$$invalidate(5, inline = variant === "inline");
|
|
9011
|
-
}
|
|
9012
|
-
|
|
9013
|
-
if ($$self.$$.dirty &
|
|
9014
|
-
/*size*/
|
|
9015
|
-
256) {
|
|
9016
|
-
$$invalidate(4, spinnerSize = size === "small" ? "large" : "xlarge");
|
|
9035
|
+
$$invalidate(6, isVisible = toBoolean(visible));
|
|
9017
9036
|
}
|
|
9018
9037
|
};
|
|
9019
9038
|
|
|
9020
|
-
return [type, message, progress,
|
|
9039
|
+
return [type, message, progress, spinnerSize, fullscreen, inline, isVisible, variant, size, visible];
|
|
9021
9040
|
}
|
|
9022
9041
|
|
|
9023
9042
|
class CircularProgress extends SvelteElement {
|
|
@@ -12052,7 +12071,9 @@
|
|
|
12052
12071
|
return {
|
|
12053
12072
|
c() {
|
|
12054
12073
|
div = element("div");
|
|
12055
|
-
div.innerHTML = `<slot></slot
|
|
12074
|
+
div.innerHTML = `<slot></slot>
|
|
12075
|
+
|
|
12076
|
+
<span tabindex="0"></span>`;
|
|
12056
12077
|
this.c = noop;
|
|
12057
12078
|
},
|
|
12058
12079
|
|