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.
@@ -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: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}";
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
- this._showForm = this.showForm;
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: 8px;
88
- right: 8px;
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(to right, transparent, white);
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(--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))))))
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
- this._showForm = this.showForm;
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: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}";
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
- this._showForm = this.showForm;
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: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}";
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
- this._showForm = this.showForm;
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-f1652c35.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-c1f913a6.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)}))}}}));
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-93c95da6",[[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-0f8a5d9f",[[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));
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.4",
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": "99c2eb48bd045abd5bbf9f5f9e9f1e513c992213"
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}}}));