q2-tecton-elements 1.8.4 → 1.8.8
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/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +10 -2
- package/dist/collection/components/q2-checkbox-group/styles.css +15 -4
- package/dist/collection/components/tecton-tab-pane/index.js +10 -2
- package/dist/esm/q2-checkbox-group.entry.js +1 -1
- package/dist/esm/tecton-tab-pane.entry.js +10 -2
- package/dist/esm-es5/q2-checkbox-group.entry.js +1 -1
- package/dist/esm-es5/tecton-tab-pane.entry.js +10 -2
- package/dist/q2-tecton-elements/p-0eaed2df.entry.js +1 -0
- package/dist/q2-tecton-elements/p-4053d910.system.js +1 -1
- package/dist/q2-tecton-elements/p-555dbbb1.entry.js +1 -0
- package/dist/q2-tecton-elements/p-7f92006f.system.entry.js +1 -0
- package/dist/q2-tecton-elements/p-dab28066.system.entry.js +1 -0
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/types/components/tecton-tab-pane/index.d.ts +1 -1
- package/package.json +2 -2
- package/dist/q2-tecton-elements/p-0f8a5d9f.entry.js +0 -1
- package/dist/q2-tecton-elements/p-93c95da6.entry.js +0 -1
- package/dist/q2-tecton-elements/p-c1f913a6.system.entry.js +0 -1
- package/dist/q2-tecton-elements/p-f1652c35.system.entry.js +0 -1
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index$1 = require('./index-afa38ff0.js');
|
|
6
6
|
const index$2 = require('./index-ca1a1caa.js');
|
|
7
7
|
|
|
8
|
-
const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:
|
|
8
|
+
const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:0;right:0;padding:8px 8px 8px 0;position:absolute;width:40%;text-align:right;background:-webkit-gradient(\n linear,\n left top, right top,\n from(var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0)))),\n to(var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255))))\n );background:linear-gradient(\n to right,\n var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))),\n var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255)))\n )}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(\n --tct-a11y-color,\n var(\n --t-a11y-gray-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";
|
|
9
9
|
|
|
10
10
|
const Q2CheckboxGroup = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -9,6 +9,7 @@ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:activ
|
|
|
9
9
|
const TectonTabPane = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index$1.registerInstance(this, hostRef);
|
|
12
|
+
this._showForm = this.showForm;
|
|
12
13
|
///////// Actions /////////
|
|
13
14
|
this.onIFrameLoad = (event) => {
|
|
14
15
|
const iframe = event.target;
|
|
@@ -22,9 +23,12 @@ const TectonTabPane = class {
|
|
|
22
23
|
.slice(-2)
|
|
23
24
|
.join('-');
|
|
24
25
|
}
|
|
25
|
-
///////// Lifecycle Hooks /////////
|
|
26
26
|
componentWillRender() {
|
|
27
|
-
|
|
27
|
+
const loadingWrapper = this.hostElement.shadowRoot.querySelector('.loading-wrapper');
|
|
28
|
+
if (loadingWrapper) {
|
|
29
|
+
loadingWrapper.style.minHeight = this.minHeight;
|
|
30
|
+
loadingWrapper.hidden = !this.selected;
|
|
31
|
+
}
|
|
28
32
|
}
|
|
29
33
|
componentDidRender() {
|
|
30
34
|
const formElement = this.hostElement.shadowRoot.querySelector('form');
|
|
@@ -35,7 +39,11 @@ const TectonTabPane = class {
|
|
|
35
39
|
}
|
|
36
40
|
///////// Observers /////////
|
|
37
41
|
selectedObserver() {
|
|
42
|
+
const loader = this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');
|
|
38
43
|
this._showForm = this.showForm; // reset state
|
|
44
|
+
if (loader) {
|
|
45
|
+
loader.hidden = !this.selected;
|
|
46
|
+
}
|
|
39
47
|
}
|
|
40
48
|
///////// View Methods /////////
|
|
41
49
|
render() {
|
|
@@ -84,12 +84,17 @@ fieldset.has-error {
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
fieldset.has-error .error-icon-container {
|
|
87
|
-
top:
|
|
88
|
-
right:
|
|
87
|
+
top: 0;
|
|
88
|
+
right: 0;
|
|
89
|
+
padding: 8px 8px 8px 0;
|
|
89
90
|
position: absolute;
|
|
90
91
|
width: 40%;
|
|
91
92
|
text-align: right;
|
|
92
|
-
background: linear-gradient(
|
|
93
|
+
background: linear-gradient(
|
|
94
|
+
to right,
|
|
95
|
+
var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))),
|
|
96
|
+
var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255)))
|
|
97
|
+
);
|
|
93
98
|
}
|
|
94
99
|
|
|
95
100
|
fieldset.has-error legend + div.error-icon-container.no-label {
|
|
@@ -117,7 +122,13 @@ legend.sr-only {
|
|
|
117
122
|
);
|
|
118
123
|
color: var(
|
|
119
124
|
--tct-input-label-optional-font-color,
|
|
120
|
-
var(
|
|
125
|
+
var(
|
|
126
|
+
--tct-a11y-color,
|
|
127
|
+
var(
|
|
128
|
+
--t-a11y-gray-color,
|
|
129
|
+
var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))
|
|
130
|
+
)
|
|
131
|
+
)
|
|
121
132
|
);
|
|
122
133
|
font-size: var(--tct-input-label-optional-font-size, 12px);
|
|
123
134
|
font-weight: var(--tct-input-label-optional-font-weight, 400);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, Prop, State, Element, Watch, h } from '@stencil/core';
|
|
2
2
|
export class TectonTabPane {
|
|
3
3
|
constructor() {
|
|
4
|
+
this._showForm = this.showForm;
|
|
4
5
|
///////// Actions /////////
|
|
5
6
|
this.onIFrameLoad = (event) => {
|
|
6
7
|
const iframe = event.target;
|
|
@@ -14,9 +15,12 @@ export class TectonTabPane {
|
|
|
14
15
|
.slice(-2)
|
|
15
16
|
.join('-');
|
|
16
17
|
}
|
|
17
|
-
///////// Lifecycle Hooks /////////
|
|
18
18
|
componentWillRender() {
|
|
19
|
-
|
|
19
|
+
const loadingWrapper = this.hostElement.shadowRoot.querySelector('.loading-wrapper');
|
|
20
|
+
if (loadingWrapper) {
|
|
21
|
+
loadingWrapper.style.minHeight = this.minHeight;
|
|
22
|
+
loadingWrapper.hidden = !this.selected;
|
|
23
|
+
}
|
|
20
24
|
}
|
|
21
25
|
componentDidRender() {
|
|
22
26
|
const formElement = this.hostElement.shadowRoot.querySelector('form');
|
|
@@ -27,7 +31,11 @@ export class TectonTabPane {
|
|
|
27
31
|
}
|
|
28
32
|
///////// Observers /////////
|
|
29
33
|
selectedObserver() {
|
|
34
|
+
const loader = this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');
|
|
30
35
|
this._showForm = this.showForm; // reset state
|
|
36
|
+
if (loader) {
|
|
37
|
+
loader.hidden = !this.selected;
|
|
38
|
+
}
|
|
31
39
|
}
|
|
32
40
|
///////// View Methods /////////
|
|
33
41
|
render() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a13749ca.js';
|
|
2
2
|
import { c as createGuid } from './index-bd545d45.js';
|
|
3
3
|
|
|
4
|
-
const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:
|
|
4
|
+
const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:0;right:0;padding:8px 8px 8px 0;position:absolute;width:40%;text-align:right;background:-webkit-gradient(\n linear,\n left top, right top,\n from(var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0)))),\n to(var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255))))\n );background:linear-gradient(\n to right,\n var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))),\n var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255)))\n )}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(\n --tct-a11y-color,\n var(\n --t-a11y-gray-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";
|
|
5
5
|
|
|
6
6
|
const Q2CheckboxGroup = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -5,6 +5,7 @@ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:activ
|
|
|
5
5
|
const TectonTabPane = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
this._showForm = this.showForm;
|
|
8
9
|
///////// Actions /////////
|
|
9
10
|
this.onIFrameLoad = (event) => {
|
|
10
11
|
const iframe = event.target;
|
|
@@ -18,9 +19,12 @@ const TectonTabPane = class {
|
|
|
18
19
|
.slice(-2)
|
|
19
20
|
.join('-');
|
|
20
21
|
}
|
|
21
|
-
///////// Lifecycle Hooks /////////
|
|
22
22
|
componentWillRender() {
|
|
23
|
-
|
|
23
|
+
const loadingWrapper = this.hostElement.shadowRoot.querySelector('.loading-wrapper');
|
|
24
|
+
if (loadingWrapper) {
|
|
25
|
+
loadingWrapper.style.minHeight = this.minHeight;
|
|
26
|
+
loadingWrapper.hidden = !this.selected;
|
|
27
|
+
}
|
|
24
28
|
}
|
|
25
29
|
componentDidRender() {
|
|
26
30
|
const formElement = this.hostElement.shadowRoot.querySelector('form');
|
|
@@ -31,7 +35,11 @@ const TectonTabPane = class {
|
|
|
31
35
|
}
|
|
32
36
|
///////// Observers /////////
|
|
33
37
|
selectedObserver() {
|
|
38
|
+
const loader = this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');
|
|
34
39
|
this._showForm = this.showForm; // reset state
|
|
40
|
+
if (loader) {
|
|
41
|
+
loader.hidden = !this.selected;
|
|
42
|
+
}
|
|
35
43
|
}
|
|
36
44
|
///////// View Methods /////////
|
|
37
45
|
render() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a13749ca.js';
|
|
2
2
|
import { c as createGuid } from './index-bd545d45.js';
|
|
3
|
-
var stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:
|
|
3
|
+
var stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:0;right:0;padding:8px 8px 8px 0;position:absolute;width:40%;text-align:right;background:-webkit-gradient(\n linear,\n left top, right top,\n from(var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0)))),\n to(var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255))))\n );background:linear-gradient(\n to right,\n var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))),\n var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255)))\n )}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(\n --tct-a11y-color,\n var(\n --t-a11y-gray-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";
|
|
4
4
|
var Q2CheckboxGroup = /** @class */ (function () {
|
|
5
5
|
function Q2CheckboxGroup(hostRef) {
|
|
6
6
|
var _this = this;
|
|
@@ -4,6 +4,7 @@ var TectonTabPane = /** @class */ (function () {
|
|
|
4
4
|
function TectonTabPane(hostRef) {
|
|
5
5
|
var _this = this;
|
|
6
6
|
registerInstance(this, hostRef);
|
|
7
|
+
this._showForm = this.showForm;
|
|
7
8
|
///////// Actions /////////
|
|
8
9
|
this.onIFrameLoad = function (event) {
|
|
9
10
|
var iframe = event.target;
|
|
@@ -21,9 +22,12 @@ var TectonTabPane = /** @class */ (function () {
|
|
|
21
22
|
enumerable: false,
|
|
22
23
|
configurable: true
|
|
23
24
|
});
|
|
24
|
-
///////// Lifecycle Hooks /////////
|
|
25
25
|
TectonTabPane.prototype.componentWillRender = function () {
|
|
26
|
-
|
|
26
|
+
var loadingWrapper = this.hostElement.shadowRoot.querySelector('.loading-wrapper');
|
|
27
|
+
if (loadingWrapper) {
|
|
28
|
+
loadingWrapper.style.minHeight = this.minHeight;
|
|
29
|
+
loadingWrapper.hidden = !this.selected;
|
|
30
|
+
}
|
|
27
31
|
};
|
|
28
32
|
TectonTabPane.prototype.componentDidRender = function () {
|
|
29
33
|
var formElement = this.hostElement.shadowRoot.querySelector('form');
|
|
@@ -34,7 +38,11 @@ var TectonTabPane = /** @class */ (function () {
|
|
|
34
38
|
};
|
|
35
39
|
///////// Observers /////////
|
|
36
40
|
TectonTabPane.prototype.selectedObserver = function () {
|
|
41
|
+
var loader = this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');
|
|
37
42
|
this._showForm = this.showForm; // reset state
|
|
43
|
+
if (loader) {
|
|
44
|
+
loader.hidden = !this.selected;
|
|
45
|
+
}
|
|
38
46
|
};
|
|
39
47
|
///////// View Methods /////////
|
|
40
48
|
TectonTabPane.prototype.render = function () {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-9f992b04.js";const o=class{constructor(e){t(this,e),this._showForm=this.showForm,this.onIFrameLoad=t=>{const e=t.target;e.contentWindow&&e.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,"*")}}get iframeTitle(){return this.moduleId.split(".").slice(-2).join("-")}componentWillRender(){const t=this.hostElement.shadowRoot.querySelector(".loading-wrapper");t&&(t.style.minHeight=this.minHeight,t.hidden=!this.selected)}componentDidRender(){const t=this.hostElement.shadowRoot.querySelector("form");t&&t.parentElement&&(t.submit(),this._showForm=!1)}selectedObserver(){const t=this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');this._showForm=this.showForm,t&&(t.hidden=!this.selected)}render(){return e("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-expanded":""+!!this.selected,"aria-hidden":""+!this.selected,"aria-labelledby":`tab-${this.guid}-${this.index}`},this.selected&&void 0!==this.provided&&!this.provided&&e("div",null,e("slot",{name:"loading-wrapper"}),e("iframe",{hidden:!0,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?e("form",{hidden:!0,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map(t=>e("input",{type:"hidden",value:t.value,name:t.key}))):""),e("div",{class:"slot-wrapper",hidden:this.selected&&void 0!==this.provided&&!this.provided},e("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{selected:["selectedObserver"]}}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}.loading-wrapper{height:44px;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loading-wrapper:not([hidden]){display:-ms-flexbox;display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}";export{o as tecton_tab_pane}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-6ff216a1.system.js","./p-6203c03b.system.js"],(function(){"use strict";var e,a;return{setters:[function(a){e=a.b},function(e){a=e.p}],execute:function(){a().then((function(a){return e([["p-f257633e.system",[[1,"q2-icon",{type:[513]}]]],["p-1ec47232.system",[[1,"q2-calendar",{value:[1537],label:[513],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[16],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],dateList:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-12bf4cb2.system",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-251a1a69.system",[[1,"q2-select",{label:[513],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-f2800467.system",[[1,"q2-editable-field",{value:[1537],editing:[516],label:[513],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-e46c27ca.system",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-1884ed43.system",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-21e51b8c.system",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],index:[514],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],swiper:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-9bfd3c92.system",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-
|
|
1
|
+
System.register(["./p-6ff216a1.system.js","./p-6203c03b.system.js"],(function(){"use strict";var e,a;return{setters:[function(a){e=a.b},function(e){a=e.p}],execute:function(){a().then((function(a){return e([["p-f257633e.system",[[1,"q2-icon",{type:[513]}]]],["p-1ec47232.system",[[1,"q2-calendar",{value:[1537],label:[513],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[16],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],dateList:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-12bf4cb2.system",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-251a1a69.system",[[1,"q2-select",{label:[513],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-f2800467.system",[[1,"q2-editable-field",{value:[1537],editing:[516],label:[513],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-e46c27ca.system",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-1884ed43.system",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-21e51b8c.system",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],index:[514],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],swiper:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-9bfd3c92.system",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-7f92006f.system",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-d3f3ef7a.system",[[1,"q2-message",{type:[513],appearance:[513],description:[516]}]]],["p-21631f5d.system",[[1,"q2-option",{display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-e30c5b2f.system",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-062507e3.system",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],hasLeft:[32],hasRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-6832e014.system",[[1,"q2-textarea",{value:[1],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[514],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-78e945e1.system",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-634861ab.system",[[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]],["p-b1e14832.system",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-f36c5a6c.system",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-30be5a4c.system",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-af7b2b4d.system",[[4,"q2-radio",{label:[513],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-0565a933.system",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-dab28066.system",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-76a4cb22.system",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],icon:[516],badge:[516],active:[516],fab:[516]},[[2,"click","disable"],[0,"focus","delegateFocus"]]]]],["p-11ff90df.system",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-bc75294c.system",[[1,"q2-input",{value:[1025],label:[513],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[514],pseudo:[516],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[1,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-6e4f3594.system",[[0,"click-elsewhere"]]]],a)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as r,g as i}from"./p-9f992b04.js";import{c as o}from"./p-ea8d3941.js";const n=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.disabled=!1,this.optional=!1,this.hasError=!1,this.id="checkbox-group-"+o(),this.onMutationObserved=()=>{this.valueUpdated(),this.disabledUpdated()},this.onInnerCheckboxChange=t=>{t.stopImmediatePropagation();const e={};this.checkboxElements.forEach(t=>{e[t.value]=!!t.checked}),this.change.emit(e)}}loc(t,e){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,e):t}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))}get protectedValue(){return this.value||{}}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,this.onMutationObserved()}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}valueUpdated(){this.checkboxElements.forEach(t=>{this.protectedValue.hasOwnProperty(t.value)&&(t.checked=this.value[t.value])})}disabledUpdated(){this.checkboxElements.forEach(t=>{t.groupDisabled=this.disabled})}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail)}render(){return r("div",null,this.label||this.optional?r("div",{class:"group-legend"},this.label&&this.loc(this.label),this.optional?r("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",r("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":""+!this.optional},this.label||this.optional?r("legend",{class:"sr-only"},this.label&&this.loc(this.label),this.optional?r("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",this.hasError?r("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},r("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))}inputDom(){return r("slot",null)}get hostElement(){return i(this)}static get watchers(){return{value:["valueUpdated"],disabled:["disabledUpdated"]}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:0;right:0;padding:8px 8px 8px 0;position:absolute;width:40%;text-align:right;background:-webkit-gradient(\n linear,\n left top, right top,\n from(var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0)))),\n to(var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255))))\n );background:linear-gradient(\n to right,\n var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))),\n var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255)))\n )}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(\n --tct-a11y-color,\n var(\n --t-a11y-gray-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";export{n as q2_checkbox_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-6ff216a1.system.js","./p-0da41a33.system.js"],(function(t){"use strict";var e,o,r,n,i;return{setters:[function(t){e=t.r;o=t.c;r=t.h;n=t.g},function(t){i=t.c}],execute:function(){var a="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:0;right:0;padding:8px 8px 8px 0;position:absolute;width:40%;text-align:right;background:-webkit-gradient(\n linear,\n left top, right top,\n from(var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0)))),\n to(var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255))))\n );background:linear-gradient(\n to right,\n var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))),\n var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255)))\n )}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(\n --tct-a11y-color,\n var(\n --t-a11y-gray-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";var s=t("q2_checkbox_group",function(){function t(t){var r=this;e(this,t);this.change=o(this,"change",7);this.disabled=false;this.optional=false;this.hasError=false;this.id="checkbox-group-"+i();this.onMutationObserved=function(){r.valueUpdated();r.disabledUpdated()};this.onInnerCheckboxChange=function(t){t.stopImmediatePropagation();var e={};r.checkboxElements.forEach((function(t){e[t.value]=!!t.checked}));r.change.emit(e)}}t.prototype.loc=function(t,e){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,e):t};Object.defineProperty(t.prototype,"checkboxElements",{get:function(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"protectedValue",{get:function(){return this.value||{}},enumerable:false,configurable:true});t.prototype.componentDidLoad=function(){var t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true});this.mutationObserver=t;this.onMutationObserved()};t.prototype.disconnectedCallback=function(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}};t.prototype.valueUpdated=function(){var t=this;this.checkboxElements.forEach((function(e){if(t.protectedValue.hasOwnProperty(e.value)){e.checked=t.value[e.value]}}))};t.prototype.disabledUpdated=function(){var t=this;this.checkboxElements.forEach((function(e){e.groupDisabled=t.disabled}))};t.prototype.onHostElementChange=function(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail}};t.prototype.render=function(){return r("div",null,this.label||this.optional?r("div",{class:"group-legend"},this.label&&this.loc(this.label),this.optional?r("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",r("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":""+!this.optional},this.label||this.optional?r("legend",{class:"sr-only"},this.label&&this.loc(this.label),this.optional?r("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",this.hasError?r("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},r("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))};t.prototype.inputDom=function(){return r("slot",null)};Object.defineProperty(t.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueUpdated"],disabled:["disabledUpdated"]}},enumerable:false,configurable:true});return t}());s.style=a}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-6ff216a1.system.js"],(function(e){"use strict";var t,o,i;return{setters:[function(e){t=e.r;o=e.h;i=e.g}],execute:function(){var n="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}.loading-wrapper{height:44px;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loading-wrapper:not([hidden]){display:-ms-flexbox;display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}";var s=e("tecton_tab_pane",function(){function e(e){var o=this;t(this,e);this._showForm=this.showForm;this.onIFrameLoad=function(e){var t=e.target;t.contentWindow&&t.contentWindow.postMessage("[iFrameSizer]"+o.moduleId+":0:false:false:32:true:true:null:documentElementOffset","*")}}Object.defineProperty(e.prototype,"iframeTitle",{get:function(){return this.moduleId.split(".").slice(-2).join("-")},enumerable:false,configurable:true});e.prototype.componentWillRender=function(){var e=this.hostElement.shadowRoot.querySelector(".loading-wrapper");if(e){e.style.minHeight=this.minHeight;e.hidden=!this.selected}};e.prototype.componentDidRender=function(){var e=this.hostElement.shadowRoot.querySelector("form");if(!!e&&!!e.parentElement){e.submit();this._showForm=false}};e.prototype.selectedObserver=function(){var e=this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');this._showForm=this.showForm;if(e){e.hidden=!this.selected}};e.prototype.render=function(){return o("div",{id:"tab-pane-"+this.guid+"-"+this.index,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-expanded":""+!!this.selected,"aria-hidden":""+!this.selected,"aria-labelledby":"tab-"+this.guid+"-"+this.index},this.selected&&this.provided!==undefined&&!this.provided&&o("div",null,o("slot",{name:"loading-wrapper"}),o("iframe",{hidden:true,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?o("form",{hidden:true,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map((function(e){return o("input",{type:"hidden",value:e.value,name:e.key})}))):""),o("div",{class:"slot-wrapper",hidden:this.selected&&this.provided!==undefined&&!this.provided},o("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["selectedObserver"]}},enumerable:false,configurable:true});return e}());s.style=n}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e}from"./p-9f992b04.js";import{p as a}from"./p-63c78e31.js";a().then(a=>e([["p-2d0a9d5d",[[1,"q2-icon",{type:[513]}]]],["p-d22383eb",[[1,"q2-calendar",{value:[1537],label:[513],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[16],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],dateList:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-85a5a3e7",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-324ed8b3",[[1,"q2-select",{label:[513],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-a1809259",[[1,"q2-editable-field",{value:[1537],editing:[516],label:[513],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-b7614da4",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-d8baceae",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-636d8429",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],index:[514],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],swiper:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-fcf57d51",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-
|
|
1
|
+
import{b as e}from"./p-9f992b04.js";import{p as a}from"./p-63c78e31.js";a().then(a=>e([["p-2d0a9d5d",[[1,"q2-icon",{type:[513]}]]],["p-d22383eb",[[1,"q2-calendar",{value:[1537],label:[513],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[16],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],dateList:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-85a5a3e7",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-324ed8b3",[[1,"q2-select",{label:[513],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-a1809259",[[1,"q2-editable-field",{value:[1537],editing:[516],label:[513],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-b7614da4",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-d8baceae",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-636d8429",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],index:[514],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],swiper:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-fcf57d51",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-555dbbb1",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-3eca1613",[[1,"q2-message",{type:[513],appearance:[513],description:[516]}]]],["p-3319f48f",[[1,"q2-option",{display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-90b68103",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-bd13f4aa",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],hasLeft:[32],hasRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-a011181d",[[1,"q2-textarea",{value:[1],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[514],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-1c0dc20c",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-a41d38c7",[[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]],["p-c8b01c2e",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-42746c37",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-fef6ced0",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-8a927c61",[[4,"q2-radio",{label:[513],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-d8094a6c",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-0eaed2df",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-0144a384",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],icon:[516],badge:[516],active:[516],fab:[516]},[[2,"click","disable"],[0,"focus","delegateFocus"]]]]],["p-52350017",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-21b38261",[[1,"q2-input",{value:[1025],label:[513],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[514],pseudo:[516],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[1,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-26e58030",[[0,"click-elsewhere"]]]],a));
|
|
@@ -18,7 +18,7 @@ export declare class TectonTabPane implements ComponentInterface {
|
|
|
18
18
|
_showForm: boolean;
|
|
19
19
|
hostElement: HTMLElement;
|
|
20
20
|
get iframeTitle(): string;
|
|
21
|
-
componentWillRender(): void
|
|
21
|
+
componentWillRender(): void | Promise<void>;
|
|
22
22
|
componentDidRender(): void;
|
|
23
23
|
selectedObserver(): void;
|
|
24
24
|
onIFrameLoad: (event: Event) => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "q2-tecton-elements",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.8",
|
|
4
4
|
"description": "Q2 Tecton Custom Elements",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"smoothscroll-polyfill": "^0.4.4",
|
|
49
49
|
"swiper": "5.3.8"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "e6366db4f7b3bc3b1c677b021e9ebcd8315ee4c1"
|
|
52
52
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-9f992b04.js";const o=class{constructor(e){t(this,e),this.onIFrameLoad=t=>{const e=t.target;e.contentWindow&&e.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,"*")}}get iframeTitle(){return this.moduleId.split(".").slice(-2).join("-")}componentWillRender(){this._showForm=this.showForm}componentDidRender(){const t=this.hostElement.shadowRoot.querySelector("form");t&&t.parentElement&&(t.submit(),this._showForm=!1)}selectedObserver(){this._showForm=this.showForm}render(){return e("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-expanded":""+!!this.selected,"aria-hidden":""+!this.selected,"aria-labelledby":`tab-${this.guid}-${this.index}`},this.selected&&void 0!==this.provided&&!this.provided&&e("div",null,e("slot",{name:"loading-wrapper"}),e("iframe",{hidden:!0,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?e("form",{hidden:!0,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map(t=>e("input",{type:"hidden",value:t.value,name:t.key}))):""),e("div",{class:"slot-wrapper",hidden:this.selected&&void 0!==this.provided&&!this.provided},e("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{selected:["selectedObserver"]}}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}.loading-wrapper{height:44px;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loading-wrapper:not([hidden]){display:-ms-flexbox;display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}";export{o as tecton_tab_pane}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as o}from"./p-9f992b04.js";import{c as r}from"./p-ea8d3941.js";const n=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.disabled=!1,this.optional=!1,this.hasError=!1,this.id="checkbox-group-"+r(),this.onMutationObserved=()=>{this.valueUpdated(),this.disabledUpdated()},this.onInnerCheckboxChange=t=>{t.stopImmediatePropagation();const e={};this.checkboxElements.forEach(t=>{e[t.value]=!!t.checked}),this.change.emit(e)}}loc(t,e){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,e):t}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))}get protectedValue(){return this.value||{}}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,this.onMutationObserved()}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}valueUpdated(){this.checkboxElements.forEach(t=>{this.protectedValue.hasOwnProperty(t.value)&&(t.checked=this.value[t.value])})}disabledUpdated(){this.checkboxElements.forEach(t=>{t.groupDisabled=this.disabled})}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail)}render(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&this.loc(this.label),this.optional?i("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",i("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":""+!this.optional},this.label||this.optional?i("legend",{class:"sr-only"},this.label&&this.loc(this.label),this.optional?i("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",this.hasError?i("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},i("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))}inputDom(){return i("slot",null)}get hostElement(){return o(this)}static get watchers(){return{value:["valueUpdated"],disabled:["disabledUpdated"]}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:-webkit-gradient(linear, left top, right top, from(transparent), to(white));background:linear-gradient(to right, transparent, white)}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";export{n as q2_checkbox_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-6ff216a1.system.js"],(function(e){"use strict";var t,o,i;return{setters:[function(e){t=e.r;o=e.h;i=e.g}],execute:function(){var n="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}.loading-wrapper{height:44px;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loading-wrapper:not([hidden]){display:-ms-flexbox;display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}";var r=e("tecton_tab_pane",function(){function e(e){var o=this;t(this,e);this.onIFrameLoad=function(e){var t=e.target;t.contentWindow&&t.contentWindow.postMessage("[iFrameSizer]"+o.moduleId+":0:false:false:32:true:true:null:documentElementOffset","*")}}Object.defineProperty(e.prototype,"iframeTitle",{get:function(){return this.moduleId.split(".").slice(-2).join("-")},enumerable:false,configurable:true});e.prototype.componentWillRender=function(){this._showForm=this.showForm};e.prototype.componentDidRender=function(){var e=this.hostElement.shadowRoot.querySelector("form");if(!!e&&!!e.parentElement){e.submit();this._showForm=false}};e.prototype.selectedObserver=function(){this._showForm=this.showForm};e.prototype.render=function(){return o("div",{id:"tab-pane-"+this.guid+"-"+this.index,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-expanded":""+!!this.selected,"aria-hidden":""+!this.selected,"aria-labelledby":"tab-"+this.guid+"-"+this.index},this.selected&&this.provided!==undefined&&!this.provided&&o("div",null,o("slot",{name:"loading-wrapper"}),o("iframe",{hidden:true,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?o("form",{hidden:true,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map((function(e){return o("input",{type:"hidden",value:e.value,name:e.key})}))):""),o("div",{class:"slot-wrapper",hidden:this.selected&&this.provided!==undefined&&!this.provided},o("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["selectedObserver"]}},enumerable:false,configurable:true});return e}());r.style=n}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-6ff216a1.system.js","./p-0da41a33.system.js"],(function(t){"use strict";var e,o,n,r,i;return{setters:[function(t){e=t.r;o=t.c;n=t.h;r=t.g},function(t){i=t.c}],execute:function(){var a="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:-webkit-gradient(linear, left top, right top, from(transparent), to(white));background:linear-gradient(to right, transparent, white)}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";var s=t("q2_checkbox_group",function(){function t(t){var n=this;e(this,t);this.change=o(this,"change",7);this.disabled=false;this.optional=false;this.hasError=false;this.id="checkbox-group-"+i();this.onMutationObserved=function(){n.valueUpdated();n.disabledUpdated()};this.onInnerCheckboxChange=function(t){t.stopImmediatePropagation();var e={};n.checkboxElements.forEach((function(t){e[t.value]=!!t.checked}));n.change.emit(e)}}t.prototype.loc=function(t,e){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,e):t};Object.defineProperty(t.prototype,"checkboxElements",{get:function(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"protectedValue",{get:function(){return this.value||{}},enumerable:false,configurable:true});t.prototype.componentDidLoad=function(){var t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true});this.mutationObserver=t;this.onMutationObserved()};t.prototype.disconnectedCallback=function(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}};t.prototype.valueUpdated=function(){var t=this;this.checkboxElements.forEach((function(e){if(t.protectedValue.hasOwnProperty(e.value)){e.checked=t.value[e.value]}}))};t.prototype.disabledUpdated=function(){var t=this;this.checkboxElements.forEach((function(e){e.groupDisabled=t.disabled}))};t.prototype.onHostElementChange=function(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail}};t.prototype.render=function(){return n("div",null,this.label||this.optional?n("div",{class:"group-legend"},this.label&&this.loc(this.label),this.optional?n("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",n("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":""+!this.optional},this.label||this.optional?n("legend",{class:"sr-only"},this.label&&this.loc(this.label),this.optional?n("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",this.hasError?n("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},n("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))};t.prototype.inputDom=function(){return n("slot",null)};Object.defineProperty(t.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueUpdated"],disabled:["disabledUpdated"]}},enumerable:false,configurable:true});return t}());s.style=a}}}));
|