@abgov/web-components 1.5.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -0
- package/index.css +1 -1
- package/package.json +3 -2
- package/web-components.es.js +2014 -1261
- package/web-components.umd.js +75 -73
package/web-components.es.js
CHANGED
|
@@ -881,196 +881,291 @@ var fonts = '';
|
|
|
881
881
|
|
|
882
882
|
var variables = '';
|
|
883
883
|
|
|
884
|
-
var
|
|
884
|
+
var components = '';
|
|
885
885
|
|
|
886
|
-
|
|
886
|
+
var tokens = '';
|
|
887
887
|
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
888
|
+
const conversions = {
|
|
889
|
+
"0": "none",
|
|
890
|
+
"1": "3xs",
|
|
891
|
+
"2": "2xs",
|
|
892
|
+
"3": "xs",
|
|
893
|
+
"4": "s",
|
|
894
|
+
"5": "m",
|
|
895
|
+
"6": "l",
|
|
896
|
+
"7": "xl",
|
|
897
|
+
"8": "2xl",
|
|
898
|
+
"9": "3xl",
|
|
899
|
+
"10": "4xl"
|
|
900
|
+
};
|
|
901
|
+
function convertSpacing(size) {
|
|
902
|
+
if (!Number.isInteger(+size)) {
|
|
903
|
+
return size;
|
|
904
|
+
}
|
|
905
|
+
return conversions[size] || "";
|
|
906
|
+
}
|
|
907
|
+
function calculateMargin(mt, mr, mb, ml) {
|
|
908
|
+
mt = convertSpacing(mt);
|
|
909
|
+
mb = convertSpacing(mb);
|
|
910
|
+
ml = convertSpacing(ml);
|
|
911
|
+
mr = convertSpacing(mr);
|
|
912
|
+
return [
|
|
913
|
+
mt && `margin-top:var(--goa-space-${mt});`,
|
|
914
|
+
mr && `margin-right:var(--goa-space-${mr});`,
|
|
915
|
+
mb && `margin-bottom:var(--goa-space-${mb});`,
|
|
916
|
+
ml && `margin-left:var(--goa-space-${ml});`
|
|
917
|
+
].join(" ");
|
|
918
|
+
}
|
|
919
|
+
function injectCss(el, rootSelector, css, media) {
|
|
920
|
+
const style = document.createElement("style");
|
|
921
|
+
const _css = Object.entries(css).map((entry) => `${entry[0]}: ${entry[1]};`).join(" ");
|
|
922
|
+
if (media) {
|
|
923
|
+
style.innerHTML = `@media (${media}) { ${rootSelector} {${_css}} }`;
|
|
924
|
+
} else {
|
|
925
|
+
style.innerHTML = `${rootSelector} {${_css}}`;
|
|
926
|
+
}
|
|
927
|
+
el.appendChild(style);
|
|
928
|
+
}
|
|
898
929
|
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
},
|
|
929
|
-
d(detaching) {
|
|
930
|
-
if (detaching) detach(div);
|
|
931
|
-
}
|
|
932
|
-
};
|
|
930
|
+
function toBoolean(value) {
|
|
931
|
+
if (value === "false") {
|
|
932
|
+
return false;
|
|
933
|
+
}
|
|
934
|
+
if (value === "") {
|
|
935
|
+
return true;
|
|
936
|
+
}
|
|
937
|
+
return !!value;
|
|
938
|
+
}
|
|
939
|
+
function fromBoolean(value) {
|
|
940
|
+
return value ? "true" : "false";
|
|
941
|
+
}
|
|
942
|
+
function validateRequired(componentName, props) {
|
|
943
|
+
Object.entries(props).forEach((prop) => {
|
|
944
|
+
if (!prop[1]) {
|
|
945
|
+
console.warn(`${componentName}: ${prop[0]} is required`);
|
|
946
|
+
}
|
|
947
|
+
});
|
|
948
|
+
}
|
|
949
|
+
function typeValidator(message, values, required = false) {
|
|
950
|
+
const validator = (value) => {
|
|
951
|
+
if (!required && !value) {
|
|
952
|
+
return;
|
|
953
|
+
}
|
|
954
|
+
if (!values.includes(value)) {
|
|
955
|
+
console.error(`[${value}] is an invalid ${message.toLowerCase()}`);
|
|
956
|
+
}
|
|
957
|
+
};
|
|
958
|
+
return [values, validator];
|
|
933
959
|
}
|
|
934
960
|
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
let
|
|
939
|
-
let
|
|
961
|
+
/* libs/web-components/src/components/accordion/Accordion.svelte generated by Svelte v3.51.0 */
|
|
962
|
+
|
|
963
|
+
function create_fragment$J(ctx) {
|
|
964
|
+
let div3;
|
|
965
|
+
let details;
|
|
966
|
+
let summary;
|
|
967
|
+
let goa_icon;
|
|
968
|
+
let goa_icon_fillcolor_value;
|
|
940
969
|
let t0;
|
|
941
|
-
let
|
|
942
|
-
let
|
|
970
|
+
let div1;
|
|
971
|
+
let span0;
|
|
943
972
|
let t1;
|
|
944
|
-
let
|
|
973
|
+
let span0_class_value;
|
|
974
|
+
let span0_data_testid_value;
|
|
945
975
|
let t2;
|
|
976
|
+
let span1;
|
|
977
|
+
let t3;
|
|
978
|
+
let t4;
|
|
979
|
+
let div0;
|
|
980
|
+
let summary_class_value;
|
|
981
|
+
let t5;
|
|
982
|
+
let div2;
|
|
983
|
+
let div3_style_value;
|
|
984
|
+
let mounted;
|
|
985
|
+
let dispose;
|
|
946
986
|
|
|
947
987
|
return {
|
|
948
988
|
c() {
|
|
949
|
-
|
|
950
|
-
|
|
989
|
+
div3 = element("div");
|
|
990
|
+
details = element("details");
|
|
991
|
+
summary = element("summary");
|
|
992
|
+
goa_icon = element("goa-icon");
|
|
951
993
|
t0 = space();
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
t2 =
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
994
|
+
div1 = element("div");
|
|
995
|
+
span0 = element("span");
|
|
996
|
+
t1 = text(/*heading*/ ctx[0]);
|
|
997
|
+
t2 = space();
|
|
998
|
+
span1 = element("span");
|
|
999
|
+
t3 = text(/*secondarytext*/ ctx[1]);
|
|
1000
|
+
t4 = space();
|
|
1001
|
+
div0 = element("div");
|
|
1002
|
+
div0.innerHTML = `<slot name="headingcontent"></slot>`;
|
|
1003
|
+
t5 = space();
|
|
1004
|
+
div2 = element("div");
|
|
1005
|
+
div2.innerHTML = `<slot></slot>`;
|
|
1006
|
+
this.c = noop;
|
|
1007
|
+
set_custom_element_data(goa_icon, "type", "chevron-forward");
|
|
1008
|
+
|
|
1009
|
+
set_custom_element_data(goa_icon, "fillcolor", goa_icon_fillcolor_value = /*_hovering*/ ctx[8]
|
|
1010
|
+
? "var(--goa-color-interactive-hover)"
|
|
1011
|
+
: "var(--goa-color-interactive-default)");
|
|
1012
|
+
|
|
1013
|
+
attr(span0, "class", span0_class_value = "heading heading-" + /*headingsize*/ ctx[2]);
|
|
1014
|
+
attr(span0, "data-testid", span0_data_testid_value = `${/*testid*/ ctx[3]}-heading`);
|
|
1015
|
+
attr(span1, "class", "secondary-text");
|
|
1016
|
+
attr(div0, "class", "heading-content");
|
|
1017
|
+
attr(div1, "class", "title");
|
|
1018
|
+
attr(summary, "class", summary_class_value = `container-${/*headingsize*/ ctx[2]}`);
|
|
1019
|
+
attr(div2, "class", "content");
|
|
1020
|
+
details.open = /*isOpen*/ ctx[9];
|
|
1021
|
+
attr(div3, "style", div3_style_value = calculateMargin(/*mt*/ ctx[4], /*mr*/ ctx[5], /*mb*/ ctx[6], /*ml*/ ctx[7]));
|
|
1022
|
+
|
|
1023
|
+
attr(div3, "class", `
|
|
1024
|
+
goa-accordion
|
|
1025
|
+
`);
|
|
1026
|
+
|
|
1027
|
+
attr(div3, "data-testid", /*testid*/ ctx[3]);
|
|
965
1028
|
},
|
|
966
1029
|
m(target, anchor) {
|
|
967
|
-
insert(target,
|
|
968
|
-
append(
|
|
969
|
-
append(
|
|
970
|
-
append(
|
|
971
|
-
append(
|
|
972
|
-
append(
|
|
973
|
-
append(
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
1030
|
+
insert(target, div3, anchor);
|
|
1031
|
+
append(div3, details);
|
|
1032
|
+
append(details, summary);
|
|
1033
|
+
append(summary, goa_icon);
|
|
1034
|
+
append(summary, t0);
|
|
1035
|
+
append(summary, div1);
|
|
1036
|
+
append(div1, span0);
|
|
1037
|
+
append(span0, t1);
|
|
1038
|
+
append(div1, t2);
|
|
1039
|
+
append(div1, span1);
|
|
1040
|
+
append(span1, t3);
|
|
1041
|
+
append(div1, t4);
|
|
1042
|
+
append(div1, div0);
|
|
1043
|
+
append(details, t5);
|
|
1044
|
+
append(details, div2);
|
|
977
1045
|
|
|
978
|
-
if (
|
|
979
|
-
|
|
1046
|
+
if (!mounted) {
|
|
1047
|
+
dispose = [
|
|
1048
|
+
listen(summary, "mouseover", /*mouseover_handler*/ ctx[11]),
|
|
1049
|
+
listen(summary, "mouseout", /*mouseout_handler*/ ctx[12]),
|
|
1050
|
+
listen(summary, "focus", /*focus_handler*/ ctx[13]),
|
|
1051
|
+
listen(summary, "blur", /*blur_handler*/ ctx[14])
|
|
1052
|
+
];
|
|
1053
|
+
|
|
1054
|
+
mounted = true;
|
|
980
1055
|
}
|
|
981
1056
|
},
|
|
982
|
-
|
|
983
|
-
if (
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
1057
|
+
p(ctx, [dirty]) {
|
|
1058
|
+
if (dirty & /*_hovering*/ 256 && goa_icon_fillcolor_value !== (goa_icon_fillcolor_value = /*_hovering*/ ctx[8]
|
|
1059
|
+
? "var(--goa-color-interactive-hover)"
|
|
1060
|
+
: "var(--goa-color-interactive-default)")) {
|
|
1061
|
+
set_custom_element_data(goa_icon, "fillcolor", goa_icon_fillcolor_value);
|
|
1062
|
+
}
|
|
987
1063
|
|
|
988
|
-
|
|
989
|
-
let div2;
|
|
990
|
-
let div1;
|
|
991
|
-
let t;
|
|
992
|
-
let div0;
|
|
993
|
-
let div2_style_value;
|
|
1064
|
+
if (dirty & /*heading*/ 1) set_data(t1, /*heading*/ ctx[0]);
|
|
994
1065
|
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
}
|
|
1066
|
+
if (dirty & /*headingsize*/ 4 && span0_class_value !== (span0_class_value = "heading heading-" + /*headingsize*/ ctx[2])) {
|
|
1067
|
+
attr(span0, "class", span0_class_value);
|
|
1068
|
+
}
|
|
999
1069
|
|
|
1000
|
-
|
|
1001
|
-
|
|
1070
|
+
if (dirty & /*testid*/ 8 && span0_data_testid_value !== (span0_data_testid_value = `${/*testid*/ ctx[3]}-heading`)) {
|
|
1071
|
+
attr(span0, "data-testid", span0_data_testid_value);
|
|
1072
|
+
}
|
|
1002
1073
|
|
|
1003
|
-
|
|
1004
|
-
c() {
|
|
1005
|
-
div2 = element("div");
|
|
1006
|
-
div1 = element("div");
|
|
1007
|
-
if_block.c();
|
|
1008
|
-
t = space();
|
|
1009
|
-
div0 = element("div");
|
|
1010
|
-
div0.innerHTML = `<slot></slot>`;
|
|
1011
|
-
this.c = noop;
|
|
1012
|
-
attr(div1, "class", "content");
|
|
1013
|
-
attr(div2, "class", "app-header");
|
|
1014
|
-
attr(div2, "data-testid", /*testid*/ ctx[2]);
|
|
1015
|
-
attr(div2, "style", div2_style_value = `--max-content-width: ${/*maxcontentwidth*/ ctx[3] || "100%"}`);
|
|
1016
|
-
},
|
|
1017
|
-
m(target, anchor) {
|
|
1018
|
-
insert(target, div2, anchor);
|
|
1019
|
-
append(div2, div1);
|
|
1020
|
-
if_block.m(div1, null);
|
|
1021
|
-
append(div1, t);
|
|
1022
|
-
append(div1, div0);
|
|
1023
|
-
},
|
|
1024
|
-
p(ctx, [dirty]) {
|
|
1025
|
-
if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
|
|
1026
|
-
if_block.p(ctx, dirty);
|
|
1027
|
-
} else {
|
|
1028
|
-
if_block.d(1);
|
|
1029
|
-
if_block = current_block_type(ctx);
|
|
1074
|
+
if (dirty & /*secondarytext*/ 2) set_data(t3, /*secondarytext*/ ctx[1]);
|
|
1030
1075
|
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
if_block.m(div1, t);
|
|
1034
|
-
}
|
|
1076
|
+
if (dirty & /*headingsize*/ 4 && summary_class_value !== (summary_class_value = `container-${/*headingsize*/ ctx[2]}`)) {
|
|
1077
|
+
attr(summary, "class", summary_class_value);
|
|
1035
1078
|
}
|
|
1036
1079
|
|
|
1037
|
-
if (dirty & /*
|
|
1038
|
-
|
|
1080
|
+
if (dirty & /*isOpen*/ 512) {
|
|
1081
|
+
details.open = /*isOpen*/ ctx[9];
|
|
1039
1082
|
}
|
|
1040
1083
|
|
|
1041
|
-
if (dirty & /*
|
|
1042
|
-
attr(
|
|
1084
|
+
if (dirty & /*mt, mr, mb, ml*/ 240 && div3_style_value !== (div3_style_value = calculateMargin(/*mt*/ ctx[4], /*mr*/ ctx[5], /*mb*/ ctx[6], /*ml*/ ctx[7]))) {
|
|
1085
|
+
attr(div3, "style", div3_style_value);
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
if (dirty & /*testid*/ 8) {
|
|
1089
|
+
attr(div3, "data-testid", /*testid*/ ctx[3]);
|
|
1043
1090
|
}
|
|
1044
1091
|
},
|
|
1045
1092
|
i: noop,
|
|
1046
1093
|
o: noop,
|
|
1047
1094
|
d(detaching) {
|
|
1048
|
-
if (detaching) detach(
|
|
1049
|
-
|
|
1095
|
+
if (detaching) detach(div3);
|
|
1096
|
+
mounted = false;
|
|
1097
|
+
run_all(dispose);
|
|
1050
1098
|
}
|
|
1051
1099
|
};
|
|
1052
1100
|
}
|
|
1053
1101
|
|
|
1054
|
-
function instance$
|
|
1102
|
+
function instance$D($$self, $$props, $$invalidate) {
|
|
1103
|
+
let isOpen;
|
|
1104
|
+
const [HeadingSizes, validateHeadingSize] = typeValidator("Accordion heading size", ["small", "medium"]);
|
|
1105
|
+
let { open = "false" } = $$props;
|
|
1055
1106
|
let { heading = "" } = $$props;
|
|
1056
|
-
let {
|
|
1107
|
+
let { secondarytext = "" } = $$props;
|
|
1108
|
+
let { headingsize = "small" } = $$props;
|
|
1057
1109
|
let { testid = "" } = $$props;
|
|
1058
|
-
let {
|
|
1110
|
+
let { mt = null } = $$props;
|
|
1111
|
+
let { mr = null } = $$props;
|
|
1112
|
+
let { mb = "xs" } = $$props;
|
|
1113
|
+
let { ml = null } = $$props;
|
|
1114
|
+
let _hovering = false;
|
|
1115
|
+
|
|
1116
|
+
onMount(() => {
|
|
1117
|
+
validateRequired("GoAAccordion", { heading });
|
|
1118
|
+
validateHeadingSize(headingsize);
|
|
1119
|
+
});
|
|
1120
|
+
|
|
1121
|
+
const mouseover_handler = () => $$invalidate(8, _hovering = true);
|
|
1122
|
+
const mouseout_handler = () => $$invalidate(8, _hovering = false);
|
|
1123
|
+
const focus_handler = () => $$invalidate(8, _hovering = false);
|
|
1124
|
+
const blur_handler = () => $$invalidate(8, _hovering = false);
|
|
1059
1125
|
|
|
1060
1126
|
$$self.$$set = $$props => {
|
|
1127
|
+
if ('open' in $$props) $$invalidate(10, open = $$props.open);
|
|
1061
1128
|
if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
|
|
1062
|
-
if ('
|
|
1063
|
-
if ('
|
|
1064
|
-
if ('
|
|
1129
|
+
if ('secondarytext' in $$props) $$invalidate(1, secondarytext = $$props.secondarytext);
|
|
1130
|
+
if ('headingsize' in $$props) $$invalidate(2, headingsize = $$props.headingsize);
|
|
1131
|
+
if ('testid' in $$props) $$invalidate(3, testid = $$props.testid);
|
|
1132
|
+
if ('mt' in $$props) $$invalidate(4, mt = $$props.mt);
|
|
1133
|
+
if ('mr' in $$props) $$invalidate(5, mr = $$props.mr);
|
|
1134
|
+
if ('mb' in $$props) $$invalidate(6, mb = $$props.mb);
|
|
1135
|
+
if ('ml' in $$props) $$invalidate(7, ml = $$props.ml);
|
|
1065
1136
|
};
|
|
1066
1137
|
|
|
1067
|
-
|
|
1138
|
+
$$self.$$.update = () => {
|
|
1139
|
+
if ($$self.$$.dirty & /*open*/ 1024) {
|
|
1140
|
+
$$invalidate(9, isOpen = toBoolean(open));
|
|
1141
|
+
}
|
|
1142
|
+
};
|
|
1143
|
+
|
|
1144
|
+
return [
|
|
1145
|
+
heading,
|
|
1146
|
+
secondarytext,
|
|
1147
|
+
headingsize,
|
|
1148
|
+
testid,
|
|
1149
|
+
mt,
|
|
1150
|
+
mr,
|
|
1151
|
+
mb,
|
|
1152
|
+
ml,
|
|
1153
|
+
_hovering,
|
|
1154
|
+
isOpen,
|
|
1155
|
+
open,
|
|
1156
|
+
mouseover_handler,
|
|
1157
|
+
mouseout_handler,
|
|
1158
|
+
focus_handler,
|
|
1159
|
+
blur_handler
|
|
1160
|
+
];
|
|
1068
1161
|
}
|
|
1069
1162
|
|
|
1070
|
-
class
|
|
1163
|
+
class Accordion extends SvelteElement {
|
|
1071
1164
|
constructor(options) {
|
|
1072
1165
|
super();
|
|
1073
|
-
|
|
1166
|
+
|
|
1167
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4)}.goa-accordion,.goa-accordion *{box-sizing:border-box}summary{min-height:3.5rem;border-width:var(--goa-border-width-s);border-style:solid;border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-text-default);;;padding:0.875rem 1rem 0 0;cursor:pointer;list-style:none;display:flex;align-items:flex-start;position:relative}summary.container-medium{min-height:4rem}summary::marker,summary::-webkit-details-marker{display:none}summary .title{display:flex;align-items:center;flex:1}.title span{padding-bottom:var(--goa-space-3xs, 0)}summary .heading{font:var(--goa-typography-heading-s);padding-right:1rem}summary .secondary-text{font:var(--goa-typography-body-s);line-height:1.5rem;padding-right:1rem}summary .heading-content{flex:1
|
|
1168
|
+
}.content{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-left:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-right:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);padding:1.5rem;padding-left:3.5rem;padding-right:2rem}summary goa-icon{padding:0.125rem 1rem}summary.container-medium goa-icon{padding:0.375rem 1rem}details[open] goa-icon{transform:rotate(90deg)}details[open] summary{border-bottom-left-radius:var(--goa-border-radius-none);border-bottom-right-radius:var(--goa-border-radius-none)}summary:hover{background-color:var(--goa-color-greyscale-200)}summary:focus,summary:active{background-color:var(--goa-color-greyscale-100);outline:none}summary:active::before,summary:focus::before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);border-radius:4px}summary .heading.heading-medium{line-height:2rem;font:var(--goa-typography-heading-m)}@media(max-width: 640px){summary{align-items:flex-start}summary .title{flex-direction:column;align-items:flex-start}}</style>`;
|
|
1074
1169
|
|
|
1075
1170
|
init(
|
|
1076
1171
|
this,
|
|
@@ -1079,14 +1174,19 @@ class AppHeader extends SvelteElement {
|
|
|
1079
1174
|
props: attribute_to_object(this.attributes),
|
|
1080
1175
|
customElement: true
|
|
1081
1176
|
},
|
|
1082
|
-
instance$
|
|
1083
|
-
create_fragment$
|
|
1177
|
+
instance$D,
|
|
1178
|
+
create_fragment$J,
|
|
1084
1179
|
safe_not_equal,
|
|
1085
1180
|
{
|
|
1181
|
+
open: 10,
|
|
1086
1182
|
heading: 0,
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1183
|
+
secondarytext: 1,
|
|
1184
|
+
headingsize: 2,
|
|
1185
|
+
testid: 3,
|
|
1186
|
+
mt: 4,
|
|
1187
|
+
mr: 5,
|
|
1188
|
+
mb: 6,
|
|
1189
|
+
ml: 7
|
|
1090
1190
|
},
|
|
1091
1191
|
null
|
|
1092
1192
|
);
|
|
@@ -1104,7 +1204,26 @@ class AppHeader extends SvelteElement {
|
|
|
1104
1204
|
}
|
|
1105
1205
|
|
|
1106
1206
|
static get observedAttributes() {
|
|
1107
|
-
return [
|
|
1207
|
+
return [
|
|
1208
|
+
"open",
|
|
1209
|
+
"heading",
|
|
1210
|
+
"secondarytext",
|
|
1211
|
+
"headingsize",
|
|
1212
|
+
"testid",
|
|
1213
|
+
"mt",
|
|
1214
|
+
"mr",
|
|
1215
|
+
"mb",
|
|
1216
|
+
"ml"
|
|
1217
|
+
];
|
|
1218
|
+
}
|
|
1219
|
+
|
|
1220
|
+
get open() {
|
|
1221
|
+
return this.$$.ctx[10];
|
|
1222
|
+
}
|
|
1223
|
+
|
|
1224
|
+
set open(open) {
|
|
1225
|
+
this.$$set({ open });
|
|
1226
|
+
flush();
|
|
1108
1227
|
}
|
|
1109
1228
|
|
|
1110
1229
|
get heading() {
|
|
@@ -1116,146 +1235,395 @@ class AppHeader extends SvelteElement {
|
|
|
1116
1235
|
flush();
|
|
1117
1236
|
}
|
|
1118
1237
|
|
|
1119
|
-
get
|
|
1238
|
+
get secondarytext() {
|
|
1120
1239
|
return this.$$.ctx[1];
|
|
1121
1240
|
}
|
|
1122
1241
|
|
|
1123
|
-
set
|
|
1124
|
-
this.$$set({
|
|
1242
|
+
set secondarytext(secondarytext) {
|
|
1243
|
+
this.$$set({ secondarytext });
|
|
1125
1244
|
flush();
|
|
1126
1245
|
}
|
|
1127
1246
|
|
|
1128
|
-
get
|
|
1247
|
+
get headingsize() {
|
|
1129
1248
|
return this.$$.ctx[2];
|
|
1130
1249
|
}
|
|
1131
1250
|
|
|
1251
|
+
set headingsize(headingsize) {
|
|
1252
|
+
this.$$set({ headingsize });
|
|
1253
|
+
flush();
|
|
1254
|
+
}
|
|
1255
|
+
|
|
1256
|
+
get testid() {
|
|
1257
|
+
return this.$$.ctx[3];
|
|
1258
|
+
}
|
|
1259
|
+
|
|
1132
1260
|
set testid(testid) {
|
|
1133
1261
|
this.$$set({ testid });
|
|
1134
1262
|
flush();
|
|
1135
1263
|
}
|
|
1136
1264
|
|
|
1137
|
-
get
|
|
1138
|
-
return this.$$.ctx[
|
|
1265
|
+
get mt() {
|
|
1266
|
+
return this.$$.ctx[4];
|
|
1139
1267
|
}
|
|
1140
1268
|
|
|
1141
|
-
set
|
|
1142
|
-
this.$$set({
|
|
1269
|
+
set mt(mt) {
|
|
1270
|
+
this.$$set({ mt });
|
|
1143
1271
|
flush();
|
|
1144
1272
|
}
|
|
1145
|
-
}
|
|
1146
1273
|
|
|
1147
|
-
|
|
1274
|
+
get mr() {
|
|
1275
|
+
return this.$$.ctx[5];
|
|
1276
|
+
}
|
|
1148
1277
|
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
mb && `margin-bottom:var(--goa-space-${mb});`,
|
|
1154
|
-
ml && `margin-left:var(--goa-space-${ml});`
|
|
1155
|
-
].join(" ");
|
|
1156
|
-
}
|
|
1157
|
-
function injectCss(el, rootSelector, css, media) {
|
|
1158
|
-
const style = document.createElement("style");
|
|
1159
|
-
const _css = Object.entries(css).map((entry) => `${entry[0]}: ${entry[1]};`).join(" ");
|
|
1160
|
-
if (media) {
|
|
1161
|
-
style.innerHTML = `@media (${media}) { ${rootSelector} {${_css}} }`;
|
|
1162
|
-
} else {
|
|
1163
|
-
style.innerHTML = `${rootSelector} {${_css}}`;
|
|
1164
|
-
}
|
|
1165
|
-
el.appendChild(style);
|
|
1166
|
-
}
|
|
1278
|
+
set mr(mr) {
|
|
1279
|
+
this.$$set({ mr });
|
|
1280
|
+
flush();
|
|
1281
|
+
}
|
|
1167
1282
|
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
}
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
});
|
|
1186
|
-
}
|
|
1187
|
-
function typeValidator(message, values, required = false) {
|
|
1188
|
-
const validator = (value) => {
|
|
1189
|
-
if (!required && !value) {
|
|
1190
|
-
return;
|
|
1191
|
-
}
|
|
1192
|
-
if (!values.includes(value)) {
|
|
1193
|
-
console.error(`[${value}] is an invalid ${message.toLowerCase()}`);
|
|
1194
|
-
}
|
|
1195
|
-
};
|
|
1196
|
-
return [values, validator];
|
|
1283
|
+
get mb() {
|
|
1284
|
+
return this.$$.ctx[6];
|
|
1285
|
+
}
|
|
1286
|
+
|
|
1287
|
+
set mb(mb) {
|
|
1288
|
+
this.$$set({ mb });
|
|
1289
|
+
flush();
|
|
1290
|
+
}
|
|
1291
|
+
|
|
1292
|
+
get ml() {
|
|
1293
|
+
return this.$$.ctx[7];
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1296
|
+
set ml(ml) {
|
|
1297
|
+
this.$$set({ ml });
|
|
1298
|
+
flush();
|
|
1299
|
+
}
|
|
1197
1300
|
}
|
|
1198
1301
|
|
|
1199
|
-
|
|
1302
|
+
customElements.define("goa-accordion", Accordion);
|
|
1200
1303
|
|
|
1201
|
-
|
|
1304
|
+
/* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.51.0 */
|
|
1305
|
+
|
|
1306
|
+
function create_else_block$5(ctx) {
|
|
1202
1307
|
let div;
|
|
1308
|
+
let img0;
|
|
1309
|
+
let img0_src_value;
|
|
1310
|
+
let t0;
|
|
1311
|
+
let img1;
|
|
1312
|
+
let img1_src_value;
|
|
1313
|
+
let t1;
|
|
1314
|
+
let span;
|
|
1315
|
+
let t2;
|
|
1203
1316
|
|
|
1204
1317
|
return {
|
|
1205
1318
|
c() {
|
|
1206
1319
|
div = element("div");
|
|
1207
|
-
|
|
1208
|
-
|
|
1320
|
+
img0 = element("img");
|
|
1321
|
+
t0 = space();
|
|
1322
|
+
img1 = element("img");
|
|
1323
|
+
t1 = space();
|
|
1324
|
+
span = element("span");
|
|
1325
|
+
t2 = text(/*heading*/ ctx[0]);
|
|
1326
|
+
attr(img0, "alt", "GoA Logo");
|
|
1327
|
+
attr(img0, "class", "image-mobile");
|
|
1328
|
+
if (!src_url_equal(img0.src, img0_src_value = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")) attr(img0, "src", img0_src_value);
|
|
1329
|
+
attr(img1, "alt", "GoA Logo");
|
|
1330
|
+
attr(img1, "class", "image-desktop");
|
|
1331
|
+
if (!src_url_equal(img1.src, img1_src_value = "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")) attr(img1, "src", img1_src_value);
|
|
1332
|
+
attr(span, "class", "title");
|
|
1333
|
+
attr(div, "class", "app-link");
|
|
1209
1334
|
},
|
|
1210
1335
|
m(target, anchor) {
|
|
1211
1336
|
insert(target, div, anchor);
|
|
1337
|
+
append(div, img0);
|
|
1338
|
+
append(div, t0);
|
|
1339
|
+
append(div, img1);
|
|
1340
|
+
append(div, t1);
|
|
1341
|
+
append(div, span);
|
|
1342
|
+
append(span, t2);
|
|
1343
|
+
},
|
|
1344
|
+
p(ctx, dirty) {
|
|
1345
|
+
if (dirty & /*heading*/ 1) set_data(t2, /*heading*/ ctx[0]);
|
|
1212
1346
|
},
|
|
1213
|
-
p: noop,
|
|
1214
1347
|
d(detaching) {
|
|
1215
1348
|
if (detaching) detach(div);
|
|
1216
1349
|
}
|
|
1217
1350
|
};
|
|
1218
1351
|
}
|
|
1219
1352
|
|
|
1220
|
-
// (
|
|
1221
|
-
function
|
|
1222
|
-
let
|
|
1353
|
+
// (19:4) {#if url}
|
|
1354
|
+
function create_if_block$j(ctx) {
|
|
1355
|
+
let a;
|
|
1356
|
+
let img0;
|
|
1357
|
+
let img0_src_value;
|
|
1358
|
+
let t0;
|
|
1359
|
+
let img1;
|
|
1360
|
+
let img1_src_value;
|
|
1361
|
+
let t1;
|
|
1362
|
+
let span;
|
|
1363
|
+
let t2;
|
|
1223
1364
|
|
|
1224
1365
|
return {
|
|
1225
1366
|
c() {
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1367
|
+
a = element("a");
|
|
1368
|
+
img0 = element("img");
|
|
1369
|
+
t0 = space();
|
|
1370
|
+
img1 = element("img");
|
|
1371
|
+
t1 = space();
|
|
1372
|
+
span = element("span");
|
|
1373
|
+
t2 = text(/*heading*/ ctx[0]);
|
|
1374
|
+
attr(img0, "alt", "GoA Logo");
|
|
1375
|
+
attr(img0, "class", "image-mobile");
|
|
1376
|
+
if (!src_url_equal(img0.src, img0_src_value = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")) attr(img0, "src", img0_src_value);
|
|
1377
|
+
attr(img1, "alt", "GoA Logo");
|
|
1378
|
+
attr(img1, "class", "image-desktop");
|
|
1379
|
+
if (!src_url_equal(img1.src, img1_src_value = "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")) attr(img1, "src", img1_src_value);
|
|
1380
|
+
attr(span, "class", "title");
|
|
1381
|
+
attr(a, "href", /*url*/ ctx[1]);
|
|
1382
|
+
attr(a, "class", "app-link");
|
|
1229
1383
|
},
|
|
1230
1384
|
m(target, anchor) {
|
|
1231
|
-
insert(target,
|
|
1385
|
+
insert(target, a, anchor);
|
|
1386
|
+
append(a, img0);
|
|
1387
|
+
append(a, t0);
|
|
1388
|
+
append(a, img1);
|
|
1389
|
+
append(a, t1);
|
|
1390
|
+
append(a, span);
|
|
1391
|
+
append(span, t2);
|
|
1232
1392
|
},
|
|
1233
1393
|
p(ctx, dirty) {
|
|
1234
|
-
if (dirty & /*
|
|
1235
|
-
|
|
1394
|
+
if (dirty & /*heading*/ 1) set_data(t2, /*heading*/ ctx[0]);
|
|
1395
|
+
|
|
1396
|
+
if (dirty & /*url*/ 2) {
|
|
1397
|
+
attr(a, "href", /*url*/ ctx[1]);
|
|
1236
1398
|
}
|
|
1237
1399
|
},
|
|
1238
1400
|
d(detaching) {
|
|
1239
|
-
if (detaching) detach(
|
|
1401
|
+
if (detaching) detach(a);
|
|
1240
1402
|
}
|
|
1241
1403
|
};
|
|
1242
1404
|
}
|
|
1243
1405
|
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
let
|
|
1406
|
+
function create_fragment$I(ctx) {
|
|
1407
|
+
let div2;
|
|
1408
|
+
let div1;
|
|
1247
1409
|
let t;
|
|
1410
|
+
let div0;
|
|
1411
|
+
let div2_style_value;
|
|
1412
|
+
|
|
1413
|
+
function select_block_type(ctx, dirty) {
|
|
1414
|
+
if (/*url*/ ctx[1]) return create_if_block$j;
|
|
1415
|
+
return create_else_block$5;
|
|
1416
|
+
}
|
|
1417
|
+
|
|
1418
|
+
let current_block_type = select_block_type(ctx);
|
|
1419
|
+
let if_block = current_block_type(ctx);
|
|
1248
1420
|
|
|
1249
1421
|
return {
|
|
1250
1422
|
c() {
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1423
|
+
div2 = element("div");
|
|
1424
|
+
div1 = element("div");
|
|
1425
|
+
if_block.c();
|
|
1426
|
+
t = space();
|
|
1427
|
+
div0 = element("div");
|
|
1428
|
+
div0.innerHTML = `<slot></slot>`;
|
|
1429
|
+
this.c = noop;
|
|
1430
|
+
attr(div1, "class", "content");
|
|
1431
|
+
attr(div2, "class", "app-header");
|
|
1432
|
+
attr(div2, "data-testid", /*testid*/ ctx[2]);
|
|
1433
|
+
attr(div2, "style", div2_style_value = `--max-content-width: ${/*maxcontentwidth*/ ctx[3] || "100%"}`);
|
|
1434
|
+
},
|
|
1435
|
+
m(target, anchor) {
|
|
1436
|
+
insert(target, div2, anchor);
|
|
1437
|
+
append(div2, div1);
|
|
1438
|
+
if_block.m(div1, null);
|
|
1439
|
+
append(div1, t);
|
|
1440
|
+
append(div1, div0);
|
|
1441
|
+
},
|
|
1442
|
+
p(ctx, [dirty]) {
|
|
1443
|
+
if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
|
|
1444
|
+
if_block.p(ctx, dirty);
|
|
1445
|
+
} else {
|
|
1446
|
+
if_block.d(1);
|
|
1447
|
+
if_block = current_block_type(ctx);
|
|
1448
|
+
|
|
1449
|
+
if (if_block) {
|
|
1450
|
+
if_block.c();
|
|
1451
|
+
if_block.m(div1, t);
|
|
1452
|
+
}
|
|
1453
|
+
}
|
|
1454
|
+
|
|
1455
|
+
if (dirty & /*testid*/ 4) {
|
|
1456
|
+
attr(div2, "data-testid", /*testid*/ ctx[2]);
|
|
1457
|
+
}
|
|
1458
|
+
|
|
1459
|
+
if (dirty & /*maxcontentwidth*/ 8 && div2_style_value !== (div2_style_value = `--max-content-width: ${/*maxcontentwidth*/ ctx[3] || "100%"}`)) {
|
|
1460
|
+
attr(div2, "style", div2_style_value);
|
|
1461
|
+
}
|
|
1462
|
+
},
|
|
1463
|
+
i: noop,
|
|
1464
|
+
o: noop,
|
|
1465
|
+
d(detaching) {
|
|
1466
|
+
if (detaching) detach(div2);
|
|
1467
|
+
if_block.d();
|
|
1468
|
+
}
|
|
1469
|
+
};
|
|
1470
|
+
}
|
|
1471
|
+
|
|
1472
|
+
function instance$C($$self, $$props, $$invalidate) {
|
|
1473
|
+
let { heading = "" } = $$props;
|
|
1474
|
+
let { url = "" } = $$props;
|
|
1475
|
+
let { testid = "" } = $$props;
|
|
1476
|
+
let { maxcontentwidth = "" } = $$props;
|
|
1477
|
+
|
|
1478
|
+
$$self.$$set = $$props => {
|
|
1479
|
+
if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
|
|
1480
|
+
if ('url' in $$props) $$invalidate(1, url = $$props.url);
|
|
1481
|
+
if ('testid' in $$props) $$invalidate(2, testid = $$props.testid);
|
|
1482
|
+
if ('maxcontentwidth' in $$props) $$invalidate(3, maxcontentwidth = $$props.maxcontentwidth);
|
|
1483
|
+
};
|
|
1484
|
+
|
|
1485
|
+
return [heading, url, testid, maxcontentwidth];
|
|
1486
|
+
}
|
|
1487
|
+
|
|
1488
|
+
class AppHeader extends SvelteElement {
|
|
1489
|
+
constructor(options) {
|
|
1490
|
+
super();
|
|
1491
|
+
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.app-header{margin:0 auto;background-color:var(--goa-color-greyscale-white);border-bottom:1px solid var(--goa-color-greyscale-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:1.5rem 1.125rem}}.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>`;
|
|
1492
|
+
|
|
1493
|
+
init(
|
|
1494
|
+
this,
|
|
1495
|
+
{
|
|
1496
|
+
target: this.shadowRoot,
|
|
1497
|
+
props: attribute_to_object(this.attributes),
|
|
1498
|
+
customElement: true
|
|
1499
|
+
},
|
|
1500
|
+
instance$C,
|
|
1501
|
+
create_fragment$I,
|
|
1502
|
+
safe_not_equal,
|
|
1503
|
+
{
|
|
1504
|
+
heading: 0,
|
|
1505
|
+
url: 1,
|
|
1506
|
+
testid: 2,
|
|
1507
|
+
maxcontentwidth: 3
|
|
1508
|
+
},
|
|
1509
|
+
null
|
|
1510
|
+
);
|
|
1511
|
+
|
|
1512
|
+
if (options) {
|
|
1513
|
+
if (options.target) {
|
|
1514
|
+
insert(options.target, this, options.anchor);
|
|
1515
|
+
}
|
|
1516
|
+
|
|
1517
|
+
if (options.props) {
|
|
1518
|
+
this.$set(options.props);
|
|
1519
|
+
flush();
|
|
1520
|
+
}
|
|
1521
|
+
}
|
|
1522
|
+
}
|
|
1523
|
+
|
|
1524
|
+
static get observedAttributes() {
|
|
1525
|
+
return ["heading", "url", "testid", "maxcontentwidth"];
|
|
1526
|
+
}
|
|
1527
|
+
|
|
1528
|
+
get heading() {
|
|
1529
|
+
return this.$$.ctx[0];
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
set heading(heading) {
|
|
1533
|
+
this.$$set({ heading });
|
|
1534
|
+
flush();
|
|
1535
|
+
}
|
|
1536
|
+
|
|
1537
|
+
get url() {
|
|
1538
|
+
return this.$$.ctx[1];
|
|
1539
|
+
}
|
|
1540
|
+
|
|
1541
|
+
set url(url) {
|
|
1542
|
+
this.$$set({ url });
|
|
1543
|
+
flush();
|
|
1544
|
+
}
|
|
1545
|
+
|
|
1546
|
+
get testid() {
|
|
1547
|
+
return this.$$.ctx[2];
|
|
1548
|
+
}
|
|
1549
|
+
|
|
1550
|
+
set testid(testid) {
|
|
1551
|
+
this.$$set({ testid });
|
|
1552
|
+
flush();
|
|
1553
|
+
}
|
|
1554
|
+
|
|
1555
|
+
get maxcontentwidth() {
|
|
1556
|
+
return this.$$.ctx[3];
|
|
1557
|
+
}
|
|
1558
|
+
|
|
1559
|
+
set maxcontentwidth(maxcontentwidth) {
|
|
1560
|
+
this.$$set({ maxcontentwidth });
|
|
1561
|
+
flush();
|
|
1562
|
+
}
|
|
1563
|
+
}
|
|
1564
|
+
|
|
1565
|
+
customElements.define("goa-app-header", AppHeader);
|
|
1566
|
+
|
|
1567
|
+
/* libs/web-components/src/components/badge/Badge.svelte generated by Svelte v3.51.0 */
|
|
1568
|
+
|
|
1569
|
+
function create_else_block$4(ctx) {
|
|
1570
|
+
let div;
|
|
1571
|
+
|
|
1572
|
+
return {
|
|
1573
|
+
c() {
|
|
1574
|
+
div = element("div");
|
|
1575
|
+
set_style(div, "height", "1.2rem");
|
|
1576
|
+
set_style(div, "margin-left", "-0.25rem");
|
|
1577
|
+
},
|
|
1578
|
+
m(target, anchor) {
|
|
1579
|
+
insert(target, div, anchor);
|
|
1580
|
+
},
|
|
1581
|
+
p: noop,
|
|
1582
|
+
d(detaching) {
|
|
1583
|
+
if (detaching) detach(div);
|
|
1584
|
+
}
|
|
1585
|
+
};
|
|
1586
|
+
}
|
|
1587
|
+
|
|
1588
|
+
// (45:2) {#if showIcon}
|
|
1589
|
+
function create_if_block_1$a(ctx) {
|
|
1590
|
+
let goa_icon;
|
|
1591
|
+
|
|
1592
|
+
return {
|
|
1593
|
+
c() {
|
|
1594
|
+
goa_icon = element("goa-icon");
|
|
1595
|
+
set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[8]);
|
|
1596
|
+
set_custom_element_data(goa_icon, "size", "small");
|
|
1597
|
+
},
|
|
1598
|
+
m(target, anchor) {
|
|
1599
|
+
insert(target, goa_icon, anchor);
|
|
1600
|
+
},
|
|
1601
|
+
p(ctx, dirty) {
|
|
1602
|
+
if (dirty & /*iconType*/ 256) {
|
|
1603
|
+
set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[8]);
|
|
1604
|
+
}
|
|
1605
|
+
},
|
|
1606
|
+
d(detaching) {
|
|
1607
|
+
if (detaching) detach(goa_icon);
|
|
1608
|
+
}
|
|
1609
|
+
};
|
|
1610
|
+
}
|
|
1611
|
+
|
|
1612
|
+
// (50:2) {#if content}
|
|
1613
|
+
function create_if_block$i(ctx) {
|
|
1614
|
+
let div;
|
|
1615
|
+
let t;
|
|
1616
|
+
|
|
1617
|
+
return {
|
|
1618
|
+
c() {
|
|
1619
|
+
div = element("div");
|
|
1620
|
+
t = text(/*content*/ ctx[2]);
|
|
1621
|
+
attr(div, "class", "goa-badge-content");
|
|
1622
|
+
},
|
|
1623
|
+
m(target, anchor) {
|
|
1624
|
+
insert(target, div, anchor);
|
|
1625
|
+
append(div, t);
|
|
1626
|
+
},
|
|
1259
1627
|
p(ctx, dirty) {
|
|
1260
1628
|
if (dirty & /*content*/ 4) set_data(t, /*content*/ ctx[2]);
|
|
1261
1629
|
},
|
|
@@ -1265,7 +1633,7 @@ function create_if_block$h(ctx) {
|
|
|
1265
1633
|
};
|
|
1266
1634
|
}
|
|
1267
1635
|
|
|
1268
|
-
function create_fragment$
|
|
1636
|
+
function create_fragment$H(ctx) {
|
|
1269
1637
|
let div;
|
|
1270
1638
|
let t;
|
|
1271
1639
|
let div_style_value;
|
|
@@ -1273,12 +1641,12 @@ function create_fragment$F(ctx) {
|
|
|
1273
1641
|
|
|
1274
1642
|
function select_block_type(ctx, dirty) {
|
|
1275
1643
|
if (/*showIcon*/ ctx[7]) return create_if_block_1$a;
|
|
1276
|
-
return create_else_block$
|
|
1644
|
+
return create_else_block$4;
|
|
1277
1645
|
}
|
|
1278
1646
|
|
|
1279
1647
|
let current_block_type = select_block_type(ctx);
|
|
1280
1648
|
let if_block0 = current_block_type(ctx);
|
|
1281
|
-
let if_block1 = /*content*/ ctx[2] && create_if_block$
|
|
1649
|
+
let if_block1 = /*content*/ ctx[2] && create_if_block$i(ctx);
|
|
1282
1650
|
|
|
1283
1651
|
return {
|
|
1284
1652
|
c() {
|
|
@@ -1316,7 +1684,7 @@ function create_fragment$F(ctx) {
|
|
|
1316
1684
|
if (if_block1) {
|
|
1317
1685
|
if_block1.p(ctx, dirty);
|
|
1318
1686
|
} else {
|
|
1319
|
-
if_block1 = create_if_block$
|
|
1687
|
+
if_block1 = create_if_block$i(ctx);
|
|
1320
1688
|
if_block1.c();
|
|
1321
1689
|
if_block1.m(div, null);
|
|
1322
1690
|
}
|
|
@@ -1351,7 +1719,7 @@ function create_fragment$F(ctx) {
|
|
|
1351
1719
|
};
|
|
1352
1720
|
}
|
|
1353
1721
|
|
|
1354
|
-
function instance$
|
|
1722
|
+
function instance$B($$self, $$props, $$invalidate) {
|
|
1355
1723
|
let showIcon;
|
|
1356
1724
|
let iconType;
|
|
1357
1725
|
const [Types, validateType] = typeValidator("Badge type", ["success", "important", "information", "emergency", "dark", "midtone", "light"], true);
|
|
@@ -1416,8 +1784,8 @@ class Badge extends SvelteElement {
|
|
|
1416
1784
|
props: attribute_to_object(this.attributes),
|
|
1417
1785
|
customElement: true
|
|
1418
1786
|
},
|
|
1419
|
-
instance$
|
|
1420
|
-
create_fragment$
|
|
1787
|
+
instance$B,
|
|
1788
|
+
create_fragment$H,
|
|
1421
1789
|
safe_not_equal,
|
|
1422
1790
|
{
|
|
1423
1791
|
type: 0,
|
|
@@ -1525,7 +1893,7 @@ customElements.define("goa-badge", Badge);
|
|
|
1525
1893
|
|
|
1526
1894
|
/* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.51.0 */
|
|
1527
1895
|
|
|
1528
|
-
function create_fragment$
|
|
1896
|
+
function create_fragment$G(ctx) {
|
|
1529
1897
|
let div;
|
|
1530
1898
|
let slot;
|
|
1531
1899
|
let div_style_value;
|
|
@@ -1566,7 +1934,7 @@ function create_fragment$E(ctx) {
|
|
|
1566
1934
|
};
|
|
1567
1935
|
}
|
|
1568
1936
|
|
|
1569
|
-
function instance$
|
|
1937
|
+
function instance$A($$self, $$props, $$invalidate) {
|
|
1570
1938
|
let { gap = "m" } = $$props;
|
|
1571
1939
|
let { direction = "row" } = $$props;
|
|
1572
1940
|
let { alignment = "start" } = $$props;
|
|
@@ -1600,8 +1968,8 @@ class Block extends SvelteElement {
|
|
|
1600
1968
|
props: attribute_to_object(this.attributes),
|
|
1601
1969
|
customElement: true
|
|
1602
1970
|
},
|
|
1603
|
-
instance$
|
|
1604
|
-
create_fragment$
|
|
1971
|
+
instance$A,
|
|
1972
|
+
create_fragment$G,
|
|
1605
1973
|
safe_not_equal,
|
|
1606
1974
|
{
|
|
1607
1975
|
gap: 0,
|
|
@@ -1699,7 +2067,7 @@ customElements.define("goa-block", Block);
|
|
|
1699
2067
|
|
|
1700
2068
|
/* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.51.0 */
|
|
1701
2069
|
|
|
1702
|
-
function create_else_block$
|
|
2070
|
+
function create_else_block$3(ctx) {
|
|
1703
2071
|
let t0;
|
|
1704
2072
|
let span;
|
|
1705
2073
|
let t1;
|
|
@@ -1765,7 +2133,7 @@ function create_else_block$2(ctx) {
|
|
|
1765
2133
|
}
|
|
1766
2134
|
|
|
1767
2135
|
// (46:2) {#if type === "start"}
|
|
1768
|
-
function create_if_block$
|
|
2136
|
+
function create_if_block$h(ctx) {
|
|
1769
2137
|
let span;
|
|
1770
2138
|
let t;
|
|
1771
2139
|
let goa_icon;
|
|
@@ -1853,7 +2221,7 @@ function create_if_block_1$9(ctx) {
|
|
|
1853
2221
|
};
|
|
1854
2222
|
}
|
|
1855
2223
|
|
|
1856
|
-
function create_fragment$
|
|
2224
|
+
function create_fragment$F(ctx) {
|
|
1857
2225
|
let button;
|
|
1858
2226
|
let button_class_value;
|
|
1859
2227
|
let button_style_value;
|
|
@@ -1861,8 +2229,8 @@ function create_fragment$D(ctx) {
|
|
|
1861
2229
|
let dispose;
|
|
1862
2230
|
|
|
1863
2231
|
function select_block_type(ctx, dirty) {
|
|
1864
|
-
if (/*type*/ ctx[0] === "start") return create_if_block$
|
|
1865
|
-
return create_else_block$
|
|
2232
|
+
if (/*type*/ ctx[0] === "start") return create_if_block$h;
|
|
2233
|
+
return create_else_block$3;
|
|
1866
2234
|
}
|
|
1867
2235
|
|
|
1868
2236
|
let current_block_type = select_block_type(ctx);
|
|
@@ -1941,7 +2309,7 @@ function create_fragment$D(ctx) {
|
|
|
1941
2309
|
};
|
|
1942
2310
|
}
|
|
1943
2311
|
|
|
1944
|
-
function instance$
|
|
2312
|
+
function instance$z($$self, $$props, $$invalidate) {
|
|
1945
2313
|
let isDisabled;
|
|
1946
2314
|
let isButtonDark;
|
|
1947
2315
|
const [Types, validateType] = typeValidator("Button type", ["primary", "submit", "secondary", "tertiary", "start"], true);
|
|
@@ -2027,8 +2395,8 @@ class Button extends SvelteElement {
|
|
|
2027
2395
|
props: attribute_to_object(this.attributes),
|
|
2028
2396
|
customElement: true
|
|
2029
2397
|
},
|
|
2030
|
-
instance$
|
|
2031
|
-
create_fragment$
|
|
2398
|
+
instance$z,
|
|
2399
|
+
create_fragment$F,
|
|
2032
2400
|
safe_not_equal,
|
|
2033
2401
|
{
|
|
2034
2402
|
type: 0,
|
|
@@ -2178,7 +2546,7 @@ customElements.define("goa-button", Button);
|
|
|
2178
2546
|
|
|
2179
2547
|
/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */
|
|
2180
2548
|
|
|
2181
|
-
function create_fragment$
|
|
2549
|
+
function create_fragment$E(ctx) {
|
|
2182
2550
|
let div;
|
|
2183
2551
|
let slot;
|
|
2184
2552
|
let div_style_value;
|
|
@@ -2212,7 +2580,7 @@ function create_fragment$C(ctx) {
|
|
|
2212
2580
|
};
|
|
2213
2581
|
}
|
|
2214
2582
|
|
|
2215
|
-
function instance$
|
|
2583
|
+
function instance$y($$self, $$props, $$invalidate) {
|
|
2216
2584
|
let _alignment;
|
|
2217
2585
|
let { alignment = "start" } = $$props;
|
|
2218
2586
|
let { gap = "relaxed" } = $$props;
|
|
@@ -2264,8 +2632,8 @@ class ButtonGroup extends SvelteElement {
|
|
|
2264
2632
|
props: attribute_to_object(this.attributes),
|
|
2265
2633
|
customElement: true
|
|
2266
2634
|
},
|
|
2267
|
-
instance$
|
|
2268
|
-
create_fragment$
|
|
2635
|
+
instance$y,
|
|
2636
|
+
create_fragment$E,
|
|
2269
2637
|
safe_not_equal,
|
|
2270
2638
|
{
|
|
2271
2639
|
alignment: 7,
|
|
@@ -2363,7 +2731,7 @@ customElements.define("goa-button-group", ButtonGroup);
|
|
|
2363
2731
|
|
|
2364
2732
|
/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */
|
|
2365
2733
|
|
|
2366
|
-
function create_if_block$
|
|
2734
|
+
function create_if_block$g(ctx) {
|
|
2367
2735
|
let h3;
|
|
2368
2736
|
let t;
|
|
2369
2737
|
|
|
@@ -2385,7 +2753,7 @@ function create_if_block$f(ctx) {
|
|
|
2385
2753
|
};
|
|
2386
2754
|
}
|
|
2387
2755
|
|
|
2388
|
-
function create_fragment$
|
|
2756
|
+
function create_fragment$D(ctx) {
|
|
2389
2757
|
let div;
|
|
2390
2758
|
let span0;
|
|
2391
2759
|
let goa_icon;
|
|
@@ -2396,7 +2764,7 @@ function create_fragment$B(ctx) {
|
|
|
2396
2764
|
let t1;
|
|
2397
2765
|
let slot;
|
|
2398
2766
|
let div_style_value;
|
|
2399
|
-
let if_block = /*heading*/ ctx[5] && create_if_block$
|
|
2767
|
+
let if_block = /*heading*/ ctx[5] && create_if_block$g(ctx);
|
|
2400
2768
|
|
|
2401
2769
|
return {
|
|
2402
2770
|
c() {
|
|
@@ -2444,7 +2812,7 @@ function create_fragment$B(ctx) {
|
|
|
2444
2812
|
if (if_block) {
|
|
2445
2813
|
if_block.p(ctx, dirty);
|
|
2446
2814
|
} else {
|
|
2447
|
-
if_block = create_if_block$
|
|
2815
|
+
if_block = create_if_block$g(ctx);
|
|
2448
2816
|
if_block.c();
|
|
2449
2817
|
if_block.m(span1, t1);
|
|
2450
2818
|
}
|
|
@@ -2470,7 +2838,7 @@ function create_fragment$B(ctx) {
|
|
|
2470
2838
|
};
|
|
2471
2839
|
}
|
|
2472
2840
|
|
|
2473
|
-
function instance$
|
|
2841
|
+
function instance$x($$self, $$props, $$invalidate) {
|
|
2474
2842
|
let iconType;
|
|
2475
2843
|
const [Types, validateType] = typeValidator("Callout type", ["emergency", "important", "information", "event", "success"], true);
|
|
2476
2844
|
let { mt = null } = $$props;
|
|
@@ -2524,8 +2892,8 @@ class Callout extends SvelteElement {
|
|
|
2524
2892
|
props: attribute_to_object(this.attributes),
|
|
2525
2893
|
customElement: true
|
|
2526
2894
|
},
|
|
2527
|
-
instance$
|
|
2528
|
-
create_fragment$
|
|
2895
|
+
instance$x,
|
|
2896
|
+
create_fragment$D,
|
|
2529
2897
|
safe_not_equal,
|
|
2530
2898
|
{
|
|
2531
2899
|
mt: 0,
|
|
@@ -2623,7 +2991,7 @@ customElements.define("goa-callout", Callout);
|
|
|
2623
2991
|
|
|
2624
2992
|
/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */
|
|
2625
2993
|
|
|
2626
|
-
function create_fragment$
|
|
2994
|
+
function create_fragment$C(ctx) {
|
|
2627
2995
|
let goa_card_content;
|
|
2628
2996
|
|
|
2629
2997
|
return {
|
|
@@ -2656,7 +3024,7 @@ class CardActions extends SvelteElement {
|
|
|
2656
3024
|
customElement: true
|
|
2657
3025
|
},
|
|
2658
3026
|
null,
|
|
2659
|
-
create_fragment$
|
|
3027
|
+
create_fragment$C,
|
|
2660
3028
|
safe_not_equal,
|
|
2661
3029
|
{},
|
|
2662
3030
|
null
|
|
@@ -2674,7 +3042,7 @@ customElements.define("goa-card-actions", CardActions);
|
|
|
2674
3042
|
|
|
2675
3043
|
/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */
|
|
2676
3044
|
|
|
2677
|
-
function create_fragment$
|
|
3045
|
+
function create_fragment$B(ctx) {
|
|
2678
3046
|
let div;
|
|
2679
3047
|
let slot;
|
|
2680
3048
|
let div_style_value;
|
|
@@ -2714,7 +3082,7 @@ function create_fragment$z(ctx) {
|
|
|
2714
3082
|
};
|
|
2715
3083
|
}
|
|
2716
3084
|
|
|
2717
|
-
function instance$
|
|
3085
|
+
function instance$w($$self, $$props, $$invalidate) {
|
|
2718
3086
|
let { elevation = 0 } = $$props;
|
|
2719
3087
|
let { width = "100%" } = $$props;
|
|
2720
3088
|
let { height = "auto" } = $$props;
|
|
@@ -2750,8 +3118,8 @@ class Card extends SvelteElement {
|
|
|
2750
3118
|
props: attribute_to_object(this.attributes),
|
|
2751
3119
|
customElement: true
|
|
2752
3120
|
},
|
|
2753
|
-
instance$
|
|
2754
|
-
create_fragment$
|
|
3121
|
+
instance$w,
|
|
3122
|
+
create_fragment$B,
|
|
2755
3123
|
safe_not_equal,
|
|
2756
3124
|
{
|
|
2757
3125
|
elevation: 0,
|
|
@@ -2859,7 +3227,7 @@ customElements.define("goa-card", Card);
|
|
|
2859
3227
|
|
|
2860
3228
|
/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */
|
|
2861
3229
|
|
|
2862
|
-
function create_fragment$
|
|
3230
|
+
function create_fragment$A(ctx) {
|
|
2863
3231
|
let div;
|
|
2864
3232
|
|
|
2865
3233
|
return {
|
|
@@ -2894,7 +3262,7 @@ class CardContent extends SvelteElement {
|
|
|
2894
3262
|
customElement: true
|
|
2895
3263
|
},
|
|
2896
3264
|
null,
|
|
2897
|
-
create_fragment$
|
|
3265
|
+
create_fragment$A,
|
|
2898
3266
|
safe_not_equal,
|
|
2899
3267
|
{},
|
|
2900
3268
|
null
|
|
@@ -2912,7 +3280,7 @@ customElements.define("goa-card-content", CardContent);
|
|
|
2912
3280
|
|
|
2913
3281
|
/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */
|
|
2914
3282
|
|
|
2915
|
-
function create_fragment$
|
|
3283
|
+
function create_fragment$z(ctx) {
|
|
2916
3284
|
let div;
|
|
2917
3285
|
|
|
2918
3286
|
return {
|
|
@@ -2947,7 +3315,7 @@ class CardGroup extends SvelteElement {
|
|
|
2947
3315
|
customElement: true
|
|
2948
3316
|
},
|
|
2949
3317
|
null,
|
|
2950
|
-
create_fragment$
|
|
3318
|
+
create_fragment$z,
|
|
2951
3319
|
safe_not_equal,
|
|
2952
3320
|
{},
|
|
2953
3321
|
null
|
|
@@ -2965,7 +3333,7 @@ customElements.define("goa-card-group", CardGroup);
|
|
|
2965
3333
|
|
|
2966
3334
|
/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */
|
|
2967
3335
|
|
|
2968
|
-
function create_fragment$
|
|
3336
|
+
function create_fragment$y(ctx) {
|
|
2969
3337
|
let div;
|
|
2970
3338
|
|
|
2971
3339
|
return {
|
|
@@ -2997,7 +3365,7 @@ function create_fragment$w(ctx) {
|
|
|
2997
3365
|
};
|
|
2998
3366
|
}
|
|
2999
3367
|
|
|
3000
|
-
function instance$
|
|
3368
|
+
function instance$v($$self, $$props, $$invalidate) {
|
|
3001
3369
|
let { src } = $$props;
|
|
3002
3370
|
let { height = "100%" } = $$props;
|
|
3003
3371
|
|
|
@@ -3021,8 +3389,8 @@ class CardImage extends SvelteElement {
|
|
|
3021
3389
|
props: attribute_to_object(this.attributes),
|
|
3022
3390
|
customElement: true
|
|
3023
3391
|
},
|
|
3024
|
-
instance$
|
|
3025
|
-
create_fragment$
|
|
3392
|
+
instance$v,
|
|
3393
|
+
create_fragment$y,
|
|
3026
3394
|
safe_not_equal,
|
|
3027
3395
|
{ src: 0, height: 1 },
|
|
3028
3396
|
null
|
|
@@ -3092,7 +3460,7 @@ function create_if_block_1$8(ctx) {
|
|
|
3092
3460
|
}
|
|
3093
3461
|
|
|
3094
3462
|
// (68:4) {#if isIndeterminate}
|
|
3095
|
-
function create_if_block$
|
|
3463
|
+
function create_if_block$f(ctx) {
|
|
3096
3464
|
let svg;
|
|
3097
3465
|
let rect;
|
|
3098
3466
|
|
|
@@ -3117,7 +3485,7 @@ function create_if_block$e(ctx) {
|
|
|
3117
3485
|
};
|
|
3118
3486
|
}
|
|
3119
3487
|
|
|
3120
|
-
function create_fragment$
|
|
3488
|
+
function create_fragment$x(ctx) {
|
|
3121
3489
|
let label;
|
|
3122
3490
|
let div0;
|
|
3123
3491
|
let input;
|
|
@@ -3133,7 +3501,7 @@ function create_fragment$v(ctx) {
|
|
|
3133
3501
|
let dispose;
|
|
3134
3502
|
|
|
3135
3503
|
function select_block_type(ctx, dirty) {
|
|
3136
|
-
if (/*isIndeterminate*/ ctx[10]) return create_if_block$
|
|
3504
|
+
if (/*isIndeterminate*/ ctx[10]) return create_if_block$f;
|
|
3137
3505
|
if (/*isChecked*/ ctx[9]) return create_if_block_1$8;
|
|
3138
3506
|
}
|
|
3139
3507
|
|
|
@@ -3262,7 +3630,7 @@ function create_fragment$v(ctx) {
|
|
|
3262
3630
|
};
|
|
3263
3631
|
}
|
|
3264
3632
|
|
|
3265
|
-
function instance$
|
|
3633
|
+
function instance$u($$self, $$props, $$invalidate) {
|
|
3266
3634
|
let isDisabled;
|
|
3267
3635
|
let isError;
|
|
3268
3636
|
let isChecked;
|
|
@@ -3365,7 +3733,7 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
3365
3733
|
class Checkbox extends SvelteElement {
|
|
3366
3734
|
constructor(options) {
|
|
3367
3735
|
super();
|
|
3368
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);display:block}.goa-checkbox{display:inline-flex;align-items:center;min-height:calc(3rem - 4px);cursor:pointer}.goa-checkbox input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer}.goa-checkbox--disabled .goa-checkbox-text{opacity:40%}.goa-checkbox
|
|
3736
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);display:block}.goa-checkbox{display:inline-flex;align-items:center;min-height:calc(3rem - 4px);cursor:pointer}.goa-checkbox input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer}.goa-checkbox--disabled .goa-checkbox-text{opacity:40%}.goa-checkbox-container{box-sizing:border-box;border:1px solid var(--goa-color-greyscale-700);border-radius:2px;background-color:var(--goa-color-greyscale-white);height:1.5rem;width:1.5rem;display:flex;justify-content:center;padding:3px;flex:0 0 auto}.goa-checkbox-container svg{fill:var(--goa-color-greyscale-white)}.goa-checkbox-container.goa-checkbox--selected{background-color:var(--goa-color-interactive-default)}.goa-checkbox-container.goa-checkbox--selected:hover{background-color:var(--goa-color-interactive-hover)}.goa-checkbox-container:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);border:none}.goa-checkbox-container:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border:1px solid var(--goa-color-greyscale-700);outline:none}.goa-checkbox-text{padding-left:0.5rem;user-select:none;font-weight:var(--goa-font-weight-regular)}.goa-checkbox--disabled .goa-checkbox-container,.goa-checkbox--disabled .goa-checkbox-container:hover{border:1px solid var(--goa-color-greyscale-400);box-shadow:none}.goa-checkbox--disabled,input[type=checkbox][disabled]:hover{cursor:default}.goa-checkbox--error .goa-checkbox-container,.goa-checkbox--error .goa-checkbox-container:hover{border:1px solid var(--goa-color-emergency-default);box-shadow:inset 0 0 0 1px var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.goa-checkbox--error .goa-checkbox-container svg{fill:var(--goa-color-emergency-default)}</style>`;
|
|
3369
3737
|
|
|
3370
3738
|
init(
|
|
3371
3739
|
this,
|
|
@@ -3374,8 +3742,8 @@ class Checkbox extends SvelteElement {
|
|
|
3374
3742
|
props: attribute_to_object(this.attributes),
|
|
3375
3743
|
customElement: true
|
|
3376
3744
|
},
|
|
3377
|
-
instance$
|
|
3378
|
-
create_fragment$
|
|
3745
|
+
instance$u,
|
|
3746
|
+
create_fragment$x,
|
|
3379
3747
|
safe_not_equal,
|
|
3380
3748
|
{
|
|
3381
3749
|
name: 0,
|
|
@@ -3561,7 +3929,7 @@ function create_if_block_1$7(ctx) {
|
|
|
3561
3929
|
}
|
|
3562
3930
|
|
|
3563
3931
|
// (54:2) {#if _deletable}
|
|
3564
|
-
function create_if_block$
|
|
3932
|
+
function create_if_block$e(ctx) {
|
|
3565
3933
|
let goa_icon;
|
|
3566
3934
|
let goa_icon_fillcolor_value;
|
|
3567
3935
|
let goa_icon_opacity_value;
|
|
@@ -3604,7 +3972,7 @@ function create_if_block$d(ctx) {
|
|
|
3604
3972
|
};
|
|
3605
3973
|
}
|
|
3606
3974
|
|
|
3607
|
-
function create_fragment$
|
|
3975
|
+
function create_fragment$w(ctx) {
|
|
3608
3976
|
let div1;
|
|
3609
3977
|
let t0;
|
|
3610
3978
|
let div0;
|
|
@@ -3614,7 +3982,7 @@ function create_fragment$u(ctx) {
|
|
|
3614
3982
|
let mounted;
|
|
3615
3983
|
let dispose;
|
|
3616
3984
|
let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_1$7(ctx);
|
|
3617
|
-
let if_block1 = /*_deletable*/ ctx[11] && create_if_block$
|
|
3985
|
+
let if_block1 = /*_deletable*/ ctx[11] && create_if_block$e(ctx);
|
|
3618
3986
|
|
|
3619
3987
|
return {
|
|
3620
3988
|
c() {
|
|
@@ -3677,7 +4045,7 @@ function create_fragment$u(ctx) {
|
|
|
3677
4045
|
if (if_block1) {
|
|
3678
4046
|
if_block1.p(ctx, dirty);
|
|
3679
4047
|
} else {
|
|
3680
|
-
if_block1 = create_if_block$
|
|
4048
|
+
if_block1 = create_if_block$e(ctx);
|
|
3681
4049
|
if_block1.c();
|
|
3682
4050
|
if_block1.m(div1, null);
|
|
3683
4051
|
}
|
|
@@ -3719,7 +4087,7 @@ function create_fragment$u(ctx) {
|
|
|
3719
4087
|
};
|
|
3720
4088
|
}
|
|
3721
4089
|
|
|
3722
|
-
function instance$
|
|
4090
|
+
function instance$t($$self, $$props, $$invalidate) {
|
|
3723
4091
|
let { mt = null } = $$props;
|
|
3724
4092
|
let { mr = null } = $$props;
|
|
3725
4093
|
let { mb = null } = $$props;
|
|
@@ -3816,8 +4184,8 @@ class Chip extends SvelteElement {
|
|
|
3816
4184
|
props: attribute_to_object(this.attributes),
|
|
3817
4185
|
customElement: true
|
|
3818
4186
|
},
|
|
3819
|
-
instance$
|
|
3820
|
-
create_fragment$
|
|
4187
|
+
instance$t,
|
|
4188
|
+
create_fragment$w,
|
|
3821
4189
|
safe_not_equal,
|
|
3822
4190
|
{
|
|
3823
4191
|
mt: 0,
|
|
@@ -4043,7 +4411,7 @@ function noscroll(_node, opts) {
|
|
|
4043
4411
|
|
|
4044
4412
|
/* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.51.0 */
|
|
4045
4413
|
|
|
4046
|
-
function create_if_block$
|
|
4414
|
+
function create_if_block$d(ctx) {
|
|
4047
4415
|
let current_block_type_index;
|
|
4048
4416
|
let if_block;
|
|
4049
4417
|
let if_block_anchor;
|
|
@@ -4325,10 +4693,10 @@ function create_if_block_2$5(ctx) {
|
|
|
4325
4693
|
};
|
|
4326
4694
|
}
|
|
4327
4695
|
|
|
4328
|
-
function create_fragment$
|
|
4696
|
+
function create_fragment$v(ctx) {
|
|
4329
4697
|
let if_block_anchor;
|
|
4330
4698
|
let current;
|
|
4331
|
-
let if_block = /*isVisible*/ ctx[5] && create_if_block$
|
|
4699
|
+
let if_block = /*isVisible*/ ctx[5] && create_if_block$d(ctx);
|
|
4332
4700
|
|
|
4333
4701
|
return {
|
|
4334
4702
|
c() {
|
|
@@ -4350,7 +4718,7 @@ function create_fragment$t(ctx) {
|
|
|
4350
4718
|
transition_in(if_block, 1);
|
|
4351
4719
|
}
|
|
4352
4720
|
} else {
|
|
4353
|
-
if_block = create_if_block$
|
|
4721
|
+
if_block = create_if_block$d(ctx);
|
|
4354
4722
|
if_block.c();
|
|
4355
4723
|
transition_in(if_block, 1);
|
|
4356
4724
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
@@ -4381,7 +4749,7 @@ function create_fragment$t(ctx) {
|
|
|
4381
4749
|
};
|
|
4382
4750
|
}
|
|
4383
4751
|
|
|
4384
|
-
function instance$
|
|
4752
|
+
function instance$s($$self, $$props, $$invalidate) {
|
|
4385
4753
|
let isVisible;
|
|
4386
4754
|
const [Variants, validateVariant] = typeValidator("Circular progress variant", ["fullscreen", "inline"]);
|
|
4387
4755
|
const [Sizes, validateSize] = typeValidator("Button size", ["small", "large"]);
|
|
@@ -4441,8 +4809,8 @@ class CircularProgress extends SvelteElement {
|
|
|
4441
4809
|
props: attribute_to_object(this.attributes),
|
|
4442
4810
|
customElement: true
|
|
4443
4811
|
},
|
|
4444
|
-
instance$
|
|
4445
|
-
create_fragment$
|
|
4812
|
+
instance$s,
|
|
4813
|
+
create_fragment$v,
|
|
4446
4814
|
safe_not_equal,
|
|
4447
4815
|
{
|
|
4448
4816
|
variant: 6,
|
|
@@ -4520,7 +4888,7 @@ customElements.define("goa-circular-progress", CircularProgress);
|
|
|
4520
4888
|
|
|
4521
4889
|
/* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.51.0 */
|
|
4522
4890
|
|
|
4523
|
-
function create_fragment$
|
|
4891
|
+
function create_fragment$u(ctx) {
|
|
4524
4892
|
let div3;
|
|
4525
4893
|
let header;
|
|
4526
4894
|
let div0;
|
|
@@ -4598,7 +4966,7 @@ function create_fragment$s(ctx) {
|
|
|
4598
4966
|
};
|
|
4599
4967
|
}
|
|
4600
4968
|
|
|
4601
|
-
function instance$
|
|
4969
|
+
function instance$r($$self, $$props, $$invalidate) {
|
|
4602
4970
|
const [Types, validateType] = typeValidator("Container type", ["interactive", "info", "error", "success", "important", "non-interactive"]);
|
|
4603
4971
|
const [Accents, validateAccent] = typeValidator("Container accent", ["thick", "thin", "filled"]);
|
|
4604
4972
|
const [Paddings, validatePadding] = typeValidator("Container padding", ["relaxed", "compact"]);
|
|
@@ -4643,8 +5011,8 @@ class Container extends SvelteElement {
|
|
|
4643
5011
|
props: attribute_to_object(this.attributes),
|
|
4644
5012
|
customElement: true
|
|
4645
5013
|
},
|
|
4646
|
-
instance$
|
|
4647
|
-
create_fragment$
|
|
5014
|
+
instance$r,
|
|
5015
|
+
create_fragment$u,
|
|
4648
5016
|
safe_not_equal,
|
|
4649
5017
|
{
|
|
4650
5018
|
type: 0,
|
|
@@ -4750,9 +5118,201 @@ class Container extends SvelteElement {
|
|
|
4750
5118
|
|
|
4751
5119
|
customElements.define("goa-container", Container);
|
|
4752
5120
|
|
|
5121
|
+
/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.51.0 */
|
|
5122
|
+
|
|
5123
|
+
function create_fragment$t(ctx) {
|
|
5124
|
+
let details;
|
|
5125
|
+
let summary;
|
|
5126
|
+
let goa_icon;
|
|
5127
|
+
let goa_icon_fillcolor_value;
|
|
5128
|
+
let t0;
|
|
5129
|
+
let span;
|
|
5130
|
+
let t1;
|
|
5131
|
+
let t2;
|
|
5132
|
+
let div;
|
|
5133
|
+
let details_style_value;
|
|
5134
|
+
|
|
5135
|
+
return {
|
|
5136
|
+
c() {
|
|
5137
|
+
details = element("details");
|
|
5138
|
+
summary = element("summary");
|
|
5139
|
+
goa_icon = element("goa-icon");
|
|
5140
|
+
t0 = space();
|
|
5141
|
+
span = element("span");
|
|
5142
|
+
t1 = text(/*heading*/ ctx[0]);
|
|
5143
|
+
t2 = space();
|
|
5144
|
+
div = element("div");
|
|
5145
|
+
div.innerHTML = `<slot></slot>`;
|
|
5146
|
+
this.c = noop;
|
|
5147
|
+
set_custom_element_data(goa_icon, "mt", "1");
|
|
5148
|
+
set_custom_element_data(goa_icon, "mr", "2");
|
|
5149
|
+
set_custom_element_data(goa_icon, "type", "chevron-forward");
|
|
5150
|
+
|
|
5151
|
+
set_custom_element_data(goa_icon, "fillcolor", goa_icon_fillcolor_value = /*_isMouseOver*/ ctx[5]
|
|
5152
|
+
? "var(--goa-color-interactive-hover)"
|
|
5153
|
+
: "var(--goa-color-interactive-default)");
|
|
5154
|
+
|
|
5155
|
+
attr(div, "class", "content");
|
|
5156
|
+
attr(details, "style", details_style_value = calculateMargin(/*mt*/ ctx[1], /*mr*/ ctx[2], /*mb*/ ctx[3], /*ml*/ ctx[4]));
|
|
5157
|
+
},
|
|
5158
|
+
m(target, anchor) {
|
|
5159
|
+
insert(target, details, anchor);
|
|
5160
|
+
append(details, summary);
|
|
5161
|
+
append(summary, goa_icon);
|
|
5162
|
+
append(summary, t0);
|
|
5163
|
+
append(summary, span);
|
|
5164
|
+
append(span, t1);
|
|
5165
|
+
/*summary_binding*/ ctx[7](summary);
|
|
5166
|
+
append(details, t2);
|
|
5167
|
+
append(details, div);
|
|
5168
|
+
},
|
|
5169
|
+
p(ctx, [dirty]) {
|
|
5170
|
+
if (dirty & /*_isMouseOver*/ 32 && goa_icon_fillcolor_value !== (goa_icon_fillcolor_value = /*_isMouseOver*/ ctx[5]
|
|
5171
|
+
? "var(--goa-color-interactive-hover)"
|
|
5172
|
+
: "var(--goa-color-interactive-default)")) {
|
|
5173
|
+
set_custom_element_data(goa_icon, "fillcolor", goa_icon_fillcolor_value);
|
|
5174
|
+
}
|
|
5175
|
+
|
|
5176
|
+
if (dirty & /*heading*/ 1) set_data(t1, /*heading*/ ctx[0]);
|
|
5177
|
+
|
|
5178
|
+
if (dirty & /*mt, mr, mb, ml*/ 30 && details_style_value !== (details_style_value = calculateMargin(/*mt*/ ctx[1], /*mr*/ ctx[2], /*mb*/ ctx[3], /*ml*/ ctx[4]))) {
|
|
5179
|
+
attr(details, "style", details_style_value);
|
|
5180
|
+
}
|
|
5181
|
+
},
|
|
5182
|
+
i: noop,
|
|
5183
|
+
o: noop,
|
|
5184
|
+
d(detaching) {
|
|
5185
|
+
if (detaching) detach(details);
|
|
5186
|
+
/*summary_binding*/ ctx[7](null);
|
|
5187
|
+
}
|
|
5188
|
+
};
|
|
5189
|
+
}
|
|
5190
|
+
|
|
5191
|
+
function instance$q($$self, $$props, $$invalidate) {
|
|
5192
|
+
let { heading } = $$props;
|
|
5193
|
+
let { mt = null } = $$props;
|
|
5194
|
+
let { mr = null } = $$props;
|
|
5195
|
+
let { mb = null } = $$props;
|
|
5196
|
+
let { ml = null } = $$props;
|
|
5197
|
+
let _isMouseOver = false;
|
|
5198
|
+
let _summaryEl;
|
|
5199
|
+
|
|
5200
|
+
onMount(() => {
|
|
5201
|
+
validateRequired("Details", { heading });
|
|
5202
|
+
|
|
5203
|
+
_summaryEl.addEventListener("mouseover", () => {
|
|
5204
|
+
$$invalidate(5, _isMouseOver = true);
|
|
5205
|
+
});
|
|
5206
|
+
|
|
5207
|
+
_summaryEl.addEventListener("mouseout", () => {
|
|
5208
|
+
$$invalidate(5, _isMouseOver = false);
|
|
5209
|
+
});
|
|
5210
|
+
});
|
|
5211
|
+
|
|
5212
|
+
function summary_binding($$value) {
|
|
5213
|
+
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
5214
|
+
_summaryEl = $$value;
|
|
5215
|
+
$$invalidate(6, _summaryEl);
|
|
5216
|
+
});
|
|
5217
|
+
}
|
|
5218
|
+
|
|
5219
|
+
$$self.$$set = $$props => {
|
|
5220
|
+
if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
|
|
5221
|
+
if ('mt' in $$props) $$invalidate(1, mt = $$props.mt);
|
|
5222
|
+
if ('mr' in $$props) $$invalidate(2, mr = $$props.mr);
|
|
5223
|
+
if ('mb' in $$props) $$invalidate(3, mb = $$props.mb);
|
|
5224
|
+
if ('ml' in $$props) $$invalidate(4, ml = $$props.ml);
|
|
5225
|
+
};
|
|
5226
|
+
|
|
5227
|
+
return [heading, mt, mr, mb, ml, _isMouseOver, _summaryEl, summary_binding];
|
|
5228
|
+
}
|
|
5229
|
+
|
|
5230
|
+
class Details extends SvelteElement {
|
|
5231
|
+
constructor(options) {
|
|
5232
|
+
super();
|
|
5233
|
+
this.shadowRoot.innerHTML = `<style>:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}</style>`;
|
|
5234
|
+
|
|
5235
|
+
init(
|
|
5236
|
+
this,
|
|
5237
|
+
{
|
|
5238
|
+
target: this.shadowRoot,
|
|
5239
|
+
props: attribute_to_object(this.attributes),
|
|
5240
|
+
customElement: true
|
|
5241
|
+
},
|
|
5242
|
+
instance$q,
|
|
5243
|
+
create_fragment$t,
|
|
5244
|
+
safe_not_equal,
|
|
5245
|
+
{ heading: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
|
|
5246
|
+
null
|
|
5247
|
+
);
|
|
5248
|
+
|
|
5249
|
+
if (options) {
|
|
5250
|
+
if (options.target) {
|
|
5251
|
+
insert(options.target, this, options.anchor);
|
|
5252
|
+
}
|
|
5253
|
+
|
|
5254
|
+
if (options.props) {
|
|
5255
|
+
this.$set(options.props);
|
|
5256
|
+
flush();
|
|
5257
|
+
}
|
|
5258
|
+
}
|
|
5259
|
+
}
|
|
5260
|
+
|
|
5261
|
+
static get observedAttributes() {
|
|
5262
|
+
return ["heading", "mt", "mr", "mb", "ml"];
|
|
5263
|
+
}
|
|
5264
|
+
|
|
5265
|
+
get heading() {
|
|
5266
|
+
return this.$$.ctx[0];
|
|
5267
|
+
}
|
|
5268
|
+
|
|
5269
|
+
set heading(heading) {
|
|
5270
|
+
this.$$set({ heading });
|
|
5271
|
+
flush();
|
|
5272
|
+
}
|
|
5273
|
+
|
|
5274
|
+
get mt() {
|
|
5275
|
+
return this.$$.ctx[1];
|
|
5276
|
+
}
|
|
5277
|
+
|
|
5278
|
+
set mt(mt) {
|
|
5279
|
+
this.$$set({ mt });
|
|
5280
|
+
flush();
|
|
5281
|
+
}
|
|
5282
|
+
|
|
5283
|
+
get mr() {
|
|
5284
|
+
return this.$$.ctx[2];
|
|
5285
|
+
}
|
|
5286
|
+
|
|
5287
|
+
set mr(mr) {
|
|
5288
|
+
this.$$set({ mr });
|
|
5289
|
+
flush();
|
|
5290
|
+
}
|
|
5291
|
+
|
|
5292
|
+
get mb() {
|
|
5293
|
+
return this.$$.ctx[3];
|
|
5294
|
+
}
|
|
5295
|
+
|
|
5296
|
+
set mb(mb) {
|
|
5297
|
+
this.$$set({ mb });
|
|
5298
|
+
flush();
|
|
5299
|
+
}
|
|
5300
|
+
|
|
5301
|
+
get ml() {
|
|
5302
|
+
return this.$$.ctx[4];
|
|
5303
|
+
}
|
|
5304
|
+
|
|
5305
|
+
set ml(ml) {
|
|
5306
|
+
this.$$set({ ml });
|
|
5307
|
+
flush();
|
|
5308
|
+
}
|
|
5309
|
+
}
|
|
5310
|
+
|
|
5311
|
+
customElements.define("goa-details", Details);
|
|
5312
|
+
|
|
4753
5313
|
/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.51.0 */
|
|
4754
5314
|
|
|
4755
|
-
function create_fragment$
|
|
5315
|
+
function create_fragment$s(ctx) {
|
|
4756
5316
|
let hr;
|
|
4757
5317
|
let hr_style_value;
|
|
4758
5318
|
|
|
@@ -4783,7 +5343,7 @@ function create_fragment$r(ctx) {
|
|
|
4783
5343
|
};
|
|
4784
5344
|
}
|
|
4785
5345
|
|
|
4786
|
-
function instance$
|
|
5346
|
+
function instance$p($$self, $$props, $$invalidate) {
|
|
4787
5347
|
let { testid = "" } = $$props;
|
|
4788
5348
|
let { mt = null } = $$props;
|
|
4789
5349
|
let { mr = null } = $$props;
|
|
@@ -4813,8 +5373,8 @@ class Divider extends SvelteElement {
|
|
|
4813
5373
|
props: attribute_to_object(this.attributes),
|
|
4814
5374
|
customElement: true
|
|
4815
5375
|
},
|
|
4816
|
-
instance$
|
|
4817
|
-
create_fragment$
|
|
5376
|
+
instance$p,
|
|
5377
|
+
create_fragment$s,
|
|
4818
5378
|
safe_not_equal,
|
|
4819
5379
|
{ testid: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
|
|
4820
5380
|
null
|
|
@@ -4900,7 +5460,7 @@ function get_each_context$4(ctx, list, i) {
|
|
|
4900
5460
|
}
|
|
4901
5461
|
|
|
4902
5462
|
// (256:2) {:else}
|
|
4903
|
-
function create_else_block$
|
|
5463
|
+
function create_else_block$2(ctx) {
|
|
4904
5464
|
let t0;
|
|
4905
5465
|
let goa_input;
|
|
4906
5466
|
let goa_input_arialabel_value;
|
|
@@ -5070,7 +5630,7 @@ function create_else_block$1(ctx) {
|
|
|
5070
5630
|
}
|
|
5071
5631
|
|
|
5072
5632
|
// (237:2) {#if _native}
|
|
5073
|
-
function create_if_block$
|
|
5633
|
+
function create_if_block$c(ctx) {
|
|
5074
5634
|
let select;
|
|
5075
5635
|
let slot;
|
|
5076
5636
|
let select_aria_label_value;
|
|
@@ -5339,14 +5899,14 @@ function create_each_block$4(ctx) {
|
|
|
5339
5899
|
};
|
|
5340
5900
|
}
|
|
5341
5901
|
|
|
5342
|
-
function create_fragment$
|
|
5902
|
+
function create_fragment$r(ctx) {
|
|
5343
5903
|
let div;
|
|
5344
5904
|
let div_data_testid_value;
|
|
5345
5905
|
let div_style_value;
|
|
5346
5906
|
|
|
5347
5907
|
function select_block_type(ctx, dirty) {
|
|
5348
|
-
if (/*_native*/ ctx[22]) return create_if_block$
|
|
5349
|
-
return create_else_block$
|
|
5908
|
+
if (/*_native*/ ctx[22]) return create_if_block$c;
|
|
5909
|
+
return create_else_block$2;
|
|
5350
5910
|
}
|
|
5351
5911
|
|
|
5352
5912
|
let current_block_type = select_block_type(ctx);
|
|
@@ -5410,7 +5970,7 @@ function create_fragment$q(ctx) {
|
|
|
5410
5970
|
};
|
|
5411
5971
|
}
|
|
5412
5972
|
|
|
5413
|
-
function instance$
|
|
5973
|
+
function instance$o($$self, $$props, $$invalidate) {
|
|
5414
5974
|
let _disabled;
|
|
5415
5975
|
let _error;
|
|
5416
5976
|
let _multiselect;
|
|
@@ -5769,7 +6329,7 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
|
5769
6329
|
class Dropdown extends SvelteElement {
|
|
5770
6330
|
constructor(options) {
|
|
5771
6331
|
super();
|
|
5772
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{position:relative;cursor:pointer;display:inline-block;width:100%}@media(min-width: 640px){.dropdown{width:var(--width)}}.dropdown-background{cursor:default;position:fixed;z-index:98;inset:0}.dropdown-list{position:absolute;left:0;right:0;padding:0;margin:0;margin-top:3px;list-style-type:none;background:var(--goa-color-greyscale-white);border-radius:var(--goa-border-radius-m);outline:none;box-shadow:var(--shadow-1);z-index:99;scroll-behavior:smooth;scrollbar-width:thin;display:none}.dropdown-active{display:block}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-list::-webkit-scrollbar-thumb{background:#888}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#555}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--goa-color-greyscale-700)}.dropdown-item--selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white)}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}select{border:none;background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);appearance:none;padding:calc(var(--goa-space-xs) + 2px);padding-left:0.5rem;padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}</style>`;
|
|
6332
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{position:relative;cursor:pointer;display:inline-block;width:100%}@media(min-width: 640px){.dropdown{width:var(--width)}}.dropdown-background{cursor:default;position:fixed;z-index:98;inset:0}.dropdown-list{position:absolute;left:0;right:0;padding:0;margin:0;margin-top:3px;list-style-type:none;background:var(--goa-color-greyscale-white);border-radius:var(--goa-border-radius-m);outline:none;box-shadow:var(--shadow-1);z-index:99;scroll-behavior:smooth;scrollbar-width:thin;display:none}.dropdown-active{display:block}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-list::-webkit-scrollbar-thumb{background:#888}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#555}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--goa-color-greyscale-700)}.dropdown-item--selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white);transition:box-shadow 0.1s ease-in}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}.dropdown-native:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}select{border:none;background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);appearance:none;padding:calc(var(--goa-space-xs) + 2px);padding-left:0.5rem;padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}</style>`;
|
|
5773
6333
|
|
|
5774
6334
|
init(
|
|
5775
6335
|
this,
|
|
@@ -5778,8 +6338,8 @@ class Dropdown extends SvelteElement {
|
|
|
5778
6338
|
props: attribute_to_object(this.attributes),
|
|
5779
6339
|
customElement: true
|
|
5780
6340
|
},
|
|
5781
|
-
instance$
|
|
5782
|
-
create_fragment$
|
|
6341
|
+
instance$o,
|
|
6342
|
+
create_fragment$r,
|
|
5783
6343
|
safe_not_equal,
|
|
5784
6344
|
{
|
|
5785
6345
|
name: 0,
|
|
@@ -5974,7 +6534,7 @@ customElements.define("goa-dropdown", Dropdown);
|
|
|
5974
6534
|
|
|
5975
6535
|
/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
|
|
5976
6536
|
|
|
5977
|
-
function create_fragment$
|
|
6537
|
+
function create_fragment$q(ctx) {
|
|
5978
6538
|
return {
|
|
5979
6539
|
c() {
|
|
5980
6540
|
this.c = noop;
|
|
@@ -5999,7 +6559,7 @@ class DropdownItem extends SvelteElement {
|
|
|
5999
6559
|
customElement: true
|
|
6000
6560
|
},
|
|
6001
6561
|
null,
|
|
6002
|
-
create_fragment$
|
|
6562
|
+
create_fragment$q,
|
|
6003
6563
|
safe_not_equal,
|
|
6004
6564
|
{},
|
|
6005
6565
|
null
|
|
@@ -6017,7 +6577,7 @@ customElements.define("goa-dropdown-item", DropdownItem);
|
|
|
6017
6577
|
|
|
6018
6578
|
/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
|
|
6019
6579
|
|
|
6020
|
-
function create_fragment$
|
|
6580
|
+
function create_fragment$p(ctx) {
|
|
6021
6581
|
let div;
|
|
6022
6582
|
|
|
6023
6583
|
return {
|
|
@@ -6070,7 +6630,7 @@ function isFocusable(element) {
|
|
|
6070
6630
|
}
|
|
6071
6631
|
}
|
|
6072
6632
|
|
|
6073
|
-
function instance$
|
|
6633
|
+
function instance$n($$self, $$props, $$invalidate) {
|
|
6074
6634
|
let isActive;
|
|
6075
6635
|
let { active } = $$props;
|
|
6076
6636
|
let ignoreFocusChanges = false;
|
|
@@ -6247,8 +6807,8 @@ class FocusTrap extends SvelteElement {
|
|
|
6247
6807
|
props: attribute_to_object(this.attributes),
|
|
6248
6808
|
customElement: true
|
|
6249
6809
|
},
|
|
6250
|
-
instance$
|
|
6251
|
-
create_fragment$
|
|
6810
|
+
instance$n,
|
|
6811
|
+
create_fragment$p,
|
|
6252
6812
|
safe_not_equal,
|
|
6253
6813
|
{ active: 1 },
|
|
6254
6814
|
null
|
|
@@ -6284,7 +6844,7 @@ customElements.define("goa-focus-trap", FocusTrap);
|
|
|
6284
6844
|
|
|
6285
6845
|
/* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.51.0 */
|
|
6286
6846
|
|
|
6287
|
-
function create_if_block$
|
|
6847
|
+
function create_if_block$b(ctx) {
|
|
6288
6848
|
let goa_divider;
|
|
6289
6849
|
|
|
6290
6850
|
return {
|
|
@@ -6301,7 +6861,7 @@ function create_if_block$a(ctx) {
|
|
|
6301
6861
|
};
|
|
6302
6862
|
}
|
|
6303
6863
|
|
|
6304
|
-
function create_fragment$
|
|
6864
|
+
function create_fragment$o(ctx) {
|
|
6305
6865
|
let div5;
|
|
6306
6866
|
let div4;
|
|
6307
6867
|
let div0;
|
|
@@ -6315,7 +6875,7 @@ function create_fragment$n(ctx) {
|
|
|
6315
6875
|
let t3;
|
|
6316
6876
|
let a1;
|
|
6317
6877
|
let div5_style_value;
|
|
6318
|
-
let if_block = /*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0 && create_if_block$
|
|
6878
|
+
let if_block = /*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0 && create_if_block$b();
|
|
6319
6879
|
|
|
6320
6880
|
return {
|
|
6321
6881
|
c() {
|
|
@@ -6369,7 +6929,7 @@ function create_fragment$n(ctx) {
|
|
|
6369
6929
|
p(ctx, [dirty]) {
|
|
6370
6930
|
if (/*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0) {
|
|
6371
6931
|
if (if_block) ; else {
|
|
6372
|
-
if_block = create_if_block$
|
|
6932
|
+
if_block = create_if_block$b();
|
|
6373
6933
|
if_block.c();
|
|
6374
6934
|
if_block.m(div4, t1);
|
|
6375
6935
|
}
|
|
@@ -6400,7 +6960,7 @@ function create_fragment$n(ctx) {
|
|
|
6400
6960
|
};
|
|
6401
6961
|
}
|
|
6402
6962
|
|
|
6403
|
-
function instance$
|
|
6963
|
+
function instance$m($$self, $$props, $$invalidate) {
|
|
6404
6964
|
let { maxcontentwidth = "" } = $$props;
|
|
6405
6965
|
let rootEl;
|
|
6406
6966
|
let navLinks;
|
|
@@ -6441,8 +7001,8 @@ class Footer extends SvelteElement {
|
|
|
6441
7001
|
props: attribute_to_object(this.attributes),
|
|
6442
7002
|
customElement: true
|
|
6443
7003
|
},
|
|
6444
|
-
instance$
|
|
6445
|
-
create_fragment$
|
|
7004
|
+
instance$m,
|
|
7005
|
+
create_fragment$o,
|
|
6446
7006
|
safe_not_equal,
|
|
6447
7007
|
{ maxcontentwidth: 0 },
|
|
6448
7008
|
null
|
|
@@ -6517,7 +7077,7 @@ function create_each_block$3(ctx) {
|
|
|
6517
7077
|
};
|
|
6518
7078
|
}
|
|
6519
7079
|
|
|
6520
|
-
function create_fragment$
|
|
7080
|
+
function create_fragment$n(ctx) {
|
|
6521
7081
|
let section;
|
|
6522
7082
|
let div;
|
|
6523
7083
|
let t;
|
|
@@ -6590,7 +7150,7 @@ function create_fragment$m(ctx) {
|
|
|
6590
7150
|
};
|
|
6591
7151
|
}
|
|
6592
7152
|
|
|
6593
|
-
function instance$
|
|
7153
|
+
function instance$l($$self, $$props, $$invalidate) {
|
|
6594
7154
|
let rootEl;
|
|
6595
7155
|
let children = [];
|
|
6596
7156
|
|
|
@@ -6634,8 +7194,8 @@ class FooterMetaSection extends SvelteElement {
|
|
|
6634
7194
|
props: attribute_to_object(this.attributes),
|
|
6635
7195
|
customElement: true
|
|
6636
7196
|
},
|
|
6637
|
-
instance$
|
|
6638
|
-
create_fragment$
|
|
7197
|
+
instance$l,
|
|
7198
|
+
create_fragment$n,
|
|
6639
7199
|
safe_not_equal,
|
|
6640
7200
|
{},
|
|
6641
7201
|
null
|
|
@@ -6660,7 +7220,7 @@ function get_each_context$2(ctx, list, i) {
|
|
|
6660
7220
|
}
|
|
6661
7221
|
|
|
6662
7222
|
// (31:2) {#if heading}
|
|
6663
|
-
function create_if_block$
|
|
7223
|
+
function create_if_block$a(ctx) {
|
|
6664
7224
|
let div;
|
|
6665
7225
|
let t0;
|
|
6666
7226
|
let t1;
|
|
@@ -6725,14 +7285,14 @@ function create_each_block$2(ctx) {
|
|
|
6725
7285
|
};
|
|
6726
7286
|
}
|
|
6727
7287
|
|
|
6728
|
-
function create_fragment$
|
|
7288
|
+
function create_fragment$m(ctx) {
|
|
6729
7289
|
let section;
|
|
6730
7290
|
let t0;
|
|
6731
7291
|
let div;
|
|
6732
7292
|
let t1;
|
|
6733
7293
|
let ul;
|
|
6734
7294
|
let ul_style_value;
|
|
6735
|
-
let if_block = /*heading*/ ctx[0] && create_if_block$
|
|
7295
|
+
let if_block = /*heading*/ ctx[0] && create_if_block$a(ctx);
|
|
6736
7296
|
let each_value = /*children*/ ctx[3];
|
|
6737
7297
|
let each_blocks = [];
|
|
6738
7298
|
|
|
@@ -6786,7 +7346,7 @@ function create_fragment$l(ctx) {
|
|
|
6786
7346
|
if (if_block) {
|
|
6787
7347
|
if_block.p(ctx, dirty);
|
|
6788
7348
|
} else {
|
|
6789
|
-
if_block = create_if_block$
|
|
7349
|
+
if_block = create_if_block$a(ctx);
|
|
6790
7350
|
if_block.c();
|
|
6791
7351
|
if_block.m(section, t0);
|
|
6792
7352
|
}
|
|
@@ -6840,7 +7400,7 @@ function create_fragment$l(ctx) {
|
|
|
6840
7400
|
};
|
|
6841
7401
|
}
|
|
6842
7402
|
|
|
6843
|
-
function instance$
|
|
7403
|
+
function instance$k($$self, $$props, $$invalidate) {
|
|
6844
7404
|
let { heading = "" } = $$props;
|
|
6845
7405
|
let { maxcolumncount = 1 } = $$props;
|
|
6846
7406
|
let rootEl;
|
|
@@ -6895,8 +7455,8 @@ class FooterNavSection extends SvelteElement {
|
|
|
6895
7455
|
props: attribute_to_object(this.attributes),
|
|
6896
7456
|
customElement: true
|
|
6897
7457
|
},
|
|
6898
|
-
instance$
|
|
6899
|
-
create_fragment$
|
|
7458
|
+
instance$k,
|
|
7459
|
+
create_fragment$m,
|
|
6900
7460
|
safe_not_equal,
|
|
6901
7461
|
{ heading: 0, maxcolumncount: 1 },
|
|
6902
7462
|
null
|
|
@@ -7050,7 +7610,7 @@ function create_if_block_1$4(ctx) {
|
|
|
7050
7610
|
}
|
|
7051
7611
|
|
|
7052
7612
|
// (48:2) {#if helptext}
|
|
7053
|
-
function create_if_block$
|
|
7613
|
+
function create_if_block$9(ctx) {
|
|
7054
7614
|
let div;
|
|
7055
7615
|
let t;
|
|
7056
7616
|
|
|
@@ -7073,7 +7633,7 @@ function create_if_block$8(ctx) {
|
|
|
7073
7633
|
};
|
|
7074
7634
|
}
|
|
7075
7635
|
|
|
7076
|
-
function create_fragment$
|
|
7636
|
+
function create_fragment$l(ctx) {
|
|
7077
7637
|
let div1;
|
|
7078
7638
|
let t0;
|
|
7079
7639
|
let div0;
|
|
@@ -7082,7 +7642,7 @@ function create_fragment$k(ctx) {
|
|
|
7082
7642
|
let div1_style_value;
|
|
7083
7643
|
let if_block0 = /*label*/ ctx[5] && create_if_block_2$4(ctx);
|
|
7084
7644
|
let if_block1 = /*error*/ ctx[7] && create_if_block_1$4(ctx);
|
|
7085
|
-
let if_block2 = /*helptext*/ ctx[6] && create_if_block$
|
|
7645
|
+
let if_block2 = /*helptext*/ ctx[6] && create_if_block$9(ctx);
|
|
7086
7646
|
|
|
7087
7647
|
return {
|
|
7088
7648
|
c() {
|
|
@@ -7142,7 +7702,7 @@ function create_fragment$k(ctx) {
|
|
|
7142
7702
|
if (if_block2) {
|
|
7143
7703
|
if_block2.p(ctx, dirty);
|
|
7144
7704
|
} else {
|
|
7145
|
-
if_block2 = create_if_block$
|
|
7705
|
+
if_block2 = create_if_block$9(ctx);
|
|
7146
7706
|
if_block2.c();
|
|
7147
7707
|
if_block2.m(div1, null);
|
|
7148
7708
|
}
|
|
@@ -7170,7 +7730,7 @@ function create_fragment$k(ctx) {
|
|
|
7170
7730
|
};
|
|
7171
7731
|
}
|
|
7172
7732
|
|
|
7173
|
-
function instance$
|
|
7733
|
+
function instance$j($$self, $$props, $$invalidate) {
|
|
7174
7734
|
const [REQUIREMENT_TYPES, validateRequirementType] = typeValidator("Requirement type", ["optional", "required"], false);
|
|
7175
7735
|
let { testid = "" } = $$props;
|
|
7176
7736
|
let { mt = null } = $$props;
|
|
@@ -7213,8 +7773,8 @@ class FormItem extends SvelteElement {
|
|
|
7213
7773
|
props: attribute_to_object(this.attributes),
|
|
7214
7774
|
customElement: true
|
|
7215
7775
|
},
|
|
7216
|
-
instance$
|
|
7217
|
-
create_fragment$
|
|
7776
|
+
instance$j,
|
|
7777
|
+
create_fragment$l,
|
|
7218
7778
|
safe_not_equal,
|
|
7219
7779
|
{
|
|
7220
7780
|
testid: 0,
|
|
@@ -7342,7 +7902,7 @@ customElements.define("goa-form-item", FormItem);
|
|
|
7342
7902
|
|
|
7343
7903
|
/* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.51.0 */
|
|
7344
7904
|
|
|
7345
|
-
function create_fragment$
|
|
7905
|
+
function create_fragment$k(ctx) {
|
|
7346
7906
|
let div;
|
|
7347
7907
|
let slot;
|
|
7348
7908
|
let div_style_value;
|
|
@@ -7381,7 +7941,7 @@ function create_fragment$j(ctx) {
|
|
|
7381
7941
|
};
|
|
7382
7942
|
}
|
|
7383
7943
|
|
|
7384
|
-
function instance$
|
|
7944
|
+
function instance$i($$self, $$props, $$invalidate) {
|
|
7385
7945
|
let { gap = "m" } = $$props;
|
|
7386
7946
|
let { minchildwidth = "" } = $$props;
|
|
7387
7947
|
let { mt = null } = $$props;
|
|
@@ -7417,8 +7977,8 @@ class Grid extends SvelteElement {
|
|
|
7417
7977
|
props: attribute_to_object(this.attributes),
|
|
7418
7978
|
customElement: true
|
|
7419
7979
|
},
|
|
7420
|
-
instance$
|
|
7421
|
-
create_fragment$
|
|
7980
|
+
instance$i,
|
|
7981
|
+
create_fragment$k,
|
|
7422
7982
|
safe_not_equal,
|
|
7423
7983
|
{
|
|
7424
7984
|
gap: 0,
|
|
@@ -7506,7 +8066,7 @@ customElements.define("goa-grid", Grid);
|
|
|
7506
8066
|
|
|
7507
8067
|
/* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.51.0 */
|
|
7508
8068
|
|
|
7509
|
-
function create_fragment$
|
|
8069
|
+
function create_fragment$j(ctx) {
|
|
7510
8070
|
let div1;
|
|
7511
8071
|
let goa_page_block;
|
|
7512
8072
|
let h1;
|
|
@@ -7569,7 +8129,7 @@ function create_fragment$i(ctx) {
|
|
|
7569
8129
|
};
|
|
7570
8130
|
}
|
|
7571
8131
|
|
|
7572
|
-
function instance$
|
|
8132
|
+
function instance$h($$self, $$props, $$invalidate) {
|
|
7573
8133
|
let { heading } = $$props;
|
|
7574
8134
|
let { backgroundurl } = $$props;
|
|
7575
8135
|
let { minheight = "600px" } = $$props;
|
|
@@ -7595,8 +8155,8 @@ class HeroBanner extends SvelteElement {
|
|
|
7595
8155
|
props: attribute_to_object(this.attributes),
|
|
7596
8156
|
customElement: true
|
|
7597
8157
|
},
|
|
7598
|
-
instance$
|
|
7599
|
-
create_fragment$
|
|
8158
|
+
instance$h,
|
|
8159
|
+
create_fragment$j,
|
|
7600
8160
|
safe_not_equal,
|
|
7601
8161
|
{
|
|
7602
8162
|
heading: 0,
|
|
@@ -7654,7 +8214,7 @@ customElements.define("goa-hero-banner", HeroBanner);
|
|
|
7654
8214
|
|
|
7655
8215
|
/* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.51.0 */
|
|
7656
8216
|
|
|
7657
|
-
function create_fragment$
|
|
8217
|
+
function create_fragment$i(ctx) {
|
|
7658
8218
|
let button;
|
|
7659
8219
|
let goa_icon;
|
|
7660
8220
|
let button_style_value;
|
|
@@ -7741,7 +8301,7 @@ function handleClick(e) {
|
|
|
7741
8301
|
e.target.dispatchEvent(new CustomEvent("_click", { composed: true, detail: { event: e } }));
|
|
7742
8302
|
}
|
|
7743
8303
|
|
|
7744
|
-
function instance$
|
|
8304
|
+
function instance$g($$self, $$props, $$invalidate) {
|
|
7745
8305
|
let css;
|
|
7746
8306
|
let isDisabled;
|
|
7747
8307
|
let isInverted;
|
|
@@ -7834,8 +8394,8 @@ class IconButton extends SvelteElement {
|
|
|
7834
8394
|
props: attribute_to_object(this.attributes),
|
|
7835
8395
|
customElement: true
|
|
7836
8396
|
},
|
|
7837
|
-
instance$
|
|
7838
|
-
create_fragment$
|
|
8397
|
+
instance$g,
|
|
8398
|
+
create_fragment$i,
|
|
7839
8399
|
safe_not_equal,
|
|
7840
8400
|
{
|
|
7841
8401
|
icon: 0,
|
|
@@ -7996,7 +8556,7 @@ customElements.define("goa-icon-button", IconButton);
|
|
|
7996
8556
|
|
|
7997
8557
|
/* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.51.0 */
|
|
7998
8558
|
|
|
7999
|
-
function create_if_block$
|
|
8559
|
+
function create_if_block$8(ctx) {
|
|
8000
8560
|
let ion_icon;
|
|
8001
8561
|
let ion_icon_name_value;
|
|
8002
8562
|
|
|
@@ -8024,10 +8584,10 @@ function create_if_block$7(ctx) {
|
|
|
8024
8584
|
};
|
|
8025
8585
|
}
|
|
8026
8586
|
|
|
8027
|
-
function create_fragment$
|
|
8587
|
+
function create_fragment$h(ctx) {
|
|
8028
8588
|
let div;
|
|
8029
8589
|
let div_style_value;
|
|
8030
|
-
let if_block = /*type*/ ctx[4] && create_if_block$
|
|
8590
|
+
let if_block = /*type*/ ctx[4] && create_if_block$8(ctx);
|
|
8031
8591
|
|
|
8032
8592
|
return {
|
|
8033
8593
|
c() {
|
|
@@ -8057,7 +8617,7 @@ function create_fragment$g(ctx) {
|
|
|
8057
8617
|
if (if_block) {
|
|
8058
8618
|
if_block.p(ctx, dirty);
|
|
8059
8619
|
} else {
|
|
8060
|
-
if_block = create_if_block$
|
|
8620
|
+
if_block = create_if_block$8(ctx);
|
|
8061
8621
|
if_block.c();
|
|
8062
8622
|
if_block.m(div, null);
|
|
8063
8623
|
}
|
|
@@ -8097,7 +8657,7 @@ function create_fragment$g(ctx) {
|
|
|
8097
8657
|
};
|
|
8098
8658
|
}
|
|
8099
8659
|
|
|
8100
|
-
function instance$
|
|
8660
|
+
function instance$f($$self, $$props, $$invalidate) {
|
|
8101
8661
|
let isInverted;
|
|
8102
8662
|
let _size;
|
|
8103
8663
|
let { mt = null } = $$props;
|
|
@@ -8175,8 +8735,8 @@ class Icon extends SvelteElement {
|
|
|
8175
8735
|
props: attribute_to_object(this.attributes),
|
|
8176
8736
|
customElement: true
|
|
8177
8737
|
},
|
|
8178
|
-
instance$
|
|
8179
|
-
create_fragment$
|
|
8738
|
+
instance$f,
|
|
8739
|
+
create_fragment$h,
|
|
8180
8740
|
safe_not_equal,
|
|
8181
8741
|
{
|
|
8182
8742
|
mt: 0,
|
|
@@ -8463,7 +9023,7 @@ function create_if_block_1$3(ctx) {
|
|
|
8463
9023
|
}
|
|
8464
9024
|
|
|
8465
9025
|
// (161:4) {#if suffix}
|
|
8466
|
-
function create_if_block$
|
|
9026
|
+
function create_if_block$7(ctx) {
|
|
8467
9027
|
let span;
|
|
8468
9028
|
let t;
|
|
8469
9029
|
|
|
@@ -8486,7 +9046,7 @@ function create_if_block$6(ctx) {
|
|
|
8486
9046
|
};
|
|
8487
9047
|
}
|
|
8488
9048
|
|
|
8489
|
-
function create_fragment$
|
|
9049
|
+
function create_fragment$g(ctx) {
|
|
8490
9050
|
let div3;
|
|
8491
9051
|
let div2;
|
|
8492
9052
|
let t0;
|
|
@@ -8510,7 +9070,7 @@ function create_fragment$f(ctx) {
|
|
|
8510
9070
|
let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_3$2(ctx);
|
|
8511
9071
|
let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[24] && create_if_block_2$3(ctx);
|
|
8512
9072
|
let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[24] && create_if_block_1$3(ctx);
|
|
8513
|
-
let if_block4 = /*suffix*/ ctx[15] && create_if_block$
|
|
9073
|
+
let if_block4 = /*suffix*/ ctx[15] && create_if_block$7(ctx);
|
|
8514
9074
|
|
|
8515
9075
|
return {
|
|
8516
9076
|
c() {
|
|
@@ -8709,7 +9269,7 @@ function create_fragment$f(ctx) {
|
|
|
8709
9269
|
if (if_block4) {
|
|
8710
9270
|
if_block4.p(ctx, dirty);
|
|
8711
9271
|
} else {
|
|
8712
|
-
if_block4 = create_if_block$
|
|
9272
|
+
if_block4 = create_if_block$7(ctx);
|
|
8713
9273
|
if_block4.c();
|
|
8714
9274
|
if_block4.m(div2, t6);
|
|
8715
9275
|
}
|
|
@@ -8758,7 +9318,7 @@ function doClick() {
|
|
|
8758
9318
|
this.dispatchEvent(new CustomEvent("_trailingIconClick", { composed: true }));
|
|
8759
9319
|
}
|
|
8760
9320
|
|
|
8761
|
-
function instance$
|
|
9321
|
+
function instance$e($$self, $$props, $$invalidate) {
|
|
8762
9322
|
let handlesTrailingIconClick;
|
|
8763
9323
|
let isFocused;
|
|
8764
9324
|
let isReadonly;
|
|
@@ -8958,7 +9518,7 @@ class Input extends SvelteElement {
|
|
|
8958
9518
|
constructor(options) {
|
|
8959
9519
|
super();
|
|
8960
9520
|
|
|
8961
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover{border-color:var(--goa-color-interactive-hover)}.goa-input:active,.goa-input:focus,.goa-input:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.5rem}.goa-input-trailing-icon{margin-right:0.5rem}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans)}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:hover
|
|
9521
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active,.goa-input:focus,.goa-input:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.5rem}.goa-input-trailing-icon{margin-right:0.5rem}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans)}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error,.error:hover{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
|
|
8962
9522
|
center center no-repeat}</style>`;
|
|
8963
9523
|
|
|
8964
9524
|
init(
|
|
@@ -8968,8 +9528,8 @@ class Input extends SvelteElement {
|
|
|
8968
9528
|
props: attribute_to_object(this.attributes),
|
|
8969
9529
|
customElement: true
|
|
8970
9530
|
},
|
|
8971
|
-
instance$
|
|
8972
|
-
create_fragment$
|
|
9531
|
+
instance$e,
|
|
9532
|
+
create_fragment$g,
|
|
8973
9533
|
safe_not_equal,
|
|
8974
9534
|
{
|
|
8975
9535
|
type: 1,
|
|
@@ -9417,7 +9977,7 @@ function create_if_block_2$2(ctx) {
|
|
|
9417
9977
|
}
|
|
9418
9978
|
|
|
9419
9979
|
// (56:2) {#if version}
|
|
9420
|
-
function create_if_block$
|
|
9980
|
+
function create_if_block$6(ctx) {
|
|
9421
9981
|
let div;
|
|
9422
9982
|
let t;
|
|
9423
9983
|
|
|
@@ -9441,7 +10001,7 @@ function create_if_block$5(ctx) {
|
|
|
9441
10001
|
};
|
|
9442
10002
|
}
|
|
9443
10003
|
|
|
9444
|
-
function create_fragment$
|
|
10004
|
+
function create_fragment$f(ctx) {
|
|
9445
10005
|
let header;
|
|
9446
10006
|
let t0;
|
|
9447
10007
|
let show_if = ["alpha", "beta"].includes(/*type*/ ctx[0]);
|
|
@@ -9450,7 +10010,7 @@ function create_fragment$e(ctx) {
|
|
|
9450
10010
|
let t2;
|
|
9451
10011
|
let if_block0 = /*type*/ ctx[0] === "live" && create_if_block_3$1();
|
|
9452
10012
|
let if_block1 = show_if && create_if_block_1$2(ctx);
|
|
9453
|
-
let if_block2 = /*version*/ ctx[1] && create_if_block$
|
|
10013
|
+
let if_block2 = /*version*/ ctx[1] && create_if_block$6(ctx);
|
|
9454
10014
|
|
|
9455
10015
|
return {
|
|
9456
10016
|
c() {
|
|
@@ -9507,7 +10067,7 @@ function create_fragment$e(ctx) {
|
|
|
9507
10067
|
if (if_block2) {
|
|
9508
10068
|
if_block2.p(ctx, dirty);
|
|
9509
10069
|
} else {
|
|
9510
|
-
if_block2 = create_if_block$
|
|
10070
|
+
if_block2 = create_if_block$6(ctx);
|
|
9511
10071
|
if_block2.c();
|
|
9512
10072
|
if_block2.m(header, null);
|
|
9513
10073
|
}
|
|
@@ -9532,7 +10092,7 @@ function capitalize(val) {
|
|
|
9532
10092
|
return val[0].toUpperCase() + val.slice(1);
|
|
9533
10093
|
}
|
|
9534
10094
|
|
|
9535
|
-
function instance$
|
|
10095
|
+
function instance$d($$self, $$props, $$invalidate) {
|
|
9536
10096
|
const [Types, validateType] = typeValidator("Microsite header type", ["live", "alpha", "beta"], true);
|
|
9537
10097
|
let { type } = $$props;
|
|
9538
10098
|
let { version = "" } = $$props;
|
|
@@ -9563,8 +10123,8 @@ class MicrositeHeader extends SvelteElement {
|
|
|
9563
10123
|
props: attribute_to_object(this.attributes),
|
|
9564
10124
|
customElement: true
|
|
9565
10125
|
},
|
|
9566
|
-
instance$
|
|
9567
|
-
create_fragment$
|
|
10126
|
+
instance$d,
|
|
10127
|
+
create_fragment$f,
|
|
9568
10128
|
safe_not_equal,
|
|
9569
10129
|
{ type: 0, version: 1, feedbackurl: 2 },
|
|
9570
10130
|
null
|
|
@@ -9618,7 +10178,7 @@ customElements.define("goa-microsite-header", MicrositeHeader);
|
|
|
9618
10178
|
|
|
9619
10179
|
/* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.51.0 */
|
|
9620
10180
|
|
|
9621
|
-
function create_if_block$
|
|
10181
|
+
function create_if_block$5(ctx) {
|
|
9622
10182
|
let goa_focus_trap;
|
|
9623
10183
|
let div5;
|
|
9624
10184
|
let div0;
|
|
@@ -9917,31 +10477,363 @@ function create_if_block_2$1(ctx) {
|
|
|
9917
10477
|
mounted = true;
|
|
9918
10478
|
}
|
|
9919
10479
|
},
|
|
9920
|
-
p: noop,
|
|
9921
|
-
d(detaching) {
|
|
9922
|
-
if (detaching) detach(div);
|
|
9923
|
-
mounted = false;
|
|
9924
|
-
dispose();
|
|
9925
|
-
}
|
|
9926
|
-
};
|
|
9927
|
-
}
|
|
10480
|
+
p: noop,
|
|
10481
|
+
d(detaching) {
|
|
10482
|
+
if (detaching) detach(div);
|
|
10483
|
+
mounted = false;
|
|
10484
|
+
dispose();
|
|
10485
|
+
}
|
|
10486
|
+
};
|
|
10487
|
+
}
|
|
10488
|
+
|
|
10489
|
+
// (91:12) {#if isScrollable}
|
|
10490
|
+
function create_if_block_1$1(ctx) {
|
|
10491
|
+
let goa_scrollable;
|
|
10492
|
+
|
|
10493
|
+
return {
|
|
10494
|
+
c() {
|
|
10495
|
+
goa_scrollable = element("goa-scrollable");
|
|
10496
|
+
goa_scrollable.innerHTML = `<slot></slot>`;
|
|
10497
|
+
set_custom_element_data(goa_scrollable, "direction", "vertical");
|
|
10498
|
+
set_custom_element_data(goa_scrollable, "height", "50");
|
|
10499
|
+
},
|
|
10500
|
+
m(target, anchor) {
|
|
10501
|
+
insert(target, goa_scrollable, anchor);
|
|
10502
|
+
},
|
|
10503
|
+
d(detaching) {
|
|
10504
|
+
if (detaching) detach(goa_scrollable);
|
|
10505
|
+
}
|
|
10506
|
+
};
|
|
10507
|
+
}
|
|
10508
|
+
|
|
10509
|
+
function create_fragment$e(ctx) {
|
|
10510
|
+
let if_block_anchor;
|
|
10511
|
+
let current;
|
|
10512
|
+
let if_block = /*isOpen*/ ctx[7] && create_if_block$5(ctx);
|
|
10513
|
+
|
|
10514
|
+
return {
|
|
10515
|
+
c() {
|
|
10516
|
+
if (if_block) if_block.c();
|
|
10517
|
+
if_block_anchor = empty();
|
|
10518
|
+
this.c = noop;
|
|
10519
|
+
},
|
|
10520
|
+
m(target, anchor) {
|
|
10521
|
+
if (if_block) if_block.m(target, anchor);
|
|
10522
|
+
insert(target, if_block_anchor, anchor);
|
|
10523
|
+
current = true;
|
|
10524
|
+
},
|
|
10525
|
+
p(ctx, [dirty]) {
|
|
10526
|
+
if (/*isOpen*/ ctx[7]) {
|
|
10527
|
+
if (if_block) {
|
|
10528
|
+
if_block.p(ctx, dirty);
|
|
10529
|
+
|
|
10530
|
+
if (dirty & /*isOpen*/ 128) {
|
|
10531
|
+
transition_in(if_block, 1);
|
|
10532
|
+
}
|
|
10533
|
+
} else {
|
|
10534
|
+
if_block = create_if_block$5(ctx);
|
|
10535
|
+
if_block.c();
|
|
10536
|
+
transition_in(if_block, 1);
|
|
10537
|
+
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
10538
|
+
}
|
|
10539
|
+
} else if (if_block) {
|
|
10540
|
+
group_outros();
|
|
10541
|
+
|
|
10542
|
+
transition_out(if_block, 1, 1, () => {
|
|
10543
|
+
if_block = null;
|
|
10544
|
+
});
|
|
10545
|
+
|
|
10546
|
+
check_outros();
|
|
10547
|
+
}
|
|
10548
|
+
},
|
|
10549
|
+
i(local) {
|
|
10550
|
+
if (current) return;
|
|
10551
|
+
transition_in(if_block);
|
|
10552
|
+
current = true;
|
|
10553
|
+
},
|
|
10554
|
+
o(local) {
|
|
10555
|
+
transition_out(if_block);
|
|
10556
|
+
current = false;
|
|
10557
|
+
},
|
|
10558
|
+
d(detaching) {
|
|
10559
|
+
if (if_block) if_block.d(detaching);
|
|
10560
|
+
if (detaching) detach(if_block_anchor);
|
|
10561
|
+
}
|
|
10562
|
+
};
|
|
10563
|
+
}
|
|
10564
|
+
|
|
10565
|
+
function instance$c($$self, $$props, $$invalidate) {
|
|
10566
|
+
let isClosable;
|
|
10567
|
+
let isOpen;
|
|
10568
|
+
let _transitionTime;
|
|
10569
|
+
let iconType;
|
|
10570
|
+
const [CALLOUT_VARIANT, validateCalloutVariant] = typeValidator("Callout variant", ["emergency", "important", "information", "success", "event"]);
|
|
10571
|
+
const [Transitions, validateTransition] = typeValidator("Modal transition", ["fast", "slow", "none"]);
|
|
10572
|
+
let { heading = "" } = $$props;
|
|
10573
|
+
let { closable = "false" } = $$props;
|
|
10574
|
+
let { open = "false" } = $$props;
|
|
10575
|
+
let { transition = "none" } = $$props;
|
|
10576
|
+
let { width = "" } = $$props;
|
|
10577
|
+
let { calloutvariant = null } = $$props;
|
|
10578
|
+
|
|
10579
|
+
function close(e) {
|
|
10580
|
+
if (!isClosable) {
|
|
10581
|
+
return;
|
|
10582
|
+
}
|
|
10583
|
+
|
|
10584
|
+
e.target.dispatchEvent(new CustomEvent("_close", { composed: true }));
|
|
10585
|
+
e.stopPropagation();
|
|
10586
|
+
}
|
|
10587
|
+
|
|
10588
|
+
onMount(() => {
|
|
10589
|
+
validateCalloutVariant(calloutvariant);
|
|
10590
|
+
validateTransition(transition);
|
|
10591
|
+
});
|
|
10592
|
+
|
|
10593
|
+
$$self.$$set = $$props => {
|
|
10594
|
+
if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
|
|
10595
|
+
if ('closable' in $$props) $$invalidate(9, closable = $$props.closable);
|
|
10596
|
+
if ('open' in $$props) $$invalidate(1, open = $$props.open);
|
|
10597
|
+
if ('transition' in $$props) $$invalidate(10, transition = $$props.transition);
|
|
10598
|
+
if ('width' in $$props) $$invalidate(2, width = $$props.width);
|
|
10599
|
+
if ('calloutvariant' in $$props) $$invalidate(3, calloutvariant = $$props.calloutvariant);
|
|
10600
|
+
};
|
|
10601
|
+
|
|
10602
|
+
$$self.$$.update = () => {
|
|
10603
|
+
if ($$self.$$.dirty & /*closable*/ 512) {
|
|
10604
|
+
$$invalidate(4, isClosable = toBoolean(closable));
|
|
10605
|
+
}
|
|
10606
|
+
|
|
10607
|
+
if ($$self.$$.dirty & /*open*/ 2) {
|
|
10608
|
+
$$invalidate(7, isOpen = toBoolean(open));
|
|
10609
|
+
}
|
|
10610
|
+
|
|
10611
|
+
if ($$self.$$.dirty & /*transition*/ 1024) {
|
|
10612
|
+
$$invalidate(6, _transitionTime = transition === "none"
|
|
10613
|
+
? 0
|
|
10614
|
+
: transition === "slow" ? 400 : 200);
|
|
10615
|
+
}
|
|
10616
|
+
|
|
10617
|
+
if ($$self.$$.dirty & /*calloutvariant*/ 8) {
|
|
10618
|
+
$$invalidate(5, iconType = calloutvariant === "emergency"
|
|
10619
|
+
? "warning"
|
|
10620
|
+
: calloutvariant === "important"
|
|
10621
|
+
? "alert-circle"
|
|
10622
|
+
: calloutvariant === "information"
|
|
10623
|
+
? "information-circle"
|
|
10624
|
+
: calloutvariant === "success"
|
|
10625
|
+
? "checkmark-circle"
|
|
10626
|
+
: calloutvariant === "event" ? "calendar" : "");
|
|
10627
|
+
}
|
|
10628
|
+
};
|
|
10629
|
+
|
|
10630
|
+
return [
|
|
10631
|
+
heading,
|
|
10632
|
+
open,
|
|
10633
|
+
width,
|
|
10634
|
+
calloutvariant,
|
|
10635
|
+
isClosable,
|
|
10636
|
+
iconType,
|
|
10637
|
+
_transitionTime,
|
|
10638
|
+
isOpen,
|
|
10639
|
+
close,
|
|
10640
|
+
closable,
|
|
10641
|
+
transition
|
|
10642
|
+
];
|
|
10643
|
+
}
|
|
10644
|
+
|
|
10645
|
+
class Modal extends SvelteElement {
|
|
10646
|
+
constructor(options) {
|
|
10647
|
+
super();
|
|
10648
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:2rem 2rem}.modal-pane{position:relative;background-color:#fff;z-index:1001;width:90%;display:flex;margin:1rem;box-shadow:var(--goa-shadow-modal);border-radius:4px;max-height:90%;border:1px solid var(--goa-color-greyscale-700)}@media(min-width: 640px){.modal-pane{width:var(--width, 60ch);max-height:80%}}.modal-actions ::slotted(div){margin:1.5rem 0 0}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-close{position:absolute;top:2rem;right:2rem}.modal-title{font-size:var(--goa-font-size-7);margin:0 0 1.5rem;margin-right:40px;flex:0 0 auto}.modal-content{line-height:1.75rem}</style>`;
|
|
10649
|
+
|
|
10650
|
+
init(
|
|
10651
|
+
this,
|
|
10652
|
+
{
|
|
10653
|
+
target: this.shadowRoot,
|
|
10654
|
+
props: attribute_to_object(this.attributes),
|
|
10655
|
+
customElement: true
|
|
10656
|
+
},
|
|
10657
|
+
instance$c,
|
|
10658
|
+
create_fragment$e,
|
|
10659
|
+
safe_not_equal,
|
|
10660
|
+
{
|
|
10661
|
+
heading: 0,
|
|
10662
|
+
closable: 9,
|
|
10663
|
+
open: 1,
|
|
10664
|
+
transition: 10,
|
|
10665
|
+
width: 2,
|
|
10666
|
+
calloutvariant: 3
|
|
10667
|
+
},
|
|
10668
|
+
null
|
|
10669
|
+
);
|
|
10670
|
+
|
|
10671
|
+
if (options) {
|
|
10672
|
+
if (options.target) {
|
|
10673
|
+
insert(options.target, this, options.anchor);
|
|
10674
|
+
}
|
|
10675
|
+
|
|
10676
|
+
if (options.props) {
|
|
10677
|
+
this.$set(options.props);
|
|
10678
|
+
flush();
|
|
10679
|
+
}
|
|
10680
|
+
}
|
|
10681
|
+
}
|
|
10682
|
+
|
|
10683
|
+
static get observedAttributes() {
|
|
10684
|
+
return ["heading", "closable", "open", "transition", "width", "calloutvariant"];
|
|
10685
|
+
}
|
|
10686
|
+
|
|
10687
|
+
get heading() {
|
|
10688
|
+
return this.$$.ctx[0];
|
|
10689
|
+
}
|
|
10690
|
+
|
|
10691
|
+
set heading(heading) {
|
|
10692
|
+
this.$$set({ heading });
|
|
10693
|
+
flush();
|
|
10694
|
+
}
|
|
10695
|
+
|
|
10696
|
+
get closable() {
|
|
10697
|
+
return this.$$.ctx[9];
|
|
10698
|
+
}
|
|
10699
|
+
|
|
10700
|
+
set closable(closable) {
|
|
10701
|
+
this.$$set({ closable });
|
|
10702
|
+
flush();
|
|
10703
|
+
}
|
|
10704
|
+
|
|
10705
|
+
get open() {
|
|
10706
|
+
return this.$$.ctx[1];
|
|
10707
|
+
}
|
|
10708
|
+
|
|
10709
|
+
set open(open) {
|
|
10710
|
+
this.$$set({ open });
|
|
10711
|
+
flush();
|
|
10712
|
+
}
|
|
10713
|
+
|
|
10714
|
+
get transition() {
|
|
10715
|
+
return this.$$.ctx[10];
|
|
10716
|
+
}
|
|
10717
|
+
|
|
10718
|
+
set transition(transition) {
|
|
10719
|
+
this.$$set({ transition });
|
|
10720
|
+
flush();
|
|
10721
|
+
}
|
|
10722
|
+
|
|
10723
|
+
get width() {
|
|
10724
|
+
return this.$$.ctx[2];
|
|
10725
|
+
}
|
|
10726
|
+
|
|
10727
|
+
set width(width) {
|
|
10728
|
+
this.$$set({ width });
|
|
10729
|
+
flush();
|
|
10730
|
+
}
|
|
10731
|
+
|
|
10732
|
+
get calloutvariant() {
|
|
10733
|
+
return this.$$.ctx[3];
|
|
10734
|
+
}
|
|
10735
|
+
|
|
10736
|
+
set calloutvariant(calloutvariant) {
|
|
10737
|
+
this.$$set({ calloutvariant });
|
|
10738
|
+
flush();
|
|
10739
|
+
}
|
|
10740
|
+
}
|
|
10741
|
+
|
|
10742
|
+
customElements.define("goa-modal", Modal);
|
|
10743
|
+
|
|
10744
|
+
/* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.51.0 */
|
|
10745
|
+
|
|
10746
|
+
function create_if_block$4(ctx) {
|
|
10747
|
+
let div3;
|
|
10748
|
+
let div0;
|
|
10749
|
+
let goa_icon;
|
|
10750
|
+
let goa_icon_inverted_value;
|
|
10751
|
+
let t0;
|
|
10752
|
+
let div1;
|
|
10753
|
+
let t1;
|
|
10754
|
+
let div2;
|
|
10755
|
+
let goa_icon_button;
|
|
10756
|
+
let goa_icon_button_inverted_value;
|
|
10757
|
+
let div3_class_value;
|
|
10758
|
+
let div3_transition;
|
|
10759
|
+
let current;
|
|
10760
|
+
let mounted;
|
|
10761
|
+
let dispose;
|
|
10762
|
+
|
|
10763
|
+
return {
|
|
10764
|
+
c() {
|
|
10765
|
+
div3 = element("div");
|
|
10766
|
+
div0 = element("div");
|
|
10767
|
+
goa_icon = element("goa-icon");
|
|
10768
|
+
t0 = space();
|
|
10769
|
+
div1 = element("div");
|
|
10770
|
+
div1.innerHTML = `<slot></slot>`;
|
|
10771
|
+
t1 = space();
|
|
10772
|
+
div2 = element("div");
|
|
10773
|
+
goa_icon_button = element("goa-icon-button");
|
|
10774
|
+
set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[2]);
|
|
10775
|
+
set_custom_element_data(goa_icon, "inverted", goa_icon_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true");
|
|
10776
|
+
attr(div0, "class", "icon");
|
|
10777
|
+
attr(div1, "class", "content");
|
|
10778
|
+
set_custom_element_data(goa_icon_button, "icon", "close");
|
|
10779
|
+
set_custom_element_data(goa_icon_button, "variant", "dark");
|
|
10780
|
+
set_custom_element_data(goa_icon_button, "inverted", goa_icon_button_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true");
|
|
10781
|
+
attr(div2, "class", "close");
|
|
10782
|
+
attr(div3, "class", div3_class_value = "notification " + /*type*/ ctx[0]);
|
|
10783
|
+
},
|
|
10784
|
+
m(target, anchor) {
|
|
10785
|
+
insert(target, div3, anchor);
|
|
10786
|
+
append(div3, div0);
|
|
10787
|
+
append(div0, goa_icon);
|
|
10788
|
+
append(div3, t0);
|
|
10789
|
+
append(div3, div1);
|
|
10790
|
+
append(div3, t1);
|
|
10791
|
+
append(div3, div2);
|
|
10792
|
+
append(div2, goa_icon_button);
|
|
10793
|
+
current = true;
|
|
10794
|
+
|
|
10795
|
+
if (!mounted) {
|
|
10796
|
+
dispose = listen(goa_icon_button, "click", /*close*/ ctx[3]);
|
|
10797
|
+
mounted = true;
|
|
10798
|
+
}
|
|
10799
|
+
},
|
|
10800
|
+
p(ctx, dirty) {
|
|
10801
|
+
if (!current || dirty & /*iconType*/ 4) {
|
|
10802
|
+
set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[2]);
|
|
10803
|
+
}
|
|
10804
|
+
|
|
10805
|
+
if (!current || dirty & /*type*/ 1 && goa_icon_inverted_value !== (goa_icon_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true")) {
|
|
10806
|
+
set_custom_element_data(goa_icon, "inverted", goa_icon_inverted_value);
|
|
10807
|
+
}
|
|
10808
|
+
|
|
10809
|
+
if (!current || dirty & /*type*/ 1 && goa_icon_button_inverted_value !== (goa_icon_button_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true")) {
|
|
10810
|
+
set_custom_element_data(goa_icon_button, "inverted", goa_icon_button_inverted_value);
|
|
10811
|
+
}
|
|
10812
|
+
|
|
10813
|
+
if (!current || dirty & /*type*/ 1 && div3_class_value !== (div3_class_value = "notification " + /*type*/ ctx[0])) {
|
|
10814
|
+
attr(div3, "class", div3_class_value);
|
|
10815
|
+
}
|
|
10816
|
+
},
|
|
10817
|
+
i(local) {
|
|
10818
|
+
if (current) return;
|
|
9928
10819
|
|
|
9929
|
-
|
|
9930
|
-
|
|
9931
|
-
|
|
10820
|
+
add_render_callback(() => {
|
|
10821
|
+
if (!div3_transition) div3_transition = create_bidirectional_transition(div3, fade, {}, true);
|
|
10822
|
+
div3_transition.run(1);
|
|
10823
|
+
});
|
|
9932
10824
|
|
|
9933
|
-
|
|
9934
|
-
c() {
|
|
9935
|
-
goa_scrollable = element("goa-scrollable");
|
|
9936
|
-
goa_scrollable.innerHTML = `<slot></slot>`;
|
|
9937
|
-
set_custom_element_data(goa_scrollable, "direction", "vertical");
|
|
9938
|
-
set_custom_element_data(goa_scrollable, "height", "50");
|
|
10825
|
+
current = true;
|
|
9939
10826
|
},
|
|
9940
|
-
|
|
9941
|
-
|
|
10827
|
+
o(local) {
|
|
10828
|
+
if (!div3_transition) div3_transition = create_bidirectional_transition(div3, fade, {}, false);
|
|
10829
|
+
div3_transition.run(0);
|
|
10830
|
+
current = false;
|
|
9942
10831
|
},
|
|
9943
10832
|
d(detaching) {
|
|
9944
|
-
if (detaching) detach(
|
|
10833
|
+
if (detaching) detach(div3);
|
|
10834
|
+
if (detaching && div3_transition) div3_transition.end();
|
|
10835
|
+
mounted = false;
|
|
10836
|
+
dispose();
|
|
9945
10837
|
}
|
|
9946
10838
|
};
|
|
9947
10839
|
}
|
|
@@ -9949,7 +10841,7 @@ function create_if_block_1$1(ctx) {
|
|
|
9949
10841
|
function create_fragment$d(ctx) {
|
|
9950
10842
|
let if_block_anchor;
|
|
9951
10843
|
let current;
|
|
9952
|
-
let if_block = /*
|
|
10844
|
+
let if_block = /*show*/ ctx[1] && create_if_block$4(ctx);
|
|
9953
10845
|
|
|
9954
10846
|
return {
|
|
9955
10847
|
c() {
|
|
@@ -9963,11 +10855,11 @@ function create_fragment$d(ctx) {
|
|
|
9963
10855
|
current = true;
|
|
9964
10856
|
},
|
|
9965
10857
|
p(ctx, [dirty]) {
|
|
9966
|
-
if (/*
|
|
10858
|
+
if (/*show*/ ctx[1]) {
|
|
9967
10859
|
if (if_block) {
|
|
9968
10860
|
if_block.p(ctx, dirty);
|
|
9969
10861
|
|
|
9970
|
-
if (dirty & /*
|
|
10862
|
+
if (dirty & /*show*/ 2) {
|
|
9971
10863
|
transition_in(if_block, 1);
|
|
9972
10864
|
}
|
|
9973
10865
|
} else {
|
|
@@ -10003,89 +10895,44 @@ function create_fragment$d(ctx) {
|
|
|
10003
10895
|
}
|
|
10004
10896
|
|
|
10005
10897
|
function instance$b($$self, $$props, $$invalidate) {
|
|
10006
|
-
let isClosable;
|
|
10007
|
-
let isOpen;
|
|
10008
|
-
let _transitionTime;
|
|
10009
10898
|
let iconType;
|
|
10010
|
-
const [
|
|
10011
|
-
|
|
10012
|
-
let
|
|
10013
|
-
let { closable = "false" } = $$props;
|
|
10014
|
-
let { open = "false" } = $$props;
|
|
10015
|
-
let { transition = "none" } = $$props;
|
|
10016
|
-
let { width = "" } = $$props;
|
|
10017
|
-
let { calloutvariant = null } = $$props;
|
|
10899
|
+
const [Types, validateType] = typeValidator("Notification type", ["emergency", "important", "information", "event"], true);
|
|
10900
|
+
let { type = "" } = $$props;
|
|
10901
|
+
let show = true;
|
|
10018
10902
|
|
|
10019
|
-
|
|
10020
|
-
|
|
10021
|
-
|
|
10022
|
-
}
|
|
10903
|
+
onMount(() => {
|
|
10904
|
+
validateType(type);
|
|
10905
|
+
});
|
|
10023
10906
|
|
|
10024
|
-
|
|
10907
|
+
function close(e) {
|
|
10908
|
+
$$invalidate(1, show = false);
|
|
10909
|
+
e.target.dispatchEvent(new CustomEvent("_dismiss", { composed: true }));
|
|
10025
10910
|
e.stopPropagation();
|
|
10026
10911
|
}
|
|
10027
10912
|
|
|
10028
|
-
onMount(() => {
|
|
10029
|
-
validateCalloutVariant(calloutvariant);
|
|
10030
|
-
validateTransition(transition);
|
|
10031
|
-
});
|
|
10032
|
-
|
|
10033
10913
|
$$self.$$set = $$props => {
|
|
10034
|
-
if ('
|
|
10035
|
-
if ('closable' in $$props) $$invalidate(9, closable = $$props.closable);
|
|
10036
|
-
if ('open' in $$props) $$invalidate(1, open = $$props.open);
|
|
10037
|
-
if ('transition' in $$props) $$invalidate(10, transition = $$props.transition);
|
|
10038
|
-
if ('width' in $$props) $$invalidate(2, width = $$props.width);
|
|
10039
|
-
if ('calloutvariant' in $$props) $$invalidate(3, calloutvariant = $$props.calloutvariant);
|
|
10914
|
+
if ('type' in $$props) $$invalidate(0, type = $$props.type);
|
|
10040
10915
|
};
|
|
10041
10916
|
|
|
10042
10917
|
$$self.$$.update = () => {
|
|
10043
|
-
if ($$self.$$.dirty & /*
|
|
10044
|
-
$$invalidate(
|
|
10045
|
-
}
|
|
10046
|
-
|
|
10047
|
-
if ($$self.$$.dirty & /*open*/ 2) {
|
|
10048
|
-
$$invalidate(7, isOpen = toBoolean(open));
|
|
10049
|
-
}
|
|
10050
|
-
|
|
10051
|
-
if ($$self.$$.dirty & /*transition*/ 1024) {
|
|
10052
|
-
$$invalidate(6, _transitionTime = transition === "none"
|
|
10053
|
-
? 0
|
|
10054
|
-
: transition === "slow" ? 400 : 200);
|
|
10055
|
-
}
|
|
10056
|
-
|
|
10057
|
-
if ($$self.$$.dirty & /*calloutvariant*/ 8) {
|
|
10058
|
-
$$invalidate(5, iconType = calloutvariant === "emergency"
|
|
10918
|
+
if ($$self.$$.dirty & /*type*/ 1) {
|
|
10919
|
+
$$invalidate(2, iconType = type === "emergency"
|
|
10059
10920
|
? "warning"
|
|
10060
|
-
:
|
|
10921
|
+
: type === "important"
|
|
10061
10922
|
? "alert-circle"
|
|
10062
|
-
:
|
|
10923
|
+
: type === "information"
|
|
10063
10924
|
? "information-circle"
|
|
10064
|
-
:
|
|
10065
|
-
? "checkmark-circle"
|
|
10066
|
-
: calloutvariant === "event" ? "calendar" : "");
|
|
10925
|
+
: type === "event" ? "calendar" : "");
|
|
10067
10926
|
}
|
|
10068
10927
|
};
|
|
10069
10928
|
|
|
10070
|
-
return [
|
|
10071
|
-
heading,
|
|
10072
|
-
open,
|
|
10073
|
-
width,
|
|
10074
|
-
calloutvariant,
|
|
10075
|
-
isClosable,
|
|
10076
|
-
iconType,
|
|
10077
|
-
_transitionTime,
|
|
10078
|
-
isOpen,
|
|
10079
|
-
close,
|
|
10080
|
-
closable,
|
|
10081
|
-
transition
|
|
10082
|
-
];
|
|
10929
|
+
return [type, show, iconType, close];
|
|
10083
10930
|
}
|
|
10084
10931
|
|
|
10085
|
-
class
|
|
10932
|
+
class Notification extends SvelteElement {
|
|
10086
10933
|
constructor(options) {
|
|
10087
10934
|
super();
|
|
10088
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.
|
|
10935
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:1.5rem;display:flex;gap:1rem}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.event{background-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.icon{flex:0 0 auto}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}.close{flex:0 0 auto}</style>`;
|
|
10089
10936
|
|
|
10090
10937
|
init(
|
|
10091
10938
|
this,
|
|
@@ -10097,14 +10944,7 @@ class Modal extends SvelteElement {
|
|
|
10097
10944
|
instance$b,
|
|
10098
10945
|
create_fragment$d,
|
|
10099
10946
|
safe_not_equal,
|
|
10100
|
-
{
|
|
10101
|
-
heading: 0,
|
|
10102
|
-
closable: 9,
|
|
10103
|
-
open: 1,
|
|
10104
|
-
transition: 10,
|
|
10105
|
-
width: 2,
|
|
10106
|
-
calloutvariant: 3
|
|
10107
|
-
},
|
|
10947
|
+
{ type: 0 },
|
|
10108
10948
|
null
|
|
10109
10949
|
);
|
|
10110
10950
|
|
|
@@ -10121,47 +10961,122 @@ class Modal extends SvelteElement {
|
|
|
10121
10961
|
}
|
|
10122
10962
|
|
|
10123
10963
|
static get observedAttributes() {
|
|
10124
|
-
return ["
|
|
10964
|
+
return ["type"];
|
|
10125
10965
|
}
|
|
10126
10966
|
|
|
10127
|
-
get
|
|
10967
|
+
get type() {
|
|
10128
10968
|
return this.$$.ctx[0];
|
|
10129
10969
|
}
|
|
10130
10970
|
|
|
10131
|
-
set
|
|
10132
|
-
this.$$set({
|
|
10971
|
+
set type(type) {
|
|
10972
|
+
this.$$set({ type });
|
|
10133
10973
|
flush();
|
|
10134
10974
|
}
|
|
10975
|
+
}
|
|
10135
10976
|
|
|
10136
|
-
|
|
10137
|
-
return this.$$.ctx[9];
|
|
10138
|
-
}
|
|
10977
|
+
customElements.define("goa-notification", Notification);
|
|
10139
10978
|
|
|
10140
|
-
|
|
10141
|
-
|
|
10142
|
-
|
|
10143
|
-
|
|
10979
|
+
const dimensionRegex = /^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;
|
|
10980
|
+
function isValidDimension(value) {
|
|
10981
|
+
return dimensionRegex.test(value);
|
|
10982
|
+
}
|
|
10144
10983
|
|
|
10145
|
-
|
|
10146
|
-
return this.$$.ctx[1];
|
|
10147
|
-
}
|
|
10984
|
+
/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
|
|
10148
10985
|
|
|
10149
|
-
|
|
10150
|
-
|
|
10151
|
-
|
|
10986
|
+
function create_fragment$c(ctx) {
|
|
10987
|
+
let div;
|
|
10988
|
+
let slot;
|
|
10989
|
+
let div_style_value;
|
|
10990
|
+
|
|
10991
|
+
return {
|
|
10992
|
+
c() {
|
|
10993
|
+
div = element("div");
|
|
10994
|
+
slot = element("slot");
|
|
10995
|
+
this.c = noop;
|
|
10996
|
+
attr(div, "class", "page-content");
|
|
10997
|
+
attr(div, "style", div_style_value = `--max-width: ${/*_width*/ ctx[0]}`);
|
|
10998
|
+
},
|
|
10999
|
+
m(target, anchor) {
|
|
11000
|
+
insert(target, div, anchor);
|
|
11001
|
+
append(div, slot);
|
|
11002
|
+
},
|
|
11003
|
+
p(ctx, [dirty]) {
|
|
11004
|
+
if (dirty & /*_width*/ 1 && div_style_value !== (div_style_value = `--max-width: ${/*_width*/ ctx[0]}`)) {
|
|
11005
|
+
attr(div, "style", div_style_value);
|
|
11006
|
+
}
|
|
11007
|
+
},
|
|
11008
|
+
i: noop,
|
|
11009
|
+
o: noop,
|
|
11010
|
+
d(detaching) {
|
|
11011
|
+
if (detaching) detach(div);
|
|
11012
|
+
}
|
|
11013
|
+
};
|
|
11014
|
+
}
|
|
11015
|
+
|
|
11016
|
+
function instance$a($$self, $$props, $$invalidate) {
|
|
11017
|
+
const Sizes = { "full": "100%" };
|
|
11018
|
+
let { width } = $$props;
|
|
11019
|
+
let { _width } = $$props;
|
|
11020
|
+
|
|
11021
|
+
function isValidSize(value) {
|
|
11022
|
+
if (["full"].includes(width)) return true;
|
|
11023
|
+
if (isValidDimension(value)) return true;
|
|
11024
|
+
return false;
|
|
10152
11025
|
}
|
|
10153
11026
|
|
|
10154
|
-
|
|
10155
|
-
|
|
11027
|
+
onMount(() => {
|
|
11028
|
+
if (!isValidSize(width)) {
|
|
11029
|
+
console.error("Invalid PageBlock width");
|
|
11030
|
+
}
|
|
11031
|
+
|
|
11032
|
+
$$invalidate(0, _width = Sizes[width] || width);
|
|
11033
|
+
});
|
|
11034
|
+
|
|
11035
|
+
$$self.$$set = $$props => {
|
|
11036
|
+
if ('width' in $$props) $$invalidate(1, width = $$props.width);
|
|
11037
|
+
if ('_width' in $$props) $$invalidate(0, _width = $$props._width);
|
|
11038
|
+
};
|
|
11039
|
+
|
|
11040
|
+
return [_width, width];
|
|
11041
|
+
}
|
|
11042
|
+
|
|
11043
|
+
class PageBlock extends SvelteElement {
|
|
11044
|
+
constructor(options) {
|
|
11045
|
+
super();
|
|
11046
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1.75rem}</style>`;
|
|
11047
|
+
|
|
11048
|
+
init(
|
|
11049
|
+
this,
|
|
11050
|
+
{
|
|
11051
|
+
target: this.shadowRoot,
|
|
11052
|
+
props: attribute_to_object(this.attributes),
|
|
11053
|
+
customElement: true
|
|
11054
|
+
},
|
|
11055
|
+
instance$a,
|
|
11056
|
+
create_fragment$c,
|
|
11057
|
+
safe_not_equal,
|
|
11058
|
+
{ width: 1, _width: 0 },
|
|
11059
|
+
null
|
|
11060
|
+
);
|
|
11061
|
+
|
|
11062
|
+
if (options) {
|
|
11063
|
+
if (options.target) {
|
|
11064
|
+
insert(options.target, this, options.anchor);
|
|
11065
|
+
}
|
|
11066
|
+
|
|
11067
|
+
if (options.props) {
|
|
11068
|
+
this.$set(options.props);
|
|
11069
|
+
flush();
|
|
11070
|
+
}
|
|
11071
|
+
}
|
|
10156
11072
|
}
|
|
10157
11073
|
|
|
10158
|
-
|
|
10159
|
-
|
|
10160
|
-
flush();
|
|
11074
|
+
static get observedAttributes() {
|
|
11075
|
+
return ["width", "_width"];
|
|
10161
11076
|
}
|
|
10162
11077
|
|
|
10163
11078
|
get width() {
|
|
10164
|
-
return this.$$.ctx[
|
|
11079
|
+
return this.$$.ctx[1];
|
|
10165
11080
|
}
|
|
10166
11081
|
|
|
10167
11082
|
set width(width) {
|
|
@@ -10169,208 +11084,327 @@ class Modal extends SvelteElement {
|
|
|
10169
11084
|
flush();
|
|
10170
11085
|
}
|
|
10171
11086
|
|
|
10172
|
-
get
|
|
10173
|
-
return this.$$.ctx[
|
|
11087
|
+
get _width() {
|
|
11088
|
+
return this.$$.ctx[0];
|
|
10174
11089
|
}
|
|
10175
|
-
|
|
10176
|
-
set
|
|
10177
|
-
this.$$set({
|
|
11090
|
+
|
|
11091
|
+
set _width(_width) {
|
|
11092
|
+
this.$$set({ _width });
|
|
10178
11093
|
flush();
|
|
10179
11094
|
}
|
|
10180
11095
|
}
|
|
10181
11096
|
|
|
10182
|
-
customElements.define("goa-
|
|
11097
|
+
customElements.define("goa-page-block", PageBlock);
|
|
10183
11098
|
|
|
10184
|
-
/* libs/web-components/src/components/
|
|
11099
|
+
/* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.51.0 */
|
|
10185
11100
|
|
|
10186
11101
|
function create_if_block$3(ctx) {
|
|
10187
|
-
let
|
|
10188
|
-
let
|
|
10189
|
-
let goa_icon;
|
|
10190
|
-
let goa_icon_inverted_value;
|
|
10191
|
-
let t0;
|
|
10192
|
-
let div1;
|
|
11102
|
+
let goa_block;
|
|
11103
|
+
let span0;
|
|
10193
11104
|
let t1;
|
|
10194
|
-
let
|
|
10195
|
-
let
|
|
10196
|
-
let
|
|
10197
|
-
let
|
|
10198
|
-
let
|
|
10199
|
-
let
|
|
10200
|
-
let
|
|
10201
|
-
let dispose;
|
|
11105
|
+
let input;
|
|
11106
|
+
let t2;
|
|
11107
|
+
let goa_input;
|
|
11108
|
+
let t3;
|
|
11109
|
+
let span1;
|
|
11110
|
+
let t4;
|
|
11111
|
+
let t5;
|
|
10202
11112
|
|
|
10203
11113
|
return {
|
|
10204
11114
|
c() {
|
|
10205
|
-
|
|
10206
|
-
|
|
10207
|
-
|
|
10208
|
-
t0 = space();
|
|
10209
|
-
div1 = element("div");
|
|
10210
|
-
div1.innerHTML = `<slot></slot>`;
|
|
11115
|
+
goa_block = element("goa-block");
|
|
11116
|
+
span0 = element("span");
|
|
11117
|
+
span0.textContent = "Page";
|
|
10211
11118
|
t1 = space();
|
|
10212
|
-
|
|
10213
|
-
|
|
10214
|
-
|
|
10215
|
-
|
|
10216
|
-
|
|
10217
|
-
|
|
10218
|
-
|
|
10219
|
-
|
|
10220
|
-
set_custom_element_data(
|
|
10221
|
-
|
|
10222
|
-
|
|
11119
|
+
input = element("input");
|
|
11120
|
+
t2 = space();
|
|
11121
|
+
goa_input = element("goa-input");
|
|
11122
|
+
t3 = space();
|
|
11123
|
+
span1 = element("span");
|
|
11124
|
+
t4 = text("of ");
|
|
11125
|
+
t5 = text(/*_pageCount*/ ctx[8]);
|
|
11126
|
+
attr(input, "type", "hidden");
|
|
11127
|
+
set_custom_element_data(goa_input, "type", "number");
|
|
11128
|
+
set_custom_element_data(goa_input, "value", /*pagenumber*/ ctx[0]);
|
|
11129
|
+
set_custom_element_data(goa_input, "width", "8ch");
|
|
11130
|
+
set_custom_element_data(goa_input, "debounce", "500");
|
|
11131
|
+
set_custom_element_data(goa_input, "min", "1");
|
|
11132
|
+
set_custom_element_data(goa_input, "max", /*_pageCount*/ ctx[8]);
|
|
11133
|
+
set_custom_element_data(goa_block, "data-testid", "page-selector");
|
|
11134
|
+
set_custom_element_data(goa_block, "alignment", "center");
|
|
11135
|
+
set_custom_element_data(goa_block, "gap", "s");
|
|
10223
11136
|
},
|
|
10224
11137
|
m(target, anchor) {
|
|
10225
|
-
insert(target,
|
|
10226
|
-
append(
|
|
10227
|
-
append(
|
|
10228
|
-
append(
|
|
10229
|
-
|
|
10230
|
-
append(
|
|
10231
|
-
append(
|
|
10232
|
-
|
|
10233
|
-
|
|
10234
|
-
|
|
10235
|
-
|
|
10236
|
-
|
|
10237
|
-
mounted = true;
|
|
10238
|
-
}
|
|
11138
|
+
insert(target, goa_block, anchor);
|
|
11139
|
+
append(goa_block, span0);
|
|
11140
|
+
append(goa_block, t1);
|
|
11141
|
+
append(goa_block, input);
|
|
11142
|
+
/*input_binding*/ ctx[12](input);
|
|
11143
|
+
append(goa_block, t2);
|
|
11144
|
+
append(goa_block, goa_input);
|
|
11145
|
+
/*goa_input_binding*/ ctx[13](goa_input);
|
|
11146
|
+
append(goa_block, t3);
|
|
11147
|
+
append(goa_block, span1);
|
|
11148
|
+
append(span1, t4);
|
|
11149
|
+
append(span1, t5);
|
|
10239
11150
|
},
|
|
10240
11151
|
p(ctx, dirty) {
|
|
10241
|
-
if (
|
|
10242
|
-
set_custom_element_data(
|
|
10243
|
-
}
|
|
10244
|
-
|
|
10245
|
-
if (!current || dirty & /*type*/ 1 && goa_icon_inverted_value !== (goa_icon_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true")) {
|
|
10246
|
-
set_custom_element_data(goa_icon, "inverted", goa_icon_inverted_value);
|
|
10247
|
-
}
|
|
10248
|
-
|
|
10249
|
-
if (!current || dirty & /*type*/ 1 && goa_icon_button_inverted_value !== (goa_icon_button_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true")) {
|
|
10250
|
-
set_custom_element_data(goa_icon_button, "inverted", goa_icon_button_inverted_value);
|
|
11152
|
+
if (dirty & /*pagenumber*/ 1) {
|
|
11153
|
+
set_custom_element_data(goa_input, "value", /*pagenumber*/ ctx[0]);
|
|
10251
11154
|
}
|
|
10252
11155
|
|
|
10253
|
-
if (
|
|
10254
|
-
|
|
11156
|
+
if (dirty & /*_pageCount*/ 256) {
|
|
11157
|
+
set_custom_element_data(goa_input, "max", /*_pageCount*/ ctx[8]);
|
|
10255
11158
|
}
|
|
10256
|
-
},
|
|
10257
|
-
i(local) {
|
|
10258
|
-
if (current) return;
|
|
10259
11159
|
|
|
10260
|
-
|
|
10261
|
-
if (!div3_transition) div3_transition = create_bidirectional_transition(div3, fade, {}, true);
|
|
10262
|
-
div3_transition.run(1);
|
|
10263
|
-
});
|
|
10264
|
-
|
|
10265
|
-
current = true;
|
|
10266
|
-
},
|
|
10267
|
-
o(local) {
|
|
10268
|
-
if (!div3_transition) div3_transition = create_bidirectional_transition(div3, fade, {}, false);
|
|
10269
|
-
div3_transition.run(0);
|
|
10270
|
-
current = false;
|
|
11160
|
+
if (dirty & /*_pageCount*/ 256) set_data(t5, /*_pageCount*/ ctx[8]);
|
|
10271
11161
|
},
|
|
10272
11162
|
d(detaching) {
|
|
10273
|
-
if (detaching) detach(
|
|
10274
|
-
|
|
10275
|
-
|
|
10276
|
-
dispose();
|
|
11163
|
+
if (detaching) detach(goa_block);
|
|
11164
|
+
/*input_binding*/ ctx[12](null);
|
|
11165
|
+
/*goa_input_binding*/ ctx[13](null);
|
|
10277
11166
|
}
|
|
10278
11167
|
};
|
|
10279
11168
|
}
|
|
10280
11169
|
|
|
10281
|
-
function create_fragment$
|
|
10282
|
-
let
|
|
10283
|
-
let
|
|
10284
|
-
let
|
|
11170
|
+
function create_fragment$b(ctx) {
|
|
11171
|
+
let goa_block1;
|
|
11172
|
+
let div;
|
|
11173
|
+
let t0;
|
|
11174
|
+
let goa_block0;
|
|
11175
|
+
let goa_button0;
|
|
11176
|
+
let t1;
|
|
11177
|
+
let goa_button0_disabled_value;
|
|
11178
|
+
let t2;
|
|
11179
|
+
let goa_button1;
|
|
11180
|
+
let t3;
|
|
11181
|
+
let goa_button1_disabled_value;
|
|
11182
|
+
let mounted;
|
|
11183
|
+
let dispose;
|
|
11184
|
+
let if_block = /*variant*/ ctx[1] === "all" && create_if_block$3(ctx);
|
|
10285
11185
|
|
|
10286
11186
|
return {
|
|
10287
11187
|
c() {
|
|
11188
|
+
goa_block1 = element("goa-block");
|
|
11189
|
+
div = element("div");
|
|
10288
11190
|
if (if_block) if_block.c();
|
|
10289
|
-
|
|
11191
|
+
t0 = space();
|
|
11192
|
+
goa_block0 = element("goa-block");
|
|
11193
|
+
goa_button0 = element("goa-button");
|
|
11194
|
+
t1 = text("Previous");
|
|
11195
|
+
t2 = space();
|
|
11196
|
+
goa_button1 = element("goa-button");
|
|
11197
|
+
t3 = text("Next");
|
|
10290
11198
|
this.c = noop;
|
|
11199
|
+
set_custom_element_data(goa_button0, "type", "tertiary");
|
|
11200
|
+
set_custom_element_data(goa_button0, "leadingicon", "arrow-back");
|
|
11201
|
+
set_custom_element_data(goa_button0, "disabled", goa_button0_disabled_value = /*pagenumber*/ ctx[0] == 1 ? "true" : "false");
|
|
11202
|
+
set_custom_element_data(goa_button1, "type", "tertiary");
|
|
11203
|
+
set_custom_element_data(goa_button1, "trailingicon", "arrow-forward");
|
|
11204
|
+
|
|
11205
|
+
set_custom_element_data(goa_button1, "disabled", goa_button1_disabled_value = /*pagenumber*/ ctx[0] == /*_pageCount*/ ctx[8]
|
|
11206
|
+
? "true"
|
|
11207
|
+
: "false");
|
|
11208
|
+
|
|
11209
|
+
set_custom_element_data(goa_block0, "alignment", "center");
|
|
11210
|
+
set_custom_element_data(goa_block0, "gap", "m");
|
|
11211
|
+
set_custom_element_data(goa_block0, "data-testid", "page-links");
|
|
11212
|
+
attr(div, "class", "controls");
|
|
11213
|
+
set_custom_element_data(goa_block1, "id", "root");
|
|
11214
|
+
set_custom_element_data(goa_block1, "ml", /*ml*/ ctx[5]);
|
|
11215
|
+
set_custom_element_data(goa_block1, "mr", /*mr*/ ctx[3]);
|
|
11216
|
+
set_custom_element_data(goa_block1, "mb", /*mb*/ ctx[4]);
|
|
11217
|
+
set_custom_element_data(goa_block1, "mt", /*mt*/ ctx[2]);
|
|
10291
11218
|
},
|
|
10292
11219
|
m(target, anchor) {
|
|
10293
|
-
|
|
10294
|
-
|
|
10295
|
-
|
|
11220
|
+
insert(target, goa_block1, anchor);
|
|
11221
|
+
append(goa_block1, div);
|
|
11222
|
+
if (if_block) if_block.m(div, null);
|
|
11223
|
+
append(div, t0);
|
|
11224
|
+
append(div, goa_block0);
|
|
11225
|
+
append(goa_block0, goa_button0);
|
|
11226
|
+
append(goa_button0, t1);
|
|
11227
|
+
append(goa_block0, t2);
|
|
11228
|
+
append(goa_block0, goa_button1);
|
|
11229
|
+
append(goa_button1, t3);
|
|
11230
|
+
|
|
11231
|
+
if (!mounted) {
|
|
11232
|
+
dispose = [
|
|
11233
|
+
listen(goa_button0, "click", /*click_handler*/ ctx[14]),
|
|
11234
|
+
listen(goa_button1, "click", /*click_handler_1*/ ctx[15])
|
|
11235
|
+
];
|
|
11236
|
+
|
|
11237
|
+
mounted = true;
|
|
11238
|
+
}
|
|
10296
11239
|
},
|
|
10297
11240
|
p(ctx, [dirty]) {
|
|
10298
|
-
if (/*
|
|
11241
|
+
if (/*variant*/ ctx[1] === "all") {
|
|
10299
11242
|
if (if_block) {
|
|
10300
11243
|
if_block.p(ctx, dirty);
|
|
10301
|
-
|
|
10302
|
-
if (dirty & /*show*/ 2) {
|
|
10303
|
-
transition_in(if_block, 1);
|
|
10304
|
-
}
|
|
10305
11244
|
} else {
|
|
10306
11245
|
if_block = create_if_block$3(ctx);
|
|
10307
11246
|
if_block.c();
|
|
10308
|
-
|
|
10309
|
-
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
11247
|
+
if_block.m(div, t0);
|
|
10310
11248
|
}
|
|
10311
11249
|
} else if (if_block) {
|
|
10312
|
-
|
|
11250
|
+
if_block.d(1);
|
|
11251
|
+
if_block = null;
|
|
11252
|
+
}
|
|
10313
11253
|
|
|
10314
|
-
|
|
10315
|
-
|
|
10316
|
-
|
|
11254
|
+
if (dirty & /*pagenumber*/ 1 && goa_button0_disabled_value !== (goa_button0_disabled_value = /*pagenumber*/ ctx[0] == 1 ? "true" : "false")) {
|
|
11255
|
+
set_custom_element_data(goa_button0, "disabled", goa_button0_disabled_value);
|
|
11256
|
+
}
|
|
10317
11257
|
|
|
10318
|
-
|
|
11258
|
+
if (dirty & /*pagenumber, _pageCount*/ 257 && goa_button1_disabled_value !== (goa_button1_disabled_value = /*pagenumber*/ ctx[0] == /*_pageCount*/ ctx[8]
|
|
11259
|
+
? "true"
|
|
11260
|
+
: "false")) {
|
|
11261
|
+
set_custom_element_data(goa_button1, "disabled", goa_button1_disabled_value);
|
|
11262
|
+
}
|
|
11263
|
+
|
|
11264
|
+
if (dirty & /*ml*/ 32) {
|
|
11265
|
+
set_custom_element_data(goa_block1, "ml", /*ml*/ ctx[5]);
|
|
11266
|
+
}
|
|
11267
|
+
|
|
11268
|
+
if (dirty & /*mr*/ 8) {
|
|
11269
|
+
set_custom_element_data(goa_block1, "mr", /*mr*/ ctx[3]);
|
|
11270
|
+
}
|
|
11271
|
+
|
|
11272
|
+
if (dirty & /*mb*/ 16) {
|
|
11273
|
+
set_custom_element_data(goa_block1, "mb", /*mb*/ ctx[4]);
|
|
11274
|
+
}
|
|
11275
|
+
|
|
11276
|
+
if (dirty & /*mt*/ 4) {
|
|
11277
|
+
set_custom_element_data(goa_block1, "mt", /*mt*/ ctx[2]);
|
|
10319
11278
|
}
|
|
10320
11279
|
},
|
|
10321
|
-
i
|
|
10322
|
-
|
|
10323
|
-
transition_in(if_block);
|
|
10324
|
-
current = true;
|
|
10325
|
-
},
|
|
10326
|
-
o(local) {
|
|
10327
|
-
transition_out(if_block);
|
|
10328
|
-
current = false;
|
|
10329
|
-
},
|
|
11280
|
+
i: noop,
|
|
11281
|
+
o: noop,
|
|
10330
11282
|
d(detaching) {
|
|
10331
|
-
if (
|
|
10332
|
-
if (
|
|
11283
|
+
if (detaching) detach(goa_block1);
|
|
11284
|
+
if (if_block) if_block.d();
|
|
11285
|
+
mounted = false;
|
|
11286
|
+
run_all(dispose);
|
|
10333
11287
|
}
|
|
10334
11288
|
};
|
|
10335
11289
|
}
|
|
10336
11290
|
|
|
10337
|
-
function instance$
|
|
10338
|
-
let
|
|
10339
|
-
const [
|
|
10340
|
-
let {
|
|
10341
|
-
let
|
|
11291
|
+
function instance$9($$self, $$props, $$invalidate) {
|
|
11292
|
+
let _pageCount;
|
|
11293
|
+
const [Variants, validateVariant] = typeValidator("Pagination variant", ["all", "links-only"]);
|
|
11294
|
+
let { pagenumber } = $$props;
|
|
11295
|
+
let { itemcount } = $$props;
|
|
11296
|
+
let { perpagecount = 10 } = $$props;
|
|
11297
|
+
let { variant = "all" } = $$props;
|
|
11298
|
+
let { mt = null } = $$props;
|
|
11299
|
+
let { mr = null } = $$props;
|
|
11300
|
+
let { mb = "m" } = $$props;
|
|
11301
|
+
let { ml = null } = $$props;
|
|
10342
11302
|
|
|
10343
|
-
|
|
10344
|
-
|
|
11303
|
+
// private
|
|
11304
|
+
let inputEl = null;
|
|
11305
|
+
|
|
11306
|
+
let hiddenEl = null; // needed to allow the inputEl's event to be cancelled
|
|
11307
|
+
|
|
11308
|
+
// hooks
|
|
11309
|
+
onMount(async () => {
|
|
11310
|
+
await tick();
|
|
11311
|
+
validateRequired("GoAPagination", { itemcount, pagenumber });
|
|
11312
|
+
validateVariant(variant);
|
|
11313
|
+
|
|
11314
|
+
// prevent event propagation if value is non-numeric
|
|
11315
|
+
// (input[type=number] returns blank for non-numeric numbers)
|
|
11316
|
+
inputEl && inputEl.addEventListener("_change", e => {
|
|
11317
|
+
const page = Number.parseInt(e.detail.value);
|
|
11318
|
+
e.stopPropagation();
|
|
11319
|
+
|
|
11320
|
+
if (isNaN(page)) {
|
|
11321
|
+
return;
|
|
11322
|
+
}
|
|
11323
|
+
|
|
11324
|
+
hiddenEl.dispatchEvent(new CustomEvent("_change",
|
|
11325
|
+
{
|
|
11326
|
+
composed: true,
|
|
11327
|
+
bubbles: true,
|
|
11328
|
+
detail: { page }
|
|
11329
|
+
}));
|
|
11330
|
+
});
|
|
10345
11331
|
});
|
|
10346
11332
|
|
|
10347
|
-
|
|
10348
|
-
|
|
11333
|
+
// functions
|
|
11334
|
+
function goto(e, offset) {
|
|
11335
|
+
const newPage = Number.parseInt(pagenumber + "") + offset;
|
|
11336
|
+
|
|
11337
|
+
if (newPage > 0 && newPage <= _pageCount) {
|
|
11338
|
+
e.target.dispatchEvent(new CustomEvent("_change",
|
|
11339
|
+
{
|
|
11340
|
+
composed: true,
|
|
11341
|
+
bubbles: true,
|
|
11342
|
+
detail: { page: newPage }
|
|
11343
|
+
}));
|
|
11344
|
+
}
|
|
11345
|
+
|
|
11346
|
+
e.preventDefault();
|
|
11347
|
+
}
|
|
11348
|
+
|
|
11349
|
+
function input_binding($$value) {
|
|
11350
|
+
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
11351
|
+
hiddenEl = $$value;
|
|
11352
|
+
$$invalidate(7, hiddenEl);
|
|
11353
|
+
});
|
|
11354
|
+
}
|
|
11355
|
+
|
|
11356
|
+
function goa_input_binding($$value) {
|
|
11357
|
+
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
11358
|
+
inputEl = $$value;
|
|
11359
|
+
$$invalidate(6, inputEl);
|
|
11360
|
+
});
|
|
10349
11361
|
}
|
|
10350
11362
|
|
|
11363
|
+
const click_handler = e => goto(e, -1);
|
|
11364
|
+
const click_handler_1 = e => goto(e, 1);
|
|
11365
|
+
|
|
10351
11366
|
$$self.$$set = $$props => {
|
|
10352
|
-
if ('
|
|
11367
|
+
if ('pagenumber' in $$props) $$invalidate(0, pagenumber = $$props.pagenumber);
|
|
11368
|
+
if ('itemcount' in $$props) $$invalidate(10, itemcount = $$props.itemcount);
|
|
11369
|
+
if ('perpagecount' in $$props) $$invalidate(11, perpagecount = $$props.perpagecount);
|
|
11370
|
+
if ('variant' in $$props) $$invalidate(1, variant = $$props.variant);
|
|
11371
|
+
if ('mt' in $$props) $$invalidate(2, mt = $$props.mt);
|
|
11372
|
+
if ('mr' in $$props) $$invalidate(3, mr = $$props.mr);
|
|
11373
|
+
if ('mb' in $$props) $$invalidate(4, mb = $$props.mb);
|
|
11374
|
+
if ('ml' in $$props) $$invalidate(5, ml = $$props.ml);
|
|
10353
11375
|
};
|
|
10354
11376
|
|
|
10355
11377
|
$$self.$$.update = () => {
|
|
10356
|
-
if ($$self.$$.dirty & /*
|
|
10357
|
-
|
|
10358
|
-
|
|
10359
|
-
: type === "important"
|
|
10360
|
-
? "alert-circle"
|
|
10361
|
-
: type === "information"
|
|
10362
|
-
? "information-circle"
|
|
10363
|
-
: type === "event" ? "calendar" : "");
|
|
11378
|
+
if ($$self.$$.dirty & /*itemcount, perpagecount*/ 3072) {
|
|
11379
|
+
// reactive
|
|
11380
|
+
$$invalidate(8, _pageCount = Math.ceil(itemcount / perpagecount));
|
|
10364
11381
|
}
|
|
10365
11382
|
};
|
|
10366
11383
|
|
|
10367
|
-
return [
|
|
11384
|
+
return [
|
|
11385
|
+
pagenumber,
|
|
11386
|
+
variant,
|
|
11387
|
+
mt,
|
|
11388
|
+
mr,
|
|
11389
|
+
mb,
|
|
11390
|
+
ml,
|
|
11391
|
+
inputEl,
|
|
11392
|
+
hiddenEl,
|
|
11393
|
+
_pageCount,
|
|
11394
|
+
goto,
|
|
11395
|
+
itemcount,
|
|
11396
|
+
perpagecount,
|
|
11397
|
+
input_binding,
|
|
11398
|
+
goa_input_binding,
|
|
11399
|
+
click_handler,
|
|
11400
|
+
click_handler_1
|
|
11401
|
+
];
|
|
10368
11402
|
}
|
|
10369
11403
|
|
|
10370
|
-
class
|
|
11404
|
+
class Pagination extends SvelteElement {
|
|
10371
11405
|
constructor(options) {
|
|
10372
11406
|
super();
|
|
10373
|
-
this.shadowRoot.innerHTML = `<style
|
|
11407
|
+
this.shadowRoot.innerHTML = `<style>span{white-space:nowrap}.controls{display:flex;gap:1rem;flex-direction:column;align-items:center;width:100%}@media(min-width: 480px){.controls{flex-direction:row;justify-content:space-between}}</style>`;
|
|
10374
11408
|
|
|
10375
11409
|
init(
|
|
10376
11410
|
this,
|
|
@@ -10379,10 +11413,19 @@ class Notification extends SvelteElement {
|
|
|
10379
11413
|
props: attribute_to_object(this.attributes),
|
|
10380
11414
|
customElement: true
|
|
10381
11415
|
},
|
|
10382
|
-
instance$
|
|
10383
|
-
create_fragment$
|
|
11416
|
+
instance$9,
|
|
11417
|
+
create_fragment$b,
|
|
10384
11418
|
safe_not_equal,
|
|
10385
|
-
{
|
|
11419
|
+
{
|
|
11420
|
+
pagenumber: 0,
|
|
11421
|
+
itemcount: 10,
|
|
11422
|
+
perpagecount: 11,
|
|
11423
|
+
variant: 1,
|
|
11424
|
+
mt: 2,
|
|
11425
|
+
mr: 3,
|
|
11426
|
+
mb: 4,
|
|
11427
|
+
ml: 5
|
|
11428
|
+
},
|
|
10386
11429
|
null
|
|
10387
11430
|
);
|
|
10388
11431
|
|
|
@@ -10399,140 +11442,83 @@ class Notification extends SvelteElement {
|
|
|
10399
11442
|
}
|
|
10400
11443
|
|
|
10401
11444
|
static get observedAttributes() {
|
|
10402
|
-
return ["
|
|
11445
|
+
return ["pagenumber", "itemcount", "perpagecount", "variant", "mt", "mr", "mb", "ml"];
|
|
10403
11446
|
}
|
|
10404
11447
|
|
|
10405
|
-
get
|
|
11448
|
+
get pagenumber() {
|
|
10406
11449
|
return this.$$.ctx[0];
|
|
10407
11450
|
}
|
|
10408
11451
|
|
|
10409
|
-
set
|
|
10410
|
-
this.$$set({
|
|
11452
|
+
set pagenumber(pagenumber) {
|
|
11453
|
+
this.$$set({ pagenumber });
|
|
10411
11454
|
flush();
|
|
10412
11455
|
}
|
|
10413
|
-
}
|
|
10414
|
-
|
|
10415
|
-
customElements.define("goa-notification", Notification);
|
|
10416
|
-
|
|
10417
|
-
const dimensionRegex = /^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;
|
|
10418
|
-
function isValidDimension(value) {
|
|
10419
|
-
return dimensionRegex.test(value);
|
|
10420
|
-
}
|
|
10421
|
-
|
|
10422
|
-
/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
|
|
10423
|
-
|
|
10424
|
-
function create_fragment$b(ctx) {
|
|
10425
|
-
let div;
|
|
10426
|
-
let slot;
|
|
10427
|
-
let div_style_value;
|
|
10428
|
-
|
|
10429
|
-
return {
|
|
10430
|
-
c() {
|
|
10431
|
-
div = element("div");
|
|
10432
|
-
slot = element("slot");
|
|
10433
|
-
this.c = noop;
|
|
10434
|
-
attr(div, "class", "page-content");
|
|
10435
|
-
attr(div, "style", div_style_value = `--max-width: ${/*_width*/ ctx[0]}`);
|
|
10436
|
-
},
|
|
10437
|
-
m(target, anchor) {
|
|
10438
|
-
insert(target, div, anchor);
|
|
10439
|
-
append(div, slot);
|
|
10440
|
-
},
|
|
10441
|
-
p(ctx, [dirty]) {
|
|
10442
|
-
if (dirty & /*_width*/ 1 && div_style_value !== (div_style_value = `--max-width: ${/*_width*/ ctx[0]}`)) {
|
|
10443
|
-
attr(div, "style", div_style_value);
|
|
10444
|
-
}
|
|
10445
|
-
},
|
|
10446
|
-
i: noop,
|
|
10447
|
-
o: noop,
|
|
10448
|
-
d(detaching) {
|
|
10449
|
-
if (detaching) detach(div);
|
|
10450
|
-
}
|
|
10451
|
-
};
|
|
10452
|
-
}
|
|
10453
11456
|
|
|
10454
|
-
|
|
10455
|
-
|
|
10456
|
-
let { width } = $$props;
|
|
10457
|
-
let { _width } = $$props;
|
|
10458
|
-
|
|
10459
|
-
function isValidSize(value) {
|
|
10460
|
-
if (["full"].includes(width)) return true;
|
|
10461
|
-
if (isValidDimension(value)) return true;
|
|
10462
|
-
return false;
|
|
11457
|
+
get itemcount() {
|
|
11458
|
+
return this.$$.ctx[10];
|
|
10463
11459
|
}
|
|
10464
11460
|
|
|
10465
|
-
|
|
10466
|
-
|
|
10467
|
-
|
|
10468
|
-
|
|
10469
|
-
|
|
10470
|
-
$$invalidate(0, _width = Sizes[width] || width);
|
|
10471
|
-
});
|
|
11461
|
+
set itemcount(itemcount) {
|
|
11462
|
+
this.$$set({ itemcount });
|
|
11463
|
+
flush();
|
|
11464
|
+
}
|
|
10472
11465
|
|
|
10473
|
-
|
|
10474
|
-
|
|
10475
|
-
|
|
10476
|
-
};
|
|
11466
|
+
get perpagecount() {
|
|
11467
|
+
return this.$$.ctx[11];
|
|
11468
|
+
}
|
|
10477
11469
|
|
|
10478
|
-
|
|
10479
|
-
}
|
|
11470
|
+
set perpagecount(perpagecount) {
|
|
11471
|
+
this.$$set({ perpagecount });
|
|
11472
|
+
flush();
|
|
11473
|
+
}
|
|
10480
11474
|
|
|
10481
|
-
|
|
10482
|
-
|
|
10483
|
-
|
|
10484
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1.75rem}</style>`;
|
|
11475
|
+
get variant() {
|
|
11476
|
+
return this.$$.ctx[1];
|
|
11477
|
+
}
|
|
10485
11478
|
|
|
10486
|
-
|
|
10487
|
-
|
|
10488
|
-
|
|
10489
|
-
|
|
10490
|
-
props: attribute_to_object(this.attributes),
|
|
10491
|
-
customElement: true
|
|
10492
|
-
},
|
|
10493
|
-
instance$9,
|
|
10494
|
-
create_fragment$b,
|
|
10495
|
-
safe_not_equal,
|
|
10496
|
-
{ width: 1, _width: 0 },
|
|
10497
|
-
null
|
|
10498
|
-
);
|
|
11479
|
+
set variant(variant) {
|
|
11480
|
+
this.$$set({ variant });
|
|
11481
|
+
flush();
|
|
11482
|
+
}
|
|
10499
11483
|
|
|
10500
|
-
|
|
10501
|
-
|
|
10502
|
-
|
|
10503
|
-
}
|
|
11484
|
+
get mt() {
|
|
11485
|
+
return this.$$.ctx[2];
|
|
11486
|
+
}
|
|
10504
11487
|
|
|
10505
|
-
|
|
10506
|
-
|
|
10507
|
-
|
|
10508
|
-
}
|
|
10509
|
-
}
|
|
11488
|
+
set mt(mt) {
|
|
11489
|
+
this.$$set({ mt });
|
|
11490
|
+
flush();
|
|
10510
11491
|
}
|
|
10511
11492
|
|
|
10512
|
-
|
|
10513
|
-
return [
|
|
11493
|
+
get mr() {
|
|
11494
|
+
return this.$$.ctx[3];
|
|
10514
11495
|
}
|
|
10515
11496
|
|
|
10516
|
-
|
|
10517
|
-
|
|
11497
|
+
set mr(mr) {
|
|
11498
|
+
this.$$set({ mr });
|
|
11499
|
+
flush();
|
|
10518
11500
|
}
|
|
10519
11501
|
|
|
10520
|
-
|
|
10521
|
-
this
|
|
11502
|
+
get mb() {
|
|
11503
|
+
return this.$$.ctx[4];
|
|
11504
|
+
}
|
|
11505
|
+
|
|
11506
|
+
set mb(mb) {
|
|
11507
|
+
this.$$set({ mb });
|
|
10522
11508
|
flush();
|
|
10523
11509
|
}
|
|
10524
11510
|
|
|
10525
|
-
get
|
|
10526
|
-
return this.$$.ctx[
|
|
11511
|
+
get ml() {
|
|
11512
|
+
return this.$$.ctx[5];
|
|
10527
11513
|
}
|
|
10528
11514
|
|
|
10529
|
-
set
|
|
10530
|
-
this.$$set({
|
|
11515
|
+
set ml(ml) {
|
|
11516
|
+
this.$$set({ ml });
|
|
10531
11517
|
flush();
|
|
10532
11518
|
}
|
|
10533
11519
|
}
|
|
10534
11520
|
|
|
10535
|
-
customElements.define("goa-
|
|
11521
|
+
customElements.define("goa-pagination", Pagination);
|
|
10536
11522
|
|
|
10537
11523
|
/* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.51.0 */
|
|
10538
11524
|
|
|
@@ -10848,9 +11834,8 @@ class RadioGroup extends SvelteElement {
|
|
|
10848
11834
|
constructor(options) {
|
|
10849
11835
|
super();
|
|
10850
11836
|
|
|
10851
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-radio-group--horizontal{display:flex;flex-direction:row}.goa-radio-group--vertical{display:inline-block}label.goa-radio{--goa-radio-outline-width:3px;--goa-radio-diameter:1.5rem;--goa-radio-border-width:1px;--goa-radio-border-width--checked:7px;display:inline-block;box-sizing:border-box;display:flex;align-items:center;min-height:3rem}.goa-radio:hover{cursor:pointer}.goa-radio *,.goa-radio *:before,.goa-radio *:after{box-sizing:border-box}.goa-radio input[type="radio"]{width:0;height:0;margin:0;opacity:0}
|
|
10852
|
-
var(--goa-color-interactive-hover)}input[type="radio"]:
|
|
10853
|
-
var(--goa-color-interactive-hover)}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon{border:7px solid var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-emergency-default)}</style>`;
|
|
11837
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-radio-group--horizontal{display:flex;flex-direction:row}.goa-radio-group--vertical{display:inline-block}label.goa-radio{--goa-radio-outline-width:3px;--goa-radio-diameter:1.5rem;--goa-radio-border-width:1px;--goa-radio-border-width--checked:7px;display:inline-block;box-sizing:border-box;display:flex;align-items:center;min-height:3rem}.goa-radio:hover{cursor:pointer}.goa-radio *,.goa-radio *:before,.goa-radio *:after{box-sizing:border-box}.goa-radio input[type="radio"]{width:0;height:0;margin:0;opacity:0}.goa-radio-label{padding:0.5rem;font-weight:var(--goa-font-weight-regular)}.goa-radio-icon{display:inline-block;height:var(--goa-radio-diameter);width:var(--goa-radio-diameter);border-radius:50%;background-color:#fff;transition:box-shadow 100ms ease-in-out;flex:0 0 auto}.goa-radio:focus>input:not(:disabled)~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio--disabled .goa-radio-label{opacity:0.4}.goa-radio--disabled:hover{cursor:default}input[type="radio"]:not(:checked)~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700)}input[type="radio"]:hover~.goa-radio-icon{border:1px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:checked:hover~.goa-radio-icon{border:7px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:focus~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}input[type="radio"]:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid var(--goa-color-interactive-default)}input[type="radio"]:disabled~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700);box-shadow:none}input[type="radio"]:disabled:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid
|
|
11838
|
+
var(--goa-color-interactive-hover);box-shadow:none}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon{border:7px solid var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover~.goa-radio-icon{box-shadow:0 0 0 1px var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-emergency-default)}</style>`;
|
|
10854
11839
|
|
|
10855
11840
|
init(
|
|
10856
11841
|
this,
|
|
@@ -11161,7 +12146,7 @@ function get_each_context(ctx, list, i) {
|
|
|
11161
12146
|
}
|
|
11162
12147
|
|
|
11163
12148
|
// (55:2) {:else}
|
|
11164
|
-
function create_else_block(ctx) {
|
|
12149
|
+
function create_else_block$1(ctx) {
|
|
11165
12150
|
let div;
|
|
11166
12151
|
let div_class_value;
|
|
11167
12152
|
|
|
@@ -11501,7 +12486,7 @@ function create_fragment$8(ctx) {
|
|
|
11501
12486
|
let if_block;
|
|
11502
12487
|
let div_style_value;
|
|
11503
12488
|
let current;
|
|
11504
|
-
const if_block_creators = [create_if_block$2, create_if_block_1, create_if_block_2, create_else_block];
|
|
12489
|
+
const if_block_creators = [create_if_block$2, create_if_block_1, create_if_block_2, create_else_block$1];
|
|
11505
12490
|
const if_blocks = [];
|
|
11506
12491
|
|
|
11507
12492
|
function select_block_type(ctx, dirty) {
|
|
@@ -12422,18 +13407,54 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
|
12422
13407
|
|
|
12423
13408
|
onMount(() => {
|
|
12424
13409
|
validateVariant(variant);
|
|
13410
|
+
attachSortEventHandling();
|
|
12425
13411
|
const slot = _rootEl.querySelector("slot");
|
|
12426
13412
|
|
|
12427
|
-
if (slot) {
|
|
12428
|
-
|
|
12429
|
-
const content = slot.assignedElements()[0].querySelectorAll("template table > *");
|
|
12430
|
-
|
|
12431
|
-
_rootEl.append(...content.length > 0 ? content : slot.assignedElements());
|
|
12432
|
-
} else {
|
|
12433
|
-
return [..._rootEl.children];
|
|
13413
|
+
if (!slot || slot.assignedElements().length === 0) {
|
|
13414
|
+
return;
|
|
12434
13415
|
}
|
|
13416
|
+
|
|
13417
|
+
// React needs to nest data in a <table>...</table>
|
|
13418
|
+
const content = slot.assignedElements()[0].querySelectorAll("template table > *");
|
|
13419
|
+
|
|
13420
|
+
_rootEl.append(...content.length > 0 ? content : slot.assignedElements());
|
|
12435
13421
|
});
|
|
12436
13422
|
|
|
13423
|
+
async function attachSortEventHandling() {
|
|
13424
|
+
await tick();
|
|
13425
|
+
const headings = _rootEl.querySelectorAll("goa-table-sort-header");
|
|
13426
|
+
|
|
13427
|
+
headings.forEach(heading => {
|
|
13428
|
+
heading.addEventListener("click", () => {
|
|
13429
|
+
const sortBy = heading.getAttribute("name");
|
|
13430
|
+
let sortDir;
|
|
13431
|
+
|
|
13432
|
+
// relay state to all children
|
|
13433
|
+
headings.forEach(child => {
|
|
13434
|
+
if (child.getAttribute("name") === sortBy) {
|
|
13435
|
+
const direction = child.getAttribute("direction");
|
|
13436
|
+
|
|
13437
|
+
// starting direction is desc
|
|
13438
|
+
const newDirection = direction === "desc" ? "asc" : "desc";
|
|
13439
|
+
|
|
13440
|
+
sortDir = newDirection === "asc" ? 1 : -1;
|
|
13441
|
+
child.setAttribute("direction", newDirection);
|
|
13442
|
+
} else {
|
|
13443
|
+
child.setAttribute("direction", "none");
|
|
13444
|
+
}
|
|
13445
|
+
});
|
|
13446
|
+
|
|
13447
|
+
heading.dispatchEvent(new CustomEvent("_sort",
|
|
13448
|
+
{
|
|
13449
|
+
composed: true,
|
|
13450
|
+
bubbles: false,
|
|
13451
|
+
cancelable: true,
|
|
13452
|
+
detail: { sortBy, sortDir }
|
|
13453
|
+
}));
|
|
13454
|
+
});
|
|
13455
|
+
});
|
|
13456
|
+
}
|
|
13457
|
+
|
|
12437
13458
|
function table_binding($$value) {
|
|
12438
13459
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
12439
13460
|
_rootEl = $$value;
|
|
@@ -12474,7 +13495,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
|
12474
13495
|
class Table extends SvelteElement {
|
|
12475
13496
|
constructor(options) {
|
|
12476
13497
|
super();
|
|
12477
|
-
this.shadowRoot.innerHTML = `<style
|
|
13498
|
+
this.shadowRoot.innerHTML = `<style>:host{overflow-x:auto}table{border-collapse:collapse}table.sticky{position:relative}table.sticky thead{position:sticky;top:0}td{font:var(--goa-typography-body-m);padding:0.75rem 1rem;border-bottom:1px solid var(--goa-color-greyscale-200)}table .goa-table-number-column{font:var(--goa-typography-number-m);text-align:right}table.relaxed td{padding:1rem}th{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-secondary);padding:1rem;text-align:left;border-bottom:2px solid var(--goa-color-greyscale-700);vertical-align:bottom}th:has(goa-table-sort-header){padding:0}tfoot td{background-color:var(--goa-color-greyscale-100)}tfoot tr:first-child td{border-top:2px solid var(--goa-color-greyscale-200)}tfoot tr:last-child td{border-bottom:none}</style>`;
|
|
12478
13499
|
|
|
12479
13500
|
init(
|
|
12480
13501
|
this,
|
|
@@ -12580,9 +13601,167 @@ class Table extends SvelteElement {
|
|
|
12580
13601
|
|
|
12581
13602
|
customElements.define("goa-table", Table);
|
|
12582
13603
|
|
|
12583
|
-
/* libs/web-components/src/components/
|
|
13604
|
+
/* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.51.0 */
|
|
13605
|
+
|
|
13606
|
+
function create_else_block(ctx) {
|
|
13607
|
+
let img;
|
|
13608
|
+
let img_src_value;
|
|
13609
|
+
|
|
13610
|
+
return {
|
|
13611
|
+
c() {
|
|
13612
|
+
img = element("img");
|
|
13613
|
+
attr(img, "alt", /*direction*/ ctx[0]);
|
|
13614
|
+
attr(img, "class", /*direction*/ ctx[0]);
|
|
13615
|
+
if (!src_url_equal(img.src, img_src_value = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE2IgogICBoZWlnaHQ9IjIyIgogICB2aWV3Qm94PSIwIDAgMTYgMjIiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEwNjgiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEwNzIiIC8+CiAgPHBhdGgKICAgICBkPSJtIDAuNTk0Mzc0NzEsNy45MDkwOTkgNi41NTIxODc5OSw3LjY0NjI1IGMgMC4xMDU2MSwwLjEyMzE4IDAuMjM2NjIsMC4yMjIwNiAwLjM4NDA0LDAuMjg5ODUgMC4xNDc0MiwwLjA2Nzc5IDAuMzA3NzYsMC4xMDI4OSAwLjQ3MDAyLDAuMTAyODkgMC4xNjIyNiwwIDAuMzIyNiwtMC4wMzUxIDAuNDcwMDIsLTAuMTAyODkgMC4xNDc0MiwtMC4wNjc3OSAwLjI3ODQzLC0wLjE2NjY3IDAuMzg0MDQsLTAuMjg5ODUgbCA2LjU1MjE4MDMsLTcuNjQ2MjUgYyAwLjYyNTMsLTAuNzI5ODQgMC4xMDY5LC0xLjg1NzE4OCAtMC44NTQxLC0xLjg1NzE4OCBIIDEuNDQ2NTYyNyBjIC0wLjk2MDkzNzk5LDAgLTEuNDc5Mzc1NjksMS4xMjczNDggLTAuODUyMTg3OTksMS44NTcxODggeiIKICAgICBmaWxsPSIjMDA3MGM0IgogICAgIGlkPSJwYXRoMTA2NiIgLz4KPC9zdmc+Cg==")) attr(img, "src", img_src_value);
|
|
13616
|
+
},
|
|
13617
|
+
m(target, anchor) {
|
|
13618
|
+
insert(target, img, anchor);
|
|
13619
|
+
},
|
|
13620
|
+
p(ctx, dirty) {
|
|
13621
|
+
if (dirty & /*direction*/ 1) {
|
|
13622
|
+
attr(img, "alt", /*direction*/ ctx[0]);
|
|
13623
|
+
}
|
|
13624
|
+
|
|
13625
|
+
if (dirty & /*direction*/ 1) {
|
|
13626
|
+
attr(img, "class", /*direction*/ ctx[0]);
|
|
13627
|
+
}
|
|
13628
|
+
},
|
|
13629
|
+
d(detaching) {
|
|
13630
|
+
if (detaching) detach(img);
|
|
13631
|
+
}
|
|
13632
|
+
};
|
|
13633
|
+
}
|
|
13634
|
+
|
|
13635
|
+
// (55:2) {#if direction === "none"}
|
|
13636
|
+
function create_if_block(ctx) {
|
|
13637
|
+
let img;
|
|
13638
|
+
let img_src_value;
|
|
13639
|
+
|
|
13640
|
+
return {
|
|
13641
|
+
c() {
|
|
13642
|
+
img = element("img");
|
|
13643
|
+
attr(img, "alt", "not sorted");
|
|
13644
|
+
if (!src_url_equal(img.src, img_src_value = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMTUuMzU5ODg3IgogICBoZWlnaHQ9IjIxLjg0NDI1IgogICB2aWV3Qm94PSIwIDAgNC4wNjM5NzAxIDUuNzc5NjI0NCIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNTE3IgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM1MTQiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05LjM0NTE0MDMsLTguNzQ0OTg2NikiPgogICAgPHBhdGgKICAgICAgIGQ9Im0gOS40MTc3Njg0LDEyLjM5NzYzMSAxLjczMzU5ODYsMi4wMjMwNyBjIDAuMDI3OTQsMC4wMzI1OSAwLjA2MjYxLDAuMDU4NzUgMC4xMDE2MTEsMC4wNzY2OSAwLjAzOSwwLjAxNzk0IDAuMDgxNDMsMC4wMjcyMiAwLjEyNDM1OSwwLjAyNzIyIDAuMDQyOTMsMCAwLjA4NTM1LC0wLjAwOTMgMC4xMjQzNiwtMC4wMjcyMiAwLjAzOSwtMC4wMTc5NCAwLjA3MzY3LC0wLjA0NDEgMC4xMDE2MSwtMC4wNzY2OSBsIDEuNzMzNTk4LC0yLjAyMzA3IGMgMC4xNjU0NDQsLTAuMTkzMTA0IDAuMDI4MjgsLTAuNDkxMzgxIC0wLjIyNTk4MSwtMC40OTEzODEgSCA5LjY0MzI0MjQgYyAtMC4yNTQyNDgsMCAtMC4zOTE0MTgsMC4yOTgyNzcgLTAuMjI1NDc0LDAuNDkxMzgxIHoiCiAgICAgICBmaWxsPSIjYWRhZGFkIgogICAgICAgaWQ9InBhdGgzMzUiCiAgICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuMjY0NTgzIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Ik0gMTMuMzM2NDk0LDEwLjg3MTk2OCAxMS42MDI4ODksOC44NDg4OTY2IGMgLTAuMDI3OTQsLTAuMDMyNTkgLTAuMDYyNjEsLTAuMDU4NzUgLTAuMTAxNjExLC0wLjA3NjY5IC0wLjAzOSwtMC4wMTc5NCAtMC4wODE0MywtMC4wMjcyMiAtMC4xMjQzNTksLTAuMDI3MjIgLTAuMDQyOTMsMCAtMC4wODUzNSwwLjAwOTMgLTAuMTI0MzYsMC4wMjcyMiAtMC4wMzkwMSwwLjAxNzk0IC0wLjA3MzY3LDAuMDQ0MSAtMC4xMDE2MTMsMC4wNzY2OSBMIDkuNDE3MzQ3MSwxMC44NzE5NjggYyAtMC4xNjU0NDcsMC4xOTMxMDMgLTAuMDI4MjgsMC40OTEzNzkgMC4yMjU5NzEsMC40OTEzNzkgaCAzLjQ2NzY5NzkgYyAwLjI1NDIzOCwwIDAuMzkxNDI1LC0wLjI5ODI3NiAwLjIyNTQ3OCwtMC40OTEzNzkgeiIKICAgICAgIGZpbGw9IiNhZGFkYWQiCiAgICAgICBpZD0icGF0aDIiCiAgICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuMjY0NTgzIiAvPgogIDwvZz4KPC9zdmc+Cg==")) attr(img, "src", img_src_value);
|
|
13645
|
+
},
|
|
13646
|
+
m(target, anchor) {
|
|
13647
|
+
insert(target, img, anchor);
|
|
13648
|
+
},
|
|
13649
|
+
p: noop,
|
|
13650
|
+
d(detaching) {
|
|
13651
|
+
if (detaching) detach(img);
|
|
13652
|
+
}
|
|
13653
|
+
};
|
|
13654
|
+
}
|
|
12584
13655
|
|
|
12585
13656
|
function create_fragment$4(ctx) {
|
|
13657
|
+
let button;
|
|
13658
|
+
let slot;
|
|
13659
|
+
let t;
|
|
13660
|
+
|
|
13661
|
+
function select_block_type(ctx, dirty) {
|
|
13662
|
+
if (/*direction*/ ctx[0] === "none") return create_if_block;
|
|
13663
|
+
return create_else_block;
|
|
13664
|
+
}
|
|
13665
|
+
|
|
13666
|
+
let current_block_type = select_block_type(ctx);
|
|
13667
|
+
let if_block = current_block_type(ctx);
|
|
13668
|
+
|
|
13669
|
+
return {
|
|
13670
|
+
c() {
|
|
13671
|
+
button = element("button");
|
|
13672
|
+
slot = element("slot");
|
|
13673
|
+
t = space();
|
|
13674
|
+
if_block.c();
|
|
13675
|
+
this.c = noop;
|
|
13676
|
+
},
|
|
13677
|
+
m(target, anchor) {
|
|
13678
|
+
insert(target, button, anchor);
|
|
13679
|
+
append(button, slot);
|
|
13680
|
+
append(button, t);
|
|
13681
|
+
if_block.m(button, null);
|
|
13682
|
+
},
|
|
13683
|
+
p(ctx, [dirty]) {
|
|
13684
|
+
if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
|
|
13685
|
+
if_block.p(ctx, dirty);
|
|
13686
|
+
} else {
|
|
13687
|
+
if_block.d(1);
|
|
13688
|
+
if_block = current_block_type(ctx);
|
|
13689
|
+
|
|
13690
|
+
if (if_block) {
|
|
13691
|
+
if_block.c();
|
|
13692
|
+
if_block.m(button, null);
|
|
13693
|
+
}
|
|
13694
|
+
}
|
|
13695
|
+
},
|
|
13696
|
+
i: noop,
|
|
13697
|
+
o: noop,
|
|
13698
|
+
d(detaching) {
|
|
13699
|
+
if (detaching) detach(button);
|
|
13700
|
+
if_block.d();
|
|
13701
|
+
}
|
|
13702
|
+
};
|
|
13703
|
+
}
|
|
13704
|
+
|
|
13705
|
+
function instance$2($$self, $$props, $$invalidate) {
|
|
13706
|
+
let { direction = "none" } = $$props;
|
|
13707
|
+
|
|
13708
|
+
$$self.$$set = $$props => {
|
|
13709
|
+
if ('direction' in $$props) $$invalidate(0, direction = $$props.direction);
|
|
13710
|
+
};
|
|
13711
|
+
|
|
13712
|
+
return [direction];
|
|
13713
|
+
}
|
|
13714
|
+
|
|
13715
|
+
class TableSortHeader extends SvelteElement {
|
|
13716
|
+
constructor(options) {
|
|
13717
|
+
super();
|
|
13718
|
+
this.shadowRoot.innerHTML = `<style>:host{display:flex;align-items:flex-end}button{border:none;background:none;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;padding:1rem;width:100%;height:100%;text-align:left;gap:0.25rem;align-items:flex-end;justify-content:stretch}button *{align-self:flex-end}img{width:16px;height:22px;scale:0.7}button:hover{background-color:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-default)}img.asc{transform:rotate(180deg)}</style>`;
|
|
13719
|
+
|
|
13720
|
+
init(
|
|
13721
|
+
this,
|
|
13722
|
+
{
|
|
13723
|
+
target: this.shadowRoot,
|
|
13724
|
+
props: attribute_to_object(this.attributes),
|
|
13725
|
+
customElement: true
|
|
13726
|
+
},
|
|
13727
|
+
instance$2,
|
|
13728
|
+
create_fragment$4,
|
|
13729
|
+
safe_not_equal,
|
|
13730
|
+
{ direction: 0 },
|
|
13731
|
+
null
|
|
13732
|
+
);
|
|
13733
|
+
|
|
13734
|
+
if (options) {
|
|
13735
|
+
if (options.target) {
|
|
13736
|
+
insert(options.target, this, options.anchor);
|
|
13737
|
+
}
|
|
13738
|
+
|
|
13739
|
+
if (options.props) {
|
|
13740
|
+
this.$set(options.props);
|
|
13741
|
+
flush();
|
|
13742
|
+
}
|
|
13743
|
+
}
|
|
13744
|
+
}
|
|
13745
|
+
|
|
13746
|
+
static get observedAttributes() {
|
|
13747
|
+
return ["direction"];
|
|
13748
|
+
}
|
|
13749
|
+
|
|
13750
|
+
get direction() {
|
|
13751
|
+
return this.$$.ctx[0];
|
|
13752
|
+
}
|
|
13753
|
+
|
|
13754
|
+
set direction(direction) {
|
|
13755
|
+
this.$$set({ direction });
|
|
13756
|
+
flush();
|
|
13757
|
+
}
|
|
13758
|
+
}
|
|
13759
|
+
|
|
13760
|
+
customElements.define("goa-table-sort-header", TableSortHeader);
|
|
13761
|
+
|
|
13762
|
+
/* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */
|
|
13763
|
+
|
|
13764
|
+
function create_fragment$3(ctx) {
|
|
12586
13765
|
let div;
|
|
12587
13766
|
let textarea;
|
|
12588
13767
|
let textarea_aria_label_value;
|
|
@@ -12678,7 +13857,7 @@ function create_fragment$4(ctx) {
|
|
|
12678
13857
|
};
|
|
12679
13858
|
}
|
|
12680
13859
|
|
|
12681
|
-
function instance$
|
|
13860
|
+
function instance$1($$self, $$props, $$invalidate) {
|
|
12682
13861
|
let isError;
|
|
12683
13862
|
let isDisabled;
|
|
12684
13863
|
let isReadonly;
|
|
@@ -12774,8 +13953,8 @@ class TextArea extends SvelteElement {
|
|
|
12774
13953
|
constructor(options) {
|
|
12775
13954
|
super();
|
|
12776
13955
|
|
|
12777
|
-
this.shadowRoot.innerHTML = `<style>:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:0.75rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;
|
|
12778
|
-
}.error:hover,.error:focus
|
|
13956
|
+
this.shadowRoot.innerHTML = `<style>:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:0.75rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;border:1px solid var(--goa-color-greyscale-700);border-radius:3px;color:var(--goa-color-greyscale-black, #ccc);padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);font-size:var(--goa-font-size-4);font-family:var(--goa-font-family-sans);min-width:100%;resize:vertical}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.goa-textarea:disabled,.goa-textarea:disabled:hover,.goa-textarea:disabled:active,.goa-textarea:disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--goa-font-size-2)}.counter-error{color:var(--goa-color-interactive-error)
|
|
13957
|
+
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}</style>`;
|
|
12779
13958
|
|
|
12780
13959
|
init(
|
|
12781
13960
|
this,
|
|
@@ -12784,8 +13963,8 @@ class TextArea extends SvelteElement {
|
|
|
12784
13963
|
props: attribute_to_object(this.attributes),
|
|
12785
13964
|
customElement: true
|
|
12786
13965
|
},
|
|
12787
|
-
instance$
|
|
12788
|
-
create_fragment$
|
|
13966
|
+
instance$1,
|
|
13967
|
+
create_fragment$3,
|
|
12789
13968
|
safe_not_equal,
|
|
12790
13969
|
{
|
|
12791
13970
|
name: 0,
|
|
@@ -12979,7 +14158,7 @@ customElements.define("goa-textarea", TextArea);
|
|
|
12979
14158
|
|
|
12980
14159
|
/* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.51.0 */
|
|
12981
14160
|
|
|
12982
|
-
function create_fragment$
|
|
14161
|
+
function create_fragment$2(ctx) {
|
|
12983
14162
|
let div;
|
|
12984
14163
|
|
|
12985
14164
|
return {
|
|
@@ -13012,72 +14191,13 @@ function create_fragment$3(ctx) {
|
|
|
13012
14191
|
class FullScreenNavbarLayout extends SvelteElement {
|
|
13013
14192
|
constructor(options) {
|
|
13014
14193
|
super();
|
|
13015
|
-
|
|
13016
|
-
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
13017
|
-
"content"
|
|
13018
|
-
"nav"
|
|
13019
|
-
"footer";display:grid;place-content:stretch stretch;gap:0 0}@media(min-width: 640px){.page{grid-template-columns:300px auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header header"
|
|
13020
|
-
"nav content"
|
|
13021
|
-
"footer footer"}}.header{grid-area:header}.footer{grid-area:footer}main{grid-area:content;justify-self:stretch;padding:1rem}.nav{grid-area:nav;padding:1rem;background-color:var(--goa-color-greyscale-100)}</style>`;
|
|
13022
|
-
|
|
13023
|
-
init(
|
|
13024
|
-
this,
|
|
13025
|
-
{
|
|
13026
|
-
target: this.shadowRoot,
|
|
13027
|
-
props: attribute_to_object(this.attributes),
|
|
13028
|
-
customElement: true
|
|
13029
|
-
},
|
|
13030
|
-
null,
|
|
13031
|
-
create_fragment$3,
|
|
13032
|
-
safe_not_equal,
|
|
13033
|
-
{},
|
|
13034
|
-
null
|
|
13035
|
-
);
|
|
13036
|
-
|
|
13037
|
-
if (options) {
|
|
13038
|
-
if (options.target) {
|
|
13039
|
-
insert(options.target, this, options.anchor);
|
|
13040
|
-
}
|
|
13041
|
-
}
|
|
13042
|
-
}
|
|
13043
|
-
}
|
|
13044
|
-
|
|
13045
|
-
customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
|
|
13046
|
-
|
|
13047
|
-
/* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.51.0 */
|
|
13048
|
-
|
|
13049
|
-
function create_fragment$2(ctx) {
|
|
13050
|
-
let div;
|
|
13051
|
-
|
|
13052
|
-
return {
|
|
13053
|
-
c() {
|
|
13054
|
-
div = element("div");
|
|
13055
|
-
|
|
13056
|
-
div.innerHTML = `<section class="header"><slot name="header"></slot></section>
|
|
13057
|
-
|
|
13058
|
-
<main><slot></slot></main>
|
|
13059
|
-
|
|
13060
|
-
<section class="footer"><slot name="footer"></slot></section>`;
|
|
13061
|
-
|
|
13062
|
-
this.c = noop;
|
|
13063
|
-
attr(div, "class", "page");
|
|
13064
|
-
},
|
|
13065
|
-
m(target, anchor) {
|
|
13066
|
-
insert(target, div, anchor);
|
|
13067
|
-
},
|
|
13068
|
-
p: noop,
|
|
13069
|
-
i: noop,
|
|
13070
|
-
o: noop,
|
|
13071
|
-
d(detaching) {
|
|
13072
|
-
if (detaching) detach(div);
|
|
13073
|
-
}
|
|
13074
|
-
};
|
|
13075
|
-
}
|
|
13076
|
-
|
|
13077
|
-
class OneColumnLayout extends SvelteElement {
|
|
13078
|
-
constructor(options) {
|
|
13079
|
-
super();
|
|
13080
|
-
this.shadowRoot.innerHTML = `<style>.page{min-height:100vh;display:flex;flex-direction:column}.header,.footer{flex:0 0 auto}main{flex:1 1 auto}</style>`;
|
|
14194
|
+
|
|
14195
|
+
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
14196
|
+
"content"
|
|
14197
|
+
"nav"
|
|
14198
|
+
"footer";display:grid;place-content:stretch stretch;gap:0 0}@media(min-width: 640px){.page{grid-template-columns:300px auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header header"
|
|
14199
|
+
"nav content"
|
|
14200
|
+
"footer footer"}}.header{grid-area:header}.footer{grid-area:footer}main{grid-area:content;justify-self:stretch;padding:1rem}.nav{grid-area:nav;padding:1rem;background-color:var(--goa-color-greyscale-100)}</style>`;
|
|
13081
14201
|
|
|
13082
14202
|
init(
|
|
13083
14203
|
this,
|
|
@@ -13101,61 +14221,30 @@ class OneColumnLayout extends SvelteElement {
|
|
|
13101
14221
|
}
|
|
13102
14222
|
}
|
|
13103
14223
|
|
|
13104
|
-
customElements.define("goa-
|
|
14224
|
+
customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
|
|
13105
14225
|
|
|
13106
|
-
/* libs/web-components/src/layouts/
|
|
14226
|
+
/* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.51.0 */
|
|
13107
14227
|
|
|
13108
14228
|
function create_fragment$1(ctx) {
|
|
13109
14229
|
let div;
|
|
13110
|
-
let header;
|
|
13111
|
-
let t0;
|
|
13112
|
-
let section;
|
|
13113
|
-
let t2;
|
|
13114
|
-
let footer;
|
|
13115
|
-
let div_style_value;
|
|
13116
14230
|
|
|
13117
14231
|
return {
|
|
13118
14232
|
c() {
|
|
13119
14233
|
div = element("div");
|
|
13120
|
-
header = element("header");
|
|
13121
|
-
header.innerHTML = `<slot name="header"></slot>`;
|
|
13122
|
-
t0 = space();
|
|
13123
|
-
section = element("section");
|
|
13124
14234
|
|
|
13125
|
-
|
|
14235
|
+
div.innerHTML = `<section class="header"><slot name="header"></slot></section>
|
|
13126
14236
|
|
|
13127
|
-
|
|
14237
|
+
<main><slot></slot></main>
|
|
14238
|
+
|
|
14239
|
+
<section class="footer"><slot name="footer"></slot></section>`;
|
|
13128
14240
|
|
|
13129
|
-
t2 = space();
|
|
13130
|
-
footer = element("footer");
|
|
13131
|
-
footer.innerHTML = `<slot name="footer"></slot>`;
|
|
13132
14241
|
this.c = noop;
|
|
13133
|
-
attr(header, "class", "header");
|
|
13134
|
-
attr(section, "class", "content");
|
|
13135
|
-
attr(footer, "class", "footer");
|
|
13136
14242
|
attr(div, "class", "page");
|
|
13137
|
-
|
|
13138
|
-
attr(div, "style", div_style_value = `
|
|
13139
|
-
--max-content-width: ${/*maxcontentwidth*/ ctx[1] || "100%"};
|
|
13140
|
-
--nav-column-width: ${/*navcolumnwidth*/ ctx[0] || "256px"};
|
|
13141
|
-
`);
|
|
13142
14243
|
},
|
|
13143
14244
|
m(target, anchor) {
|
|
13144
14245
|
insert(target, div, anchor);
|
|
13145
|
-
append(div, header);
|
|
13146
|
-
append(div, t0);
|
|
13147
|
-
append(div, section);
|
|
13148
|
-
append(div, t2);
|
|
13149
|
-
append(div, footer);
|
|
13150
|
-
},
|
|
13151
|
-
p(ctx, [dirty]) {
|
|
13152
|
-
if (dirty & /*maxcontentwidth, navcolumnwidth*/ 3 && div_style_value !== (div_style_value = `
|
|
13153
|
-
--max-content-width: ${/*maxcontentwidth*/ ctx[1] || "100%"};
|
|
13154
|
-
--nav-column-width: ${/*navcolumnwidth*/ ctx[0] || "256px"};
|
|
13155
|
-
`)) {
|
|
13156
|
-
attr(div, "style", div_style_value);
|
|
13157
|
-
}
|
|
13158
14246
|
},
|
|
14247
|
+
p: noop,
|
|
13159
14248
|
i: noop,
|
|
13160
14249
|
o: noop,
|
|
13161
14250
|
d(detaching) {
|
|
@@ -13164,22 +14253,10 @@ function create_fragment$1(ctx) {
|
|
|
13164
14253
|
};
|
|
13165
14254
|
}
|
|
13166
14255
|
|
|
13167
|
-
|
|
13168
|
-
let { navcolumnwidth = "" } = $$props;
|
|
13169
|
-
let { maxcontentwidth = "" } = $$props;
|
|
13170
|
-
|
|
13171
|
-
$$self.$$set = $$props => {
|
|
13172
|
-
if ('navcolumnwidth' in $$props) $$invalidate(0, navcolumnwidth = $$props.navcolumnwidth);
|
|
13173
|
-
if ('maxcontentwidth' in $$props) $$invalidate(1, maxcontentwidth = $$props.maxcontentwidth);
|
|
13174
|
-
};
|
|
13175
|
-
|
|
13176
|
-
return [navcolumnwidth, maxcontentwidth];
|
|
13177
|
-
}
|
|
13178
|
-
|
|
13179
|
-
class TwoColumnLayout extends SvelteElement {
|
|
14256
|
+
class OneColumnLayout extends SvelteElement {
|
|
13180
14257
|
constructor(options) {
|
|
13181
14258
|
super();
|
|
13182
|
-
this.shadowRoot.innerHTML = `<style
|
|
14259
|
+
this.shadowRoot.innerHTML = `<style>.page{min-height:100vh;display:flex;flex-direction:column}.header,.footer{flex:0 0 auto}main{flex:1 1 auto}</style>`;
|
|
13183
14260
|
|
|
13184
14261
|
init(
|
|
13185
14262
|
this,
|
|
@@ -13188,10 +14265,10 @@ class TwoColumnLayout extends SvelteElement {
|
|
|
13188
14265
|
props: attribute_to_object(this.attributes),
|
|
13189
14266
|
customElement: true
|
|
13190
14267
|
},
|
|
13191
|
-
|
|
14268
|
+
null,
|
|
13192
14269
|
create_fragment$1,
|
|
13193
14270
|
safe_not_equal,
|
|
13194
|
-
{
|
|
14271
|
+
{},
|
|
13195
14272
|
null
|
|
13196
14273
|
);
|
|
13197
14274
|
|
|
@@ -13199,348 +14276,89 @@ class TwoColumnLayout extends SvelteElement {
|
|
|
13199
14276
|
if (options.target) {
|
|
13200
14277
|
insert(options.target, this, options.anchor);
|
|
13201
14278
|
}
|
|
13202
|
-
|
|
13203
|
-
if (options.props) {
|
|
13204
|
-
this.$set(options.props);
|
|
13205
|
-
flush();
|
|
13206
|
-
}
|
|
13207
14279
|
}
|
|
13208
14280
|
}
|
|
13209
|
-
|
|
13210
|
-
static get observedAttributes() {
|
|
13211
|
-
return ["navcolumnwidth", "maxcontentwidth"];
|
|
13212
|
-
}
|
|
13213
|
-
|
|
13214
|
-
get navcolumnwidth() {
|
|
13215
|
-
return this.$$.ctx[0];
|
|
13216
|
-
}
|
|
13217
|
-
|
|
13218
|
-
set navcolumnwidth(navcolumnwidth) {
|
|
13219
|
-
this.$$set({ navcolumnwidth });
|
|
13220
|
-
flush();
|
|
13221
|
-
}
|
|
13222
|
-
|
|
13223
|
-
get maxcontentwidth() {
|
|
13224
|
-
return this.$$.ctx[1];
|
|
13225
|
-
}
|
|
13226
|
-
|
|
13227
|
-
set maxcontentwidth(maxcontentwidth) {
|
|
13228
|
-
this.$$set({ maxcontentwidth });
|
|
13229
|
-
flush();
|
|
13230
|
-
}
|
|
13231
14281
|
}
|
|
13232
14282
|
|
|
13233
|
-
customElements.define("goa-
|
|
13234
|
-
|
|
13235
|
-
/* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.51.0 */
|
|
13236
|
-
|
|
13237
|
-
function create_if_block(ctx) {
|
|
13238
|
-
let goa_block;
|
|
13239
|
-
let span0;
|
|
13240
|
-
let t1;
|
|
13241
|
-
let input;
|
|
13242
|
-
let t2;
|
|
13243
|
-
let goa_input;
|
|
13244
|
-
let t3;
|
|
13245
|
-
let span1;
|
|
13246
|
-
let t4;
|
|
13247
|
-
let t5;
|
|
13248
|
-
|
|
13249
|
-
return {
|
|
13250
|
-
c() {
|
|
13251
|
-
goa_block = element("goa-block");
|
|
13252
|
-
span0 = element("span");
|
|
13253
|
-
span0.textContent = "Page";
|
|
13254
|
-
t1 = space();
|
|
13255
|
-
input = element("input");
|
|
13256
|
-
t2 = space();
|
|
13257
|
-
goa_input = element("goa-input");
|
|
13258
|
-
t3 = space();
|
|
13259
|
-
span1 = element("span");
|
|
13260
|
-
t4 = text("of ");
|
|
13261
|
-
t5 = text(/*_pageCount*/ ctx[8]);
|
|
13262
|
-
attr(input, "type", "hidden");
|
|
13263
|
-
set_custom_element_data(goa_input, "type", "number");
|
|
13264
|
-
set_custom_element_data(goa_input, "value", /*pagenumber*/ ctx[0]);
|
|
13265
|
-
set_custom_element_data(goa_input, "width", "8ch");
|
|
13266
|
-
set_custom_element_data(goa_input, "debounce", "500");
|
|
13267
|
-
set_custom_element_data(goa_input, "min", "1");
|
|
13268
|
-
set_custom_element_data(goa_input, "max", /*_pageCount*/ ctx[8]);
|
|
13269
|
-
set_custom_element_data(goa_block, "data-testid", "page-selector");
|
|
13270
|
-
set_custom_element_data(goa_block, "alignment", "center");
|
|
13271
|
-
set_custom_element_data(goa_block, "gap", "s");
|
|
13272
|
-
},
|
|
13273
|
-
m(target, anchor) {
|
|
13274
|
-
insert(target, goa_block, anchor);
|
|
13275
|
-
append(goa_block, span0);
|
|
13276
|
-
append(goa_block, t1);
|
|
13277
|
-
append(goa_block, input);
|
|
13278
|
-
/*input_binding*/ ctx[12](input);
|
|
13279
|
-
append(goa_block, t2);
|
|
13280
|
-
append(goa_block, goa_input);
|
|
13281
|
-
/*goa_input_binding*/ ctx[13](goa_input);
|
|
13282
|
-
append(goa_block, t3);
|
|
13283
|
-
append(goa_block, span1);
|
|
13284
|
-
append(span1, t4);
|
|
13285
|
-
append(span1, t5);
|
|
13286
|
-
},
|
|
13287
|
-
p(ctx, dirty) {
|
|
13288
|
-
if (dirty & /*pagenumber*/ 1) {
|
|
13289
|
-
set_custom_element_data(goa_input, "value", /*pagenumber*/ ctx[0]);
|
|
13290
|
-
}
|
|
13291
|
-
|
|
13292
|
-
if (dirty & /*_pageCount*/ 256) {
|
|
13293
|
-
set_custom_element_data(goa_input, "max", /*_pageCount*/ ctx[8]);
|
|
13294
|
-
}
|
|
14283
|
+
customElements.define("goa-one-column-layout", OneColumnLayout);
|
|
13295
14284
|
|
|
13296
|
-
|
|
13297
|
-
},
|
|
13298
|
-
d(detaching) {
|
|
13299
|
-
if (detaching) detach(goa_block);
|
|
13300
|
-
/*input_binding*/ ctx[12](null);
|
|
13301
|
-
/*goa_input_binding*/ ctx[13](null);
|
|
13302
|
-
}
|
|
13303
|
-
};
|
|
13304
|
-
}
|
|
14285
|
+
/* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.51.0 */
|
|
13305
14286
|
|
|
13306
14287
|
function create_fragment(ctx) {
|
|
13307
|
-
let goa_block1;
|
|
13308
14288
|
let div;
|
|
14289
|
+
let header;
|
|
13309
14290
|
let t0;
|
|
13310
|
-
let
|
|
13311
|
-
let goa_button0;
|
|
13312
|
-
let t1;
|
|
13313
|
-
let goa_button0_disabled_value;
|
|
14291
|
+
let section;
|
|
13314
14292
|
let t2;
|
|
13315
|
-
let
|
|
13316
|
-
let
|
|
13317
|
-
let goa_button1_disabled_value;
|
|
13318
|
-
let mounted;
|
|
13319
|
-
let dispose;
|
|
13320
|
-
let if_block = /*variant*/ ctx[1] === "all" && create_if_block(ctx);
|
|
13321
|
-
|
|
13322
|
-
return {
|
|
13323
|
-
c() {
|
|
13324
|
-
goa_block1 = element("goa-block");
|
|
13325
|
-
div = element("div");
|
|
13326
|
-
if (if_block) if_block.c();
|
|
13327
|
-
t0 = space();
|
|
13328
|
-
goa_block0 = element("goa-block");
|
|
13329
|
-
goa_button0 = element("goa-button");
|
|
13330
|
-
t1 = text("Previous");
|
|
13331
|
-
t2 = space();
|
|
13332
|
-
goa_button1 = element("goa-button");
|
|
13333
|
-
t3 = text("Next");
|
|
13334
|
-
this.c = noop;
|
|
13335
|
-
set_custom_element_data(goa_button0, "type", "tertiary");
|
|
13336
|
-
set_custom_element_data(goa_button0, "leadingicon", "arrow-back");
|
|
13337
|
-
set_custom_element_data(goa_button0, "disabled", goa_button0_disabled_value = /*pagenumber*/ ctx[0] == 1 ? "true" : "false");
|
|
13338
|
-
set_custom_element_data(goa_button1, "type", "tertiary");
|
|
13339
|
-
set_custom_element_data(goa_button1, "trailingicon", "arrow-forward");
|
|
13340
|
-
|
|
13341
|
-
set_custom_element_data(goa_button1, "disabled", goa_button1_disabled_value = /*pagenumber*/ ctx[0] == /*_pageCount*/ ctx[8]
|
|
13342
|
-
? "true"
|
|
13343
|
-
: "false");
|
|
13344
|
-
|
|
13345
|
-
set_custom_element_data(goa_block0, "alignment", "center");
|
|
13346
|
-
set_custom_element_data(goa_block0, "gap", "m");
|
|
13347
|
-
set_custom_element_data(goa_block0, "data-testid", "page-links");
|
|
13348
|
-
attr(div, "class", "controls");
|
|
13349
|
-
set_custom_element_data(goa_block1, "id", "root");
|
|
13350
|
-
set_custom_element_data(goa_block1, "ml", /*ml*/ ctx[5]);
|
|
13351
|
-
set_custom_element_data(goa_block1, "mr", /*mr*/ ctx[3]);
|
|
13352
|
-
set_custom_element_data(goa_block1, "mb", /*mb*/ ctx[4]);
|
|
13353
|
-
set_custom_element_data(goa_block1, "mt", /*mt*/ ctx[2]);
|
|
13354
|
-
},
|
|
13355
|
-
m(target, anchor) {
|
|
13356
|
-
insert(target, goa_block1, anchor);
|
|
13357
|
-
append(goa_block1, div);
|
|
13358
|
-
if (if_block) if_block.m(div, null);
|
|
13359
|
-
append(div, t0);
|
|
13360
|
-
append(div, goa_block0);
|
|
13361
|
-
append(goa_block0, goa_button0);
|
|
13362
|
-
append(goa_button0, t1);
|
|
13363
|
-
append(goa_block0, t2);
|
|
13364
|
-
append(goa_block0, goa_button1);
|
|
13365
|
-
append(goa_button1, t3);
|
|
13366
|
-
|
|
13367
|
-
if (!mounted) {
|
|
13368
|
-
dispose = [
|
|
13369
|
-
listen(goa_button0, "click", /*click_handler*/ ctx[14]),
|
|
13370
|
-
listen(goa_button1, "click", /*click_handler_1*/ ctx[15])
|
|
13371
|
-
];
|
|
13372
|
-
|
|
13373
|
-
mounted = true;
|
|
13374
|
-
}
|
|
13375
|
-
},
|
|
13376
|
-
p(ctx, [dirty]) {
|
|
13377
|
-
if (/*variant*/ ctx[1] === "all") {
|
|
13378
|
-
if (if_block) {
|
|
13379
|
-
if_block.p(ctx, dirty);
|
|
13380
|
-
} else {
|
|
13381
|
-
if_block = create_if_block(ctx);
|
|
13382
|
-
if_block.c();
|
|
13383
|
-
if_block.m(div, t0);
|
|
13384
|
-
}
|
|
13385
|
-
} else if (if_block) {
|
|
13386
|
-
if_block.d(1);
|
|
13387
|
-
if_block = null;
|
|
13388
|
-
}
|
|
13389
|
-
|
|
13390
|
-
if (dirty & /*pagenumber*/ 1 && goa_button0_disabled_value !== (goa_button0_disabled_value = /*pagenumber*/ ctx[0] == 1 ? "true" : "false")) {
|
|
13391
|
-
set_custom_element_data(goa_button0, "disabled", goa_button0_disabled_value);
|
|
13392
|
-
}
|
|
14293
|
+
let footer;
|
|
14294
|
+
let div_style_value;
|
|
13393
14295
|
|
|
13394
|
-
|
|
13395
|
-
|
|
13396
|
-
|
|
13397
|
-
|
|
13398
|
-
|
|
14296
|
+
return {
|
|
14297
|
+
c() {
|
|
14298
|
+
div = element("div");
|
|
14299
|
+
header = element("header");
|
|
14300
|
+
header.innerHTML = `<slot name="header"></slot>`;
|
|
14301
|
+
t0 = space();
|
|
14302
|
+
section = element("section");
|
|
13399
14303
|
|
|
13400
|
-
|
|
13401
|
-
set_custom_element_data(goa_block1, "ml", /*ml*/ ctx[5]);
|
|
13402
|
-
}
|
|
14304
|
+
section.innerHTML = `<nav class="nav"><slot name="nav"></slot></nav>
|
|
13403
14305
|
|
|
13404
|
-
|
|
13405
|
-
set_custom_element_data(goa_block1, "mr", /*mr*/ ctx[3]);
|
|
13406
|
-
}
|
|
14306
|
+
<main><slot></slot></main>`;
|
|
13407
14307
|
|
|
13408
|
-
|
|
13409
|
-
|
|
13410
|
-
|
|
14308
|
+
t2 = space();
|
|
14309
|
+
footer = element("footer");
|
|
14310
|
+
footer.innerHTML = `<slot name="footer"></slot>`;
|
|
14311
|
+
this.c = noop;
|
|
14312
|
+
attr(header, "class", "header");
|
|
14313
|
+
attr(section, "class", "content");
|
|
14314
|
+
attr(footer, "class", "footer");
|
|
14315
|
+
attr(div, "class", "page");
|
|
13411
14316
|
|
|
13412
|
-
|
|
13413
|
-
|
|
14317
|
+
attr(div, "style", div_style_value = `
|
|
14318
|
+
--max-content-width: ${/*maxcontentwidth*/ ctx[1] || "100%"};
|
|
14319
|
+
--nav-column-width: ${/*navcolumnwidth*/ ctx[0] || "256px"};
|
|
14320
|
+
`);
|
|
14321
|
+
},
|
|
14322
|
+
m(target, anchor) {
|
|
14323
|
+
insert(target, div, anchor);
|
|
14324
|
+
append(div, header);
|
|
14325
|
+
append(div, t0);
|
|
14326
|
+
append(div, section);
|
|
14327
|
+
append(div, t2);
|
|
14328
|
+
append(div, footer);
|
|
14329
|
+
},
|
|
14330
|
+
p(ctx, [dirty]) {
|
|
14331
|
+
if (dirty & /*maxcontentwidth, navcolumnwidth*/ 3 && div_style_value !== (div_style_value = `
|
|
14332
|
+
--max-content-width: ${/*maxcontentwidth*/ ctx[1] || "100%"};
|
|
14333
|
+
--nav-column-width: ${/*navcolumnwidth*/ ctx[0] || "256px"};
|
|
14334
|
+
`)) {
|
|
14335
|
+
attr(div, "style", div_style_value);
|
|
13414
14336
|
}
|
|
13415
14337
|
},
|
|
13416
14338
|
i: noop,
|
|
13417
14339
|
o: noop,
|
|
13418
14340
|
d(detaching) {
|
|
13419
|
-
if (detaching) detach(
|
|
13420
|
-
if (if_block) if_block.d();
|
|
13421
|
-
mounted = false;
|
|
13422
|
-
run_all(dispose);
|
|
14341
|
+
if (detaching) detach(div);
|
|
13423
14342
|
}
|
|
13424
14343
|
};
|
|
13425
14344
|
}
|
|
13426
14345
|
|
|
13427
14346
|
function instance($$self, $$props, $$invalidate) {
|
|
13428
|
-
let
|
|
13429
|
-
|
|
13430
|
-
let { pagenumber } = $$props;
|
|
13431
|
-
let { itemcount } = $$props;
|
|
13432
|
-
let { perpagecount = 10 } = $$props;
|
|
13433
|
-
let { variant = "all" } = $$props;
|
|
13434
|
-
let { mt = null } = $$props;
|
|
13435
|
-
let { mr = null } = $$props;
|
|
13436
|
-
let { mb = "m" } = $$props;
|
|
13437
|
-
let { ml = null } = $$props;
|
|
13438
|
-
|
|
13439
|
-
// private
|
|
13440
|
-
let inputEl = null;
|
|
13441
|
-
|
|
13442
|
-
let hiddenEl = null; // needed to allow the inputEl's event to be cancelled
|
|
13443
|
-
|
|
13444
|
-
// hooks
|
|
13445
|
-
onMount(async () => {
|
|
13446
|
-
await tick();
|
|
13447
|
-
validateRequired("GoAPagination", { itemcount, pagenumber });
|
|
13448
|
-
validateVariant(variant);
|
|
13449
|
-
|
|
13450
|
-
// prevent event propagation if value is non-numeric
|
|
13451
|
-
// (input[type=number] returns blank for non-numeric numbers)
|
|
13452
|
-
inputEl && inputEl.addEventListener("_change", e => {
|
|
13453
|
-
const page = Number.parseInt(e.detail.value);
|
|
13454
|
-
e.stopPropagation();
|
|
13455
|
-
|
|
13456
|
-
if (isNaN(page)) {
|
|
13457
|
-
return;
|
|
13458
|
-
}
|
|
13459
|
-
|
|
13460
|
-
hiddenEl.dispatchEvent(new CustomEvent("_change",
|
|
13461
|
-
{
|
|
13462
|
-
composed: true,
|
|
13463
|
-
bubbles: true,
|
|
13464
|
-
detail: { page }
|
|
13465
|
-
}));
|
|
13466
|
-
});
|
|
13467
|
-
});
|
|
13468
|
-
|
|
13469
|
-
// functions
|
|
13470
|
-
function goto(e, offset) {
|
|
13471
|
-
const newPage = Number.parseInt(pagenumber + "") + offset;
|
|
13472
|
-
|
|
13473
|
-
if (newPage > 0 && newPage <= _pageCount) {
|
|
13474
|
-
e.target.dispatchEvent(new CustomEvent("_change",
|
|
13475
|
-
{
|
|
13476
|
-
composed: true,
|
|
13477
|
-
bubbles: true,
|
|
13478
|
-
detail: { page: newPage }
|
|
13479
|
-
}));
|
|
13480
|
-
}
|
|
13481
|
-
|
|
13482
|
-
e.preventDefault();
|
|
13483
|
-
}
|
|
13484
|
-
|
|
13485
|
-
function input_binding($$value) {
|
|
13486
|
-
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
13487
|
-
hiddenEl = $$value;
|
|
13488
|
-
$$invalidate(7, hiddenEl);
|
|
13489
|
-
});
|
|
13490
|
-
}
|
|
13491
|
-
|
|
13492
|
-
function goa_input_binding($$value) {
|
|
13493
|
-
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
13494
|
-
inputEl = $$value;
|
|
13495
|
-
$$invalidate(6, inputEl);
|
|
13496
|
-
});
|
|
13497
|
-
}
|
|
13498
|
-
|
|
13499
|
-
const click_handler = e => goto(e, -1);
|
|
13500
|
-
const click_handler_1 = e => goto(e, 1);
|
|
14347
|
+
let { navcolumnwidth = "" } = $$props;
|
|
14348
|
+
let { maxcontentwidth = "" } = $$props;
|
|
13501
14349
|
|
|
13502
14350
|
$$self.$$set = $$props => {
|
|
13503
|
-
if ('
|
|
13504
|
-
if ('
|
|
13505
|
-
if ('perpagecount' in $$props) $$invalidate(11, perpagecount = $$props.perpagecount);
|
|
13506
|
-
if ('variant' in $$props) $$invalidate(1, variant = $$props.variant);
|
|
13507
|
-
if ('mt' in $$props) $$invalidate(2, mt = $$props.mt);
|
|
13508
|
-
if ('mr' in $$props) $$invalidate(3, mr = $$props.mr);
|
|
13509
|
-
if ('mb' in $$props) $$invalidate(4, mb = $$props.mb);
|
|
13510
|
-
if ('ml' in $$props) $$invalidate(5, ml = $$props.ml);
|
|
13511
|
-
};
|
|
13512
|
-
|
|
13513
|
-
$$self.$$.update = () => {
|
|
13514
|
-
if ($$self.$$.dirty & /*itemcount, perpagecount*/ 3072) {
|
|
13515
|
-
// reactive
|
|
13516
|
-
$$invalidate(8, _pageCount = Math.ceil(itemcount / perpagecount));
|
|
13517
|
-
}
|
|
14351
|
+
if ('navcolumnwidth' in $$props) $$invalidate(0, navcolumnwidth = $$props.navcolumnwidth);
|
|
14352
|
+
if ('maxcontentwidth' in $$props) $$invalidate(1, maxcontentwidth = $$props.maxcontentwidth);
|
|
13518
14353
|
};
|
|
13519
14354
|
|
|
13520
|
-
return [
|
|
13521
|
-
pagenumber,
|
|
13522
|
-
variant,
|
|
13523
|
-
mt,
|
|
13524
|
-
mr,
|
|
13525
|
-
mb,
|
|
13526
|
-
ml,
|
|
13527
|
-
inputEl,
|
|
13528
|
-
hiddenEl,
|
|
13529
|
-
_pageCount,
|
|
13530
|
-
goto,
|
|
13531
|
-
itemcount,
|
|
13532
|
-
perpagecount,
|
|
13533
|
-
input_binding,
|
|
13534
|
-
goa_input_binding,
|
|
13535
|
-
click_handler,
|
|
13536
|
-
click_handler_1
|
|
13537
|
-
];
|
|
14355
|
+
return [navcolumnwidth, maxcontentwidth];
|
|
13538
14356
|
}
|
|
13539
14357
|
|
|
13540
|
-
class
|
|
14358
|
+
class TwoColumnLayout extends SvelteElement {
|
|
13541
14359
|
constructor(options) {
|
|
13542
14360
|
super();
|
|
13543
|
-
this.shadowRoot.innerHTML = `<style
|
|
14361
|
+
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.page{min-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(--goa-color-greyscale-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>`;
|
|
13544
14362
|
|
|
13545
14363
|
init(
|
|
13546
14364
|
this,
|
|
@@ -13552,16 +14370,7 @@ class Pagination extends SvelteElement {
|
|
|
13552
14370
|
instance,
|
|
13553
14371
|
create_fragment,
|
|
13554
14372
|
safe_not_equal,
|
|
13555
|
-
{
|
|
13556
|
-
pagenumber: 0,
|
|
13557
|
-
itemcount: 10,
|
|
13558
|
-
perpagecount: 11,
|
|
13559
|
-
variant: 1,
|
|
13560
|
-
mt: 2,
|
|
13561
|
-
mr: 3,
|
|
13562
|
-
mb: 4,
|
|
13563
|
-
ml: 5
|
|
13564
|
-
},
|
|
14373
|
+
{ navcolumnwidth: 0, maxcontentwidth: 1 },
|
|
13565
14374
|
null
|
|
13566
14375
|
);
|
|
13567
14376
|
|
|
@@ -13578,82 +14387,26 @@ class Pagination extends SvelteElement {
|
|
|
13578
14387
|
}
|
|
13579
14388
|
|
|
13580
14389
|
static get observedAttributes() {
|
|
13581
|
-
return ["
|
|
14390
|
+
return ["navcolumnwidth", "maxcontentwidth"];
|
|
13582
14391
|
}
|
|
13583
14392
|
|
|
13584
|
-
get
|
|
14393
|
+
get navcolumnwidth() {
|
|
13585
14394
|
return this.$$.ctx[0];
|
|
13586
14395
|
}
|
|
13587
14396
|
|
|
13588
|
-
set
|
|
13589
|
-
this.$$set({
|
|
13590
|
-
flush();
|
|
13591
|
-
}
|
|
13592
|
-
|
|
13593
|
-
get itemcount() {
|
|
13594
|
-
return this.$$.ctx[10];
|
|
13595
|
-
}
|
|
13596
|
-
|
|
13597
|
-
set itemcount(itemcount) {
|
|
13598
|
-
this.$$set({ itemcount });
|
|
13599
|
-
flush();
|
|
13600
|
-
}
|
|
13601
|
-
|
|
13602
|
-
get perpagecount() {
|
|
13603
|
-
return this.$$.ctx[11];
|
|
13604
|
-
}
|
|
13605
|
-
|
|
13606
|
-
set perpagecount(perpagecount) {
|
|
13607
|
-
this.$$set({ perpagecount });
|
|
14397
|
+
set navcolumnwidth(navcolumnwidth) {
|
|
14398
|
+
this.$$set({ navcolumnwidth });
|
|
13608
14399
|
flush();
|
|
13609
14400
|
}
|
|
13610
14401
|
|
|
13611
|
-
get
|
|
14402
|
+
get maxcontentwidth() {
|
|
13612
14403
|
return this.$$.ctx[1];
|
|
13613
14404
|
}
|
|
13614
14405
|
|
|
13615
|
-
set
|
|
13616
|
-
this.$$set({
|
|
13617
|
-
flush();
|
|
13618
|
-
}
|
|
13619
|
-
|
|
13620
|
-
get mt() {
|
|
13621
|
-
return this.$$.ctx[2];
|
|
13622
|
-
}
|
|
13623
|
-
|
|
13624
|
-
set mt(mt) {
|
|
13625
|
-
this.$$set({ mt });
|
|
13626
|
-
flush();
|
|
13627
|
-
}
|
|
13628
|
-
|
|
13629
|
-
get mr() {
|
|
13630
|
-
return this.$$.ctx[3];
|
|
13631
|
-
}
|
|
13632
|
-
|
|
13633
|
-
set mr(mr) {
|
|
13634
|
-
this.$$set({ mr });
|
|
13635
|
-
flush();
|
|
13636
|
-
}
|
|
13637
|
-
|
|
13638
|
-
get mb() {
|
|
13639
|
-
return this.$$.ctx[4];
|
|
13640
|
-
}
|
|
13641
|
-
|
|
13642
|
-
set mb(mb) {
|
|
13643
|
-
this.$$set({ mb });
|
|
13644
|
-
flush();
|
|
13645
|
-
}
|
|
13646
|
-
|
|
13647
|
-
get ml() {
|
|
13648
|
-
return this.$$.ctx[5];
|
|
13649
|
-
}
|
|
13650
|
-
|
|
13651
|
-
set ml(ml) {
|
|
13652
|
-
this.$$set({ ml });
|
|
14406
|
+
set maxcontentwidth(maxcontentwidth) {
|
|
14407
|
+
this.$$set({ maxcontentwidth });
|
|
13653
14408
|
flush();
|
|
13654
14409
|
}
|
|
13655
14410
|
}
|
|
13656
14411
|
|
|
13657
|
-
customElements.define("goa-
|
|
13658
|
-
|
|
13659
|
-
export { Pagination };
|
|
14412
|
+
customElements.define("goa-two-column-layout", TwoColumnLayout);
|