@abgov/react-components 4.0.0-alpha.50 → 4.0.0-alpha.52
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/lib/container/container.d.ts +3 -3
- package/package.json +1 -1
- package/react-components.esm.js +28 -28
- package/react-components.umd.js +28 -28
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { FC, ReactNode } from 'react';
|
|
2
|
-
declare type
|
|
2
|
+
declare type ContainerType = 'interactive' | 'non-interactive' | 'info' | 'error' | 'success' | 'warning';
|
|
3
3
|
declare type HeadingSize = 'large' | 'small' | 'none';
|
|
4
4
|
declare type ContainerPadding = "relaxed" | "compact";
|
|
5
5
|
interface WCProps {
|
|
6
|
-
|
|
6
|
+
type?: ContainerType;
|
|
7
7
|
headingsize?: HeadingSize;
|
|
8
8
|
colored?: boolean;
|
|
9
9
|
padding?: ContainerPadding;
|
|
@@ -17,7 +17,7 @@ declare global {
|
|
|
17
17
|
}
|
|
18
18
|
interface Props {
|
|
19
19
|
headingSize?: HeadingSize;
|
|
20
|
-
|
|
20
|
+
type?: ContainerType;
|
|
21
21
|
title?: ReactNode;
|
|
22
22
|
colored?: boolean;
|
|
23
23
|
padding?: ContainerPadding;
|
package/package.json
CHANGED
package/react-components.esm.js
CHANGED
|
@@ -4483,7 +4483,7 @@ function create_fragment$r(ctx) {
|
|
|
4483
4483
|
attr(div3, "class", div3_class_value = `
|
|
4484
4484
|
goa-container
|
|
4485
4485
|
goa-container--${
|
|
4486
|
-
/*
|
|
4486
|
+
/*type*/
|
|
4487
4487
|
ctx[0]}
|
|
4488
4488
|
padding--${
|
|
4489
4489
|
/*padding*/
|
|
@@ -4514,11 +4514,11 @@ function create_fragment$r(ctx) {
|
|
|
4514
4514
|
}
|
|
4515
4515
|
|
|
4516
4516
|
if (dirty &
|
|
4517
|
-
/*
|
|
4517
|
+
/*type, padding*/
|
|
4518
4518
|
5 && div3_class_value !== (div3_class_value = `
|
|
4519
4519
|
goa-container
|
|
4520
4520
|
goa-container--${
|
|
4521
|
-
/*
|
|
4521
|
+
/*type*/
|
|
4522
4522
|
ctx[0]}
|
|
4523
4523
|
padding--${
|
|
4524
4524
|
/*padding*/
|
|
@@ -4528,7 +4528,7 @@ function create_fragment$r(ctx) {
|
|
|
4528
4528
|
}
|
|
4529
4529
|
|
|
4530
4530
|
if (dirty &
|
|
4531
|
-
/*
|
|
4531
|
+
/*type, padding, _colored*/
|
|
4532
4532
|
13) {
|
|
4533
4533
|
toggle_class(div3, "colored",
|
|
4534
4534
|
/*_colored*/
|
|
@@ -4550,7 +4550,7 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
4550
4550
|
let _colored;
|
|
4551
4551
|
|
|
4552
4552
|
let {
|
|
4553
|
-
|
|
4553
|
+
type = 'non-interactive'
|
|
4554
4554
|
} = $$props;
|
|
4555
4555
|
let {
|
|
4556
4556
|
colored = "false"
|
|
@@ -4563,7 +4563,7 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
4563
4563
|
} = $$props;
|
|
4564
4564
|
|
|
4565
4565
|
$$self.$$set = $$props => {
|
|
4566
|
-
if ('
|
|
4566
|
+
if ('type' in $$props) $$invalidate(0, type = $$props.type);
|
|
4567
4567
|
if ('colored' in $$props) $$invalidate(4, colored = $$props.colored);
|
|
4568
4568
|
if ('headingsize' in $$props) $$invalidate(1, headingsize = $$props.headingsize);
|
|
4569
4569
|
if ('padding' in $$props) $$invalidate(2, padding = $$props.padding);
|
|
@@ -4577,7 +4577,7 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
4577
4577
|
}
|
|
4578
4578
|
};
|
|
4579
4579
|
|
|
4580
|
-
return [
|
|
4580
|
+
return [type, headingsize, padding, _colored, colored];
|
|
4581
4581
|
}
|
|
4582
4582
|
|
|
4583
4583
|
class Container extends SvelteElement {
|
|
@@ -4589,7 +4589,7 @@ class Container extends SvelteElement {
|
|
|
4589
4589
|
props: attribute_to_object(this.attributes),
|
|
4590
4590
|
customElement: true
|
|
4591
4591
|
}, instance$p, create_fragment$r, safe_not_equal, {
|
|
4592
|
-
|
|
4592
|
+
type: 0,
|
|
4593
4593
|
colored: 4,
|
|
4594
4594
|
headingsize: 1,
|
|
4595
4595
|
padding: 2
|
|
@@ -4608,16 +4608,16 @@ class Container extends SvelteElement {
|
|
|
4608
4608
|
}
|
|
4609
4609
|
|
|
4610
4610
|
static get observedAttributes() {
|
|
4611
|
-
return ["
|
|
4611
|
+
return ["type", "colored", "headingsize", "padding"];
|
|
4612
4612
|
}
|
|
4613
4613
|
|
|
4614
|
-
get
|
|
4614
|
+
get type() {
|
|
4615
4615
|
return this.$$.ctx[0];
|
|
4616
4616
|
}
|
|
4617
4617
|
|
|
4618
|
-
set
|
|
4618
|
+
set type(type) {
|
|
4619
4619
|
this.$$set({
|
|
4620
|
-
|
|
4620
|
+
type
|
|
4621
4621
|
});
|
|
4622
4622
|
flush();
|
|
4623
4623
|
}
|
|
@@ -9144,7 +9144,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
9144
9144
|
class Input extends SvelteElement {
|
|
9145
9145
|
constructor(options) {
|
|
9146
9146
|
super();
|
|
9147
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box
|
|
9147
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box}.container{position:relative;width:100%}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);background:white;display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%}.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);font-size:var(--input-font-size);padding:var(--input-padding);line-height:calc(40px - calc(var(--input-padding) * 2));background-color:transparent;width:0;flex:1 1 auto}input[type=text],input[type=date],input[type="datetime-local"],input[type=number]{font-family:var(--font-family)}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(--color-gray-100);border-color:var(--color-gray-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{background-color:var(--color-gray-100);padding:0 0.75rem;display:flex;align-items:center}.prefix{border-top-left-radius:var(--input-border-radius);border-bottom-left-radius:var(--input-border-radius);border-right:1px solid var(--color-gray-600)}.suffix{border-top-right-radius:var(--input-border-radius);border-bottom-right-radius:var(--input-border-radius);border-left:1px solid var(--color-gray-600)}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}.counter{position:absolute;padding-top:0.25rem;right:0;font-size:var(--fs-sm)}.counter-error{color:var(--goa-color-interactive--error)}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive--error)}input[type="search" i]: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>')
|
|
9148
9148
|
center center no-repeat}</style>`;
|
|
9149
9149
|
init(this, {
|
|
9150
9150
|
target: this.shadowRoot,
|
|
@@ -13533,8 +13533,8 @@ function create_fragment$2(ctx) {
|
|
|
13533
13533
|
this.c = noop;
|
|
13534
13534
|
attr(div, "class", "content");
|
|
13535
13535
|
attr(div, "slot", "");
|
|
13536
|
-
set_custom_element_data(goa_container, "
|
|
13537
|
-
/*
|
|
13536
|
+
set_custom_element_data(goa_container, "type",
|
|
13537
|
+
/*type*/
|
|
13538
13538
|
ctx[3]);
|
|
13539
13539
|
set_custom_element_data(goa_container, "headingsize",
|
|
13540
13540
|
/*headingsize*/
|
|
@@ -13591,10 +13591,10 @@ function create_fragment$2(ctx) {
|
|
|
13591
13591
|
ctx[2];
|
|
13592
13592
|
|
|
13593
13593
|
if (dirty &
|
|
13594
|
-
/*
|
|
13594
|
+
/*type*/
|
|
13595
13595
|
8) {
|
|
13596
|
-
set_custom_element_data(goa_container, "
|
|
13597
|
-
/*
|
|
13596
|
+
set_custom_element_data(goa_container, "type",
|
|
13597
|
+
/*type*/
|
|
13598
13598
|
ctx[3]);
|
|
13599
13599
|
}
|
|
13600
13600
|
|
|
@@ -13630,7 +13630,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
|
13630
13630
|
content
|
|
13631
13631
|
} = $$props;
|
|
13632
13632
|
let {
|
|
13633
|
-
|
|
13633
|
+
type = "default"
|
|
13634
13634
|
} = $$props;
|
|
13635
13635
|
let {
|
|
13636
13636
|
headingsize = "large"
|
|
@@ -13640,11 +13640,11 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
|
13640
13640
|
if ('title' in $$props) $$invalidate(0, title = $$props.title);
|
|
13641
13641
|
if ('actions' in $$props) $$invalidate(1, actions = $$props.actions);
|
|
13642
13642
|
if ('content' in $$props) $$invalidate(2, content = $$props.content);
|
|
13643
|
-
if ('
|
|
13643
|
+
if ('type' in $$props) $$invalidate(3, type = $$props.type);
|
|
13644
13644
|
if ('headingsize' in $$props) $$invalidate(4, headingsize = $$props.headingsize);
|
|
13645
13645
|
};
|
|
13646
13646
|
|
|
13647
|
-
return [title, actions, content,
|
|
13647
|
+
return [title, actions, content, type, headingsize];
|
|
13648
13648
|
}
|
|
13649
13649
|
|
|
13650
13650
|
class ContainerWrapper_test extends SvelteElement {
|
|
@@ -13658,7 +13658,7 @@ class ContainerWrapper_test extends SvelteElement {
|
|
|
13658
13658
|
title: 0,
|
|
13659
13659
|
actions: 1,
|
|
13660
13660
|
content: 2,
|
|
13661
|
-
|
|
13661
|
+
type: 3,
|
|
13662
13662
|
headingsize: 4
|
|
13663
13663
|
}, null);
|
|
13664
13664
|
|
|
@@ -13675,7 +13675,7 @@ class ContainerWrapper_test extends SvelteElement {
|
|
|
13675
13675
|
}
|
|
13676
13676
|
|
|
13677
13677
|
static get observedAttributes() {
|
|
13678
|
-
return ["title", "actions", "content", "
|
|
13678
|
+
return ["title", "actions", "content", "type", "headingsize"];
|
|
13679
13679
|
}
|
|
13680
13680
|
|
|
13681
13681
|
get title() {
|
|
@@ -13711,13 +13711,13 @@ class ContainerWrapper_test extends SvelteElement {
|
|
|
13711
13711
|
flush();
|
|
13712
13712
|
}
|
|
13713
13713
|
|
|
13714
|
-
get
|
|
13714
|
+
get type() {
|
|
13715
13715
|
return this.$$.ctx[3];
|
|
13716
13716
|
}
|
|
13717
13717
|
|
|
13718
|
-
set
|
|
13718
|
+
set type(type) {
|
|
13719
13719
|
this.$$set({
|
|
13720
|
-
|
|
13720
|
+
type
|
|
13721
13721
|
});
|
|
13722
13722
|
flush();
|
|
13723
13723
|
}
|
|
@@ -14174,10 +14174,10 @@ const GoAContainer = ({
|
|
|
14174
14174
|
padding,
|
|
14175
14175
|
children,
|
|
14176
14176
|
actions,
|
|
14177
|
-
|
|
14177
|
+
type
|
|
14178
14178
|
}) => {
|
|
14179
14179
|
return jsxs("goa-container", Object.assign({
|
|
14180
|
-
|
|
14180
|
+
type: type,
|
|
14181
14181
|
padding: padding,
|
|
14182
14182
|
headingsize: headingSize,
|
|
14183
14183
|
colored: _colored
|
package/react-components.umd.js
CHANGED
|
@@ -4525,7 +4525,7 @@
|
|
|
4525
4525
|
attr(div3, "class", div3_class_value = `
|
|
4526
4526
|
goa-container
|
|
4527
4527
|
goa-container--${
|
|
4528
|
-
/*
|
|
4528
|
+
/*type*/
|
|
4529
4529
|
ctx[0]}
|
|
4530
4530
|
padding--${
|
|
4531
4531
|
/*padding*/
|
|
@@ -4556,11 +4556,11 @@
|
|
|
4556
4556
|
}
|
|
4557
4557
|
|
|
4558
4558
|
if (dirty &
|
|
4559
|
-
/*
|
|
4559
|
+
/*type, padding*/
|
|
4560
4560
|
5 && div3_class_value !== (div3_class_value = `
|
|
4561
4561
|
goa-container
|
|
4562
4562
|
goa-container--${
|
|
4563
|
-
/*
|
|
4563
|
+
/*type*/
|
|
4564
4564
|
ctx[0]}
|
|
4565
4565
|
padding--${
|
|
4566
4566
|
/*padding*/
|
|
@@ -4570,7 +4570,7 @@
|
|
|
4570
4570
|
}
|
|
4571
4571
|
|
|
4572
4572
|
if (dirty &
|
|
4573
|
-
/*
|
|
4573
|
+
/*type, padding, _colored*/
|
|
4574
4574
|
13) {
|
|
4575
4575
|
toggle_class(div3, "colored",
|
|
4576
4576
|
/*_colored*/
|
|
@@ -4592,7 +4592,7 @@
|
|
|
4592
4592
|
let _colored;
|
|
4593
4593
|
|
|
4594
4594
|
let {
|
|
4595
|
-
|
|
4595
|
+
type = 'non-interactive'
|
|
4596
4596
|
} = $$props;
|
|
4597
4597
|
let {
|
|
4598
4598
|
colored = "false"
|
|
@@ -4605,7 +4605,7 @@
|
|
|
4605
4605
|
} = $$props;
|
|
4606
4606
|
|
|
4607
4607
|
$$self.$$set = $$props => {
|
|
4608
|
-
if ('
|
|
4608
|
+
if ('type' in $$props) $$invalidate(0, type = $$props.type);
|
|
4609
4609
|
if ('colored' in $$props) $$invalidate(4, colored = $$props.colored);
|
|
4610
4610
|
if ('headingsize' in $$props) $$invalidate(1, headingsize = $$props.headingsize);
|
|
4611
4611
|
if ('padding' in $$props) $$invalidate(2, padding = $$props.padding);
|
|
@@ -4619,7 +4619,7 @@
|
|
|
4619
4619
|
}
|
|
4620
4620
|
};
|
|
4621
4621
|
|
|
4622
|
-
return [
|
|
4622
|
+
return [type, headingsize, padding, _colored, colored];
|
|
4623
4623
|
}
|
|
4624
4624
|
|
|
4625
4625
|
class Container extends SvelteElement {
|
|
@@ -4631,7 +4631,7 @@
|
|
|
4631
4631
|
props: attribute_to_object(this.attributes),
|
|
4632
4632
|
customElement: true
|
|
4633
4633
|
}, instance$p, create_fragment$r, safe_not_equal, {
|
|
4634
|
-
|
|
4634
|
+
type: 0,
|
|
4635
4635
|
colored: 4,
|
|
4636
4636
|
headingsize: 1,
|
|
4637
4637
|
padding: 2
|
|
@@ -4650,16 +4650,16 @@
|
|
|
4650
4650
|
}
|
|
4651
4651
|
|
|
4652
4652
|
static get observedAttributes() {
|
|
4653
|
-
return ["
|
|
4653
|
+
return ["type", "colored", "headingsize", "padding"];
|
|
4654
4654
|
}
|
|
4655
4655
|
|
|
4656
|
-
get
|
|
4656
|
+
get type() {
|
|
4657
4657
|
return this.$$.ctx[0];
|
|
4658
4658
|
}
|
|
4659
4659
|
|
|
4660
|
-
set
|
|
4660
|
+
set type(type) {
|
|
4661
4661
|
this.$$set({
|
|
4662
|
-
|
|
4662
|
+
type
|
|
4663
4663
|
});
|
|
4664
4664
|
flush();
|
|
4665
4665
|
}
|
|
@@ -9191,7 +9191,7 @@
|
|
|
9191
9191
|
class Input extends SvelteElement {
|
|
9192
9192
|
constructor(options) {
|
|
9193
9193
|
super();
|
|
9194
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box
|
|
9194
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box}.container{position:relative;width:100%}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);background:white;display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%}.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);font-size:var(--input-font-size);padding:var(--input-padding);line-height:calc(40px - calc(var(--input-padding) * 2));background-color:transparent;width:0;flex:1 1 auto}input[type=text],input[type=date],input[type="datetime-local"],input[type=number]{font-family:var(--font-family)}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(--color-gray-100);border-color:var(--color-gray-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{background-color:var(--color-gray-100);padding:0 0.75rem;display:flex;align-items:center}.prefix{border-top-left-radius:var(--input-border-radius);border-bottom-left-radius:var(--input-border-radius);border-right:1px solid var(--color-gray-600)}.suffix{border-top-right-radius:var(--input-border-radius);border-bottom-right-radius:var(--input-border-radius);border-left:1px solid var(--color-gray-600)}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}.counter{position:absolute;padding-top:0.25rem;right:0;font-size:var(--fs-sm)}.counter-error{color:var(--goa-color-interactive--error)}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive--error)}input[type="search" i]: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>')
|
|
9195
9195
|
center center no-repeat}</style>`;
|
|
9196
9196
|
init(this, {
|
|
9197
9197
|
target: this.shadowRoot,
|
|
@@ -13582,8 +13582,8 @@
|
|
|
13582
13582
|
this.c = noop;
|
|
13583
13583
|
attr(div, "class", "content");
|
|
13584
13584
|
attr(div, "slot", "");
|
|
13585
|
-
set_custom_element_data(goa_container, "
|
|
13586
|
-
/*
|
|
13585
|
+
set_custom_element_data(goa_container, "type",
|
|
13586
|
+
/*type*/
|
|
13587
13587
|
ctx[3]);
|
|
13588
13588
|
set_custom_element_data(goa_container, "headingsize",
|
|
13589
13589
|
/*headingsize*/
|
|
@@ -13640,10 +13640,10 @@
|
|
|
13640
13640
|
ctx[2];
|
|
13641
13641
|
|
|
13642
13642
|
if (dirty &
|
|
13643
|
-
/*
|
|
13643
|
+
/*type*/
|
|
13644
13644
|
8) {
|
|
13645
|
-
set_custom_element_data(goa_container, "
|
|
13646
|
-
/*
|
|
13645
|
+
set_custom_element_data(goa_container, "type",
|
|
13646
|
+
/*type*/
|
|
13647
13647
|
ctx[3]);
|
|
13648
13648
|
}
|
|
13649
13649
|
|
|
@@ -13679,7 +13679,7 @@
|
|
|
13679
13679
|
content
|
|
13680
13680
|
} = $$props;
|
|
13681
13681
|
let {
|
|
13682
|
-
|
|
13682
|
+
type = "default"
|
|
13683
13683
|
} = $$props;
|
|
13684
13684
|
let {
|
|
13685
13685
|
headingsize = "large"
|
|
@@ -13689,11 +13689,11 @@
|
|
|
13689
13689
|
if ('title' in $$props) $$invalidate(0, title = $$props.title);
|
|
13690
13690
|
if ('actions' in $$props) $$invalidate(1, actions = $$props.actions);
|
|
13691
13691
|
if ('content' in $$props) $$invalidate(2, content = $$props.content);
|
|
13692
|
-
if ('
|
|
13692
|
+
if ('type' in $$props) $$invalidate(3, type = $$props.type);
|
|
13693
13693
|
if ('headingsize' in $$props) $$invalidate(4, headingsize = $$props.headingsize);
|
|
13694
13694
|
};
|
|
13695
13695
|
|
|
13696
|
-
return [title, actions, content,
|
|
13696
|
+
return [title, actions, content, type, headingsize];
|
|
13697
13697
|
}
|
|
13698
13698
|
|
|
13699
13699
|
class ContainerWrapper_test extends SvelteElement {
|
|
@@ -13707,7 +13707,7 @@
|
|
|
13707
13707
|
title: 0,
|
|
13708
13708
|
actions: 1,
|
|
13709
13709
|
content: 2,
|
|
13710
|
-
|
|
13710
|
+
type: 3,
|
|
13711
13711
|
headingsize: 4
|
|
13712
13712
|
}, null);
|
|
13713
13713
|
|
|
@@ -13724,7 +13724,7 @@
|
|
|
13724
13724
|
}
|
|
13725
13725
|
|
|
13726
13726
|
static get observedAttributes() {
|
|
13727
|
-
return ["title", "actions", "content", "
|
|
13727
|
+
return ["title", "actions", "content", "type", "headingsize"];
|
|
13728
13728
|
}
|
|
13729
13729
|
|
|
13730
13730
|
get title() {
|
|
@@ -13760,13 +13760,13 @@
|
|
|
13760
13760
|
flush();
|
|
13761
13761
|
}
|
|
13762
13762
|
|
|
13763
|
-
get
|
|
13763
|
+
get type() {
|
|
13764
13764
|
return this.$$.ctx[3];
|
|
13765
13765
|
}
|
|
13766
13766
|
|
|
13767
|
-
set
|
|
13767
|
+
set type(type) {
|
|
13768
13768
|
this.$$set({
|
|
13769
|
-
|
|
13769
|
+
type
|
|
13770
13770
|
});
|
|
13771
13771
|
flush();
|
|
13772
13772
|
}
|
|
@@ -14256,9 +14256,9 @@
|
|
|
14256
14256
|
padding = _a.padding,
|
|
14257
14257
|
children = _a.children,
|
|
14258
14258
|
actions = _a.actions,
|
|
14259
|
-
|
|
14259
|
+
type = _a.type;
|
|
14260
14260
|
return jsxRuntime.jsxs("goa-container", __assign({
|
|
14261
|
-
|
|
14261
|
+
type: type,
|
|
14262
14262
|
padding: padding,
|
|
14263
14263
|
headingsize: headingSize,
|
|
14264
14264
|
colored: colored
|