@abgov/web-components 1.0.0-alpha.101 → 1.0.0-alpha.103
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/package.json +1 -1
- package/web-components.es.js +556 -350
- package/web-components.umd.js +41 -33
package/web-components.es.js
CHANGED
|
@@ -901,7 +901,7 @@ function create_else_block$4(ctx) {
|
|
|
901
901
|
};
|
|
902
902
|
}
|
|
903
903
|
|
|
904
|
-
// (
|
|
904
|
+
// (18:4) {#if url}
|
|
905
905
|
function create_if_block$j(ctx) {
|
|
906
906
|
let a;
|
|
907
907
|
let img0;
|
|
@@ -954,10 +954,12 @@ function create_if_block$j(ctx) {
|
|
|
954
954
|
};
|
|
955
955
|
}
|
|
956
956
|
|
|
957
|
-
function create_fragment$
|
|
957
|
+
function create_fragment$F(ctx) {
|
|
958
|
+
let div2;
|
|
958
959
|
let div1;
|
|
959
960
|
let t;
|
|
960
961
|
let div0;
|
|
962
|
+
let div2_style_value;
|
|
961
963
|
|
|
962
964
|
function select_block_type(ctx, dirty) {
|
|
963
965
|
if (/*url*/ ctx[1]) return create_if_block$j;
|
|
@@ -969,17 +971,21 @@ function create_fragment$E(ctx) {
|
|
|
969
971
|
|
|
970
972
|
return {
|
|
971
973
|
c() {
|
|
974
|
+
div2 = element("div");
|
|
972
975
|
div1 = element("div");
|
|
973
976
|
if_block.c();
|
|
974
977
|
t = space();
|
|
975
978
|
div0 = element("div");
|
|
976
979
|
div0.innerHTML = `<slot></slot>`;
|
|
977
980
|
this.c = noop;
|
|
978
|
-
attr(div1, "class", "
|
|
979
|
-
attr(
|
|
981
|
+
attr(div1, "class", "content");
|
|
982
|
+
attr(div2, "class", "app-header");
|
|
983
|
+
attr(div2, "data-testid", /*testid*/ ctx[2]);
|
|
984
|
+
attr(div2, "style", div2_style_value = `--max-content-width: ${/*maxcontentwidth*/ ctx[3] || "var(--layout-max-content-width)"}`);
|
|
980
985
|
},
|
|
981
986
|
m(target, anchor) {
|
|
982
|
-
insert(target,
|
|
987
|
+
insert(target, div2, anchor);
|
|
988
|
+
append(div2, div1);
|
|
983
989
|
if_block.m(div1, null);
|
|
984
990
|
append(div1, t);
|
|
985
991
|
append(div1, div0);
|
|
@@ -998,36 +1004,42 @@ function create_fragment$E(ctx) {
|
|
|
998
1004
|
}
|
|
999
1005
|
|
|
1000
1006
|
if (dirty & /*testid*/ 4) {
|
|
1001
|
-
attr(
|
|
1007
|
+
attr(div2, "data-testid", /*testid*/ ctx[2]);
|
|
1008
|
+
}
|
|
1009
|
+
|
|
1010
|
+
if (dirty & /*maxcontentwidth*/ 8 && div2_style_value !== (div2_style_value = `--max-content-width: ${/*maxcontentwidth*/ ctx[3] || "var(--layout-max-content-width)"}`)) {
|
|
1011
|
+
attr(div2, "style", div2_style_value);
|
|
1002
1012
|
}
|
|
1003
1013
|
},
|
|
1004
1014
|
i: noop,
|
|
1005
1015
|
o: noop,
|
|
1006
1016
|
d(detaching) {
|
|
1007
|
-
if (detaching) detach(
|
|
1017
|
+
if (detaching) detach(div2);
|
|
1008
1018
|
if_block.d();
|
|
1009
1019
|
}
|
|
1010
1020
|
};
|
|
1011
1021
|
}
|
|
1012
1022
|
|
|
1013
|
-
function instance$
|
|
1023
|
+
function instance$A($$self, $$props, $$invalidate) {
|
|
1014
1024
|
let { heading = "" } = $$props;
|
|
1015
1025
|
let { url = "" } = $$props;
|
|
1016
1026
|
let { testid = "" } = $$props;
|
|
1027
|
+
let { maxcontentwidth = "" } = $$props;
|
|
1017
1028
|
|
|
1018
1029
|
$$self.$$set = $$props => {
|
|
1019
1030
|
if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
|
|
1020
1031
|
if ('url' in $$props) $$invalidate(1, url = $$props.url);
|
|
1021
1032
|
if ('testid' in $$props) $$invalidate(2, testid = $$props.testid);
|
|
1033
|
+
if ('maxcontentwidth' in $$props) $$invalidate(3, maxcontentwidth = $$props.maxcontentwidth);
|
|
1022
1034
|
};
|
|
1023
1035
|
|
|
1024
|
-
return [heading, url, testid];
|
|
1036
|
+
return [heading, url, testid, maxcontentwidth];
|
|
1025
1037
|
}
|
|
1026
1038
|
|
|
1027
1039
|
class AppHeader extends SvelteElement {
|
|
1028
1040
|
constructor(options) {
|
|
1029
1041
|
super();
|
|
1030
|
-
this.shadowRoot.innerHTML = `<style
|
|
1042
|
+
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box;font-family:var(--font-family)}.app-header{margin:0 auto;border-bottom:1px solid var(--color-gray-100)}@media(max-width: 640px){.app-header{padding:1rem 1rem}}.content{margin:0 auto;width:min(var(--max-content-width), 100%);display:flex;align-items:center;justify-content:space-between}@media(min-width: 640px){.content{padding:2rem 1.5rem}}.app-link{display:flex;align-items:center;text-decoration:none;color:inherit}.title{margin-left:0.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-desktop{display:none}.image-mobile{display:block}@media(min-width: 640px){.image-desktop{display:block}.image-mobile{display:none}.title{margin-left:1.75rem}.image-desktop{display:block}.image-mobile{display:none}}</style>`;
|
|
1031
1043
|
|
|
1032
1044
|
init(
|
|
1033
1045
|
this,
|
|
@@ -1036,10 +1048,15 @@ class AppHeader extends SvelteElement {
|
|
|
1036
1048
|
props: attribute_to_object(this.attributes),
|
|
1037
1049
|
customElement: true
|
|
1038
1050
|
},
|
|
1039
|
-
instance$
|
|
1040
|
-
create_fragment$
|
|
1051
|
+
instance$A,
|
|
1052
|
+
create_fragment$F,
|
|
1041
1053
|
safe_not_equal,
|
|
1042
|
-
{
|
|
1054
|
+
{
|
|
1055
|
+
heading: 0,
|
|
1056
|
+
url: 1,
|
|
1057
|
+
testid: 2,
|
|
1058
|
+
maxcontentwidth: 3
|
|
1059
|
+
},
|
|
1043
1060
|
null
|
|
1044
1061
|
);
|
|
1045
1062
|
|
|
@@ -1056,7 +1073,7 @@ class AppHeader extends SvelteElement {
|
|
|
1056
1073
|
}
|
|
1057
1074
|
|
|
1058
1075
|
static get observedAttributes() {
|
|
1059
|
-
return ["heading", "url", "testid"];
|
|
1076
|
+
return ["heading", "url", "testid", "maxcontentwidth"];
|
|
1060
1077
|
}
|
|
1061
1078
|
|
|
1062
1079
|
get heading() {
|
|
@@ -1085,6 +1102,15 @@ class AppHeader extends SvelteElement {
|
|
|
1085
1102
|
this.$$set({ testid });
|
|
1086
1103
|
flush();
|
|
1087
1104
|
}
|
|
1105
|
+
|
|
1106
|
+
get maxcontentwidth() {
|
|
1107
|
+
return this.$$.ctx[3];
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1110
|
+
set maxcontentwidth(maxcontentwidth) {
|
|
1111
|
+
this.$$set({ maxcontentwidth });
|
|
1112
|
+
flush();
|
|
1113
|
+
}
|
|
1088
1114
|
}
|
|
1089
1115
|
|
|
1090
1116
|
customElements.define("goa-app-header", AppHeader);
|
|
@@ -1168,7 +1194,7 @@ function create_if_block$i(ctx) {
|
|
|
1168
1194
|
};
|
|
1169
1195
|
}
|
|
1170
1196
|
|
|
1171
|
-
function create_fragment$
|
|
1197
|
+
function create_fragment$E(ctx) {
|
|
1172
1198
|
let div;
|
|
1173
1199
|
let t;
|
|
1174
1200
|
let div_class_value;
|
|
@@ -1248,7 +1274,7 @@ function create_fragment$D(ctx) {
|
|
|
1248
1274
|
};
|
|
1249
1275
|
}
|
|
1250
1276
|
|
|
1251
|
-
function instance$
|
|
1277
|
+
function instance$z($$self, $$props, $$invalidate) {
|
|
1252
1278
|
let showIcon;
|
|
1253
1279
|
let iconType;
|
|
1254
1280
|
let { type } = $$props;
|
|
@@ -1303,8 +1329,8 @@ class Badge extends SvelteElement {
|
|
|
1303
1329
|
props: attribute_to_object(this.attributes),
|
|
1304
1330
|
customElement: true
|
|
1305
1331
|
},
|
|
1306
|
-
instance$
|
|
1307
|
-
create_fragment$
|
|
1332
|
+
instance$z,
|
|
1333
|
+
create_fragment$E,
|
|
1308
1334
|
safe_not_equal,
|
|
1309
1335
|
{ type: 0, testid: 1, icon: 5, content: 2 },
|
|
1310
1336
|
null
|
|
@@ -1367,7 +1393,7 @@ customElements.define("goa-badge", Badge);
|
|
|
1367
1393
|
|
|
1368
1394
|
/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.49.0 */
|
|
1369
1395
|
|
|
1370
|
-
function create_fragment$
|
|
1396
|
+
function create_fragment$D(ctx) {
|
|
1371
1397
|
let div;
|
|
1372
1398
|
let slot;
|
|
1373
1399
|
|
|
@@ -1400,7 +1426,7 @@ function create_fragment$C(ctx) {
|
|
|
1400
1426
|
};
|
|
1401
1427
|
}
|
|
1402
1428
|
|
|
1403
|
-
function instance$
|
|
1429
|
+
function instance$y($$self, $$props, $$invalidate) {
|
|
1404
1430
|
let { gap = "medium" } = $$props;
|
|
1405
1431
|
let { alignment } = $$props;
|
|
1406
1432
|
|
|
@@ -1424,8 +1450,8 @@ class ButtonGroup extends SvelteElement {
|
|
|
1424
1450
|
props: attribute_to_object(this.attributes),
|
|
1425
1451
|
customElement: true
|
|
1426
1452
|
},
|
|
1427
|
-
instance$
|
|
1428
|
-
create_fragment$
|
|
1453
|
+
instance$y,
|
|
1454
|
+
create_fragment$D,
|
|
1429
1455
|
safe_not_equal,
|
|
1430
1456
|
{ gap: 0, alignment: 1 },
|
|
1431
1457
|
null
|
|
@@ -1472,7 +1498,7 @@ customElements.define("goa-button-group", ButtonGroup);
|
|
|
1472
1498
|
|
|
1473
1499
|
function create_else_block$2(ctx) {
|
|
1474
1500
|
let t0;
|
|
1475
|
-
let
|
|
1501
|
+
let slot;
|
|
1476
1502
|
let t1;
|
|
1477
1503
|
let if_block1_anchor;
|
|
1478
1504
|
let if_block0 = /*leadingicon*/ ctx[3] && create_if_block_2$7(ctx);
|
|
@@ -1482,17 +1508,16 @@ function create_else_block$2(ctx) {
|
|
|
1482
1508
|
c() {
|
|
1483
1509
|
if (if_block0) if_block0.c();
|
|
1484
1510
|
t0 = space();
|
|
1485
|
-
|
|
1486
|
-
div.innerHTML = `<slot></slot>`;
|
|
1511
|
+
slot = element("slot");
|
|
1487
1512
|
t1 = space();
|
|
1488
1513
|
if (if_block1) if_block1.c();
|
|
1489
1514
|
if_block1_anchor = empty();
|
|
1490
|
-
attr(
|
|
1515
|
+
attr(slot, "class", "text");
|
|
1491
1516
|
},
|
|
1492
1517
|
m(target, anchor) {
|
|
1493
1518
|
if (if_block0) if_block0.m(target, anchor);
|
|
1494
1519
|
insert(target, t0, anchor);
|
|
1495
|
-
insert(target,
|
|
1520
|
+
insert(target, slot, anchor);
|
|
1496
1521
|
insert(target, t1, anchor);
|
|
1497
1522
|
if (if_block1) if_block1.m(target, anchor);
|
|
1498
1523
|
insert(target, if_block1_anchor, anchor);
|
|
@@ -1527,7 +1552,7 @@ function create_else_block$2(ctx) {
|
|
|
1527
1552
|
d(detaching) {
|
|
1528
1553
|
if (if_block0) if_block0.d(detaching);
|
|
1529
1554
|
if (detaching) detach(t0);
|
|
1530
|
-
if (detaching) detach(
|
|
1555
|
+
if (detaching) detach(slot);
|
|
1531
1556
|
if (detaching) detach(t1);
|
|
1532
1557
|
if (if_block1) if_block1.d(detaching);
|
|
1533
1558
|
if (detaching) detach(if_block1_anchor);
|
|
@@ -1537,36 +1562,35 @@ function create_else_block$2(ctx) {
|
|
|
1537
1562
|
|
|
1538
1563
|
// (53:2) {#if type === "start"}
|
|
1539
1564
|
function create_if_block$h(ctx) {
|
|
1540
|
-
let
|
|
1565
|
+
let slot;
|
|
1541
1566
|
let t;
|
|
1542
1567
|
let goa_icon;
|
|
1543
1568
|
|
|
1544
1569
|
return {
|
|
1545
1570
|
c() {
|
|
1546
|
-
|
|
1547
|
-
div.innerHTML = `<slot></slot>`;
|
|
1571
|
+
slot = element("slot");
|
|
1548
1572
|
t = space();
|
|
1549
1573
|
goa_icon = element("goa-icon");
|
|
1550
|
-
attr(
|
|
1574
|
+
attr(slot, "class", "text");
|
|
1551
1575
|
set_custom_element_data(goa_icon, "id", "trailing-icon");
|
|
1552
1576
|
set_custom_element_data(goa_icon, "type", "arrow-forward");
|
|
1553
1577
|
set_custom_element_data(goa_icon, "inverted", "true");
|
|
1554
1578
|
},
|
|
1555
1579
|
m(target, anchor) {
|
|
1556
|
-
insert(target,
|
|
1580
|
+
insert(target, slot, anchor);
|
|
1557
1581
|
insert(target, t, anchor);
|
|
1558
1582
|
insert(target, goa_icon, anchor);
|
|
1559
1583
|
},
|
|
1560
1584
|
p: noop,
|
|
1561
1585
|
d(detaching) {
|
|
1562
|
-
if (detaching) detach(
|
|
1586
|
+
if (detaching) detach(slot);
|
|
1563
1587
|
if (detaching) detach(t);
|
|
1564
1588
|
if (detaching) detach(goa_icon);
|
|
1565
1589
|
}
|
|
1566
1590
|
};
|
|
1567
1591
|
}
|
|
1568
1592
|
|
|
1569
|
-
// (
|
|
1593
|
+
// (57:4) {#if leadingicon}
|
|
1570
1594
|
function create_if_block_2$7(ctx) {
|
|
1571
1595
|
let goa_icon;
|
|
1572
1596
|
|
|
@@ -1595,7 +1619,7 @@ function create_if_block_2$7(ctx) {
|
|
|
1595
1619
|
};
|
|
1596
1620
|
}
|
|
1597
1621
|
|
|
1598
|
-
// (
|
|
1622
|
+
// (61:4) {#if trailingicon}
|
|
1599
1623
|
function create_if_block_1$a(ctx) {
|
|
1600
1624
|
let goa_icon;
|
|
1601
1625
|
|
|
@@ -1624,7 +1648,7 @@ function create_if_block_1$a(ctx) {
|
|
|
1624
1648
|
};
|
|
1625
1649
|
}
|
|
1626
1650
|
|
|
1627
|
-
function create_fragment$
|
|
1651
|
+
function create_fragment$C(ctx) {
|
|
1628
1652
|
let button;
|
|
1629
1653
|
let button_class_value;
|
|
1630
1654
|
let mounted;
|
|
@@ -1707,7 +1731,7 @@ function clickHandler(e) {
|
|
|
1707
1731
|
e.stopPropagation();
|
|
1708
1732
|
}
|
|
1709
1733
|
|
|
1710
|
-
function instance$
|
|
1734
|
+
function instance$x($$self, $$props, $$invalidate) {
|
|
1711
1735
|
let isDisabled;
|
|
1712
1736
|
let isButtonDark;
|
|
1713
1737
|
const BUTTON_TYPES = ["primary", "submit", "secondary", "tertiary", "start"];
|
|
@@ -1787,7 +1811,7 @@ class Button extends SvelteElement {
|
|
|
1787
1811
|
super();
|
|
1788
1812
|
|
|
1789
1813
|
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}@media(max-width: 480px){:host{width:100%}button{width:100%}}button{display:inline-flex;box-sizing:border-box;border-radius:0.25rem;border:2px solid var(--goa-color-interactive);box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--fs-lg);font-weight:400;height:var(--button-height);letter-spacing:0.5px;line-height:100%;padding:0 0.75rem;gap:0.5rem;align-items:center;justify-content:center;transition:transform 0.1s ease-in-out, background-color 0.2s ease-in-out,
|
|
1790
|
-
border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--fs-base)}button.start{height:var(--button-height-tall);font-weight:var(--fw-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive);background:var(--goa-color-interactive);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive--hover);background:var(--goa-color-interactive--hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive--focus);border-color:var(--goa-color-interactive--active);background:var(--goa-color-interactive--active);outline:none}button.secondary{border:2px solid var(--goa-color-interactive);background:var(--color-white);color:var(--goa-color-interactive)}button.secondary:hover{border-color:var(--goa-color-interactive--hover);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);background:var(--color-gray-100);outline:none}button.tertiary{border:1px solid transparent;background:transparent;color:var(--goa-color-interactive);text-decoration:underline}button.tertiary:hover{border-color:var(--color-gray-100);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--color-gray-100);background:var(--color-gray-100);color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);outline:none}.submit.destructive,.primary.destructive{color:var(--color-white);background:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency)}.submit.destructive:hover,.primary.destructive:hover{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.secondary.destructive{color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency);background:var(--color-white)}.secondary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.destructive{color:var(--goa-color-status-emergency);border-color:var(--color-gray-200);background:var(--color-white)}.tertiary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}</style>`;
|
|
1814
|
+
border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--fs-base)}button.start{height:var(--button-height-tall);font-weight:var(--fw-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive);background-color:var(--goa-color-interactive);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive--hover);background-color:var(--goa-color-interactive--hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive--focus);border-color:var(--goa-color-interactive--active);background-color:var(--goa-color-interactive--active);outline:none}button.secondary{border:2px solid var(--goa-color-interactive);background-color:var(--color-white);color:var(--goa-color-interactive)}button.secondary:hover{border-color:var(--goa-color-interactive--hover);color:var(--goa-color-interactive--hover);background-color:var(--color-gray-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);background-color:var(--color-gray-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive);text-decoration:underline}button.tertiary:hover{border-color:var(--color-gray-100);color:var(--goa-color-interactive--hover);background-color:var(--color-gray-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--color-gray-100);background-color:var(--color-gray-100);color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);outline:none}.submit.destructive,.primary.destructive{color:var(--color-white);background-color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.secondary.destructive{color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency);background-color:var(--color-white)}.secondary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background-color:var(--color-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background-color:var(--color-white)}.tertiary.destructive{color:var(--goa-color-status-emergency);border-color:var(--color-gray-200);background-color:var(--color-white)}.tertiary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background-color:var(--color-white)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background-color:var(--color-white)}</style>`;
|
|
1791
1815
|
|
|
1792
1816
|
init(
|
|
1793
1817
|
this,
|
|
@@ -1796,8 +1820,8 @@ class Button extends SvelteElement {
|
|
|
1796
1820
|
props: attribute_to_object(this.attributes),
|
|
1797
1821
|
customElement: true
|
|
1798
1822
|
},
|
|
1799
|
-
instance$
|
|
1800
|
-
create_fragment$
|
|
1823
|
+
instance$x,
|
|
1824
|
+
create_fragment$C,
|
|
1801
1825
|
safe_not_equal,
|
|
1802
1826
|
{
|
|
1803
1827
|
type: 0,
|
|
@@ -1925,7 +1949,7 @@ function create_if_block$g(ctx) {
|
|
|
1925
1949
|
};
|
|
1926
1950
|
}
|
|
1927
1951
|
|
|
1928
|
-
function create_fragment$
|
|
1952
|
+
function create_fragment$B(ctx) {
|
|
1929
1953
|
let div;
|
|
1930
1954
|
let span0;
|
|
1931
1955
|
let goa_icon;
|
|
@@ -2004,7 +2028,7 @@ function create_fragment$A(ctx) {
|
|
|
2004
2028
|
};
|
|
2005
2029
|
}
|
|
2006
2030
|
|
|
2007
|
-
function instance$
|
|
2031
|
+
function instance$w($$self, $$props, $$invalidate) {
|
|
2008
2032
|
let iconType;
|
|
2009
2033
|
let { type } = $$props;
|
|
2010
2034
|
let { heading = "" } = $$props;
|
|
@@ -2045,8 +2069,8 @@ class Callout extends SvelteElement {
|
|
|
2045
2069
|
props: attribute_to_object(this.attributes),
|
|
2046
2070
|
customElement: true
|
|
2047
2071
|
},
|
|
2048
|
-
instance$
|
|
2049
|
-
create_fragment$
|
|
2072
|
+
instance$w,
|
|
2073
|
+
create_fragment$B,
|
|
2050
2074
|
safe_not_equal,
|
|
2051
2075
|
{ type: 0, heading: 1, testid: 2 },
|
|
2052
2076
|
null
|
|
@@ -2100,7 +2124,7 @@ customElements.define("goa-callout", Callout);
|
|
|
2100
2124
|
|
|
2101
2125
|
/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.49.0 */
|
|
2102
2126
|
|
|
2103
|
-
function create_fragment$
|
|
2127
|
+
function create_fragment$A(ctx) {
|
|
2104
2128
|
let goa_card_content;
|
|
2105
2129
|
|
|
2106
2130
|
return {
|
|
@@ -2133,7 +2157,7 @@ class CardActions extends SvelteElement {
|
|
|
2133
2157
|
customElement: true
|
|
2134
2158
|
},
|
|
2135
2159
|
null,
|
|
2136
|
-
create_fragment$
|
|
2160
|
+
create_fragment$A,
|
|
2137
2161
|
safe_not_equal,
|
|
2138
2162
|
{},
|
|
2139
2163
|
null
|
|
@@ -2151,7 +2175,7 @@ customElements.define("goa-card-actions", CardActions);
|
|
|
2151
2175
|
|
|
2152
2176
|
/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.49.0 */
|
|
2153
2177
|
|
|
2154
|
-
function create_fragment$
|
|
2178
|
+
function create_fragment$z(ctx) {
|
|
2155
2179
|
let div;
|
|
2156
2180
|
|
|
2157
2181
|
return {
|
|
@@ -2186,7 +2210,7 @@ class CardContent extends SvelteElement {
|
|
|
2186
2210
|
customElement: true
|
|
2187
2211
|
},
|
|
2188
2212
|
null,
|
|
2189
|
-
create_fragment$
|
|
2213
|
+
create_fragment$z,
|
|
2190
2214
|
safe_not_equal,
|
|
2191
2215
|
{},
|
|
2192
2216
|
null
|
|
@@ -2204,7 +2228,7 @@ customElements.define("goa-card-content", CardContent);
|
|
|
2204
2228
|
|
|
2205
2229
|
/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.49.0 */
|
|
2206
2230
|
|
|
2207
|
-
function create_fragment$
|
|
2231
|
+
function create_fragment$y(ctx) {
|
|
2208
2232
|
let div;
|
|
2209
2233
|
|
|
2210
2234
|
return {
|
|
@@ -2239,7 +2263,7 @@ class CardGroup extends SvelteElement {
|
|
|
2239
2263
|
customElement: true
|
|
2240
2264
|
},
|
|
2241
2265
|
null,
|
|
2242
|
-
create_fragment$
|
|
2266
|
+
create_fragment$y,
|
|
2243
2267
|
safe_not_equal,
|
|
2244
2268
|
{},
|
|
2245
2269
|
null
|
|
@@ -2257,7 +2281,7 @@ customElements.define("goa-card-group", CardGroup);
|
|
|
2257
2281
|
|
|
2258
2282
|
/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.49.0 */
|
|
2259
2283
|
|
|
2260
|
-
function create_fragment$
|
|
2284
|
+
function create_fragment$x(ctx) {
|
|
2261
2285
|
let div;
|
|
2262
2286
|
|
|
2263
2287
|
return {
|
|
@@ -2290,7 +2314,7 @@ function create_fragment$w(ctx) {
|
|
|
2290
2314
|
};
|
|
2291
2315
|
}
|
|
2292
2316
|
|
|
2293
|
-
function instance$
|
|
2317
|
+
function instance$v($$self, $$props, $$invalidate) {
|
|
2294
2318
|
let { src } = $$props;
|
|
2295
2319
|
let { height = "100%" } = $$props;
|
|
2296
2320
|
|
|
@@ -2314,8 +2338,8 @@ class CardImage extends SvelteElement {
|
|
|
2314
2338
|
props: attribute_to_object(this.attributes),
|
|
2315
2339
|
customElement: true
|
|
2316
2340
|
},
|
|
2317
|
-
instance$
|
|
2318
|
-
create_fragment$
|
|
2341
|
+
instance$v,
|
|
2342
|
+
create_fragment$x,
|
|
2319
2343
|
safe_not_equal,
|
|
2320
2344
|
{ src: 0, height: 1 },
|
|
2321
2345
|
null
|
|
@@ -2360,7 +2384,7 @@ customElements.define("goa-card-image", CardImage);
|
|
|
2360
2384
|
|
|
2361
2385
|
/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.49.0 */
|
|
2362
2386
|
|
|
2363
|
-
function create_fragment$
|
|
2387
|
+
function create_fragment$w(ctx) {
|
|
2364
2388
|
let div;
|
|
2365
2389
|
let slot;
|
|
2366
2390
|
let div_style_value;
|
|
@@ -2400,7 +2424,7 @@ function create_fragment$v(ctx) {
|
|
|
2400
2424
|
};
|
|
2401
2425
|
}
|
|
2402
2426
|
|
|
2403
|
-
function instance$
|
|
2427
|
+
function instance$u($$self, $$props, $$invalidate) {
|
|
2404
2428
|
let { elevation = 0 } = $$props;
|
|
2405
2429
|
let { width = 320 } = $$props;
|
|
2406
2430
|
let { testId = "" } = $$props;
|
|
@@ -2428,8 +2452,8 @@ class Card extends SvelteElement {
|
|
|
2428
2452
|
props: attribute_to_object(this.attributes),
|
|
2429
2453
|
customElement: true
|
|
2430
2454
|
},
|
|
2431
|
-
instance$
|
|
2432
|
-
create_fragment$
|
|
2455
|
+
instance$u,
|
|
2456
|
+
create_fragment$w,
|
|
2433
2457
|
safe_not_equal,
|
|
2434
2458
|
{ elevation: 0, width: 1, testId: 2 },
|
|
2435
2459
|
null
|
|
@@ -2533,7 +2557,7 @@ function create_if_block$f(ctx) {
|
|
|
2533
2557
|
};
|
|
2534
2558
|
}
|
|
2535
2559
|
|
|
2536
|
-
function create_fragment$
|
|
2560
|
+
function create_fragment$v(ctx) {
|
|
2537
2561
|
let label;
|
|
2538
2562
|
let div0;
|
|
2539
2563
|
let input;
|
|
@@ -2666,7 +2690,7 @@ function create_fragment$u(ctx) {
|
|
|
2666
2690
|
};
|
|
2667
2691
|
}
|
|
2668
2692
|
|
|
2669
|
-
function instance$
|
|
2693
|
+
function instance$t($$self, $$props, $$invalidate) {
|
|
2670
2694
|
let isDisabled;
|
|
2671
2695
|
let isError;
|
|
2672
2696
|
let isChecked;
|
|
@@ -2751,8 +2775,8 @@ class Checkbox extends SvelteElement {
|
|
|
2751
2775
|
props: attribute_to_object(this.attributes),
|
|
2752
2776
|
customElement: true
|
|
2753
2777
|
},
|
|
2754
|
-
instance$
|
|
2755
|
-
create_fragment$
|
|
2778
|
+
instance$t,
|
|
2779
|
+
create_fragment$v,
|
|
2756
2780
|
safe_not_equal,
|
|
2757
2781
|
{
|
|
2758
2782
|
name: 0,
|
|
@@ -2918,7 +2942,7 @@ function create_if_block$e(ctx) {
|
|
|
2918
2942
|
};
|
|
2919
2943
|
}
|
|
2920
2944
|
|
|
2921
|
-
function create_fragment$
|
|
2945
|
+
function create_fragment$u(ctx) {
|
|
2922
2946
|
let div1;
|
|
2923
2947
|
let t0;
|
|
2924
2948
|
let div0;
|
|
@@ -3018,7 +3042,7 @@ function create_fragment$t(ctx) {
|
|
|
3018
3042
|
};
|
|
3019
3043
|
}
|
|
3020
3044
|
|
|
3021
|
-
function instance$
|
|
3045
|
+
function instance$s($$self, $$props, $$invalidate) {
|
|
3022
3046
|
let { leadingicon = null } = $$props;
|
|
3023
3047
|
let { error = "false" } = $$props;
|
|
3024
3048
|
let { deletable = "false" } = $$props;
|
|
@@ -3097,8 +3121,8 @@ class Chip extends SvelteElement {
|
|
|
3097
3121
|
props: attribute_to_object(this.attributes),
|
|
3098
3122
|
customElement: true
|
|
3099
3123
|
},
|
|
3100
|
-
instance$
|
|
3101
|
-
create_fragment$
|
|
3124
|
+
instance$s,
|
|
3125
|
+
create_fragment$u,
|
|
3102
3126
|
safe_not_equal,
|
|
3103
3127
|
{
|
|
3104
3128
|
leadingicon: 0,
|
|
@@ -3535,7 +3559,7 @@ function create_if_block_2$6(ctx) {
|
|
|
3535
3559
|
};
|
|
3536
3560
|
}
|
|
3537
3561
|
|
|
3538
|
-
function create_fragment$
|
|
3562
|
+
function create_fragment$t(ctx) {
|
|
3539
3563
|
let if_block_anchor;
|
|
3540
3564
|
let current;
|
|
3541
3565
|
let if_block = /*isVisible*/ ctx[5] && create_if_block$d(ctx);
|
|
@@ -3591,7 +3615,7 @@ function create_fragment$s(ctx) {
|
|
|
3591
3615
|
};
|
|
3592
3616
|
}
|
|
3593
3617
|
|
|
3594
|
-
function instance$
|
|
3618
|
+
function instance$r($$self, $$props, $$invalidate) {
|
|
3595
3619
|
let isVisible;
|
|
3596
3620
|
let { variant = "inline" } = $$props;
|
|
3597
3621
|
let { size = "large" } = $$props;
|
|
@@ -3647,8 +3671,8 @@ class CircularProgress extends SvelteElement {
|
|
|
3647
3671
|
props: attribute_to_object(this.attributes),
|
|
3648
3672
|
customElement: true
|
|
3649
3673
|
},
|
|
3650
|
-
instance$
|
|
3651
|
-
create_fragment$
|
|
3674
|
+
instance$r,
|
|
3675
|
+
create_fragment$t,
|
|
3652
3676
|
safe_not_equal,
|
|
3653
3677
|
{
|
|
3654
3678
|
variant: 6,
|
|
@@ -3726,7 +3750,7 @@ customElements.define("goa-circular-progress", CircularProgress);
|
|
|
3726
3750
|
|
|
3727
3751
|
/* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.49.0 */
|
|
3728
3752
|
|
|
3729
|
-
function create_fragment$
|
|
3753
|
+
function create_fragment$s(ctx) {
|
|
3730
3754
|
let div3;
|
|
3731
3755
|
let header;
|
|
3732
3756
|
let div0;
|
|
@@ -3797,7 +3821,7 @@ function create_fragment$r(ctx) {
|
|
|
3797
3821
|
};
|
|
3798
3822
|
}
|
|
3799
3823
|
|
|
3800
|
-
function instance$
|
|
3824
|
+
function instance$q($$self, $$props, $$invalidate) {
|
|
3801
3825
|
let _colored;
|
|
3802
3826
|
let { type = 'non-interactive' } = $$props;
|
|
3803
3827
|
let { colored = "false" } = $$props;
|
|
@@ -3832,8 +3856,8 @@ class Container extends SvelteElement {
|
|
|
3832
3856
|
props: attribute_to_object(this.attributes),
|
|
3833
3857
|
customElement: true
|
|
3834
3858
|
},
|
|
3835
|
-
instance$
|
|
3836
|
-
create_fragment$
|
|
3859
|
+
instance$q,
|
|
3860
|
+
create_fragment$s,
|
|
3837
3861
|
safe_not_equal,
|
|
3838
3862
|
{
|
|
3839
3863
|
type: 0,
|
|
@@ -4094,7 +4118,7 @@ function create_each_block$4(ctx) {
|
|
|
4094
4118
|
};
|
|
4095
4119
|
}
|
|
4096
4120
|
|
|
4097
|
-
function create_fragment$
|
|
4121
|
+
function create_fragment$r(ctx) {
|
|
4098
4122
|
let div1;
|
|
4099
4123
|
let t0;
|
|
4100
4124
|
let div0;
|
|
@@ -4294,7 +4318,7 @@ function create_fragment$q(ctx) {
|
|
|
4294
4318
|
|
|
4295
4319
|
const MAX_HEIGHT = "300px";
|
|
4296
4320
|
|
|
4297
|
-
function instance$
|
|
4321
|
+
function instance$p($$self, $$props, $$invalidate) {
|
|
4298
4322
|
let _disabled;
|
|
4299
4323
|
let _multiselect;
|
|
4300
4324
|
let { name } = $$props;
|
|
@@ -4593,8 +4617,8 @@ class Dropdown extends SvelteElement {
|
|
|
4593
4617
|
props: attribute_to_object(this.attributes),
|
|
4594
4618
|
customElement: true
|
|
4595
4619
|
},
|
|
4596
|
-
instance$
|
|
4597
|
-
create_fragment$
|
|
4620
|
+
instance$p,
|
|
4621
|
+
create_fragment$r,
|
|
4598
4622
|
safe_not_equal,
|
|
4599
4623
|
{
|
|
4600
4624
|
name: 0,
|
|
@@ -4745,7 +4769,7 @@ customElements.define("goa-dropdown", Dropdown);
|
|
|
4745
4769
|
|
|
4746
4770
|
/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.49.0 */
|
|
4747
4771
|
|
|
4748
|
-
function create_fragment$
|
|
4772
|
+
function create_fragment$q(ctx) {
|
|
4749
4773
|
return {
|
|
4750
4774
|
c() {
|
|
4751
4775
|
this.c = noop;
|
|
@@ -4758,7 +4782,7 @@ function create_fragment$p(ctx) {
|
|
|
4758
4782
|
};
|
|
4759
4783
|
}
|
|
4760
4784
|
|
|
4761
|
-
function instance$
|
|
4785
|
+
function instance$o($$self, $$props, $$invalidate) {
|
|
4762
4786
|
let { name = "" } = $$props;
|
|
4763
4787
|
let { value = "" } = $$props;
|
|
4764
4788
|
let { label = "" } = $$props;
|
|
@@ -4805,8 +4829,8 @@ class DropdownItem extends SvelteElement {
|
|
|
4805
4829
|
props: attribute_to_object(this.attributes),
|
|
4806
4830
|
customElement: true
|
|
4807
4831
|
},
|
|
4808
|
-
instance$
|
|
4809
|
-
create_fragment$
|
|
4832
|
+
instance$o,
|
|
4833
|
+
create_fragment$q,
|
|
4810
4834
|
safe_not_equal,
|
|
4811
4835
|
{ name: 0, value: 1, label: 2 },
|
|
4812
4836
|
null
|
|
@@ -4860,7 +4884,7 @@ customElements.define("goa-dropdown-item", DropdownItem);
|
|
|
4860
4884
|
|
|
4861
4885
|
/* libs/web-components/src/components/flex-column/FlexColumn.svelte generated by Svelte v3.49.0 */
|
|
4862
4886
|
|
|
4863
|
-
function create_fragment$
|
|
4887
|
+
function create_fragment$p(ctx) {
|
|
4864
4888
|
let div;
|
|
4865
4889
|
let slot;
|
|
4866
4890
|
|
|
@@ -4889,7 +4913,7 @@ function create_fragment$o(ctx) {
|
|
|
4889
4913
|
};
|
|
4890
4914
|
}
|
|
4891
4915
|
|
|
4892
|
-
function instance$
|
|
4916
|
+
function instance$n($$self, $$props, $$invalidate) {
|
|
4893
4917
|
let _gap;
|
|
4894
4918
|
let { gap = "" } = $$props;
|
|
4895
4919
|
|
|
@@ -4922,8 +4946,8 @@ class FlexColumn extends SvelteElement {
|
|
|
4922
4946
|
props: attribute_to_object(this.attributes),
|
|
4923
4947
|
customElement: true
|
|
4924
4948
|
},
|
|
4925
|
-
instance$
|
|
4926
|
-
create_fragment$
|
|
4949
|
+
instance$n,
|
|
4950
|
+
create_fragment$p,
|
|
4927
4951
|
safe_not_equal,
|
|
4928
4952
|
{ gap: 1 },
|
|
4929
4953
|
null
|
|
@@ -4959,7 +4983,7 @@ customElements.define("goa-flex-col", FlexColumn);
|
|
|
4959
4983
|
|
|
4960
4984
|
/* libs/web-components/src/components/flex-row/FlexRow.svelte generated by Svelte v3.49.0 */
|
|
4961
4985
|
|
|
4962
|
-
function create_fragment$
|
|
4986
|
+
function create_fragment$o(ctx) {
|
|
4963
4987
|
let div;
|
|
4964
4988
|
let slot;
|
|
4965
4989
|
|
|
@@ -4988,7 +5012,7 @@ function create_fragment$n(ctx) {
|
|
|
4988
5012
|
};
|
|
4989
5013
|
}
|
|
4990
5014
|
|
|
4991
|
-
function instance$
|
|
5015
|
+
function instance$m($$self, $$props, $$invalidate) {
|
|
4992
5016
|
let _gap;
|
|
4993
5017
|
let { gap = "" } = $$props;
|
|
4994
5018
|
|
|
@@ -5021,8 +5045,8 @@ class FlexRow extends SvelteElement {
|
|
|
5021
5045
|
props: attribute_to_object(this.attributes),
|
|
5022
5046
|
customElement: true
|
|
5023
5047
|
},
|
|
5024
|
-
instance$
|
|
5025
|
-
create_fragment$
|
|
5048
|
+
instance$m,
|
|
5049
|
+
create_fragment$o,
|
|
5026
5050
|
safe_not_equal,
|
|
5027
5051
|
{ gap: 1 },
|
|
5028
5052
|
null
|
|
@@ -5058,7 +5082,7 @@ customElements.define("goa-flex-row", FlexRow);
|
|
|
5058
5082
|
|
|
5059
5083
|
/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.49.0 */
|
|
5060
5084
|
|
|
5061
|
-
function create_fragment$
|
|
5085
|
+
function create_fragment$n(ctx) {
|
|
5062
5086
|
let div;
|
|
5063
5087
|
|
|
5064
5088
|
return {
|
|
@@ -5104,7 +5128,7 @@ function isFocusable(element) {
|
|
|
5104
5128
|
}
|
|
5105
5129
|
}
|
|
5106
5130
|
|
|
5107
|
-
function instance$
|
|
5131
|
+
function instance$l($$self, $$props, $$invalidate) {
|
|
5108
5132
|
let isActive;
|
|
5109
5133
|
let { active } = $$props;
|
|
5110
5134
|
let ignoreFocusChanges = false;
|
|
@@ -5280,8 +5304,8 @@ class FocusTrap extends SvelteElement {
|
|
|
5280
5304
|
props: attribute_to_object(this.attributes),
|
|
5281
5305
|
customElement: true
|
|
5282
5306
|
},
|
|
5283
|
-
instance$
|
|
5284
|
-
create_fragment$
|
|
5307
|
+
instance$l,
|
|
5308
|
+
create_fragment$n,
|
|
5285
5309
|
safe_not_equal,
|
|
5286
5310
|
{ active: 1 },
|
|
5287
5311
|
null
|
|
@@ -5356,7 +5380,7 @@ function create_each_block$3(ctx) {
|
|
|
5356
5380
|
};
|
|
5357
5381
|
}
|
|
5358
5382
|
|
|
5359
|
-
function create_fragment$
|
|
5383
|
+
function create_fragment$m(ctx) {
|
|
5360
5384
|
let section;
|
|
5361
5385
|
let div;
|
|
5362
5386
|
let t;
|
|
@@ -5429,7 +5453,7 @@ function create_fragment$l(ctx) {
|
|
|
5429
5453
|
};
|
|
5430
5454
|
}
|
|
5431
5455
|
|
|
5432
|
-
function instance$
|
|
5456
|
+
function instance$k($$self, $$props, $$invalidate) {
|
|
5433
5457
|
let rootEl;
|
|
5434
5458
|
let children = [];
|
|
5435
5459
|
|
|
@@ -5473,8 +5497,8 @@ class FooterMetaSection extends SvelteElement {
|
|
|
5473
5497
|
props: attribute_to_object(this.attributes),
|
|
5474
5498
|
customElement: true
|
|
5475
5499
|
},
|
|
5476
|
-
instance$
|
|
5477
|
-
create_fragment$
|
|
5500
|
+
instance$k,
|
|
5501
|
+
create_fragment$m,
|
|
5478
5502
|
safe_not_equal,
|
|
5479
5503
|
{},
|
|
5480
5504
|
null
|
|
@@ -5564,7 +5588,7 @@ function create_each_block$2(ctx) {
|
|
|
5564
5588
|
};
|
|
5565
5589
|
}
|
|
5566
5590
|
|
|
5567
|
-
function create_fragment$
|
|
5591
|
+
function create_fragment$l(ctx) {
|
|
5568
5592
|
let section;
|
|
5569
5593
|
let t0;
|
|
5570
5594
|
let div;
|
|
@@ -5679,7 +5703,7 @@ function create_fragment$k(ctx) {
|
|
|
5679
5703
|
};
|
|
5680
5704
|
}
|
|
5681
5705
|
|
|
5682
|
-
function instance$
|
|
5706
|
+
function instance$j($$self, $$props, $$invalidate) {
|
|
5683
5707
|
let { name = "" } = $$props;
|
|
5684
5708
|
let { maxcolumncount = 1 } = $$props;
|
|
5685
5709
|
let rootEl;
|
|
@@ -5744,8 +5768,8 @@ class FooterNavSection extends SvelteElement {
|
|
|
5744
5768
|
props: attribute_to_object(this.attributes),
|
|
5745
5769
|
customElement: true
|
|
5746
5770
|
},
|
|
5747
|
-
instance$
|
|
5748
|
-
create_fragment$
|
|
5771
|
+
instance$j,
|
|
5772
|
+
create_fragment$l,
|
|
5749
5773
|
safe_not_equal,
|
|
5750
5774
|
{ name: 0, maxcolumncount: 1 },
|
|
5751
5775
|
null
|
|
@@ -5807,7 +5831,8 @@ function create_if_block$a(ctx) {
|
|
|
5807
5831
|
};
|
|
5808
5832
|
}
|
|
5809
5833
|
|
|
5810
|
-
function create_fragment$
|
|
5834
|
+
function create_fragment$k(ctx) {
|
|
5835
|
+
let div5;
|
|
5811
5836
|
let div4;
|
|
5812
5837
|
let div0;
|
|
5813
5838
|
let t0;
|
|
@@ -5819,10 +5844,12 @@ function create_fragment$j(ctx) {
|
|
|
5819
5844
|
let a0;
|
|
5820
5845
|
let t3;
|
|
5821
5846
|
let a1;
|
|
5822
|
-
let
|
|
5847
|
+
let div5_style_value;
|
|
5848
|
+
let if_block = /*navLinks*/ ctx[2]?.length && create_if_block$a();
|
|
5823
5849
|
|
|
5824
5850
|
return {
|
|
5825
5851
|
c() {
|
|
5852
|
+
div5 = element("div");
|
|
5826
5853
|
div4 = element("div");
|
|
5827
5854
|
div0 = element("div");
|
|
5828
5855
|
div0.innerHTML = `<slot name="nav"></slot>`;
|
|
@@ -5838,7 +5865,7 @@ function create_fragment$j(ctx) {
|
|
|
5838
5865
|
a0.innerHTML = `<img alt="GoA Logo" class="logo" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E"/>`;
|
|
5839
5866
|
t3 = space();
|
|
5840
5867
|
a1 = element("a");
|
|
5841
|
-
a1.textContent = `© ${/*year*/ ctx[
|
|
5868
|
+
a1.textContent = `© ${/*year*/ ctx[4]} Government of Alberta`;
|
|
5842
5869
|
this.c = noop;
|
|
5843
5870
|
attr(div0, "class", "nav-links");
|
|
5844
5871
|
attr(div1, "class", "meta-links");
|
|
@@ -5846,13 +5873,16 @@ function create_fragment$j(ctx) {
|
|
|
5846
5873
|
attr(a1, "href", "https://alberta.ca");
|
|
5847
5874
|
attr(a1, "class", "goa-copyright");
|
|
5848
5875
|
attr(div2, "class", "abgov");
|
|
5849
|
-
toggle_class(div2, "with-meta-links", /*metaLinks*/ ctx[
|
|
5876
|
+
toggle_class(div2, "with-meta-links", /*metaLinks*/ ctx[3]?.length);
|
|
5850
5877
|
attr(div3, "class", "meta-section");
|
|
5851
|
-
toggle_class(div3, "with-meta-links", /*metaLinks*/ ctx[
|
|
5852
|
-
attr(div4, "class", "
|
|
5878
|
+
toggle_class(div3, "with-meta-links", /*metaLinks*/ ctx[3]?.length);
|
|
5879
|
+
attr(div4, "class", "content");
|
|
5880
|
+
attr(div5, "class", "app-footer");
|
|
5881
|
+
attr(div5, "style", div5_style_value = `--max-content-width: ${/*maxcontentwidth*/ ctx[0] || "var(--layout-max-content-width)"}`);
|
|
5853
5882
|
},
|
|
5854
5883
|
m(target, anchor) {
|
|
5855
|
-
insert(target,
|
|
5884
|
+
insert(target, div5, anchor);
|
|
5885
|
+
append(div5, div4);
|
|
5856
5886
|
append(div4, div0);
|
|
5857
5887
|
append(div4, t0);
|
|
5858
5888
|
if (if_block) if_block.m(div4, null);
|
|
@@ -5864,10 +5894,10 @@ function create_fragment$j(ctx) {
|
|
|
5864
5894
|
append(div2, a0);
|
|
5865
5895
|
append(div2, t3);
|
|
5866
5896
|
append(div2, a1);
|
|
5867
|
-
/*
|
|
5897
|
+
/*div5_binding*/ ctx[5](div5);
|
|
5868
5898
|
},
|
|
5869
5899
|
p(ctx, [dirty]) {
|
|
5870
|
-
if (/*navLinks*/ ctx[
|
|
5900
|
+
if (/*navLinks*/ ctx[2]?.length) {
|
|
5871
5901
|
if (if_block) ; else {
|
|
5872
5902
|
if_block = create_if_block$a();
|
|
5873
5903
|
if_block.c();
|
|
@@ -5878,25 +5908,30 @@ function create_fragment$j(ctx) {
|
|
|
5878
5908
|
if_block = null;
|
|
5879
5909
|
}
|
|
5880
5910
|
|
|
5881
|
-
if (dirty & /*metaLinks*/
|
|
5882
|
-
toggle_class(div2, "with-meta-links", /*metaLinks*/ ctx[
|
|
5911
|
+
if (dirty & /*metaLinks*/ 8) {
|
|
5912
|
+
toggle_class(div2, "with-meta-links", /*metaLinks*/ ctx[3]?.length);
|
|
5913
|
+
}
|
|
5914
|
+
|
|
5915
|
+
if (dirty & /*metaLinks*/ 8) {
|
|
5916
|
+
toggle_class(div3, "with-meta-links", /*metaLinks*/ ctx[3]?.length);
|
|
5883
5917
|
}
|
|
5884
5918
|
|
|
5885
|
-
if (dirty & /*
|
|
5886
|
-
|
|
5919
|
+
if (dirty & /*maxcontentwidth*/ 1 && div5_style_value !== (div5_style_value = `--max-content-width: ${/*maxcontentwidth*/ ctx[0] || "var(--layout-max-content-width)"}`)) {
|
|
5920
|
+
attr(div5, "style", div5_style_value);
|
|
5887
5921
|
}
|
|
5888
5922
|
},
|
|
5889
5923
|
i: noop,
|
|
5890
5924
|
o: noop,
|
|
5891
5925
|
d(detaching) {
|
|
5892
|
-
if (detaching) detach(
|
|
5926
|
+
if (detaching) detach(div5);
|
|
5893
5927
|
if (if_block) if_block.d();
|
|
5894
|
-
/*
|
|
5928
|
+
/*div5_binding*/ ctx[5](null);
|
|
5895
5929
|
}
|
|
5896
5930
|
};
|
|
5897
5931
|
}
|
|
5898
5932
|
|
|
5899
|
-
function instance$
|
|
5933
|
+
function instance$i($$self, $$props, $$invalidate) {
|
|
5934
|
+
let { maxcontentwidth = "" } = $$props;
|
|
5900
5935
|
let rootEl;
|
|
5901
5936
|
let navLinks;
|
|
5902
5937
|
let metaLinks;
|
|
@@ -5906,24 +5941,28 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
5906
5941
|
await tick();
|
|
5907
5942
|
const navSlot = rootEl.querySelector("slot[name=nav]");
|
|
5908
5943
|
const metaSlot = rootEl.querySelector("slot[name=meta]");
|
|
5909
|
-
$$invalidate(
|
|
5910
|
-
$$invalidate(
|
|
5944
|
+
$$invalidate(2, navLinks = navSlot.assignedElements());
|
|
5945
|
+
$$invalidate(3, metaLinks = metaSlot.assignedElements());
|
|
5911
5946
|
});
|
|
5912
5947
|
|
|
5913
|
-
function
|
|
5948
|
+
function div5_binding($$value) {
|
|
5914
5949
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
5915
5950
|
rootEl = $$value;
|
|
5916
|
-
$$invalidate(
|
|
5951
|
+
$$invalidate(1, rootEl);
|
|
5917
5952
|
});
|
|
5918
5953
|
}
|
|
5919
5954
|
|
|
5920
|
-
|
|
5955
|
+
$$self.$$set = $$props => {
|
|
5956
|
+
if ('maxcontentwidth' in $$props) $$invalidate(0, maxcontentwidth = $$props.maxcontentwidth);
|
|
5957
|
+
};
|
|
5958
|
+
|
|
5959
|
+
return [maxcontentwidth, rootEl, navLinks, metaLinks, year, div5_binding];
|
|
5921
5960
|
}
|
|
5922
5961
|
|
|
5923
5962
|
class Footer extends SvelteElement {
|
|
5924
5963
|
constructor(options) {
|
|
5925
5964
|
super();
|
|
5926
|
-
this.shadowRoot.innerHTML = `<style
|
|
5965
|
+
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.app-footer{background-color:var(--color-gray-100);border-top:2px solid var(--color-gray-200);border-bottom:1rem solid var(--goa-color-brand)}.content{padding:2rem 1rem;margin:0 auto;width:min(var(--max-content-width), 100vw)}@media(min-width: 640px){.content{padding:2rem 1.5rem}}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width: 640px){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media(min-width: 640px){.abgov.with-meta-links{align-items:flex-end}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}</style>`;
|
|
5927
5966
|
|
|
5928
5967
|
init(
|
|
5929
5968
|
this,
|
|
@@ -5932,10 +5971,10 @@ class Footer extends SvelteElement {
|
|
|
5932
5971
|
props: attribute_to_object(this.attributes),
|
|
5933
5972
|
customElement: true
|
|
5934
5973
|
},
|
|
5935
|
-
instance$
|
|
5936
|
-
create_fragment$
|
|
5974
|
+
instance$i,
|
|
5975
|
+
create_fragment$k,
|
|
5937
5976
|
safe_not_equal,
|
|
5938
|
-
{},
|
|
5977
|
+
{ maxcontentwidth: 0 },
|
|
5939
5978
|
null
|
|
5940
5979
|
);
|
|
5941
5980
|
|
|
@@ -5943,8 +5982,26 @@ class Footer extends SvelteElement {
|
|
|
5943
5982
|
if (options.target) {
|
|
5944
5983
|
insert(options.target, this, options.anchor);
|
|
5945
5984
|
}
|
|
5985
|
+
|
|
5986
|
+
if (options.props) {
|
|
5987
|
+
this.$set(options.props);
|
|
5988
|
+
flush();
|
|
5989
|
+
}
|
|
5946
5990
|
}
|
|
5947
5991
|
}
|
|
5992
|
+
|
|
5993
|
+
static get observedAttributes() {
|
|
5994
|
+
return ["maxcontentwidth"];
|
|
5995
|
+
}
|
|
5996
|
+
|
|
5997
|
+
get maxcontentwidth() {
|
|
5998
|
+
return this.$$.ctx[0];
|
|
5999
|
+
}
|
|
6000
|
+
|
|
6001
|
+
set maxcontentwidth(maxcontentwidth) {
|
|
6002
|
+
this.$$set({ maxcontentwidth });
|
|
6003
|
+
flush();
|
|
6004
|
+
}
|
|
5948
6005
|
}
|
|
5949
6006
|
|
|
5950
6007
|
customElements.define("goa-app-footer", Footer);
|
|
@@ -6058,7 +6115,7 @@ function create_if_block$9(ctx) {
|
|
|
6058
6115
|
};
|
|
6059
6116
|
}
|
|
6060
6117
|
|
|
6061
|
-
function create_fragment$
|
|
6118
|
+
function create_fragment$j(ctx) {
|
|
6062
6119
|
let div1;
|
|
6063
6120
|
let t0;
|
|
6064
6121
|
let div0;
|
|
@@ -6144,7 +6201,7 @@ function create_fragment$i(ctx) {
|
|
|
6144
6201
|
};
|
|
6145
6202
|
}
|
|
6146
6203
|
|
|
6147
|
-
function instance$
|
|
6204
|
+
function instance$h($$self, $$props, $$invalidate) {
|
|
6148
6205
|
let isOptional;
|
|
6149
6206
|
let { label = "" } = $$props;
|
|
6150
6207
|
let { helptext = "" } = $$props;
|
|
@@ -6179,8 +6236,8 @@ class FormItem extends SvelteElement {
|
|
|
6179
6236
|
props: attribute_to_object(this.attributes),
|
|
6180
6237
|
customElement: true
|
|
6181
6238
|
},
|
|
6182
|
-
instance$
|
|
6183
|
-
create_fragment$
|
|
6239
|
+
instance$h,
|
|
6240
|
+
create_fragment$j,
|
|
6184
6241
|
safe_not_equal,
|
|
6185
6242
|
{
|
|
6186
6243
|
label: 0,
|
|
@@ -6248,7 +6305,7 @@ customElements.define("goa-form-item", FormItem);
|
|
|
6248
6305
|
|
|
6249
6306
|
/* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.49.0 */
|
|
6250
6307
|
|
|
6251
|
-
function create_fragment$
|
|
6308
|
+
function create_fragment$i(ctx) {
|
|
6252
6309
|
let div1;
|
|
6253
6310
|
let goa_page_block;
|
|
6254
6311
|
let h1;
|
|
@@ -6306,7 +6363,7 @@ function create_fragment$h(ctx) {
|
|
|
6306
6363
|
};
|
|
6307
6364
|
}
|
|
6308
6365
|
|
|
6309
|
-
function instance$
|
|
6366
|
+
function instance$g($$self, $$props, $$invalidate) {
|
|
6310
6367
|
let { heading } = $$props;
|
|
6311
6368
|
let { backgroundurl } = $$props;
|
|
6312
6369
|
|
|
@@ -6330,8 +6387,8 @@ class HeroBanner extends SvelteElement {
|
|
|
6330
6387
|
props: attribute_to_object(this.attributes),
|
|
6331
6388
|
customElement: true
|
|
6332
6389
|
},
|
|
6333
|
-
instance$
|
|
6334
|
-
create_fragment$
|
|
6390
|
+
instance$g,
|
|
6391
|
+
create_fragment$i,
|
|
6335
6392
|
safe_not_equal,
|
|
6336
6393
|
{ heading: 0, backgroundurl: 1 },
|
|
6337
6394
|
null
|
|
@@ -6376,7 +6433,7 @@ customElements.define("goa-hero-banner", HeroBanner);
|
|
|
6376
6433
|
|
|
6377
6434
|
/* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.49.0 */
|
|
6378
6435
|
|
|
6379
|
-
function create_fragment$
|
|
6436
|
+
function create_fragment$h(ctx) {
|
|
6380
6437
|
let button;
|
|
6381
6438
|
let goa_icon;
|
|
6382
6439
|
let mounted;
|
|
@@ -6462,7 +6519,7 @@ function handleClick(e) {
|
|
|
6462
6519
|
e.target.dispatchEvent(new CustomEvent("_click", { composed: true, detail: { event: e } }));
|
|
6463
6520
|
}
|
|
6464
6521
|
|
|
6465
|
-
function instance$
|
|
6522
|
+
function instance$f($$self, $$props, $$invalidate) {
|
|
6466
6523
|
let css;
|
|
6467
6524
|
let isDisabled;
|
|
6468
6525
|
let isInverted;
|
|
@@ -6538,8 +6595,8 @@ class IconButton extends SvelteElement {
|
|
|
6538
6595
|
props: attribute_to_object(this.attributes),
|
|
6539
6596
|
customElement: true
|
|
6540
6597
|
},
|
|
6541
|
-
instance$
|
|
6542
|
-
create_fragment$
|
|
6598
|
+
instance$f,
|
|
6599
|
+
create_fragment$h,
|
|
6543
6600
|
safe_not_equal,
|
|
6544
6601
|
{
|
|
6545
6602
|
type: 0,
|
|
@@ -6684,7 +6741,7 @@ function create_if_block$8(ctx) {
|
|
|
6684
6741
|
};
|
|
6685
6742
|
}
|
|
6686
6743
|
|
|
6687
|
-
function create_fragment$
|
|
6744
|
+
function create_fragment$g(ctx) {
|
|
6688
6745
|
let div;
|
|
6689
6746
|
let div_data_testid_value;
|
|
6690
6747
|
let div_style_value;
|
|
@@ -6756,7 +6813,7 @@ function create_fragment$f(ctx) {
|
|
|
6756
6813
|
};
|
|
6757
6814
|
}
|
|
6758
6815
|
|
|
6759
|
-
function instance$
|
|
6816
|
+
function instance$e($$self, $$props, $$invalidate) {
|
|
6760
6817
|
let isInverted;
|
|
6761
6818
|
let _size;
|
|
6762
6819
|
let { type } = $$props;
|
|
@@ -6819,8 +6876,8 @@ class Icon extends SvelteElement {
|
|
|
6819
6876
|
props: attribute_to_object(this.attributes),
|
|
6820
6877
|
customElement: true
|
|
6821
6878
|
},
|
|
6822
|
-
instance$
|
|
6823
|
-
create_fragment$
|
|
6879
|
+
instance$e,
|
|
6880
|
+
create_fragment$g,
|
|
6824
6881
|
safe_not_equal,
|
|
6825
6882
|
{
|
|
6826
6883
|
type: 0,
|
|
@@ -6944,7 +7001,7 @@ function create_if_block_7(ctx) {
|
|
|
6944
7001
|
return {
|
|
6945
7002
|
c() {
|
|
6946
7003
|
div = element("div");
|
|
6947
|
-
t = text(/*prefix*/ ctx[
|
|
7004
|
+
t = text(/*prefix*/ ctx[14]);
|
|
6948
7005
|
attr(div, "class", "prefix");
|
|
6949
7006
|
},
|
|
6950
7007
|
m(target, anchor) {
|
|
@@ -6952,7 +7009,7 @@ function create_if_block_7(ctx) {
|
|
|
6952
7009
|
append(div, t);
|
|
6953
7010
|
},
|
|
6954
7011
|
p(ctx, dirty) {
|
|
6955
|
-
if (dirty & /*prefix*/
|
|
7012
|
+
if (dirty[0] & /*prefix*/ 16384) set_data(t, /*prefix*/ ctx[14]);
|
|
6956
7013
|
},
|
|
6957
7014
|
d(detaching) {
|
|
6958
7015
|
if (detaching) detach(div);
|
|
@@ -6960,7 +7017,7 @@ function create_if_block_7(ctx) {
|
|
|
6960
7017
|
};
|
|
6961
7018
|
}
|
|
6962
7019
|
|
|
6963
|
-
// (
|
|
7020
|
+
// (82:4) {#if leadingicon}
|
|
6964
7021
|
function create_if_block_6(ctx) {
|
|
6965
7022
|
let goa_icon;
|
|
6966
7023
|
|
|
@@ -6969,14 +7026,14 @@ function create_if_block_6(ctx) {
|
|
|
6969
7026
|
goa_icon = element("goa-icon");
|
|
6970
7027
|
set_custom_element_data(goa_icon, "class", "goa-input-leading-icon");
|
|
6971
7028
|
set_custom_element_data(goa_icon, "data-testid", "leading-icon");
|
|
6972
|
-
set_custom_element_data(goa_icon, "type", /*leadingicon*/ ctx[
|
|
7029
|
+
set_custom_element_data(goa_icon, "type", /*leadingicon*/ ctx[5]);
|
|
6973
7030
|
},
|
|
6974
7031
|
m(target, anchor) {
|
|
6975
7032
|
insert(target, goa_icon, anchor);
|
|
6976
7033
|
},
|
|
6977
7034
|
p(ctx, dirty) {
|
|
6978
|
-
if (dirty & /*leadingicon*/
|
|
6979
|
-
set_custom_element_data(goa_icon, "type", /*leadingicon*/ ctx[
|
|
7035
|
+
if (dirty[0] & /*leadingicon*/ 32) {
|
|
7036
|
+
set_custom_element_data(goa_icon, "type", /*leadingicon*/ ctx[5]);
|
|
6980
7037
|
}
|
|
6981
7038
|
},
|
|
6982
7039
|
d(detaching) {
|
|
@@ -6985,7 +7042,7 @@ function create_if_block_6(ctx) {
|
|
|
6985
7042
|
};
|
|
6986
7043
|
}
|
|
6987
7044
|
|
|
6988
|
-
// (
|
|
7045
|
+
// (112:4) {#if trailingicon && !handlesTrailingIconClick}
|
|
6989
7046
|
function create_if_block_5(ctx) {
|
|
6990
7047
|
let goa_icon;
|
|
6991
7048
|
|
|
@@ -6995,14 +7052,14 @@ function create_if_block_5(ctx) {
|
|
|
6995
7052
|
set_custom_element_data(goa_icon, "class", "goa-input-trailing-icon");
|
|
6996
7053
|
set_custom_element_data(goa_icon, "data-testid", "trailing-icon");
|
|
6997
7054
|
set_custom_element_data(goa_icon, "size", "medium");
|
|
6998
|
-
set_custom_element_data(goa_icon, "type", /*trailingicon*/ ctx[
|
|
7055
|
+
set_custom_element_data(goa_icon, "type", /*trailingicon*/ ctx[6]);
|
|
6999
7056
|
},
|
|
7000
7057
|
m(target, anchor) {
|
|
7001
7058
|
insert(target, goa_icon, anchor);
|
|
7002
7059
|
},
|
|
7003
7060
|
p(ctx, dirty) {
|
|
7004
|
-
if (dirty & /*trailingicon*/
|
|
7005
|
-
set_custom_element_data(goa_icon, "type", /*trailingicon*/ ctx[
|
|
7061
|
+
if (dirty[0] & /*trailingicon*/ 64) {
|
|
7062
|
+
set_custom_element_data(goa_icon, "type", /*trailingicon*/ ctx[6]);
|
|
7006
7063
|
}
|
|
7007
7064
|
},
|
|
7008
7065
|
d(detaching) {
|
|
@@ -7011,7 +7068,7 @@ function create_if_block_5(ctx) {
|
|
|
7011
7068
|
};
|
|
7012
7069
|
}
|
|
7013
7070
|
|
|
7014
|
-
// (
|
|
7071
|
+
// (122:4) {#if trailingicon && handlesTrailingIconClick}
|
|
7015
7072
|
function create_if_block_4(ctx) {
|
|
7016
7073
|
let goa_icon_button;
|
|
7017
7074
|
let mounted;
|
|
@@ -7020,10 +7077,10 @@ function create_if_block_4(ctx) {
|
|
|
7020
7077
|
return {
|
|
7021
7078
|
c() {
|
|
7022
7079
|
goa_icon_button = element("goa-icon-button");
|
|
7023
|
-
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[
|
|
7080
|
+
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[19]);
|
|
7024
7081
|
set_custom_element_data(goa_icon_button, "variant", "nocolor");
|
|
7025
7082
|
set_custom_element_data(goa_icon_button, "size", "medium");
|
|
7026
|
-
set_custom_element_data(goa_icon_button, "type", /*trailingicon*/ ctx[
|
|
7083
|
+
set_custom_element_data(goa_icon_button, "type", /*trailingicon*/ ctx[6]);
|
|
7027
7084
|
set_custom_element_data(goa_icon_button, "data-testid", "trailing-icon-button");
|
|
7028
7085
|
},
|
|
7029
7086
|
m(target, anchor) {
|
|
@@ -7035,12 +7092,12 @@ function create_if_block_4(ctx) {
|
|
|
7035
7092
|
}
|
|
7036
7093
|
},
|
|
7037
7094
|
p(ctx, dirty) {
|
|
7038
|
-
if (dirty & /*isDisabled*/
|
|
7039
|
-
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[
|
|
7095
|
+
if (dirty[0] & /*isDisabled*/ 524288) {
|
|
7096
|
+
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[19]);
|
|
7040
7097
|
}
|
|
7041
7098
|
|
|
7042
|
-
if (dirty & /*trailingicon*/
|
|
7043
|
-
set_custom_element_data(goa_icon_button, "type", /*trailingicon*/ ctx[
|
|
7099
|
+
if (dirty[0] & /*trailingicon*/ 64) {
|
|
7100
|
+
set_custom_element_data(goa_icon_button, "type", /*trailingicon*/ ctx[6]);
|
|
7044
7101
|
}
|
|
7045
7102
|
},
|
|
7046
7103
|
d(detaching) {
|
|
@@ -7051,7 +7108,7 @@ function create_if_block_4(ctx) {
|
|
|
7051
7108
|
};
|
|
7052
7109
|
}
|
|
7053
7110
|
|
|
7054
|
-
// (
|
|
7111
|
+
// (133:4) {#if suffix}
|
|
7055
7112
|
function create_if_block_3$2(ctx) {
|
|
7056
7113
|
let span;
|
|
7057
7114
|
let t;
|
|
@@ -7059,7 +7116,7 @@ function create_if_block_3$2(ctx) {
|
|
|
7059
7116
|
return {
|
|
7060
7117
|
c() {
|
|
7061
7118
|
span = element("span");
|
|
7062
|
-
t = text(/*suffix*/ ctx[
|
|
7119
|
+
t = text(/*suffix*/ ctx[15]);
|
|
7063
7120
|
attr(span, "class", "suffix");
|
|
7064
7121
|
},
|
|
7065
7122
|
m(target, anchor) {
|
|
@@ -7067,7 +7124,7 @@ function create_if_block_3$2(ctx) {
|
|
|
7067
7124
|
append(span, t);
|
|
7068
7125
|
},
|
|
7069
7126
|
p(ctx, dirty) {
|
|
7070
|
-
if (dirty & /*suffix*/
|
|
7127
|
+
if (dirty[0] & /*suffix*/ 32768) set_data(t, /*suffix*/ ctx[15]);
|
|
7071
7128
|
},
|
|
7072
7129
|
d(detaching) {
|
|
7073
7130
|
if (detaching) detach(span);
|
|
@@ -7075,12 +7132,12 @@ function create_if_block_3$2(ctx) {
|
|
|
7075
7132
|
};
|
|
7076
7133
|
}
|
|
7077
7134
|
|
|
7078
|
-
// (
|
|
7135
|
+
// (139:2) {#if showCounter}
|
|
7079
7136
|
function create_if_block$7(ctx) {
|
|
7080
7137
|
let if_block_anchor;
|
|
7081
7138
|
|
|
7082
7139
|
function select_block_type(ctx, dirty) {
|
|
7083
|
-
if (/*maxcharcount*/ ctx[
|
|
7140
|
+
if (/*maxcharcount*/ ctx[16] > 0) return create_if_block_1$5;
|
|
7084
7141
|
if (/*value*/ ctx[0].length > 0) return create_if_block_2$4;
|
|
7085
7142
|
}
|
|
7086
7143
|
|
|
@@ -7119,7 +7176,7 @@ function create_if_block$7(ctx) {
|
|
|
7119
7176
|
};
|
|
7120
7177
|
}
|
|
7121
7178
|
|
|
7122
|
-
// (
|
|
7179
|
+
// (144:31)
|
|
7123
7180
|
function create_if_block_2$4(ctx) {
|
|
7124
7181
|
let div;
|
|
7125
7182
|
let t_value = /*value*/ ctx[0].length + "";
|
|
@@ -7136,7 +7193,7 @@ function create_if_block_2$4(ctx) {
|
|
|
7136
7193
|
append(div, t);
|
|
7137
7194
|
},
|
|
7138
7195
|
p(ctx, dirty) {
|
|
7139
|
-
if (dirty & /*value*/ 1 && t_value !== (t_value = /*value*/ ctx[0].length + "")) set_data(t, t_value);
|
|
7196
|
+
if (dirty[0] & /*value*/ 1 && t_value !== (t_value = /*value*/ ctx[0].length + "")) set_data(t, t_value);
|
|
7140
7197
|
},
|
|
7141
7198
|
d(detaching) {
|
|
7142
7199
|
if (detaching) detach(div);
|
|
@@ -7144,12 +7201,12 @@ function create_if_block_2$4(ctx) {
|
|
|
7144
7201
|
};
|
|
7145
7202
|
}
|
|
7146
7203
|
|
|
7147
|
-
// (
|
|
7204
|
+
// (140:4) {#if maxcharcount > 0}
|
|
7148
7205
|
function create_if_block_1$5(ctx) {
|
|
7149
7206
|
let div;
|
|
7150
7207
|
let t0_value = /*value*/ ctx[0].length + "";
|
|
7151
7208
|
let t0;
|
|
7152
|
-
let t1_value = `/${/*maxcharcount*/ ctx[
|
|
7209
|
+
let t1_value = `/${/*maxcharcount*/ ctx[16]}` + "";
|
|
7153
7210
|
let t1;
|
|
7154
7211
|
|
|
7155
7212
|
return {
|
|
@@ -7158,7 +7215,7 @@ function create_if_block_1$5(ctx) {
|
|
|
7158
7215
|
t0 = text(t0_value);
|
|
7159
7216
|
t1 = text(t1_value);
|
|
7160
7217
|
attr(div, "class", "counter");
|
|
7161
|
-
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[
|
|
7218
|
+
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[16]);
|
|
7162
7219
|
},
|
|
7163
7220
|
m(target, anchor) {
|
|
7164
7221
|
insert(target, div, anchor);
|
|
@@ -7166,11 +7223,11 @@ function create_if_block_1$5(ctx) {
|
|
|
7166
7223
|
append(div, t1);
|
|
7167
7224
|
},
|
|
7168
7225
|
p(ctx, dirty) {
|
|
7169
|
-
if (dirty & /*value*/ 1 && t0_value !== (t0_value = /*value*/ ctx[0].length + "")) set_data(t0, t0_value);
|
|
7170
|
-
if (dirty & /*maxcharcount*/
|
|
7226
|
+
if (dirty[0] & /*value*/ 1 && t0_value !== (t0_value = /*value*/ ctx[0].length + "")) set_data(t0, t0_value);
|
|
7227
|
+
if (dirty[0] & /*maxcharcount*/ 65536 && t1_value !== (t1_value = `/${/*maxcharcount*/ ctx[16]}` + "")) set_data(t1, t1_value);
|
|
7171
7228
|
|
|
7172
|
-
if (dirty & /*value, maxcharcount*/
|
|
7173
|
-
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[
|
|
7229
|
+
if (dirty[0] & /*value, maxcharcount*/ 65537) {
|
|
7230
|
+
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[16]);
|
|
7174
7231
|
}
|
|
7175
7232
|
},
|
|
7176
7233
|
d(detaching) {
|
|
@@ -7179,7 +7236,7 @@ function create_if_block_1$5(ctx) {
|
|
|
7179
7236
|
};
|
|
7180
7237
|
}
|
|
7181
7238
|
|
|
7182
|
-
function create_fragment$
|
|
7239
|
+
function create_fragment$f(ctx) {
|
|
7183
7240
|
let div1;
|
|
7184
7241
|
let div0;
|
|
7185
7242
|
let t0;
|
|
@@ -7196,12 +7253,12 @@ function create_fragment$e(ctx) {
|
|
|
7196
7253
|
let div1_style_value;
|
|
7197
7254
|
let mounted;
|
|
7198
7255
|
let dispose;
|
|
7199
|
-
let if_block0 = /*prefix*/ ctx[
|
|
7200
|
-
let if_block1 = /*leadingicon*/ ctx[
|
|
7201
|
-
let if_block2 = /*trailingicon*/ ctx[
|
|
7202
|
-
let if_block3 = /*trailingicon*/ ctx[
|
|
7203
|
-
let if_block4 = /*suffix*/ ctx[
|
|
7204
|
-
let if_block5 = /*showCounter*/ ctx[
|
|
7256
|
+
let if_block0 = /*prefix*/ ctx[14] && create_if_block_7(ctx);
|
|
7257
|
+
let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_6(ctx);
|
|
7258
|
+
let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[22] && create_if_block_5(ctx);
|
|
7259
|
+
let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[22] && create_if_block_4(ctx);
|
|
7260
|
+
let if_block4 = /*suffix*/ ctx[15] && create_if_block_3$2(ctx);
|
|
7261
|
+
let if_block5 = /*showCounter*/ ctx[18] && create_if_block$7(ctx);
|
|
7205
7262
|
|
|
7206
7263
|
return {
|
|
7207
7264
|
c() {
|
|
@@ -7221,33 +7278,34 @@ function create_fragment$e(ctx) {
|
|
|
7221
7278
|
t5 = space();
|
|
7222
7279
|
if (if_block5) if_block5.c();
|
|
7223
7280
|
this.c = noop;
|
|
7224
|
-
attr(input, "class", input_class_value = `input--${/*variant*/ ctx[
|
|
7225
|
-
attr(input, "style", input_style_value = `--search-icon-offset: ${/*trailingicon*/ ctx[
|
|
7226
|
-
input.readOnly = /*isReadonly*/ ctx[
|
|
7227
|
-
input.disabled = /*isDisabled*/ ctx[
|
|
7228
|
-
attr(input, "data-testid", /*testid*/ ctx[
|
|
7281
|
+
attr(input, "class", input_class_value = `input--${/*variant*/ ctx[7]}`);
|
|
7282
|
+
attr(input, "style", input_style_value = `--search-icon-offset: ${/*trailingicon*/ ctx[6] ? "-0.5rem" : "0"}`);
|
|
7283
|
+
input.readOnly = /*isReadonly*/ ctx[21];
|
|
7284
|
+
input.disabled = /*isDisabled*/ ctx[19];
|
|
7285
|
+
attr(input, "data-testid", /*testid*/ ctx[8]);
|
|
7286
|
+
attr(input, "autocapitalize", /*autocapitalize*/ ctx[3]);
|
|
7229
7287
|
attr(input, "name", /*name*/ ctx[2]);
|
|
7230
7288
|
attr(input, "type", /*type*/ ctx[1]);
|
|
7231
7289
|
input.value = /*value*/ ctx[0];
|
|
7232
|
-
attr(input, "placeholder", /*placeholder*/ ctx[
|
|
7233
|
-
attr(input, "min", /*min*/ ctx[
|
|
7234
|
-
attr(input, "max", /*max*/ ctx[
|
|
7235
|
-
attr(input, "step", /*step*/ ctx[
|
|
7290
|
+
attr(input, "placeholder", /*placeholder*/ ctx[4]);
|
|
7291
|
+
attr(input, "min", /*min*/ ctx[11]);
|
|
7292
|
+
attr(input, "max", /*max*/ ctx[12]);
|
|
7293
|
+
attr(input, "step", /*step*/ ctx[13]);
|
|
7236
7294
|
attr(input, "role", "textbox");
|
|
7237
|
-
attr(input, "aria-label", input_aria_label_value = /*arialabel*/ ctx[
|
|
7295
|
+
attr(input, "aria-label", input_aria_label_value = /*arialabel*/ ctx[10] || /*name*/ ctx[2]);
|
|
7238
7296
|
|
|
7239
7297
|
attr(div0, "class", div0_class_value = `
|
|
7240
7298
|
goa-input
|
|
7241
|
-
${/*isDisabled*/ ctx[
|
|
7242
|
-
variant--${/*variant*/ ctx[
|
|
7299
|
+
${/*isDisabled*/ ctx[19] ? "goa-input--disabled" : ""}
|
|
7300
|
+
variant--${/*variant*/ ctx[7]}
|
|
7243
7301
|
type--${/*type*/ ctx[1]}
|
|
7244
7302
|
`);
|
|
7245
7303
|
|
|
7246
|
-
toggle_class(div0, "error", /*isError*/ ctx[
|
|
7304
|
+
toggle_class(div0, "error", /*isError*/ ctx[20]);
|
|
7247
7305
|
attr(div1, "class", "container");
|
|
7248
7306
|
|
|
7249
7307
|
attr(div1, "style", div1_style_value = `
|
|
7250
|
-
--width: ${/*width*/ ctx[
|
|
7308
|
+
--width: ${/*width*/ ctx[9]};
|
|
7251
7309
|
`);
|
|
7252
7310
|
},
|
|
7253
7311
|
m(target, anchor) {
|
|
@@ -7258,7 +7316,7 @@ function create_fragment$e(ctx) {
|
|
|
7258
7316
|
if (if_block1) if_block1.m(div0, null);
|
|
7259
7317
|
append(div0, t1);
|
|
7260
7318
|
append(div0, input);
|
|
7261
|
-
/*input_binding*/ ctx[
|
|
7319
|
+
/*input_binding*/ ctx[31](input);
|
|
7262
7320
|
append(div0, t2);
|
|
7263
7321
|
if (if_block2) if_block2.m(div0, null);
|
|
7264
7322
|
append(div0, t3);
|
|
@@ -7270,15 +7328,15 @@ function create_fragment$e(ctx) {
|
|
|
7270
7328
|
|
|
7271
7329
|
if (!mounted) {
|
|
7272
7330
|
dispose = [
|
|
7273
|
-
listen(input, "keyup", /*onKeyUp*/ ctx[
|
|
7274
|
-
listen(input, "change", /*onKeyUp*/ ctx[
|
|
7331
|
+
listen(input, "keyup", /*onKeyUp*/ ctx[23]),
|
|
7332
|
+
listen(input, "change", /*onKeyUp*/ ctx[23])
|
|
7275
7333
|
];
|
|
7276
7334
|
|
|
7277
7335
|
mounted = true;
|
|
7278
7336
|
}
|
|
7279
7337
|
},
|
|
7280
|
-
p(ctx,
|
|
7281
|
-
if (/*prefix*/ ctx[
|
|
7338
|
+
p(ctx, dirty) {
|
|
7339
|
+
if (/*prefix*/ ctx[14]) {
|
|
7282
7340
|
if (if_block0) {
|
|
7283
7341
|
if_block0.p(ctx, dirty);
|
|
7284
7342
|
} else {
|
|
@@ -7291,7 +7349,7 @@ function create_fragment$e(ctx) {
|
|
|
7291
7349
|
if_block0 = null;
|
|
7292
7350
|
}
|
|
7293
7351
|
|
|
7294
|
-
if (/*leadingicon*/ ctx[
|
|
7352
|
+
if (/*leadingicon*/ ctx[5]) {
|
|
7295
7353
|
if (if_block1) {
|
|
7296
7354
|
if_block1.p(ctx, dirty);
|
|
7297
7355
|
} else {
|
|
@@ -7304,59 +7362,63 @@ function create_fragment$e(ctx) {
|
|
|
7304
7362
|
if_block1 = null;
|
|
7305
7363
|
}
|
|
7306
7364
|
|
|
7307
|
-
if (dirty & /*variant*/
|
|
7365
|
+
if (dirty[0] & /*variant*/ 128 && input_class_value !== (input_class_value = `input--${/*variant*/ ctx[7]}`)) {
|
|
7308
7366
|
attr(input, "class", input_class_value);
|
|
7309
7367
|
}
|
|
7310
7368
|
|
|
7311
|
-
if (dirty & /*trailingicon*/
|
|
7369
|
+
if (dirty[0] & /*trailingicon*/ 64 && input_style_value !== (input_style_value = `--search-icon-offset: ${/*trailingicon*/ ctx[6] ? "-0.5rem" : "0"}`)) {
|
|
7312
7370
|
attr(input, "style", input_style_value);
|
|
7313
7371
|
}
|
|
7314
7372
|
|
|
7315
|
-
if (dirty & /*isReadonly*/
|
|
7316
|
-
input.readOnly = /*isReadonly*/ ctx[
|
|
7373
|
+
if (dirty[0] & /*isReadonly*/ 2097152) {
|
|
7374
|
+
input.readOnly = /*isReadonly*/ ctx[21];
|
|
7375
|
+
}
|
|
7376
|
+
|
|
7377
|
+
if (dirty[0] & /*isDisabled*/ 524288) {
|
|
7378
|
+
input.disabled = /*isDisabled*/ ctx[19];
|
|
7317
7379
|
}
|
|
7318
7380
|
|
|
7319
|
-
if (dirty & /*
|
|
7320
|
-
input
|
|
7381
|
+
if (dirty[0] & /*testid*/ 256) {
|
|
7382
|
+
attr(input, "data-testid", /*testid*/ ctx[8]);
|
|
7321
7383
|
}
|
|
7322
7384
|
|
|
7323
|
-
if (dirty & /*
|
|
7324
|
-
attr(input, "
|
|
7385
|
+
if (dirty[0] & /*autocapitalize*/ 8) {
|
|
7386
|
+
attr(input, "autocapitalize", /*autocapitalize*/ ctx[3]);
|
|
7325
7387
|
}
|
|
7326
7388
|
|
|
7327
|
-
if (dirty & /*name*/ 4) {
|
|
7389
|
+
if (dirty[0] & /*name*/ 4) {
|
|
7328
7390
|
attr(input, "name", /*name*/ ctx[2]);
|
|
7329
7391
|
}
|
|
7330
7392
|
|
|
7331
|
-
if (dirty & /*type*/ 2) {
|
|
7393
|
+
if (dirty[0] & /*type*/ 2) {
|
|
7332
7394
|
attr(input, "type", /*type*/ ctx[1]);
|
|
7333
7395
|
}
|
|
7334
7396
|
|
|
7335
|
-
if (dirty & /*value*/ 1 && input.value !== /*value*/ ctx[0]) {
|
|
7397
|
+
if (dirty[0] & /*value*/ 1 && input.value !== /*value*/ ctx[0]) {
|
|
7336
7398
|
input.value = /*value*/ ctx[0];
|
|
7337
7399
|
}
|
|
7338
7400
|
|
|
7339
|
-
if (dirty & /*placeholder*/
|
|
7340
|
-
attr(input, "placeholder", /*placeholder*/ ctx[
|
|
7401
|
+
if (dirty[0] & /*placeholder*/ 16) {
|
|
7402
|
+
attr(input, "placeholder", /*placeholder*/ ctx[4]);
|
|
7341
7403
|
}
|
|
7342
7404
|
|
|
7343
|
-
if (dirty & /*min*/
|
|
7344
|
-
attr(input, "min", /*min*/ ctx[
|
|
7405
|
+
if (dirty[0] & /*min*/ 2048) {
|
|
7406
|
+
attr(input, "min", /*min*/ ctx[11]);
|
|
7345
7407
|
}
|
|
7346
7408
|
|
|
7347
|
-
if (dirty & /*max*/
|
|
7348
|
-
attr(input, "max", /*max*/ ctx[
|
|
7409
|
+
if (dirty[0] & /*max*/ 4096) {
|
|
7410
|
+
attr(input, "max", /*max*/ ctx[12]);
|
|
7349
7411
|
}
|
|
7350
7412
|
|
|
7351
|
-
if (dirty & /*step*/
|
|
7352
|
-
attr(input, "step", /*step*/ ctx[
|
|
7413
|
+
if (dirty[0] & /*step*/ 8192) {
|
|
7414
|
+
attr(input, "step", /*step*/ ctx[13]);
|
|
7353
7415
|
}
|
|
7354
7416
|
|
|
7355
|
-
if (dirty & /*arialabel, name*/
|
|
7417
|
+
if (dirty[0] & /*arialabel, name*/ 1028 && input_aria_label_value !== (input_aria_label_value = /*arialabel*/ ctx[10] || /*name*/ ctx[2])) {
|
|
7356
7418
|
attr(input, "aria-label", input_aria_label_value);
|
|
7357
7419
|
}
|
|
7358
7420
|
|
|
7359
|
-
if (/*trailingicon*/ ctx[
|
|
7421
|
+
if (/*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[22]) {
|
|
7360
7422
|
if (if_block2) {
|
|
7361
7423
|
if_block2.p(ctx, dirty);
|
|
7362
7424
|
} else {
|
|
@@ -7369,7 +7431,7 @@ function create_fragment$e(ctx) {
|
|
|
7369
7431
|
if_block2 = null;
|
|
7370
7432
|
}
|
|
7371
7433
|
|
|
7372
|
-
if (/*trailingicon*/ ctx[
|
|
7434
|
+
if (/*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[22]) {
|
|
7373
7435
|
if (if_block3) {
|
|
7374
7436
|
if_block3.p(ctx, dirty);
|
|
7375
7437
|
} else {
|
|
@@ -7382,7 +7444,7 @@ function create_fragment$e(ctx) {
|
|
|
7382
7444
|
if_block3 = null;
|
|
7383
7445
|
}
|
|
7384
7446
|
|
|
7385
|
-
if (/*suffix*/ ctx[
|
|
7447
|
+
if (/*suffix*/ ctx[15]) {
|
|
7386
7448
|
if (if_block4) {
|
|
7387
7449
|
if_block4.p(ctx, dirty);
|
|
7388
7450
|
} else {
|
|
@@ -7395,20 +7457,20 @@ function create_fragment$e(ctx) {
|
|
|
7395
7457
|
if_block4 = null;
|
|
7396
7458
|
}
|
|
7397
7459
|
|
|
7398
|
-
if (dirty & /*isDisabled, variant, type*/
|
|
7460
|
+
if (dirty[0] & /*isDisabled, variant, type*/ 524418 && div0_class_value !== (div0_class_value = `
|
|
7399
7461
|
goa-input
|
|
7400
|
-
${/*isDisabled*/ ctx[
|
|
7401
|
-
variant--${/*variant*/ ctx[
|
|
7462
|
+
${/*isDisabled*/ ctx[19] ? "goa-input--disabled" : ""}
|
|
7463
|
+
variant--${/*variant*/ ctx[7]}
|
|
7402
7464
|
type--${/*type*/ ctx[1]}
|
|
7403
7465
|
`)) {
|
|
7404
7466
|
attr(div0, "class", div0_class_value);
|
|
7405
7467
|
}
|
|
7406
7468
|
|
|
7407
|
-
if (dirty & /*isDisabled, variant, type, isError*/
|
|
7408
|
-
toggle_class(div0, "error", /*isError*/ ctx[
|
|
7469
|
+
if (dirty[0] & /*isDisabled, variant, type, isError*/ 1572994) {
|
|
7470
|
+
toggle_class(div0, "error", /*isError*/ ctx[20]);
|
|
7409
7471
|
}
|
|
7410
7472
|
|
|
7411
|
-
if (/*showCounter*/ ctx[
|
|
7473
|
+
if (/*showCounter*/ ctx[18]) {
|
|
7412
7474
|
if (if_block5) {
|
|
7413
7475
|
if_block5.p(ctx, dirty);
|
|
7414
7476
|
} else {
|
|
@@ -7421,8 +7483,8 @@ function create_fragment$e(ctx) {
|
|
|
7421
7483
|
if_block5 = null;
|
|
7422
7484
|
}
|
|
7423
7485
|
|
|
7424
|
-
if (dirty & /*width*/
|
|
7425
|
-
--width: ${/*width*/ ctx[
|
|
7486
|
+
if (dirty[0] & /*width*/ 512 && div1_style_value !== (div1_style_value = `
|
|
7487
|
+
--width: ${/*width*/ ctx[9]};
|
|
7426
7488
|
`)) {
|
|
7427
7489
|
attr(div1, "style", div1_style_value);
|
|
7428
7490
|
}
|
|
@@ -7433,7 +7495,7 @@ function create_fragment$e(ctx) {
|
|
|
7433
7495
|
if (detaching) detach(div1);
|
|
7434
7496
|
if (if_block0) if_block0.d();
|
|
7435
7497
|
if (if_block1) if_block1.d();
|
|
7436
|
-
/*input_binding*/ ctx[
|
|
7498
|
+
/*input_binding*/ ctx[31](null);
|
|
7437
7499
|
if (if_block2) if_block2.d();
|
|
7438
7500
|
if (if_block3) if_block3.d();
|
|
7439
7501
|
if (if_block4) if_block4.d();
|
|
@@ -7448,7 +7510,7 @@ function doClick() {
|
|
|
7448
7510
|
this.dispatchEvent(new CustomEvent("_trailingIconClick", { composed: true }));
|
|
7449
7511
|
}
|
|
7450
7512
|
|
|
7451
|
-
function instance$
|
|
7513
|
+
function instance$d($$self, $$props, $$invalidate) {
|
|
7452
7514
|
let handlesTrailingIconClick;
|
|
7453
7515
|
let isFocused;
|
|
7454
7516
|
let isReadonly;
|
|
@@ -7458,6 +7520,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
7458
7520
|
let { type = "text" } = $$props;
|
|
7459
7521
|
let { name = "" } = $$props;
|
|
7460
7522
|
let { value = "" } = $$props;
|
|
7523
|
+
let { autocapitalize = "off" } = $$props;
|
|
7461
7524
|
let { placeholder = "" } = $$props;
|
|
7462
7525
|
let { leadingicon = null } = $$props;
|
|
7463
7526
|
let { trailingicon = null } = $$props;
|
|
@@ -7494,7 +7557,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
7494
7557
|
function input_binding($$value) {
|
|
7495
7558
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
7496
7559
|
inputEl = $$value;
|
|
7497
|
-
$$invalidate(
|
|
7560
|
+
$$invalidate(17, inputEl);
|
|
7498
7561
|
});
|
|
7499
7562
|
}
|
|
7500
7563
|
|
|
@@ -7502,59 +7565,60 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
7502
7565
|
if ('type' in $$props) $$invalidate(1, type = $$props.type);
|
|
7503
7566
|
if ('name' in $$props) $$invalidate(2, name = $$props.name);
|
|
7504
7567
|
if ('value' in $$props) $$invalidate(0, value = $$props.value);
|
|
7505
|
-
if ('
|
|
7506
|
-
if ('
|
|
7507
|
-
if ('
|
|
7508
|
-
if ('
|
|
7509
|
-
if ('
|
|
7510
|
-
if ('
|
|
7511
|
-
if ('
|
|
7512
|
-
if ('
|
|
7513
|
-
if ('
|
|
7514
|
-
if ('
|
|
7515
|
-
if ('
|
|
7516
|
-
if ('
|
|
7517
|
-
if ('
|
|
7518
|
-
if ('
|
|
7519
|
-
if ('
|
|
7520
|
-
if ('
|
|
7521
|
-
if ('
|
|
7522
|
-
if ('
|
|
7523
|
-
if ('
|
|
7568
|
+
if ('autocapitalize' in $$props) $$invalidate(3, autocapitalize = $$props.autocapitalize);
|
|
7569
|
+
if ('placeholder' in $$props) $$invalidate(4, placeholder = $$props.placeholder);
|
|
7570
|
+
if ('leadingicon' in $$props) $$invalidate(5, leadingicon = $$props.leadingicon);
|
|
7571
|
+
if ('trailingicon' in $$props) $$invalidate(6, trailingicon = $$props.trailingicon);
|
|
7572
|
+
if ('variant' in $$props) $$invalidate(7, variant = $$props.variant);
|
|
7573
|
+
if ('disabled' in $$props) $$invalidate(24, disabled = $$props.disabled);
|
|
7574
|
+
if ('handletrailingiconclick' in $$props) $$invalidate(25, handletrailingiconclick = $$props.handletrailingiconclick);
|
|
7575
|
+
if ('focused' in $$props) $$invalidate(26, focused = $$props.focused);
|
|
7576
|
+
if ('readonly' in $$props) $$invalidate(27, readonly = $$props.readonly);
|
|
7577
|
+
if ('error' in $$props) $$invalidate(28, error = $$props.error);
|
|
7578
|
+
if ('testid' in $$props) $$invalidate(8, testid = $$props.testid);
|
|
7579
|
+
if ('width' in $$props) $$invalidate(9, width = $$props.width);
|
|
7580
|
+
if ('arialabel' in $$props) $$invalidate(10, arialabel = $$props.arialabel);
|
|
7581
|
+
if ('min' in $$props) $$invalidate(11, min = $$props.min);
|
|
7582
|
+
if ('max' in $$props) $$invalidate(12, max = $$props.max);
|
|
7583
|
+
if ('step' in $$props) $$invalidate(13, step = $$props.step);
|
|
7584
|
+
if ('prefix' in $$props) $$invalidate(14, prefix = $$props.prefix);
|
|
7585
|
+
if ('suffix' in $$props) $$invalidate(15, suffix = $$props.suffix);
|
|
7586
|
+
if ('showcounter' in $$props) $$invalidate(29, showcounter = $$props.showcounter);
|
|
7587
|
+
if ('maxcharcount' in $$props) $$invalidate(16, maxcharcount = $$props.maxcharcount);
|
|
7524
7588
|
};
|
|
7525
7589
|
|
|
7526
7590
|
$$self.$$.update = () => {
|
|
7527
|
-
if ($$self.$$.dirty & /*handletrailingiconclick*/
|
|
7528
|
-
$$invalidate(
|
|
7591
|
+
if ($$self.$$.dirty[0] & /*handletrailingiconclick*/ 33554432) {
|
|
7592
|
+
$$invalidate(22, handlesTrailingIconClick = toBoolean(handletrailingiconclick));
|
|
7529
7593
|
}
|
|
7530
7594
|
|
|
7531
|
-
if ($$self.$$.dirty & /*focused*/
|
|
7532
|
-
$$invalidate(
|
|
7595
|
+
if ($$self.$$.dirty[0] & /*focused*/ 67108864) {
|
|
7596
|
+
$$invalidate(30, isFocused = toBoolean(focused));
|
|
7533
7597
|
}
|
|
7534
7598
|
|
|
7535
|
-
if ($$self.$$.dirty & /*readonly*/
|
|
7536
|
-
$$invalidate(
|
|
7599
|
+
if ($$self.$$.dirty[0] & /*readonly*/ 134217728) {
|
|
7600
|
+
$$invalidate(21, isReadonly = toBoolean(readonly));
|
|
7537
7601
|
}
|
|
7538
7602
|
|
|
7539
|
-
if ($$self.$$.dirty & /*error*/
|
|
7540
|
-
$$invalidate(
|
|
7603
|
+
if ($$self.$$.dirty[0] & /*error*/ 268435456) {
|
|
7604
|
+
$$invalidate(20, isError = toBoolean(error));
|
|
7541
7605
|
}
|
|
7542
7606
|
|
|
7543
|
-
if ($$self.$$.dirty & /*disabled*/
|
|
7544
|
-
$$invalidate(
|
|
7607
|
+
if ($$self.$$.dirty[0] & /*disabled*/ 16777216) {
|
|
7608
|
+
$$invalidate(19, isDisabled = toBoolean(disabled));
|
|
7545
7609
|
}
|
|
7546
7610
|
|
|
7547
|
-
if ($$self.$$.dirty & /*showcounter*/
|
|
7548
|
-
$$invalidate(
|
|
7611
|
+
if ($$self.$$.dirty[0] & /*showcounter*/ 536870912) {
|
|
7612
|
+
$$invalidate(18, showCounter = toBoolean(showcounter));
|
|
7549
7613
|
}
|
|
7550
7614
|
|
|
7551
|
-
if ($$self.$$.dirty & /*isFocused, inputEl*/
|
|
7615
|
+
if ($$self.$$.dirty[0] & /*isFocused, inputEl*/ 1073872896) {
|
|
7552
7616
|
if (isFocused && inputEl) {
|
|
7553
7617
|
setTimeout(() => inputEl.focus(), 1);
|
|
7554
7618
|
}
|
|
7555
7619
|
}
|
|
7556
7620
|
|
|
7557
|
-
if ($$self.$$.dirty & /*inputEl, type*/
|
|
7621
|
+
if ($$self.$$.dirty[0] & /*inputEl, type*/ 131074) {
|
|
7558
7622
|
if (inputEl && type === "search") {
|
|
7559
7623
|
inputEl.addEventListener("search", e => {
|
|
7560
7624
|
onKeyUp(e);
|
|
@@ -7567,6 +7631,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
7567
7631
|
value,
|
|
7568
7632
|
type,
|
|
7569
7633
|
name,
|
|
7634
|
+
autocapitalize,
|
|
7570
7635
|
placeholder,
|
|
7571
7636
|
leadingicon,
|
|
7572
7637
|
trailingicon,
|
|
@@ -7612,34 +7677,36 @@ class Input extends SvelteElement {
|
|
|
7612
7677
|
props: attribute_to_object(this.attributes),
|
|
7613
7678
|
customElement: true
|
|
7614
7679
|
},
|
|
7615
|
-
instance$
|
|
7616
|
-
create_fragment$
|
|
7680
|
+
instance$d,
|
|
7681
|
+
create_fragment$f,
|
|
7617
7682
|
safe_not_equal,
|
|
7618
7683
|
{
|
|
7619
7684
|
type: 1,
|
|
7620
7685
|
name: 2,
|
|
7621
7686
|
value: 0,
|
|
7622
|
-
|
|
7623
|
-
|
|
7624
|
-
|
|
7625
|
-
|
|
7626
|
-
|
|
7627
|
-
|
|
7628
|
-
|
|
7629
|
-
|
|
7630
|
-
|
|
7631
|
-
|
|
7632
|
-
|
|
7633
|
-
|
|
7634
|
-
|
|
7635
|
-
|
|
7636
|
-
|
|
7637
|
-
|
|
7638
|
-
|
|
7639
|
-
|
|
7640
|
-
|
|
7687
|
+
autocapitalize: 3,
|
|
7688
|
+
placeholder: 4,
|
|
7689
|
+
leadingicon: 5,
|
|
7690
|
+
trailingicon: 6,
|
|
7691
|
+
variant: 7,
|
|
7692
|
+
disabled: 24,
|
|
7693
|
+
handletrailingiconclick: 25,
|
|
7694
|
+
focused: 26,
|
|
7695
|
+
readonly: 27,
|
|
7696
|
+
error: 28,
|
|
7697
|
+
testid: 8,
|
|
7698
|
+
width: 9,
|
|
7699
|
+
arialabel: 10,
|
|
7700
|
+
min: 11,
|
|
7701
|
+
max: 12,
|
|
7702
|
+
step: 13,
|
|
7703
|
+
prefix: 14,
|
|
7704
|
+
suffix: 15,
|
|
7705
|
+
showcounter: 29,
|
|
7706
|
+
maxcharcount: 16
|
|
7641
7707
|
},
|
|
7642
|
-
null
|
|
7708
|
+
null,
|
|
7709
|
+
[-1, -1]
|
|
7643
7710
|
);
|
|
7644
7711
|
|
|
7645
7712
|
if (options) {
|
|
@@ -7659,6 +7726,7 @@ class Input extends SvelteElement {
|
|
|
7659
7726
|
"type",
|
|
7660
7727
|
"name",
|
|
7661
7728
|
"value",
|
|
7729
|
+
"autocapitalize",
|
|
7662
7730
|
"placeholder",
|
|
7663
7731
|
"leadingicon",
|
|
7664
7732
|
"trailingicon",
|
|
@@ -7708,17 +7776,26 @@ class Input extends SvelteElement {
|
|
|
7708
7776
|
flush();
|
|
7709
7777
|
}
|
|
7710
7778
|
|
|
7711
|
-
get
|
|
7779
|
+
get autocapitalize() {
|
|
7712
7780
|
return this.$$.ctx[3];
|
|
7713
7781
|
}
|
|
7714
7782
|
|
|
7783
|
+
set autocapitalize(autocapitalize) {
|
|
7784
|
+
this.$$set({ autocapitalize });
|
|
7785
|
+
flush();
|
|
7786
|
+
}
|
|
7787
|
+
|
|
7788
|
+
get placeholder() {
|
|
7789
|
+
return this.$$.ctx[4];
|
|
7790
|
+
}
|
|
7791
|
+
|
|
7715
7792
|
set placeholder(placeholder) {
|
|
7716
7793
|
this.$$set({ placeholder });
|
|
7717
7794
|
flush();
|
|
7718
7795
|
}
|
|
7719
7796
|
|
|
7720
7797
|
get leadingicon() {
|
|
7721
|
-
return this.$$.ctx[
|
|
7798
|
+
return this.$$.ctx[5];
|
|
7722
7799
|
}
|
|
7723
7800
|
|
|
7724
7801
|
set leadingicon(leadingicon) {
|
|
@@ -7727,7 +7804,7 @@ class Input extends SvelteElement {
|
|
|
7727
7804
|
}
|
|
7728
7805
|
|
|
7729
7806
|
get trailingicon() {
|
|
7730
|
-
return this.$$.ctx[
|
|
7807
|
+
return this.$$.ctx[6];
|
|
7731
7808
|
}
|
|
7732
7809
|
|
|
7733
7810
|
set trailingicon(trailingicon) {
|
|
@@ -7736,7 +7813,7 @@ class Input extends SvelteElement {
|
|
|
7736
7813
|
}
|
|
7737
7814
|
|
|
7738
7815
|
get variant() {
|
|
7739
|
-
return this.$$.ctx[
|
|
7816
|
+
return this.$$.ctx[7];
|
|
7740
7817
|
}
|
|
7741
7818
|
|
|
7742
7819
|
set variant(variant) {
|
|
@@ -7745,7 +7822,7 @@ class Input extends SvelteElement {
|
|
|
7745
7822
|
}
|
|
7746
7823
|
|
|
7747
7824
|
get disabled() {
|
|
7748
|
-
return this.$$.ctx[
|
|
7825
|
+
return this.$$.ctx[24];
|
|
7749
7826
|
}
|
|
7750
7827
|
|
|
7751
7828
|
set disabled(disabled) {
|
|
@@ -7754,7 +7831,7 @@ class Input extends SvelteElement {
|
|
|
7754
7831
|
}
|
|
7755
7832
|
|
|
7756
7833
|
get handletrailingiconclick() {
|
|
7757
|
-
return this.$$.ctx[
|
|
7834
|
+
return this.$$.ctx[25];
|
|
7758
7835
|
}
|
|
7759
7836
|
|
|
7760
7837
|
set handletrailingiconclick(handletrailingiconclick) {
|
|
@@ -7763,7 +7840,7 @@ class Input extends SvelteElement {
|
|
|
7763
7840
|
}
|
|
7764
7841
|
|
|
7765
7842
|
get focused() {
|
|
7766
|
-
return this.$$.ctx[
|
|
7843
|
+
return this.$$.ctx[26];
|
|
7767
7844
|
}
|
|
7768
7845
|
|
|
7769
7846
|
set focused(focused) {
|
|
@@ -7772,7 +7849,7 @@ class Input extends SvelteElement {
|
|
|
7772
7849
|
}
|
|
7773
7850
|
|
|
7774
7851
|
get readonly() {
|
|
7775
|
-
return this.$$.ctx[
|
|
7852
|
+
return this.$$.ctx[27];
|
|
7776
7853
|
}
|
|
7777
7854
|
|
|
7778
7855
|
set readonly(readonly) {
|
|
@@ -7781,7 +7858,7 @@ class Input extends SvelteElement {
|
|
|
7781
7858
|
}
|
|
7782
7859
|
|
|
7783
7860
|
get error() {
|
|
7784
|
-
return this.$$.ctx[
|
|
7861
|
+
return this.$$.ctx[28];
|
|
7785
7862
|
}
|
|
7786
7863
|
|
|
7787
7864
|
set error(error) {
|
|
@@ -7790,7 +7867,7 @@ class Input extends SvelteElement {
|
|
|
7790
7867
|
}
|
|
7791
7868
|
|
|
7792
7869
|
get testid() {
|
|
7793
|
-
return this.$$.ctx[
|
|
7870
|
+
return this.$$.ctx[8];
|
|
7794
7871
|
}
|
|
7795
7872
|
|
|
7796
7873
|
set testid(testid) {
|
|
@@ -7799,7 +7876,7 @@ class Input extends SvelteElement {
|
|
|
7799
7876
|
}
|
|
7800
7877
|
|
|
7801
7878
|
get width() {
|
|
7802
|
-
return this.$$.ctx[
|
|
7879
|
+
return this.$$.ctx[9];
|
|
7803
7880
|
}
|
|
7804
7881
|
|
|
7805
7882
|
set width(width) {
|
|
@@ -7808,7 +7885,7 @@ class Input extends SvelteElement {
|
|
|
7808
7885
|
}
|
|
7809
7886
|
|
|
7810
7887
|
get arialabel() {
|
|
7811
|
-
return this.$$.ctx[
|
|
7888
|
+
return this.$$.ctx[10];
|
|
7812
7889
|
}
|
|
7813
7890
|
|
|
7814
7891
|
set arialabel(arialabel) {
|
|
@@ -7817,7 +7894,7 @@ class Input extends SvelteElement {
|
|
|
7817
7894
|
}
|
|
7818
7895
|
|
|
7819
7896
|
get min() {
|
|
7820
|
-
return this.$$.ctx[
|
|
7897
|
+
return this.$$.ctx[11];
|
|
7821
7898
|
}
|
|
7822
7899
|
|
|
7823
7900
|
set min(min) {
|
|
@@ -7826,7 +7903,7 @@ class Input extends SvelteElement {
|
|
|
7826
7903
|
}
|
|
7827
7904
|
|
|
7828
7905
|
get max() {
|
|
7829
|
-
return this.$$.ctx[
|
|
7906
|
+
return this.$$.ctx[12];
|
|
7830
7907
|
}
|
|
7831
7908
|
|
|
7832
7909
|
set max(max) {
|
|
@@ -7835,7 +7912,7 @@ class Input extends SvelteElement {
|
|
|
7835
7912
|
}
|
|
7836
7913
|
|
|
7837
7914
|
get step() {
|
|
7838
|
-
return this.$$.ctx[
|
|
7915
|
+
return this.$$.ctx[13];
|
|
7839
7916
|
}
|
|
7840
7917
|
|
|
7841
7918
|
set step(step) {
|
|
@@ -7844,7 +7921,7 @@ class Input extends SvelteElement {
|
|
|
7844
7921
|
}
|
|
7845
7922
|
|
|
7846
7923
|
get prefix() {
|
|
7847
|
-
return this.$$.ctx[
|
|
7924
|
+
return this.$$.ctx[14];
|
|
7848
7925
|
}
|
|
7849
7926
|
|
|
7850
7927
|
set prefix(prefix) {
|
|
@@ -7853,7 +7930,7 @@ class Input extends SvelteElement {
|
|
|
7853
7930
|
}
|
|
7854
7931
|
|
|
7855
7932
|
get suffix() {
|
|
7856
|
-
return this.$$.ctx[
|
|
7933
|
+
return this.$$.ctx[15];
|
|
7857
7934
|
}
|
|
7858
7935
|
|
|
7859
7936
|
set suffix(suffix) {
|
|
@@ -7862,7 +7939,7 @@ class Input extends SvelteElement {
|
|
|
7862
7939
|
}
|
|
7863
7940
|
|
|
7864
7941
|
get showcounter() {
|
|
7865
|
-
return this.$$.ctx[
|
|
7942
|
+
return this.$$.ctx[29];
|
|
7866
7943
|
}
|
|
7867
7944
|
|
|
7868
7945
|
set showcounter(showcounter) {
|
|
@@ -7871,7 +7948,7 @@ class Input extends SvelteElement {
|
|
|
7871
7948
|
}
|
|
7872
7949
|
|
|
7873
7950
|
get maxcharcount() {
|
|
7874
|
-
return this.$$.ctx[
|
|
7951
|
+
return this.$$.ctx[16];
|
|
7875
7952
|
}
|
|
7876
7953
|
|
|
7877
7954
|
set maxcharcount(maxcharcount) {
|
|
@@ -8040,7 +8117,7 @@ function create_if_block$6(ctx) {
|
|
|
8040
8117
|
};
|
|
8041
8118
|
}
|
|
8042
8119
|
|
|
8043
|
-
function create_fragment$
|
|
8120
|
+
function create_fragment$e(ctx) {
|
|
8044
8121
|
let header;
|
|
8045
8122
|
let t0;
|
|
8046
8123
|
let show_if = ["alpha", "beta"].includes(/*type*/ ctx[0]);
|
|
@@ -8131,7 +8208,7 @@ function capitalize(val) {
|
|
|
8131
8208
|
return val[0].toUpperCase() + val.slice(1);
|
|
8132
8209
|
}
|
|
8133
8210
|
|
|
8134
|
-
function instance$
|
|
8211
|
+
function instance$c($$self, $$props, $$invalidate) {
|
|
8135
8212
|
let { type } = $$props;
|
|
8136
8213
|
let { version } = $$props;
|
|
8137
8214
|
let { feedbackurl } = $$props;
|
|
@@ -8157,8 +8234,8 @@ class MicrositeHeader extends SvelteElement {
|
|
|
8157
8234
|
props: attribute_to_object(this.attributes),
|
|
8158
8235
|
customElement: true
|
|
8159
8236
|
},
|
|
8160
|
-
instance$
|
|
8161
|
-
create_fragment$
|
|
8237
|
+
instance$c,
|
|
8238
|
+
create_fragment$e,
|
|
8162
8239
|
safe_not_equal,
|
|
8163
8240
|
{ type: 0, version: 1, feedbackurl: 2 },
|
|
8164
8241
|
null
|
|
@@ -8502,7 +8579,7 @@ function create_if_block_1$3(ctx) {
|
|
|
8502
8579
|
};
|
|
8503
8580
|
}
|
|
8504
8581
|
|
|
8505
|
-
function create_fragment$
|
|
8582
|
+
function create_fragment$d(ctx) {
|
|
8506
8583
|
let if_block_anchor;
|
|
8507
8584
|
let current;
|
|
8508
8585
|
let if_block = /*isOpen*/ ctx[5] && create_if_block$5(ctx);
|
|
@@ -8558,7 +8635,7 @@ function create_fragment$c(ctx) {
|
|
|
8558
8635
|
};
|
|
8559
8636
|
}
|
|
8560
8637
|
|
|
8561
|
-
function instance$
|
|
8638
|
+
function instance$b($$self, $$props, $$invalidate) {
|
|
8562
8639
|
let isClosable;
|
|
8563
8640
|
let isScrollable;
|
|
8564
8641
|
let isOpen;
|
|
@@ -8639,8 +8716,8 @@ class Modal extends SvelteElement {
|
|
|
8639
8716
|
props: attribute_to_object(this.attributes),
|
|
8640
8717
|
customElement: true
|
|
8641
8718
|
},
|
|
8642
|
-
instance$
|
|
8643
|
-
create_fragment$
|
|
8719
|
+
instance$b,
|
|
8720
|
+
create_fragment$d,
|
|
8644
8721
|
safe_not_equal,
|
|
8645
8722
|
{
|
|
8646
8723
|
heading: 0,
|
|
@@ -8812,7 +8889,7 @@ function create_if_block$4(ctx) {
|
|
|
8812
8889
|
};
|
|
8813
8890
|
}
|
|
8814
8891
|
|
|
8815
|
-
function create_fragment$
|
|
8892
|
+
function create_fragment$c(ctx) {
|
|
8816
8893
|
let if_block_anchor;
|
|
8817
8894
|
let current;
|
|
8818
8895
|
let if_block = /*show*/ ctx[1] && create_if_block$4(ctx);
|
|
@@ -8868,7 +8945,7 @@ function create_fragment$b(ctx) {
|
|
|
8868
8945
|
};
|
|
8869
8946
|
}
|
|
8870
8947
|
|
|
8871
|
-
function instance$
|
|
8948
|
+
function instance$a($$self, $$props, $$invalidate) {
|
|
8872
8949
|
let iconType;
|
|
8873
8950
|
let { type } = $$props;
|
|
8874
8951
|
let show = true;
|
|
@@ -8908,8 +8985,8 @@ class Notification extends SvelteElement {
|
|
|
8908
8985
|
props: attribute_to_object(this.attributes),
|
|
8909
8986
|
customElement: true
|
|
8910
8987
|
},
|
|
8911
|
-
instance$
|
|
8912
|
-
create_fragment$
|
|
8988
|
+
instance$a,
|
|
8989
|
+
create_fragment$c,
|
|
8913
8990
|
safe_not_equal,
|
|
8914
8991
|
{ type: 0 },
|
|
8915
8992
|
null
|
|
@@ -8950,7 +9027,7 @@ function isValidDimension(value) {
|
|
|
8950
9027
|
|
|
8951
9028
|
/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.49.0 */
|
|
8952
9029
|
|
|
8953
|
-
function create_fragment$
|
|
9030
|
+
function create_fragment$b(ctx) {
|
|
8954
9031
|
let div;
|
|
8955
9032
|
let slot;
|
|
8956
9033
|
let div_style_value;
|
|
@@ -8980,7 +9057,7 @@ function create_fragment$a(ctx) {
|
|
|
8980
9057
|
};
|
|
8981
9058
|
}
|
|
8982
9059
|
|
|
8983
|
-
function instance$
|
|
9060
|
+
function instance$9($$self, $$props, $$invalidate) {
|
|
8984
9061
|
const Sizes = { "full": "100%" };
|
|
8985
9062
|
let { width } = $$props;
|
|
8986
9063
|
let { _width } = $$props;
|
|
@@ -9019,8 +9096,8 @@ class PageBlock extends SvelteElement {
|
|
|
9019
9096
|
props: attribute_to_object(this.attributes),
|
|
9020
9097
|
customElement: true
|
|
9021
9098
|
},
|
|
9022
|
-
instance$
|
|
9023
|
-
create_fragment$
|
|
9099
|
+
instance$9,
|
|
9100
|
+
create_fragment$b,
|
|
9024
9101
|
safe_not_equal,
|
|
9025
9102
|
{ width: 1, _width: 0 },
|
|
9026
9103
|
null
|
|
@@ -9175,7 +9252,7 @@ function create_each_block$1(key_1, ctx) {
|
|
|
9175
9252
|
};
|
|
9176
9253
|
}
|
|
9177
9254
|
|
|
9178
|
-
function create_fragment$
|
|
9255
|
+
function create_fragment$a(ctx) {
|
|
9179
9256
|
let div;
|
|
9180
9257
|
let slot;
|
|
9181
9258
|
let t;
|
|
@@ -9244,7 +9321,7 @@ function create_fragment$9(ctx) {
|
|
|
9244
9321
|
};
|
|
9245
9322
|
}
|
|
9246
9323
|
|
|
9247
|
-
function instance$
|
|
9324
|
+
function instance$8($$self, $$props, $$invalidate) {
|
|
9248
9325
|
let isDisabled;
|
|
9249
9326
|
let { name } = $$props;
|
|
9250
9327
|
let { value } = $$props;
|
|
@@ -9359,8 +9436,8 @@ class RadioGroup extends SvelteElement {
|
|
|
9359
9436
|
props: attribute_to_object(this.attributes),
|
|
9360
9437
|
customElement: true
|
|
9361
9438
|
},
|
|
9362
|
-
instance$
|
|
9363
|
-
create_fragment$
|
|
9439
|
+
instance$8,
|
|
9440
|
+
create_fragment$a,
|
|
9364
9441
|
safe_not_equal,
|
|
9365
9442
|
{
|
|
9366
9443
|
name: 1,
|
|
@@ -9448,7 +9525,7 @@ customElements.define("goa-radio-group", RadioGroup);
|
|
|
9448
9525
|
|
|
9449
9526
|
/* libs/web-components/src/components/radio-group/RadioItem.svelte generated by Svelte v3.49.0 */
|
|
9450
9527
|
|
|
9451
|
-
function create_fragment$
|
|
9528
|
+
function create_fragment$9(ctx) {
|
|
9452
9529
|
return {
|
|
9453
9530
|
c() {
|
|
9454
9531
|
this.c = noop;
|
|
@@ -9461,7 +9538,7 @@ function create_fragment$8(ctx) {
|
|
|
9461
9538
|
};
|
|
9462
9539
|
}
|
|
9463
9540
|
|
|
9464
|
-
function instance$
|
|
9541
|
+
function instance$7($$self, $$props, $$invalidate) {
|
|
9465
9542
|
let { value } = $$props;
|
|
9466
9543
|
let { label } = $$props;
|
|
9467
9544
|
let { name } = $$props;
|
|
@@ -9515,8 +9592,8 @@ class RadioItem extends SvelteElement {
|
|
|
9515
9592
|
props: attribute_to_object(this.attributes),
|
|
9516
9593
|
customElement: true
|
|
9517
9594
|
},
|
|
9518
|
-
instance$
|
|
9519
|
-
create_fragment$
|
|
9595
|
+
instance$7,
|
|
9596
|
+
create_fragment$9,
|
|
9520
9597
|
safe_not_equal,
|
|
9521
9598
|
{ value: 0, label: 1, name: 2 },
|
|
9522
9599
|
null
|
|
@@ -9570,7 +9647,7 @@ customElements.define("goa-radio-item", RadioItem);
|
|
|
9570
9647
|
|
|
9571
9648
|
/* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.49.0 */
|
|
9572
9649
|
|
|
9573
|
-
function create_fragment$
|
|
9650
|
+
function create_fragment$8(ctx) {
|
|
9574
9651
|
let div;
|
|
9575
9652
|
let slot;
|
|
9576
9653
|
let div_style_value;
|
|
@@ -9617,7 +9694,7 @@ function create_fragment$7(ctx) {
|
|
|
9617
9694
|
};
|
|
9618
9695
|
}
|
|
9619
9696
|
|
|
9620
|
-
function instance$
|
|
9697
|
+
function instance$6($$self, $$props, $$invalidate) {
|
|
9621
9698
|
let { direction = "vertical" } = $$props;
|
|
9622
9699
|
let { hpadding = 0 } = $$props;
|
|
9623
9700
|
let { vpadding = 0 } = $$props;
|
|
@@ -9645,8 +9722,8 @@ class Scrollable extends SvelteElement {
|
|
|
9645
9722
|
props: attribute_to_object(this.attributes),
|
|
9646
9723
|
customElement: true
|
|
9647
9724
|
},
|
|
9648
|
-
instance$
|
|
9649
|
-
create_fragment$
|
|
9725
|
+
instance$6,
|
|
9726
|
+
create_fragment$8,
|
|
9650
9727
|
safe_not_equal,
|
|
9651
9728
|
{
|
|
9652
9729
|
direction: 0,
|
|
@@ -10054,7 +10131,7 @@ function create_each_block(ctx) {
|
|
|
10054
10131
|
};
|
|
10055
10132
|
}
|
|
10056
10133
|
|
|
10057
|
-
function create_fragment$
|
|
10134
|
+
function create_fragment$7(ctx) {
|
|
10058
10135
|
let current_block_type_index;
|
|
10059
10136
|
let if_block;
|
|
10060
10137
|
let if_block_anchor;
|
|
@@ -10126,7 +10203,7 @@ function create_fragment$6(ctx) {
|
|
|
10126
10203
|
};
|
|
10127
10204
|
}
|
|
10128
10205
|
|
|
10129
|
-
function instance$
|
|
10206
|
+
function instance$5($$self, $$props, $$invalidate) {
|
|
10130
10207
|
let { width = 320 } = $$props;
|
|
10131
10208
|
let { size = 1 } = $$props;
|
|
10132
10209
|
let { linecount = 3 } = $$props;
|
|
@@ -10154,8 +10231,8 @@ class Skeleton extends SvelteElement {
|
|
|
10154
10231
|
props: attribute_to_object(this.attributes),
|
|
10155
10232
|
customElement: true
|
|
10156
10233
|
},
|
|
10157
|
-
instance$
|
|
10158
|
-
create_fragment$
|
|
10234
|
+
instance$5,
|
|
10235
|
+
create_fragment$7,
|
|
10159
10236
|
safe_not_equal,
|
|
10160
10237
|
{ width: 0, size: 1, linecount: 2, type: 3 },
|
|
10161
10238
|
null
|
|
@@ -10426,7 +10503,7 @@ function create_if_block$2(ctx) {
|
|
|
10426
10503
|
};
|
|
10427
10504
|
}
|
|
10428
10505
|
|
|
10429
|
-
function create_fragment$
|
|
10506
|
+
function create_fragment$6(ctx) {
|
|
10430
10507
|
let if_block_anchor;
|
|
10431
10508
|
let if_block = /*ready*/ ctx[6] && create_if_block$2(ctx);
|
|
10432
10509
|
|
|
@@ -10463,7 +10540,7 @@ function create_fragment$5(ctx) {
|
|
|
10463
10540
|
};
|
|
10464
10541
|
}
|
|
10465
10542
|
|
|
10466
|
-
function instance$
|
|
10543
|
+
function instance$4($$self, $$props, $$invalidate) {
|
|
10467
10544
|
let diameter;
|
|
10468
10545
|
let strokewidth;
|
|
10469
10546
|
let radius;
|
|
@@ -10582,8 +10659,8 @@ class Spinner extends SvelteElement {
|
|
|
10582
10659
|
props: attribute_to_object(this.attributes),
|
|
10583
10660
|
customElement: true
|
|
10584
10661
|
},
|
|
10585
|
-
instance$
|
|
10586
|
-
create_fragment$
|
|
10662
|
+
instance$4,
|
|
10663
|
+
create_fragment$6,
|
|
10587
10664
|
safe_not_equal,
|
|
10588
10665
|
{
|
|
10589
10666
|
size: 10,
|
|
@@ -10754,7 +10831,7 @@ function create_if_block_1$1(ctx) {
|
|
|
10754
10831
|
};
|
|
10755
10832
|
}
|
|
10756
10833
|
|
|
10757
|
-
function create_fragment$
|
|
10834
|
+
function create_fragment$5(ctx) {
|
|
10758
10835
|
let div;
|
|
10759
10836
|
let textarea;
|
|
10760
10837
|
let textarea_aria_label_value;
|
|
@@ -10865,7 +10942,7 @@ function create_fragment$4(ctx) {
|
|
|
10865
10942
|
};
|
|
10866
10943
|
}
|
|
10867
10944
|
|
|
10868
|
-
function instance$
|
|
10945
|
+
function instance$3($$self, $$props, $$invalidate) {
|
|
10869
10946
|
let isError;
|
|
10870
10947
|
let isDisabled;
|
|
10871
10948
|
let isReadonly;
|
|
@@ -10967,8 +11044,8 @@ class TextArea extends SvelteElement {
|
|
|
10967
11044
|
props: attribute_to_object(this.attributes),
|
|
10968
11045
|
customElement: true
|
|
10969
11046
|
},
|
|
10970
|
-
instance$
|
|
10971
|
-
create_fragment$
|
|
11047
|
+
instance$3,
|
|
11048
|
+
create_fragment$5,
|
|
10972
11049
|
safe_not_equal,
|
|
10973
11050
|
{
|
|
10974
11051
|
name: 0,
|
|
@@ -11127,6 +11204,135 @@ class TextArea extends SvelteElement {
|
|
|
11127
11204
|
|
|
11128
11205
|
customElements.define("goa-textarea", TextArea);
|
|
11129
11206
|
|
|
11207
|
+
/* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.49.0 */
|
|
11208
|
+
|
|
11209
|
+
function create_fragment$4(ctx) {
|
|
11210
|
+
let div;
|
|
11211
|
+
let header;
|
|
11212
|
+
let t0;
|
|
11213
|
+
let section;
|
|
11214
|
+
let t2;
|
|
11215
|
+
let footer;
|
|
11216
|
+
let div_style_value;
|
|
11217
|
+
|
|
11218
|
+
return {
|
|
11219
|
+
c() {
|
|
11220
|
+
div = element("div");
|
|
11221
|
+
header = element("header");
|
|
11222
|
+
header.innerHTML = `<slot name="header"></slot>`;
|
|
11223
|
+
t0 = space();
|
|
11224
|
+
section = element("section");
|
|
11225
|
+
|
|
11226
|
+
section.innerHTML = `<nav class="nav"><slot name="nav"></slot></nav>
|
|
11227
|
+
|
|
11228
|
+
<main><slot></slot></main>`;
|
|
11229
|
+
|
|
11230
|
+
t2 = space();
|
|
11231
|
+
footer = element("footer");
|
|
11232
|
+
footer.innerHTML = `<slot name="footer"></slot>`;
|
|
11233
|
+
this.c = noop;
|
|
11234
|
+
attr(header, "class", "header");
|
|
11235
|
+
attr(section, "class", "content");
|
|
11236
|
+
attr(footer, "class", "footer");
|
|
11237
|
+
attr(div, "class", "page");
|
|
11238
|
+
|
|
11239
|
+
attr(div, "style", div_style_value = `
|
|
11240
|
+
--max-content-width: ${/*maxcontentwidth*/ ctx[1] || "var(--layout-max-content-width)"};
|
|
11241
|
+
--nav-column-width: ${/*navcolumnwidth*/ ctx[0] || "var(--layout-nav-column-width)"};
|
|
11242
|
+
`);
|
|
11243
|
+
},
|
|
11244
|
+
m(target, anchor) {
|
|
11245
|
+
insert(target, div, anchor);
|
|
11246
|
+
append(div, header);
|
|
11247
|
+
append(div, t0);
|
|
11248
|
+
append(div, section);
|
|
11249
|
+
append(div, t2);
|
|
11250
|
+
append(div, footer);
|
|
11251
|
+
},
|
|
11252
|
+
p(ctx, [dirty]) {
|
|
11253
|
+
if (dirty & /*maxcontentwidth, navcolumnwidth*/ 3 && div_style_value !== (div_style_value = `
|
|
11254
|
+
--max-content-width: ${/*maxcontentwidth*/ ctx[1] || "var(--layout-max-content-width)"};
|
|
11255
|
+
--nav-column-width: ${/*navcolumnwidth*/ ctx[0] || "var(--layout-nav-column-width)"};
|
|
11256
|
+
`)) {
|
|
11257
|
+
attr(div, "style", div_style_value);
|
|
11258
|
+
}
|
|
11259
|
+
},
|
|
11260
|
+
i: noop,
|
|
11261
|
+
o: noop,
|
|
11262
|
+
d(detaching) {
|
|
11263
|
+
if (detaching) detach(div);
|
|
11264
|
+
}
|
|
11265
|
+
};
|
|
11266
|
+
}
|
|
11267
|
+
|
|
11268
|
+
function instance$2($$self, $$props, $$invalidate) {
|
|
11269
|
+
let { navcolumnwidth = "" } = $$props;
|
|
11270
|
+
let { maxcontentwidth = "" } = $$props;
|
|
11271
|
+
|
|
11272
|
+
$$self.$$set = $$props => {
|
|
11273
|
+
if ('navcolumnwidth' in $$props) $$invalidate(0, navcolumnwidth = $$props.navcolumnwidth);
|
|
11274
|
+
if ('maxcontentwidth' in $$props) $$invalidate(1, maxcontentwidth = $$props.maxcontentwidth);
|
|
11275
|
+
};
|
|
11276
|
+
|
|
11277
|
+
return [navcolumnwidth, maxcontentwidth];
|
|
11278
|
+
}
|
|
11279
|
+
|
|
11280
|
+
class TwoColumnLayout extends SvelteElement {
|
|
11281
|
+
constructor(options) {
|
|
11282
|
+
super();
|
|
11283
|
+
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.page{height:100vh;display:flex;flex-direction:column;position:relative}.content{flex:1 1 auto;position:relative;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--color-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 640px){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem}main{padding-right:2rem}}@media(min-width: 1300px){main{padding-right:4.5rem}}@media(min-width: 640px){.nav{transform:translateX(0);flex:0 0 var(--nav-column-width)}}</style>`;
|
|
11284
|
+
|
|
11285
|
+
init(
|
|
11286
|
+
this,
|
|
11287
|
+
{
|
|
11288
|
+
target: this.shadowRoot,
|
|
11289
|
+
props: attribute_to_object(this.attributes),
|
|
11290
|
+
customElement: true
|
|
11291
|
+
},
|
|
11292
|
+
instance$2,
|
|
11293
|
+
create_fragment$4,
|
|
11294
|
+
safe_not_equal,
|
|
11295
|
+
{ navcolumnwidth: 0, maxcontentwidth: 1 },
|
|
11296
|
+
null
|
|
11297
|
+
);
|
|
11298
|
+
|
|
11299
|
+
if (options) {
|
|
11300
|
+
if (options.target) {
|
|
11301
|
+
insert(options.target, this, options.anchor);
|
|
11302
|
+
}
|
|
11303
|
+
|
|
11304
|
+
if (options.props) {
|
|
11305
|
+
this.$set(options.props);
|
|
11306
|
+
flush();
|
|
11307
|
+
}
|
|
11308
|
+
}
|
|
11309
|
+
}
|
|
11310
|
+
|
|
11311
|
+
static get observedAttributes() {
|
|
11312
|
+
return ["navcolumnwidth", "maxcontentwidth"];
|
|
11313
|
+
}
|
|
11314
|
+
|
|
11315
|
+
get navcolumnwidth() {
|
|
11316
|
+
return this.$$.ctx[0];
|
|
11317
|
+
}
|
|
11318
|
+
|
|
11319
|
+
set navcolumnwidth(navcolumnwidth) {
|
|
11320
|
+
this.$$set({ navcolumnwidth });
|
|
11321
|
+
flush();
|
|
11322
|
+
}
|
|
11323
|
+
|
|
11324
|
+
get maxcontentwidth() {
|
|
11325
|
+
return this.$$.ctx[1];
|
|
11326
|
+
}
|
|
11327
|
+
|
|
11328
|
+
set maxcontentwidth(maxcontentwidth) {
|
|
11329
|
+
this.$$set({ maxcontentwidth });
|
|
11330
|
+
flush();
|
|
11331
|
+
}
|
|
11332
|
+
}
|
|
11333
|
+
|
|
11334
|
+
customElements.define("goa-two-column-layout", TwoColumnLayout);
|
|
11335
|
+
|
|
11130
11336
|
/* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.49.0 */
|
|
11131
11337
|
|
|
11132
11338
|
function create_fragment$3(ctx) {
|