q2-tecton-elements 1.5.3 → 1.6.3

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.
Files changed (101) hide show
  1. package/dist/cjs/q2-btn.cjs.entry.js +1 -1
  2. package/dist/cjs/q2-calendar.cjs.entry.js +1 -1
  3. package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
  4. package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
  5. package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
  6. package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
  7. package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
  8. package/dist/cjs/q2-dropdown.cjs.entry.js +3 -3
  9. package/dist/cjs/q2-input_2.cjs.entry.js +3 -3
  10. package/dist/cjs/q2-optgroup.cjs.entry.js +1 -1
  11. package/dist/cjs/q2-option.cjs.entry.js +1 -1
  12. package/dist/cjs/q2-radio.cjs.entry.js +1 -1
  13. package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
  14. package/dist/collection/components/q2-btn/styles.css +7 -7
  15. package/dist/collection/components/q2-calendar/styles.css +3 -3
  16. package/dist/collection/components/q2-carousel/styles.css +2 -2
  17. package/dist/collection/components/q2-carousel-pane/styles.css +1 -1
  18. package/dist/collection/components/q2-checkbox/styles.css +5 -5
  19. package/dist/collection/components/q2-checkbox-group/styles.css +1 -1
  20. package/dist/collection/components/q2-dropdown/index.js +3 -3
  21. package/dist/collection/components/q2-dropdown-item/styles.css +2 -2
  22. package/dist/collection/components/q2-input/formatting/phone.js +1 -1
  23. package/dist/collection/components/q2-input/styles.css +13 -13
  24. package/dist/collection/components/q2-message/styles.css +1 -1
  25. package/dist/collection/components/q2-optgroup/styles.css +1 -1
  26. package/dist/collection/components/q2-option/styles.css +1 -1
  27. package/dist/collection/components/q2-radio/styles.css +3 -3
  28. package/dist/collection/components/q2-tab-container/styles.css +1 -1
  29. package/dist/esm/q2-btn.entry.js +1 -1
  30. package/dist/esm/q2-calendar.entry.js +1 -1
  31. package/dist/esm/q2-carousel-pane.entry.js +1 -1
  32. package/dist/esm/q2-carousel.entry.js +1 -1
  33. package/dist/esm/q2-checkbox-group.entry.js +1 -1
  34. package/dist/esm/q2-checkbox.entry.js +1 -1
  35. package/dist/esm/q2-dropdown-item.entry.js +1 -1
  36. package/dist/esm/q2-dropdown.entry.js +3 -3
  37. package/dist/esm/q2-input_2.entry.js +3 -3
  38. package/dist/esm/q2-optgroup.entry.js +1 -1
  39. package/dist/esm/q2-option.entry.js +1 -1
  40. package/dist/esm/q2-radio.entry.js +1 -1
  41. package/dist/esm/q2-tab-container.entry.js +1 -1
  42. package/dist/esm-es5/q2-btn.entry.js +1 -1
  43. package/dist/esm-es5/q2-calendar.entry.js +1 -1
  44. package/dist/esm-es5/q2-carousel-pane.entry.js +1 -1
  45. package/dist/esm-es5/q2-carousel.entry.js +1 -1
  46. package/dist/esm-es5/q2-checkbox-group.entry.js +1 -1
  47. package/dist/esm-es5/q2-checkbox.entry.js +1 -1
  48. package/dist/esm-es5/q2-dropdown-item.entry.js +1 -1
  49. package/dist/esm-es5/q2-dropdown.entry.js +3 -3
  50. package/dist/esm-es5/q2-input_2.entry.js +3 -3
  51. package/dist/esm-es5/q2-optgroup.entry.js +1 -1
  52. package/dist/esm-es5/q2-option.entry.js +1 -1
  53. package/dist/esm-es5/q2-radio.entry.js +1 -1
  54. package/dist/esm-es5/q2-tab-container.entry.js +1 -1
  55. package/dist/q2-tecton-elements/{p-441decb7.entry.js → p-135f4804.entry.js} +1 -1
  56. package/dist/q2-tecton-elements/{p-84e239ae.entry.js → p-2588a203.entry.js} +1 -1
  57. package/dist/q2-tecton-elements/p-468eac5b.entry.js +1 -0
  58. package/dist/q2-tecton-elements/{p-cb8d4e07.system.entry.js → p-49b41bc3.system.entry.js} +1 -1
  59. package/dist/q2-tecton-elements/p-4b938147.entry.js +1 -0
  60. package/dist/q2-tecton-elements/p-550d5373.system.entry.js +1 -0
  61. package/dist/q2-tecton-elements/p-5a12123a.system.entry.js +1 -0
  62. package/dist/q2-tecton-elements/p-617fc40a.system.entry.js +1 -0
  63. package/dist/q2-tecton-elements/{p-43a05b9f.entry.js → p-640d54e2.entry.js} +1 -1
  64. package/dist/q2-tecton-elements/p-64a8d69f.system.entry.js +1 -0
  65. package/dist/q2-tecton-elements/{p-7624ed0d.entry.js → p-7bf0790c.entry.js} +1 -1
  66. package/dist/q2-tecton-elements/{p-fefca9c1.system.entry.js → p-7c49e5c9.system.entry.js} +1 -1
  67. package/dist/q2-tecton-elements/p-80262c20.system.entry.js +1 -0
  68. package/dist/q2-tecton-elements/{p-dc4b38dc.entry.js → p-84b6dc77.entry.js} +1 -1
  69. package/dist/q2-tecton-elements/{p-65d32cb9.entry.js → p-85a53b6b.entry.js} +1 -1
  70. package/dist/q2-tecton-elements/p-8896cf51.system.entry.js +1 -0
  71. package/dist/q2-tecton-elements/{p-55ff8885.system.entry.js → p-88c5f1da.system.entry.js} +1 -1
  72. package/dist/q2-tecton-elements/{p-0898c601.entry.js → p-8b502a4f.entry.js} +1 -1
  73. package/dist/q2-tecton-elements/{p-560cadce.system.entry.js → p-93945d57.system.entry.js} +1 -1
  74. package/dist/q2-tecton-elements/p-94a26b0f.system.js +1 -1
  75. package/dist/q2-tecton-elements/{p-d30f657f.entry.js → p-a06f247c.entry.js} +1 -1
  76. package/dist/q2-tecton-elements/p-c3cd3986.system.entry.js +1 -0
  77. package/dist/q2-tecton-elements/p-dada189b.system.entry.js +1 -0
  78. package/dist/q2-tecton-elements/p-f32de913.entry.js +1 -0
  79. package/dist/q2-tecton-elements/p-f581de2f.entry.js +1 -0
  80. package/dist/q2-tecton-elements/p-fc196ca4.system.entry.js +1 -0
  81. package/dist/q2-tecton-elements/p-fc1cb83d.entry.js +1 -0
  82. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  83. package/dist/types/components/q2-dropdown/index.d.ts +1 -1
  84. package/dist/types/global.d.ts +2 -2
  85. package/dist/types/util.d.ts +4 -4
  86. package/dist/types/workspace/workspace/{_tecton-production_release_1.5.x → _tecton-production_release_1.6.x}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
  87. package/package.json +2 -2
  88. package/dist/q2-tecton-elements/p-1118a9a2.entry.js +0 -1
  89. package/dist/q2-tecton-elements/p-2b775411.entry.js +0 -1
  90. package/dist/q2-tecton-elements/p-3788add3.system.entry.js +0 -1
  91. package/dist/q2-tecton-elements/p-63ec6e3d.system.entry.js +0 -1
  92. package/dist/q2-tecton-elements/p-6c2249f2.entry.js +0 -1
  93. package/dist/q2-tecton-elements/p-7e5a1320.system.entry.js +0 -1
  94. package/dist/q2-tecton-elements/p-8fa28d27.system.entry.js +0 -1
  95. package/dist/q2-tecton-elements/p-9644093a.system.entry.js +0 -1
  96. package/dist/q2-tecton-elements/p-9d45cb48.system.entry.js +0 -1
  97. package/dist/q2-tecton-elements/p-9d82b5a4.entry.js +0 -1
  98. package/dist/q2-tecton-elements/p-a0865160.system.entry.js +0 -1
  99. package/dist/q2-tecton-elements/p-aa243b6a.system.entry.js +0 -1
  100. package/dist/q2-tecton-elements/p-ba96d37c.entry.js +0 -1
  101. package/dist/q2-tecton-elements/p-cf340d13.system.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-06403810.js';
2
2
  import { c as createGuid } from './index-ff056163.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,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{display:block}.q2-optgroup-header{background-color:var(\n --tct-optgroup-header-bg,\n var(--tct-gray-l2, var(--app-gray-l2, #e6e6ee))\n );padding:var(--tct-scale-1, var(--app-scale-1, 5px))\n var(--tct-scale-2, var(--app-scale-2, 10px));font-weight:var(--tct-optgroup-header-font-weight, 600);text-transform:var(--tct-optgroup-header-text-transform, uppercase);}";
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,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{display:block}.q2-optgroup-header{background-color:var(\n --tct-optgroup-header-bg,\n var(--tct-gray-13, var(--app-gray-13, var(--tct-gray-l2, var(--app-gray-l2, #e6e6e6))))\n );padding:var(--tct-scale-1, var(--app-scale-1, 5px))\n var(--tct-scale-2, var(--app-scale-2, 10px));font-weight:var(--tct-optgroup-header-font-weight, 600);text-transform:var(--tct-optgroup-header-text-transform, uppercase);}";
4
4
  var Q2Optgroup = /** @class */ (function () {
5
5
  function Q2Optgroup(hostRef) {
6
6
  var _this = this;
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-06403810.js';
2
- 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,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{display:block}.q2-option-container{--q2-option-selected-icon-size:var(\n --tct-option-selected-icon-size,\n var(--tct-scale-3, var(--app-scale-3, 15px))\n )}.q2-option-container:not([hidden]){padding:var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.q2-option-container[aria-disabled='true']{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}.q2-option-container:not([aria-disabled='true']):hover,:host([active]) .q2-option-container,:host(:focus) .q2-option-container{background-color:var(--tct-option-active-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)));color:var(--tct-option-active-font-color, inherit)}.q2-option-selection{-ms-flex:0 0 var(--q2-option-selected-icon-size);flex:0 0 var(--q2-option-selected-icon-size);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-option-selection-icon{width:var(--q2-option-selected-icon-size);height:var(--q2-option-selected-icon-size)}.q2-option-content{-ms-flex:1 1 auto;flex:1 1 auto}:host(:not([multiline])) .q2-option-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";
2
+ 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,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{display:block}.q2-option-container{--q2-option-selected-icon-size:var(\n --tct-option-selected-icon-size,\n var(--tct-scale-3, var(--app-scale-3, 15px))\n )}.q2-option-container:not([hidden]){padding:var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.q2-option-container[aria-disabled='true']{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}.q2-option-container:not([aria-disabled='true']):hover,:host([active]) .q2-option-container,:host(:focus) .q2-option-container{background-color:var(--tct-option-active-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-option-active-font-color, inherit)}.q2-option-selection{-ms-flex:0 0 var(--q2-option-selected-icon-size);flex:0 0 var(--q2-option-selected-icon-size);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-option-selection-icon{width:var(--q2-option-selected-icon-size);height:var(--q2-option-selected-icon-size)}.q2-option-content{-ms-flex:1 1 auto;flex:1 1 auto}:host(:not([multiline])) .q2-option-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";
3
3
  var Q2Option = /** @class */ (function () {
4
4
  function Q2Option(hostRef) {
5
5
  var _this = this;
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06403810.js';
2
2
  import { c as createGuid } from './index-ff056163.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,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}q2-radio{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));display:block}q2-radio .radio-container{margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}q2-radio .radio-container svg{border-radius:50%;-webkit-transition:-webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:-webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), -webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;margin:2px var(--tct-scale-1, var(--app-scale-1, 5px)) 2px 2px}q2-radio .radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))}q2-radio .radio-container input:focus~label.radio-label svg{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-container input:checked~label.radio-label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(\n --tct-radio-checked-stroke-color,\n var(--tct-radio-stroke-color, var(--app-gray-l1, #cccccc))\n )}q2-radio input:checked+label .q2-radio-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}q2-radio .radio-container input:focus~label.radio-label circle:nth-child(1){stroke:var(\n --tct-radio-focus-stroke-color,\n var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))\n )}q2-radio .radio-container input:checked~label.radio-label circle:nth-child(2){fill:var(\n --tct-radio-checked-fill,\n var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))\n )}q2-radio .radio-tile input:disabled~label.radio-label,q2-radio .radio-container input:disabled~label.radio-label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}q2-radio .radio-container label.radio-label{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;margin-right:1rem}q2-radio .radio-tile{-ms-flex-preferred-size:100px;flex-basis:100px;-ms-flex-positive:0;flex-grow:0;-ms-flex-wrap:wrap;flex-wrap:wrap}q2-radio .radio-tile label{-ms-flex-align:center;align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--app-gray-l1, #cccccc));cursor:pointer;display:block;padding:1rem;position:relative;text-align:center;-webkit-transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}q2-radio .radio-tile input:focus+label{border-color:#0079c1;-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));-webkit-box-shadow:inset 0 0 0 2px #ffffff;box-shadow:inset 0 0 0 2px #ffffff}q2-radio .radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:'';height:0;left:50%;margin-left:-5px;position:absolute;width:0}";
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,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}q2-radio{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));display:block}q2-radio .radio-container{margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}q2-radio .radio-container svg{border-radius:50%;-webkit-transition:-webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:-webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), -webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;margin:2px var(--tct-scale-1, var(--app-scale-1, 5px)) 2px 2px}q2-radio .radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}q2-radio .radio-container input:focus~label.radio-label svg{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-container input:checked~label.radio-label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(\n --tct-radio-checked-stroke-color,\n var(--tct-radio-stroke-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))\n )}q2-radio input:checked+label .q2-radio-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}q2-radio .radio-container input:focus~label.radio-label circle:nth-child(1){stroke:var(\n --tct-radio-focus-stroke-color,\n var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))\n )}q2-radio .radio-container input:checked~label.radio-label circle:nth-child(2){fill:var(\n --tct-radio-checked-fill,\n var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))\n )}q2-radio .radio-tile input:disabled~label.radio-label,q2-radio .radio-container input:disabled~label.radio-label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}q2-radio .radio-container label.radio-label{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;margin-right:1rem}q2-radio .radio-tile{-ms-flex-preferred-size:100px;flex-basis:100px;-ms-flex-positive:0;flex-grow:0;-ms-flex-wrap:wrap;flex-wrap:wrap}q2-radio .radio-tile label{-ms-flex-align:center;align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:1rem;position:relative;text-align:center;-webkit-transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}q2-radio .radio-tile input:focus+label{border-color:#0079c1;-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));-webkit-box-shadow:inset 0 0 0 2px #ffffff;box-shadow:inset 0 0 0 2px #ffffff}q2-radio .radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:'';height:0;left:50%;margin-left:-5px;position:absolute;width:0}";
4
4
  var Q2Radio = /** @class */ (function () {
5
5
  function Q2Radio(hostRef) {
6
6
  var _this = this;
@@ -347,7 +347,7 @@ var smoothscroll = createCommonjsModule(function (module, exports) {
347
347
  }
348
348
  }());
349
349
  });
350
- 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,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-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tab-list{padding:0;display:-ms-flexbox;display:flex;margin:0;list-style:none;border-bottom:1px solid\n var(--tct-tab-container-border-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)));white-space:nowrap;overflow-x:hidden;-ms-flex-align:center;align-items:center}.tab-list li.nav{position:absolute;height:44px;width:46px}.tab-list li.nav-left{left:-15px;background:-webkit-gradient(linear, left top, right top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav-right{right:-15px;background:-webkit-gradient(linear, right top, left top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav .arrow-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:inherit;width:inherit;cursor:pointer}.tab-list li.nav .arrow-container a{padding:0;margin:0;height:inherit;width:inherit;border-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tab-list li.nav .arrow-container a q2-icon{width:19px;height:19px}.tab-list a{width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));text-align:center;text-decoration:none;padding:var(--tct-scale-2, var(--app-scale-2, 10px));margin:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))\n 0;color:var(--tct-tab-inactive-color, var(--t-tab-inactive, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));border-bottom:3px solid transparent;display:block;-webkit-transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='section']) .tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}@media screen and (max-width: 767px){.tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}}.tab-list a:hover{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}.tab-list a[aria-selected='true']{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));border-color:currentColor;width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color='alt']) .tab-list a{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive, inherit))}:host([color='alt']) .tab-list a:hover,:host([color='alt']) .tab-list a[aria-selected='true']{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active, inherit))}.tab-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0}";
350
+ 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,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-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tab-list{padding:0;display:-ms-flexbox;display:flex;margin:0;list-style:none;border-bottom:1px solid\n var(--tct-tab-container-border-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));white-space:nowrap;overflow-x:hidden;-ms-flex-align:center;align-items:center}.tab-list li.nav{position:absolute;height:44px;width:46px}.tab-list li.nav-left{left:-15px;background:-webkit-gradient(linear, left top, right top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav-right{right:-15px;background:-webkit-gradient(linear, right top, left top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav .arrow-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:inherit;width:inherit;cursor:pointer}.tab-list li.nav .arrow-container a{padding:0;margin:0;height:inherit;width:inherit;border-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tab-list li.nav .arrow-container a q2-icon{width:19px;height:19px}.tab-list a{width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));text-align:center;text-decoration:none;padding:var(--tct-scale-2, var(--app-scale-2, 10px));margin:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))\n 0;color:var(--tct-tab-inactive-color, var(--t-tab-inactive, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));border-bottom:3px solid transparent;display:block;-webkit-transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='section']) .tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}@media screen and (max-width: 767px){.tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}}.tab-list a:hover{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}.tab-list a[aria-selected='true']{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));border-color:currentColor;width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color='alt']) .tab-list a{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive, inherit))}:host([color='alt']) .tab-list a:hover,:host([color='alt']) .tab-list a[aria-selected='true']{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active, inherit))}.tab-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0}";
351
351
  // enable scroll animation polyfill only on safari
352
352
  var userAgent = navigator.userAgent.toLowerCase();
353
353
  var isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
@@ -1 +1 @@
1
- import{r as o,h as t,g as i}from"./p-b5ebb4cb.js";const e=class{constructor(t){o(this,t),this._multiSelectHidden=!1,this.onOptionClick=o=>{o.stopImmediatePropagation(),!this.disabled&&!this.disabledGroup&&this.hostElement.dispatchEvent(new MouseEvent("click",{bubbles:!0}))}}render(){return t("div",{role:"option","aria-selected":""+this.selected,"aria-disabled":""+(this.disabledGroup||this.disabled||!1),id:this.optionId,hidden:this._multiSelectHidden||this.hidden||!1,class:"q2-option-container",tabindex:"0",onClick:this.onOptionClick},t("div",{class:"q2-option-selection"},this.selected?t("q2-icon",{type:"checkmark",class:"q2-option-selection-icon"}):""),t("div",{class:"q2-option-content"},t("slot",null)))}get hostElement(){return i(this)}};e.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,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{display:block}.q2-option-container{--q2-option-selected-icon-size:var(\n --tct-option-selected-icon-size,\n var(--tct-scale-3, var(--app-scale-3, 15px))\n )}.q2-option-container:not([hidden]){padding:var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.q2-option-container[aria-disabled='true']{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}.q2-option-container:not([aria-disabled='true']):hover,:host([active]) .q2-option-container,:host(:focus) .q2-option-container{background-color:var(--tct-option-active-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)));color:var(--tct-option-active-font-color, inherit)}.q2-option-selection{-ms-flex:0 0 var(--q2-option-selected-icon-size);flex:0 0 var(--q2-option-selected-icon-size);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-option-selection-icon{width:var(--q2-option-selected-icon-size);height:var(--q2-option-selected-icon-size)}.q2-option-content{-ms-flex:1 1 auto;flex:1 1 auto}:host(:not([multiline])) .q2-option-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";export{e as q2_option}
1
+ import{r as o,h as t,g as i}from"./p-b5ebb4cb.js";const e=class{constructor(t){o(this,t),this._multiSelectHidden=!1,this.onOptionClick=o=>{o.stopImmediatePropagation(),!this.disabled&&!this.disabledGroup&&this.hostElement.dispatchEvent(new MouseEvent("click",{bubbles:!0}))}}render(){return t("div",{role:"option","aria-selected":""+this.selected,"aria-disabled":""+(this.disabledGroup||this.disabled||!1),id:this.optionId,hidden:this._multiSelectHidden||this.hidden||!1,class:"q2-option-container",tabindex:"0",onClick:this.onOptionClick},t("div",{class:"q2-option-selection"},this.selected?t("q2-icon",{type:"checkmark",class:"q2-option-selection-icon"}):""),t("div",{class:"q2-option-content"},t("slot",null)))}get hostElement(){return i(this)}};e.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,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{display:block}.q2-option-container{--q2-option-selected-icon-size:var(\n --tct-option-selected-icon-size,\n var(--tct-scale-3, var(--app-scale-3, 15px))\n )}.q2-option-container:not([hidden]){padding:var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.q2-option-container[aria-disabled='true']{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}.q2-option-container:not([aria-disabled='true']):hover,:host([active]) .q2-option-container,:host(:focus) .q2-option-container{background-color:var(--tct-option-active-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-option-active-font-color, inherit)}.q2-option-selection{-ms-flex:0 0 var(--q2-option-selected-icon-size);flex:0 0 var(--q2-option-selected-icon-size);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-option-selection-icon{width:var(--q2-option-selected-icon-size);height:var(--q2-option-selected-icon-size)}.q2-option-content{-ms-flex:1 1 auto;flex:1 1 auto}:host(:not([multiline])) .q2-option-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";export{e as q2_option}
@@ -1 +1 @@
1
- import{r as t,h as o,g as e}from"./p-b5ebb4cb.js";const i=class{constructor(o){t(this,o),this.onItemClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"select",value:this.value||""},bubbles:!0}))},this.onItemKeydown=t=>{["ArrowRight","Right"].includes(t.key)&&this.focusRemoveBtn()},this.onItemFocus=t=>{t.stopPropagation()},this.onRemoveBtnClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"remove",value:this.value||""},bubbles:!0}))},this.onRemoveBtnKeydown=t=>{["ArrowLeft","Left"].includes(t.key)&&this.focusItem()},this.onRemoveBtnFocus=t=>{t.stopPropagation()}}loc(t,o){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,o):t}get removeAriaLabel(){return this.loc("tecton.element.dropdownItem.remove",[this.label||""])}get dropdownItemBtn(){return this.hostElement.shadowRoot.querySelector(".dropdown-item")}get innerAriaLabel(){return this.ariaLabel||this.label||this.hostElement.textContent}get removeBtn(){return this.hostElement.shadowRoot.querySelector(".remove-dropdown-item")}onHostElementFocus(){event.target===this.hostElement&&this.focusItem()}focusItem(){this.dropdownItemBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}focusRemoveBtn(){this.removeBtn&&this.removeBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}render(){return this.separator?this.separatorDOM():this.itemDOM()}separatorDOM(){return o("div",{class:"dropdown-separator",role:"separator","test-id":"dropdownItemSeparator"})}itemDOM(){return o("div",{class:"dropdown-item-wrapper"},o("q2-btn",{class:"dropdown-item",ariaLabel:this.innerAriaLabel,disabled:!!this.disabled,role:"menuitem",onClick:this.onItemClick,onKeyDown:this.onItemKeydown,onFocus:this.onItemFocus,"test-id":"dropdownItem"},o("div",{class:"dropdown-item-content"},o("slot",null))),this.removable?o("q2-btn",{class:"remove-dropdown-item",ariaLabel:this.removeAriaLabel,disabled:!!this.disabled,role:"menuitem",icon:!0,onClick:this.onRemoveBtnClick,onKeyDown:this.onRemoveBtnKeydown,onFocus:this.onRemoveBtnFocus,"test-id":"removeDropdownItem"},o("q2-icon",{type:"close"})):"")}get hostElement(){return e(this)}};i.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,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}.dropdown-separator{margin:0 var(--tct-scale-1, var(--app-scale-1, 5px));border-bottom:1px solid\n var(--tct-dropdown-item-separator-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))}.dropdown-item-wrapper{display:-ms-flexbox;display:flex}.dropdown-item{min-height:44px;-ms-flex:1 1 100%;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, 2px)}.dropdown-item-content{padding:12px var(--tct-scale-3, var(--app-scale-3, 15px));text-align:left;background-color:var(--tct-dropdown-item-bg, var(--tct-white, var(--app-white, #ffffff)));color:var(--tct-dropdown-item-font-color, inherit);-webkit-transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(\n --tct-dropdown-item-selected-bg,\n var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))\n );color:var(--tct-dropdown-item-selected-font-color, inherit)}.remove-dropdown-item{-ms-flex:0 0 44px;flex:0 0 44px;margin:2px}";export{i as q2_dropdown_item}
1
+ import{r as t,h as o,g as e}from"./p-b5ebb4cb.js";const r=class{constructor(o){t(this,o),this.onItemClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"select",value:this.value||""},bubbles:!0}))},this.onItemKeydown=t=>{["ArrowRight","Right"].includes(t.key)&&this.focusRemoveBtn()},this.onItemFocus=t=>{t.stopPropagation()},this.onRemoveBtnClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"remove",value:this.value||""},bubbles:!0}))},this.onRemoveBtnKeydown=t=>{["ArrowLeft","Left"].includes(t.key)&&this.focusItem()},this.onRemoveBtnFocus=t=>{t.stopPropagation()}}loc(t,o){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,o):t}get removeAriaLabel(){return this.loc("tecton.element.dropdownItem.remove",[this.label||""])}get dropdownItemBtn(){return this.hostElement.shadowRoot.querySelector(".dropdown-item")}get innerAriaLabel(){return this.ariaLabel||this.label||this.hostElement.textContent}get removeBtn(){return this.hostElement.shadowRoot.querySelector(".remove-dropdown-item")}onHostElementFocus(){event.target===this.hostElement&&this.focusItem()}focusItem(){this.dropdownItemBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}focusRemoveBtn(){this.removeBtn&&this.removeBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}render(){return this.separator?this.separatorDOM():this.itemDOM()}separatorDOM(){return o("div",{class:"dropdown-separator",role:"separator","test-id":"dropdownItemSeparator"})}itemDOM(){return o("div",{class:"dropdown-item-wrapper"},o("q2-btn",{class:"dropdown-item",ariaLabel:this.innerAriaLabel,disabled:!!this.disabled,role:"menuitem",onClick:this.onItemClick,onKeyDown:this.onItemKeydown,onFocus:this.onItemFocus,"test-id":"dropdownItem"},o("div",{class:"dropdown-item-content"},o("slot",null))),this.removable?o("q2-btn",{class:"remove-dropdown-item",ariaLabel:this.removeAriaLabel,disabled:!!this.disabled,role:"menuitem",icon:!0,onClick:this.onRemoveBtnClick,onKeyDown:this.onRemoveBtnKeydown,onFocus:this.onRemoveBtnFocus,"test-id":"removeDropdownItem"},o("q2-icon",{type:"close"})):"")}get hostElement(){return e(this)}};r.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,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}.dropdown-separator{margin:0 var(--tct-scale-1, var(--app-scale-1, 5px));border-bottom:1px solid\n var(--tct-dropdown-item-separator-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}.dropdown-item-wrapper{display:-ms-flexbox;display:flex}.dropdown-item{min-height:44px;-ms-flex:1 1 100%;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, 2px)}.dropdown-item-content{padding:12px var(--tct-scale-3, var(--app-scale-3, 15px));text-align:left;background-color:var(--tct-dropdown-item-bg, var(--tct-white, var(--app-white, #ffffff)));color:var(--tct-dropdown-item-font-color, inherit);-webkit-transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(\n --tct-dropdown-item-selected-bg,\n var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n );color:var(--tct-dropdown-item-selected-font-color, inherit)}.remove-dropdown-item{-ms-flex:0 0 44px;flex:0 0 44px;margin:2px}";export{r as q2_dropdown_item}
@@ -0,0 +1 @@
1
+ import{r as e,c as t,h as o,g as c}from"./p-b5ebb4cb.js";import{c as r}from"./p-1d4bf5ef.js";const a=class{constructor(o){e(this,o),this.change=t(this,"change",7),this.checked=!1,this.id="checkbox-"+r(),this.onInputChange=e=>{e.stopPropagation(),this.change.emit({value:e.target.value,checked:e.target.checked})}}loc(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e}get computedAriaLabel(){return!this.label&&this.ariaLabel&&this.loc(this.ariaLabel)||void 0}defaultChangeHandler(e){e.target===this.hostElement&&!this.hostElement.onchange&&e.detail&&(this.checked=e.detail.checked)}render(){return o("div",{class:"checkbox-container"},o("input",{id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.computedAriaLabel,onChange:this.onInputChange,"test-id":"q2CheckboxInnerCheckBox"}),o("label",{htmlFor:this.id,"test-id":"checkboxButton"},this.generateCheckboxSVG(),o("div",{class:"q2-checkbox-label-content"},this.label&&this.loc(this.label)||"",o("slot",null))))}generateCheckboxSVG(){return"favorite"===this.type?o("q2-icon",{type:"star",class:"checkbox-icon"}):"toggle"===this.type?this.generateToggleSVG():o("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},o("rect",{fill:"none",x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?o("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):o("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){return o("div",{class:"toggle-svg"},o("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},o("rect",{width:"36",height:"14",rx:"7",x:"5"})),o("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},o("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),o("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),o("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),o("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))}get hostElement(){return c(this)}};a.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,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{display:block;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;--q2-checkbox-outer-stroke-color:var(\n --tct-checkbox-outer-stroke-color,\n var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n );--q2-checkbox-outer-fill-color:var(\n --tct-checkbox-outer-fill-color,\n var(--tct-white, var(--app-white, #ffffff))\n );--q2-checkbox-favorite-fill:var(\n --tct-checkbox-favorite-fill-color,\n var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n );--q2-checkbox-checked-color:var(\n --tct-checkbox-check-stroke-color,\n var(--t-checkbox-fill, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))\n )}input:disabled+label{opacity:var(\n --tct-checkbox-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(\n --tct-checkbox-outer-border-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );stroke:var(--q2-checkbox-outer-stroke-color);color:var(--q2-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--q2-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--q2-checkbox-outer-fill-color);-ms-flex-negative:0;flex-shrink:0}input:focus+label .checkbox-icon{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--q2-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--q2-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--q2-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--q2-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);-ms-flex:1 1 auto;flex:1 1 auto;width:calc(\n 100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px))\n )}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type='favorite']) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 2.5);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);-webkit-transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease));transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type='favorite']) input:focus+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill)}:host([type='favorite']) input:checked+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--t-icon-stroke-primary:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill);fill:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-width:1;-webkit-transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([alignment='right']) label,:host([type='toggle']:not([alignment='left'])) label{-ms-flex-flow:row-reverse;flex-flow:row-reverse}.checkbox-icon,:host([type='toggle'][alignment='left']) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment='right']) .checkbox-icon,.toggle-svg{margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type='toggle']) .toggle-svg{height:30px;width:46px;position:relative}:host([type='toggle']) .toggle-track,:host([type='toggle']) .toggle-indicator{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([type='toggle']) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));height:14px;width:46px}:host([type='toggle']) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));opacity:0.5}:host([type='toggle']) .toggle-indicator{-webkit-transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type='toggle']) input:checked+label .toggle-indicator{left:21px}:host([type='toggle']) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color))}:host([type='toggle']) input:checked+label .off,:host([type='toggle']) input:not(:checked)+label .on{opacity:0}:host([type='toggle']) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type='toggle']) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));-webkit-transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='toggle']) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";export{a as q2_checkbox}
@@ -1 +1 @@
1
- System.register(["./p-2b69fdec.system.js"],(function(e){"use strict";var o,t,n;return{setters:[function(e){o=e.r;t=e.h;n=e.g}],execute:function(){var r="*{-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,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}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white);color:var(--t-font-color);left:0;width:100%;z-index:100;margin-top:1px;-webkit-box-shadow:var(--app-shadow-1);box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity var(--app-tween-1);transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible;margin-bottom:var(--app-scale-2)}:host([alignment='right']) .q2-element-dropdown{left:auto;right:0}:host{display:-ms-inline-flexbox;display:inline-flex}.dropdown-container{position:relative;display:block}.dropdown-button-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.dropdown-button.unstyled .dropdown-button-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}.dropdown-button:not([icon]) q2-icon{margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-element-dropdown{width:var(--tct-user-dropdown-width, 175px)}.q2-element-dropdown.dropup{bottom:40px}";var i=e("q2_dropdown",function(){function e(e){var t=this;o(this,e);this.type="icon";this.dropdownOpen=false;this.scheduledAfterRender=[];this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])";this.focusToggle=function(){var e=t.hostElement.shadowRoot.querySelector(".dropdown-button");e&&e.dispatchEvent(new FocusEvent("focus"))};this.calculatePopDirection=function(){var e=t.hostElement.shadowRoot.querySelector(".q2-element-dropdown");e.classList.add("sizable");var o=e.getBoundingClientRect().height;e.classList.remove("sizable");var n=t.hostElement.shadowRoot.querySelector(".dropdown-button");var r=n.getBoundingClientRect(),i=r.top,s=r.height;var a=window.innerHeight-i-s;return a<o?"up":"down"};this.openDropdown=function(){t.privatePopDirection=t.popDirection||t.calculatePopDirection();if(!t.dropdownOpen){t.dropdownOpen=true;t.scheduledAfterRender.push(t.resizeIframe)}};this.closeDropdown=function(){if(t.dropdownOpen){t.dropdownOpen=false;t.scheduledAfterRender.push((function(){t.resizeIframe()}))}};this.onClickElsewhere=function(e){var o=e.target;if(o.localName==="click-elsewhere"){e.stopPropagation();t.closeDropdown()}};this.onToggleClick=function(){if(t.dropdownOpen){t.focusToggle();t.closeDropdown();return}t.focusToggle();t.openDropdown()};this.onToggleKeydown=function(e){if(["ArrowUp","Up"].includes(e.key)){e.preventDefault();t.openDropdown();t.focusLastItem();return}if(["ArrowDown","Down"].includes(e.key)){e.preventDefault();t.openDropdown();t.focusFirstItem();return}if(["Escape","Esc"].includes(e.key)){e.preventDefault();t.focusToggle();t.closeDropdown();return}};this.onDropdownMenuClick=function(e){if(e.target.localName!=="q2-dropdown-item"){return}var o=e.target;if(!o.disabled&&!o.separator){t.focusToggle();t.closeDropdown()}};this.onDropdownMenuKeydown=function(e){if(["Escape","Esc"].includes(e.key)){t.closeDropdown();t.focusToggle();return}if(e.target.localName!=="q2-dropdown-item"){return}var o=e.target;if(["ArrowUp","Up"].includes(e.key)){e.preventDefault();t.focusAdjacentItem(o,"prev");return}if(["ArrowDown","Down"].includes(e.key)){e.preventDefault();t.focusAdjacentItem(o,"next");return}}}e.prototype.loc=function(e,o){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,o):e};e.prototype.resizeIframe=function(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()};e.prototype.resolveMenu=function(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue)};e.prototype.orchestrateResolvedMenuItems=function(){var e=this;if(!this.name||!this.context){this.removeResolvedElements();return}this.resolveMenuItemElements().then((function(o){e.removeResolvedElements();o.forEach((function(o){e.hostElement.appendChild(o)}))})).catch((function(o){e.removeResolvedElements();throw o}))};e.prototype.removeResolvedElements=function(){var e=this;var o=this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item");o.forEach((function(o){return e.hostElement.removeChild(o)}))};e.prototype.resolveMenuItemElements=function(){var e=this;return this.resolveMenu().then((function(o){return o.map((function(o){var t;switch(o.action){case"navigateTo":t=function(){return e.navigateTo(o.featureName,o.moduleName)};break;case"showOverpanel":t=function(){return e.navigateToOverpanel(o.featureName,o.moduleName)};break}var n=document.createElement("q2-dropdown-item");n.setAttribute("value",o.itemLabel);n.classList.add("resolved-menu-item");n.innerHTML=o.itemLabel;n.onclick=t;return n}))}))};e.prototype.navigateTo=function(e,o){return window.TectonElements&&window.TectonElements.navigateTo(e,o)};e.prototype.navigateToOverpanel=function(e,o){return window.TectonElements&&window.TectonElements.navigateToOverpanel(e,o)};Object.defineProperty(e.prototype,"toggleButtonProps",{get:function(){var e=["icon","fab","primary","secondary","custom"];var o=e.includes(this.type)?this.type:"";var t=o==="icon";var n=o==="fab";var r=o==="custom";var i=["primary","secondary"].includes(o)?o:undefined;var s=this.dropdownOpen;var a=!!this.disabled;var d=this.dropdownOpen;var l=!this.label&&this.ariaLabel?this.loc(this.ariaLabel):undefined;var c="dropdown-button"+(!t&&!n&&!i?" unstyled":"");return{icon:t,fab:n,color:i,active:s,disabled:a,ariaExpanded:d,ariaLabel:l,className:c,custom:r}},enumerable:false,configurable:true});e.prototype.nameHandler=function(){this.orchestrateResolvedMenuItems()};e.prototype.contextHandler=function(){this.orchestrateResolvedMenuItems()};e.prototype.contextValueHandler=function(){this.orchestrateResolvedMenuItems()};e.prototype.componentDidLoad=function(){this.orchestrateResolvedMenuItems()};e.prototype.componentDidRender=function(){var e=this;setTimeout((function(){e.scheduledAfterRender.forEach((function(e){return e()}));e.scheduledAfterRender=[]}),25)};e.prototype.focusFirstItem=function(){var e=this.hostElement.querySelector(this.dropdownItemSelector+":first-child");e&&e.dispatchEvent(new FocusEvent("focus"))};e.prototype.focusLastItem=function(){var e=this.hostElement.querySelector(this.dropdownItemSelector+":last-child");e&&e.dispatchEvent(new FocusEvent("focus"))};e.prototype.focusAdjacentItem=function(e,o){var t=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector));var n=t.indexOf(e);if(n===-1){return}var r=0;if(o==="next"){if(n<t.length-1){r=n+1}else{r=0}}else if(o==="prev"){if(n>0){r=n-1}else{r=t.length-1}}var i=t[r];i&&i.dispatchEvent(new Event("focus"))};e.prototype.render=function(){var e=this.toggleButtonProps;return t("click-elsewhere",{class:"dropdown-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},t("q2-btn",{class:e.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,icon:e.icon,fab:e.fab,color:e.color,active:e.active,disabled:e.disabled,ariaExpanded:e.ariaExpanded,ariaLabel:e.ariaLabel,ariaHasPopup:"menu","test-id":"dropdownButton"},t("div",{class:"dropdown-button-content"},this.icon?t("q2-icon",{type:this.icon}):" ",this.label&&t("span",{class:"dropdown-button-text"},this.loc(this.label))),t("div",{"test-id":"dropdownCustom",class:e.custom?"":"hidden"},t("slot",{name:"custom-dropdown-button"}))),t("div",{class:"q2-element-dropdown "+(this.privatePopDirection==="up"?"dropup":""),role:"menu",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},t("div",null,t("slot",null),this.dropdownOpen&&t("q2-btn",{class:"sr close-dropdown",onFocus:this.closeDropdown}))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"]}},enumerable:false,configurable:true});return e}());i.style=r}}}));
1
+ System.register(["./p-2b69fdec.system.js"],(function(e){"use strict";var o,t,n;return{setters:[function(e){o=e.r;t=e.h;n=e.g}],execute:function(){var r="*{-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,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}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white);color:var(--t-font-color);left:0;width:100%;z-index:100;margin-top:1px;-webkit-box-shadow:var(--app-shadow-1);box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity var(--app-tween-1);transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible;margin-bottom:var(--app-scale-2)}:host([alignment='right']) .q2-element-dropdown{left:auto;right:0}:host{display:-ms-inline-flexbox;display:inline-flex}.dropdown-container{position:relative;display:block}.dropdown-button-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.dropdown-button.unstyled .dropdown-button-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}.dropdown-button:not([icon]) q2-icon{margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-element-dropdown{width:var(--tct-user-dropdown-width, 175px)}.q2-element-dropdown.dropup{bottom:40px}";var i=e("q2_dropdown",function(){function e(e){var t=this;o(this,e);this.type="icon";this.dropdownOpen=false;this.scheduledAfterRender=[];this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])";this.focusToggle=function(){var e=t.hostElement.shadowRoot.querySelector(".dropdown-button");e&&e.dispatchEvent(new FocusEvent("focus"))};this.calculatePopDirection=function(){var e=t.hostElement.shadowRoot.querySelector(".q2-element-dropdown");e.classList.add("sizable");var o=e.getBoundingClientRect().height;e.classList.remove("sizable");var n=t.hostElement.shadowRoot.querySelector(".dropdown-button");var r=n.getBoundingClientRect(),i=r.top,s=r.height;var a=window.innerHeight-i-s;return a<o?"up":"down"};this.openDropdown=function(){t.privatePopDirection=t.popDirection||t.calculatePopDirection();if(!t.dropdownOpen){t.dropdownOpen=true;t.scheduledAfterRender.push(t.resizeIframe)}};this.closeDropdown=function(){if(t.dropdownOpen){t.dropdownOpen=false;t.scheduledAfterRender.push((function(){t.resizeIframe()}))}};this.onClickElsewhere=function(e){var o=e.target;if(o.localName==="click-elsewhere"){e.stopPropagation();t.closeDropdown()}};this.onToggleClick=function(){if(t.dropdownOpen){t.focusToggle();t.closeDropdown();return}t.focusToggle();t.openDropdown()};this.onToggleKeydown=function(e){if(["ArrowUp","Up"].includes(e.key)){e.preventDefault();t.openDropdown();t.focusLastItem();return}if(["ArrowDown","Down"].includes(e.key)){e.preventDefault();t.openDropdown();t.focusFirstItem();return}if(["Escape","Esc"].includes(e.key)){e.preventDefault();t.focusToggle();t.closeDropdown();return}};this.onDropdownMenuClick=function(e){if(e.target.localName!=="q2-dropdown-item"){return}var o=e.target;if(!o.disabled&&!o.separator){t.focusToggle();t.closeDropdown()}};this.onDropdownMenuKeydown=function(e){if(["Escape","Esc"].includes(e.key)){t.closeDropdown();t.focusToggle();return}if(e.target.localName!=="q2-dropdown-item"){return}var o=e.target;if(["ArrowUp","Up"].includes(e.key)){e.preventDefault();t.focusAdjacentItem(o,"prev");return}if(["ArrowDown","Down"].includes(e.key)){e.preventDefault();t.focusAdjacentItem(o,"next");return}}}e.prototype.loc=function(e,o){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,o):e};e.prototype.resizeIframe=function(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()};e.prototype.resolveMenu=function(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue)};e.prototype.orchestrateResolvedMenuItems=function(){var e=this;if(!this.name||!this.context){this.removeResolvedElements();return}this.resolveMenuItemElements().then((function(o){e.removeResolvedElements();o.forEach((function(o){e.hostElement.appendChild(o)}))})).catch((function(o){e.removeResolvedElements();throw o}))};e.prototype.removeResolvedElements=function(){var e=this;var o=this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item");o.forEach((function(o){return e.hostElement.removeChild(o)}))};e.prototype.resolveMenuItemElements=function(){var e=this;return this.resolveMenu().then((function(o){return o.map((function(o){var t;switch(o.action){case"navigateTo":t=function(){return e.navigateTo(o.featureName,o.moduleName)};break;case"showOverpanel":t=function(){return e.showOverpanel(o.featureName+"."+o.moduleName)};break}var n=document.createElement("q2-dropdown-item");n.setAttribute("value",o.itemLabel);n.classList.add("resolved-menu-item");n.innerHTML=o.itemLabel;n.onclick=t;return n}))}))};e.prototype.navigateTo=function(e,o){return window.TectonElements&&window.TectonElements.navigateTo(e,o)};e.prototype.showOverpanel=function(e){return window.TectonElements&&window.TectonElements.showOverpanel(e,undefined,undefined,true)};Object.defineProperty(e.prototype,"toggleButtonProps",{get:function(){var e=["icon","fab","primary","secondary","custom"];var o=e.includes(this.type)?this.type:"";var t=o==="icon";var n=o==="fab";var r=o==="custom";var i=["primary","secondary"].includes(o)?o:undefined;var s=this.dropdownOpen;var a=!!this.disabled;var d=this.dropdownOpen;var l=!this.label&&this.ariaLabel?this.loc(this.ariaLabel):undefined;var c="dropdown-button"+(!t&&!n&&!i?" unstyled":"");return{icon:t,fab:n,color:i,active:s,disabled:a,ariaExpanded:d,ariaLabel:l,className:c,custom:r}},enumerable:false,configurable:true});e.prototype.nameHandler=function(){this.orchestrateResolvedMenuItems()};e.prototype.contextHandler=function(){this.orchestrateResolvedMenuItems()};e.prototype.contextValueHandler=function(){this.orchestrateResolvedMenuItems()};e.prototype.componentDidLoad=function(){this.orchestrateResolvedMenuItems()};e.prototype.componentDidRender=function(){var e=this;setTimeout((function(){e.scheduledAfterRender.forEach((function(e){return e()}));e.scheduledAfterRender=[]}),25)};e.prototype.focusFirstItem=function(){var e=this.hostElement.querySelector(this.dropdownItemSelector+":first-child");e&&e.dispatchEvent(new FocusEvent("focus"))};e.prototype.focusLastItem=function(){var e=this.hostElement.querySelector(this.dropdownItemSelector+":last-child");e&&e.dispatchEvent(new FocusEvent("focus"))};e.prototype.focusAdjacentItem=function(e,o){var t=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector));var n=t.indexOf(e);if(n===-1){return}var r=0;if(o==="next"){if(n<t.length-1){r=n+1}else{r=0}}else if(o==="prev"){if(n>0){r=n-1}else{r=t.length-1}}var i=t[r];i&&i.dispatchEvent(new Event("focus"))};e.prototype.render=function(){var e=this.toggleButtonProps;return t("click-elsewhere",{class:"dropdown-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},t("q2-btn",{class:e.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,icon:e.icon,fab:e.fab,color:e.color,active:e.active,disabled:e.disabled,ariaExpanded:e.ariaExpanded,ariaLabel:e.ariaLabel,ariaHasPopup:"menu","test-id":"dropdownButton"},t("div",{class:"dropdown-button-content"},this.icon?t("q2-icon",{type:this.icon}):" ",this.label&&t("span",{class:"dropdown-button-text"},this.loc(this.label))),t("div",{"test-id":"dropdownCustom",class:e.custom?"":"hidden"},t("slot",{name:"custom-dropdown-button"}))),t("div",{class:"q2-element-dropdown "+(this.privatePopDirection==="up"?"dropup":""),role:"menu",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},t("div",null,t("slot",null),this.dropdownOpen&&t("q2-btn",{class:"sr close-dropdown",onFocus:this.closeDropdown}))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"]}},enumerable:false,configurable:true});return e}());i.style=r}}}));
@@ -0,0 +1 @@
1
+ import{r as t,h as r,g as o}from"./p-b5ebb4cb.js";const a=class{constructor(r){t(this,r)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.hostElement.shadowRoot.querySelector("button").focus()}render(){const{ariaExpanded:t,ariaHasPopup:o,ariaLabel:a,ariaSelected:n,disabled:e,type:b,tabindex:c}=this.buttonAttributes;return r("button",{"aria-expanded":t,"aria-haspopup":o,"aria-label":a,"aria-selected":n,disabled:e,type:b,tabindex:c,"test-id":"q2BtnInnerButton"},r("div",null,r("slot",null)))}loc(t,r){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,r):t}get buttonAttributes(){return{ariaExpanded:void 0!==this.ariaExpanded?""+!!this.ariaExpanded:void 0,ariaHasPopup:this.ariaHasPopup?""+this.ariaHasPopup:void 0,ariaLabel:this.ariaLabel?this.loc(this.ariaLabel):void 0,ariaSelected:this.ariaSelected?""+this.ariaSelected:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return o(this)}};a.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,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{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}button{--q2-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2E2E2E));--q2-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, var(--tct-white, var(--app-white,#FFFFFF))));--q2-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #CCCCCC));--q2-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--q2-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--q2-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24));--q2-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36));margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;-webkit-box-shadow:none;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;-webkit-transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size="4"]) button{padding:var(--tct-scale-4, var(--app-scale-4, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color="primary"]) button,:host([intent="workflow-primary"]) button{background:var(--q2-btn-primary-bg);color:var(--q2-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-primary-box-shadow);box-shadow:var(--q2-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color="primary"]) button:enabled:hover,:host([color="primary"]) button:enabled:focus,:host([color="primary"]) button:enabled:active,:host([intent="workflow-primary"]) button:enabled:hover,:host([intent="workflow-primary"]) button:enabled:focus,:host([intent="workflow-primary"]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white,#FFFFFF))));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color="primary"]) button:hover:enabled,:host([color="primary"]) button:active:enabled,:host([intent="workflow-primary"]) button:hover:enabled,:host([intent="workflow-primary"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--q2-btn-primary-hover-box-shadow)}:host([color="primary"]) button:focus,:host([intent="workflow-primary"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow)}:host([color="primary"]) button:disabled,:host([intent="workflow-primary"]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--q2-btn-primary-font-color));-webkit-box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow))}:host([color="secondary"]) button,:host([intent="workflow-secondary"]) button{background:var(--q2-btn-secondary-bg);color:var(--q2-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-button-secondary-font-color, var(--tct-white, var(--app-white, #FFFFFF)))));border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color="secondary"]) button:enabled:hover,:host([color="secondary"]) button:enabled:focus,:host([color="secondary"]) button:enabled:active,:host([intent="workflow-secondary"]) button:enabled:hover,:host([intent="workflow-secondary"]) button:enabled:focus,:host([intent="workflow-secondary"]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color="secondary"]) button:hover:enabled,:host([color="secondary"]) button:active:enabled,:host([intent="workflow-secondary"]) button:hover:enabled,:host([intent="workflow-secondary"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)));box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)))}:host([color="secondary"]) button:focus,:host([intent="workflow-secondary"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow)}:host([color="secondary"]) button:disabled,:host([intent="workflow-secondary"]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--q2-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--q2-btn-secondary-font-color));-webkit-box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow))}:host([intent="neutral"]) button{background:var(--q2-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));color:var(--q2-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-gray-1, var(--app-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent="neutral"]) button:enabled:hover,:host([intent="neutral"]) button:enabled:focus,:host([intent="neutral"]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent="neutral"]) button:hover:enabled,:host([intent="neutral"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)));box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)))}:host([intent="neutral"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow)}:host([intent="neutral"]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--q2-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--q2-btn-neutral-font-color));-webkit-box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow))}:host([icon]) button{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);color:var(--tct-btn-icon-color, inherit);border-radius:var(--tct-btn-icon-border-radius, 0)}:host([icon]) button:hover,:host([icon]) button:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))))}:host([icon][active]) button{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, ar(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2))))))}:host([icon]) button:hover *,:host([icon]) button:focus *,:host([icon][active]) button *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color,#080808)))}:host([icon]) button div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))));color:var(--tct-btn-badge-hover-font-color, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--q2-btn-primary-font-color))}';export{a as q2_btn}
@@ -0,0 +1 @@
1
+ System.register(["./p-2b69fdec.system.js"],(function(t){"use strict";var r,o,a;return{setters:[function(t){r=t.r;o=t.h;a=t.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,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{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}button{--q2-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2E2E2E));--q2-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, var(--tct-white, var(--app-white,#FFFFFF))));--q2-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #CCCCCC));--q2-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--q2-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--q2-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24));--q2-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36));margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;-webkit-box-shadow:none;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;-webkit-transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size="4"]) button{padding:var(--tct-scale-4, var(--app-scale-4, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color="primary"]) button,:host([intent="workflow-primary"]) button{background:var(--q2-btn-primary-bg);color:var(--q2-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-primary-box-shadow);box-shadow:var(--q2-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color="primary"]) button:enabled:hover,:host([color="primary"]) button:enabled:focus,:host([color="primary"]) button:enabled:active,:host([intent="workflow-primary"]) button:enabled:hover,:host([intent="workflow-primary"]) button:enabled:focus,:host([intent="workflow-primary"]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white,#FFFFFF))));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color="primary"]) button:hover:enabled,:host([color="primary"]) button:active:enabled,:host([intent="workflow-primary"]) button:hover:enabled,:host([intent="workflow-primary"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--q2-btn-primary-hover-box-shadow)}:host([color="primary"]) button:focus,:host([intent="workflow-primary"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow)}:host([color="primary"]) button:disabled,:host([intent="workflow-primary"]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--q2-btn-primary-font-color));-webkit-box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow))}:host([color="secondary"]) button,:host([intent="workflow-secondary"]) button{background:var(--q2-btn-secondary-bg);color:var(--q2-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-button-secondary-font-color, var(--tct-white, var(--app-white, #FFFFFF)))));border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color="secondary"]) button:enabled:hover,:host([color="secondary"]) button:enabled:focus,:host([color="secondary"]) button:enabled:active,:host([intent="workflow-secondary"]) button:enabled:hover,:host([intent="workflow-secondary"]) button:enabled:focus,:host([intent="workflow-secondary"]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color="secondary"]) button:hover:enabled,:host([color="secondary"]) button:active:enabled,:host([intent="workflow-secondary"]) button:hover:enabled,:host([intent="workflow-secondary"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)));box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)))}:host([color="secondary"]) button:focus,:host([intent="workflow-secondary"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow)}:host([color="secondary"]) button:disabled,:host([intent="workflow-secondary"]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--q2-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--q2-btn-secondary-font-color));-webkit-box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow))}:host([intent="neutral"]) button{background:var(--q2-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));color:var(--q2-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-gray-1, var(--app-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent="neutral"]) button:enabled:hover,:host([intent="neutral"]) button:enabled:focus,:host([intent="neutral"]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent="neutral"]) button:hover:enabled,:host([intent="neutral"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)));box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)))}:host([intent="neutral"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow)}:host([intent="neutral"]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--q2-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--q2-btn-neutral-font-color));-webkit-box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow))}:host([icon]) button{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);color:var(--tct-btn-icon-color, inherit);border-radius:var(--tct-btn-icon-border-radius, 0)}:host([icon]) button:hover,:host([icon]) button:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))))}:host([icon][active]) button{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, ar(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2))))))}:host([icon]) button:hover *,:host([icon]) button:focus *,:host([icon][active]) button *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color,#080808)))}:host([icon]) button div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))));color:var(--tct-btn-badge-hover-font-color, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--q2-btn-primary-font-color))}';var e=t("q2_btn",function(){function t(t){r(this,t)}t.prototype.disable=function(t){if(this.disabled){t.stopImmediatePropagation()}};t.prototype.delegateFocus=function(t){if(t.target===this.hostElement){this.hostElement.shadowRoot.querySelector("button").focus()}};t.prototype.render=function(){var t=this.buttonAttributes,r=t.ariaExpanded,a=t.ariaHasPopup,n=t.ariaLabel,e=t.ariaSelected,b=t.disabled,c=t.type,d=t.tabindex;return o("button",{"aria-expanded":r,"aria-haspopup":a,"aria-label":n,"aria-selected":e,disabled:b,type:c,tabindex:d,"test-id":"q2BtnInnerButton"},o("div",null,o("slot",null)))};t.prototype.loc=function(t,r){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,r):t};Object.defineProperty(t.prototype,"buttonAttributes",{get:function(){return{ariaExpanded:this.ariaExpanded!==undefined?""+!!this.ariaExpanded:undefined,ariaHasPopup:this.ariaHasPopup?""+this.ariaHasPopup:undefined,ariaLabel:this.ariaLabel?this.loc(this.ariaLabel):undefined,ariaSelected:this.ariaSelected?""+this.ariaSelected:undefined,disabled:this.disabled||false,type:this.type||"button",tabindex:this.tabIndex||undefined}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());e.style=n}}}));
@@ -0,0 +1 @@
1
+ System.register(["./p-2b69fdec.system.js"],(function(e){"use strict";var t,o,n;return{setters:[function(e){t=e.r;o=e.h;n=e.g}],execute:function(){var r="*{-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,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}.dropdown-separator{margin:0 var(--tct-scale-1, var(--app-scale-1, 5px));border-bottom:1px solid\n var(--tct-dropdown-item-separator-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}.dropdown-item-wrapper{display:-ms-flexbox;display:flex}.dropdown-item{min-height:44px;-ms-flex:1 1 100%;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, 2px)}.dropdown-item-content{padding:12px var(--tct-scale-3, var(--app-scale-3, 15px));text-align:left;background-color:var(--tct-dropdown-item-bg, var(--tct-white, var(--app-white, #ffffff)));color:var(--tct-dropdown-item-font-color, inherit);-webkit-transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(\n --tct-dropdown-item-selected-bg,\n var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n );color:var(--tct-dropdown-item-selected-font-color, inherit)}.remove-dropdown-item{-ms-flex:0 0 44px;flex:0 0 44px;margin:2px}";var i=e("q2_dropdown_item",function(){function e(e){var o=this;t(this,e);this.onItemClick=function(e){e.stopImmediatePropagation();o.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"select",value:o.value||""},bubbles:true}))};this.onItemKeydown=function(e){if(["ArrowRight","Right"].includes(e.key)){o.focusRemoveBtn()}};this.onItemFocus=function(e){e.stopPropagation()};this.onRemoveBtnClick=function(e){e.stopImmediatePropagation();o.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"remove",value:o.value||""},bubbles:true}))};this.onRemoveBtnKeydown=function(e){if(["ArrowLeft","Left"].includes(e.key)){o.focusItem()}};this.onRemoveBtnFocus=function(e){e.stopPropagation()}}e.prototype.loc=function(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e};Object.defineProperty(e.prototype,"removeAriaLabel",{get:function(){return this.loc("tecton.element.dropdownItem.remove",[this.label||""])},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"dropdownItemBtn",{get:function(){return this.hostElement.shadowRoot.querySelector(".dropdown-item")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"innerAriaLabel",{get:function(){return this.ariaLabel||this.label||this.hostElement.textContent},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"removeBtn",{get:function(){return this.hostElement.shadowRoot.querySelector(".remove-dropdown-item")},enumerable:false,configurable:true});e.prototype.onHostElementFocus=function(){if(event.target===this.hostElement){this.focusItem()}};e.prototype.focusItem=function(){this.dropdownItemBtn.dispatchEvent(new FocusEvent("focus",{bubbles:false}))};e.prototype.focusRemoveBtn=function(){this.removeBtn&&this.removeBtn.dispatchEvent(new FocusEvent("focus",{bubbles:false}))};e.prototype.render=function(){if(!!this.separator){return this.separatorDOM()}return this.itemDOM()};e.prototype.separatorDOM=function(){return o("div",{class:"dropdown-separator",role:"separator","test-id":"dropdownItemSeparator"})};e.prototype.itemDOM=function(){return o("div",{class:"dropdown-item-wrapper"},o("q2-btn",{class:"dropdown-item",ariaLabel:this.innerAriaLabel,disabled:!!this.disabled,role:"menuitem",onClick:this.onItemClick,onKeyDown:this.onItemKeydown,onFocus:this.onItemFocus,"test-id":"dropdownItem"},o("div",{class:"dropdown-item-content"},o("slot",null))),!!this.removable?o("q2-btn",{class:"remove-dropdown-item",ariaLabel:this.removeAriaLabel,disabled:!!this.disabled,role:"menuitem",icon:true,onClick:this.onRemoveBtnClick,onKeyDown:this.onRemoveBtnKeydown,onFocus:this.onRemoveBtnFocus,"test-id":"removeDropdownItem"},o("q2-icon",{type:"close"})):"")};Object.defineProperty(e.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());i.style=r}}}));
@@ -0,0 +1 @@
1
+ System.register(["./p-2b69fdec.system.js","./p-4576db15.system.js"],(function(t){"use strict";var e,r,o,a,n;return{setters:[function(t){e=t.r;r=t.c;o=t.h;a=t.g},function(t){n=t.c}],execute:function(){function i(t,e,r){return r={path:e,exports:{},require:function(t,e){return l()}},t(r,r.exports),r.exports}function l(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var s=i((function(t,e){(function(){function e(){var t=window;var e=document;if("scrollBehavior"in e.documentElement.style&&t.__forceSmoothScrollPolyfill__!==true){return}var r=t.HTMLElement||t.Element;var o=468;var a={scroll:t.scroll||t.scrollTo,scrollBy:t.scrollBy,elementScroll:r.prototype.scroll||s,scrollIntoView:r.prototype.scrollIntoView};var n=t.performance&&t.performance.now?t.performance.now.bind(t.performance):Date.now;function i(t){var e=["MSIE ","Trident/","Edge/"];return new RegExp(e.join("|")).test(t)}var l=i(t.navigator.userAgent)?1:0;function s(t,e){this.scrollLeft=t;this.scrollTop=e}function c(t){return.5*(1-Math.cos(Math.PI*t))}function f(t){if(t===null||typeof t!=="object"||t.behavior===undefined||t.behavior==="auto"||t.behavior==="instant"){return true}if(typeof t==="object"&&t.behavior==="smooth"){return false}throw new TypeError("behavior member of ScrollOptions "+t.behavior+" is not a valid value for enumeration ScrollBehavior.")}function u(t,e){if(e==="Y"){return t.clientHeight+l<t.scrollHeight}if(e==="X"){return t.clientWidth+l<t.scrollWidth}}function d(e,r){var o=t.getComputedStyle(e,null)["overflow"+r];return o==="auto"||o==="scroll"}function h(t){var e=u(t,"Y")&&d(t,"Y");var r=u(t,"X")&&d(t,"X");return e||r}function p(t){while(t!==e.body&&h(t)===false){t=t.parentNode||t.host}return t}function b(e){var r=n();var a;var i;var l;var s=(r-e.startTime)/o;s=s>1?1:s;a=c(s);i=e.startX+(e.x-e.startX)*a;l=e.startY+(e.y-e.startY)*a;e.method.call(e.scrollable,i,l);if(i!==e.x||l!==e.y){t.requestAnimationFrame(b.bind(t,e))}}function v(r,o,i){var l;var c;var f;var u;var d=n();if(r===e.body){l=t;c=t.scrollX||t.pageXOffset;f=t.scrollY||t.pageYOffset;u=a.scroll}else{l=r;c=r.scrollLeft;f=r.scrollTop;u=s}b({scrollable:l,method:u,startTime:d,startX:c,startY:f,x:o,y:i})}t.scroll=t.scrollTo=function(){if(arguments[0]===undefined){return}if(f(arguments[0])===true){a.scroll.call(t,arguments[0].left!==undefined?arguments[0].left:typeof arguments[0]!=="object"?arguments[0]:t.scrollX||t.pageXOffset,arguments[0].top!==undefined?arguments[0].top:arguments[1]!==undefined?arguments[1]:t.scrollY||t.pageYOffset);return}v.call(t,e.body,arguments[0].left!==undefined?~~arguments[0].left:t.scrollX||t.pageXOffset,arguments[0].top!==undefined?~~arguments[0].top:t.scrollY||t.pageYOffset)};t.scrollBy=function(){if(arguments[0]===undefined){return}if(f(arguments[0])){a.scrollBy.call(t,arguments[0].left!==undefined?arguments[0].left:typeof arguments[0]!=="object"?arguments[0]:0,arguments[0].top!==undefined?arguments[0].top:arguments[1]!==undefined?arguments[1]:0);return}v.call(t,e.body,~~arguments[0].left+(t.scrollX||t.pageXOffset),~~arguments[0].top+(t.scrollY||t.pageYOffset))};r.prototype.scroll=r.prototype.scrollTo=function(){if(arguments[0]===undefined){return}if(f(arguments[0])===true){if(typeof arguments[0]==="number"&&arguments[1]===undefined){throw new SyntaxError("Value could not be converted")}a.elementScroll.call(this,arguments[0].left!==undefined?~~arguments[0].left:typeof arguments[0]!=="object"?~~arguments[0]:this.scrollLeft,arguments[0].top!==undefined?~~arguments[0].top:arguments[1]!==undefined?~~arguments[1]:this.scrollTop);return}var t=arguments[0].left;var e=arguments[0].top;v.call(this,this,typeof t==="undefined"?this.scrollLeft:~~t,typeof e==="undefined"?this.scrollTop:~~e)};r.prototype.scrollBy=function(){if(arguments[0]===undefined){return}if(f(arguments[0])===true){a.elementScroll.call(this,arguments[0].left!==undefined?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,arguments[0].top!==undefined?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop);return}this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior})};r.prototype.scrollIntoView=function(){if(f(arguments[0])===true){a.scrollIntoView.call(this,arguments[0]===undefined?true:arguments[0]);return}var r=p(this);var o=r.getBoundingClientRect();var n=this.getBoundingClientRect();if(r!==e.body){v.call(this,r,r.scrollLeft+n.left-o.left,r.scrollTop+n.top-o.top);if(t.getComputedStyle(r).position!=="fixed"){t.scrollBy({left:o.left,top:o.top,behavior:"smooth"})}}else{t.scrollBy({left:n.left,top:n.top,behavior:"smooth"})}}}{t.exports={polyfill:e}}})()}));var c="*{-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,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-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tab-list{padding:0;display:-ms-flexbox;display:flex;margin:0;list-style:none;border-bottom:1px solid\n var(--tct-tab-container-border-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));white-space:nowrap;overflow-x:hidden;-ms-flex-align:center;align-items:center}.tab-list li.nav{position:absolute;height:44px;width:46px}.tab-list li.nav-left{left:-15px;background:-webkit-gradient(linear, left top, right top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav-right{right:-15px;background:-webkit-gradient(linear, right top, left top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav .arrow-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:inherit;width:inherit;cursor:pointer}.tab-list li.nav .arrow-container a{padding:0;margin:0;height:inherit;width:inherit;border-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tab-list li.nav .arrow-container a q2-icon{width:19px;height:19px}.tab-list a{width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));text-align:center;text-decoration:none;padding:var(--tct-scale-2, var(--app-scale-2, 10px));margin:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))\n 0;color:var(--tct-tab-inactive-color, var(--t-tab-inactive, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));border-bottom:3px solid transparent;display:block;-webkit-transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='section']) .tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}@media screen and (max-width: 767px){.tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}}.tab-list a:hover{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}.tab-list a[aria-selected='true']{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));border-color:currentColor;width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color='alt']) .tab-list a{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive, inherit))}:host([color='alt']) .tab-list a:hover,:host([color='alt']) .tab-list a[aria-selected='true']{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active, inherit))}.tab-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0}";var f=navigator.userAgent.toLowerCase();var u=f.includes("safari")&&!f.includes("chrome");var d=f.includes("firefox");if(u){s.polyfill();window["__forceSmoothScrollPolyfill__"]=true}var h=t("q2_tab_container",function(){function t(t){var o=this;e(this,t);this.change=r(this,"change",7);this.settled=r(this,"settled",7);this.guid=n();this.scheduledAfterRender=[];this.lastScrolled=new Date(null).getTime();this.hasLeft=false;this.hasRight=false;this.updateTabData=function(){o.updateTabPaneProps();o.setTabs()};this.updateTabPaneProps=function(){o.tabPanes.forEach((function(t,e){t.selected=t.value===o.selectedTabValue;t.guid=o.guid;t.index=e}))};this.setTabs=function(){o.tabs=o.tabPanes.map((function(t){var e=t.label,r=t.value;return{label:e&&o.loc(e)||"",value:r}}))};this.onTabClick=function(t){o.change.emit({value:t.target.dataset.value})};this.onTabKeyDown=function(t){var e=t.target.dataset.value;if(t.key==="ArrowRight"||t.key==="Right"){o.moveToAdjacentTab(e,"next");return}if(t.key==="ArrowLeft"||t.key==="Left"){o.moveToAdjacentTab(e,"prev");return}if(t.code==="Space"||t.code==="Enter"){t.preventDefault();o.change.emit({value:e});return}};this.moveToAdjacentTab=function(t,e){var r=o.tabs.map((function(t){var e=t.value;return e})).indexOf(t);var a=e==="next"?Math.min(r+1,o.tabs.length-1):Math.max(r-1,0);if(r!==a){var n=o.moveFocus(a);if(o.tabList.scrollWidth>o.tabList.clientWidth){if(a!==0&&a!==o.tabs.length-1){o.scrollByKeyboard(e,n)}else{o.onTabScroll(e)}}}};this.moveFocus=function(t){var e=o.tabs[t].value;var r=o.hostElement.shadowRoot.querySelector('.tab-list a[data-value="'+e+'"]');r.focus({preventScroll:true});return r};this.calculateKeyboardScroll=function(t,e){var r=o.tabList.getBoundingClientRect().left;var a=e.getBoundingClientRect().left;var n=46;var i=0;if(t==="next"&&a+e.clientWidth>r+o.tabList.clientWidth+n){i=o.tabList.scrollLeft+n+(a+e.clientWidth)-(r+o.tabList.clientWidth)}else if(t==="prev"&&a+n<r){i=o.tabList.scrollLeft-n+(a-r)}return i};this.scrollByKeyboard=function(t,e){var r=o.calculateKeyboardScroll(t,e);if(r!==0){o.tabList.scroll({left:r,behavior:"smooth"});setTimeout((function(){return o.onTabScroll()}),100)}};this.calculateTabScroll=function(t){var e=t.direction,r=t.scrollWidth,o=t.clientWidth,a=t.scrollLeft;var n={prev:-1,next:1};var i=n[e]||0;var l=.5;var s=Math.round(o*l);var c=a+i*s;var f=o+c;var u=c>0;var d=r>f;return{newScrollLeft:c,hasLeft:u,hasRight:d}};this.onTabScroll=function(t){var e=(new Date).getTime();if(e-o.lastScrolled<50)return;o.lastScrolled=e;if(!o.tabList)return;var r=o.tabList,a=r.scrollWidth,n=r.clientWidth,i=r.scrollLeft;var l=o.calculateTabScroll({direction:t,scrollWidth:a,clientWidth:n,scrollLeft:i}),s=l.newScrollLeft,c=l.hasLeft,f=l.hasRight;o.hasLeft=c;o.hasRight=f;if(t){o.tabList.scroll({left:s,behavior:"smooth"})}}}t.prototype.loc=function(t,e){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,e):t};t.prototype.resizeIframe=function(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()};Object.defineProperty(t.prototype,"tabPanes",{get:function(){var t=this;var e=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");if(e.length===0){return[]}return Array.from(e).filter((function(e){return e.name===t.name}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedTabValue",{get:function(){return this.value||this.tabPanes[0].value||""},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tabList",{get:function(){return this.hostElement.shadowRoot.querySelector(".tab-list")},enumerable:false,configurable:true});t.prototype.defaultChangeHandler=function(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail.value}};t.prototype.onResize=function(){this.onTabScroll()};t.prototype.onFocus=function(){var t=this;if(d){var e=this.tabs.findIndex((function(e){return e.value===t.selectedTabValue}));this.moveFocus(e)}};t.prototype.componentWillLoad=function(){var t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:true,attributes:true});this.mutationObserver=t;this.updateTabData()};t.prototype.componentDidRender=function(){this.scheduledAfterRender.forEach((function(t){return t()}));this.scheduledAfterRender=[];this.settled.emit();this.onTabScroll()};t.prototype.disconnectedCallback=function(){this.mutationObserver.disconnect();this.mutationObserver=null};t.prototype.valueObserver=function(){this.updateTabData();this.scheduledAfterRender.push(this.resizeIframe)};t.prototype.nameObserver=function(){this.updateTabData()};t.prototype.render=function(){var t=this;return o("div",{class:"tab-container"},o("ul",{class:"tab-list",role:"tablist"},this.hasLeft&&o("li",{role:"presentation",class:"nav nav-left",onClick:function(){return t.onTabScroll("prev")}},o("div",{class:"arrow-container"},o("a",null,o("q2-icon",{type:"chevron-left"})))),this.tabs.map((function(e,r){return t.generateTab(e,r)})),this.hasRight&&o("li",{role:"presentation",class:"nav nav-right",onClick:function(){return t.onTabScroll("next")}},o("div",{class:"arrow-container"},o("a",null,o("q2-icon",{type:"chevron-right"}))))),o("div",{class:"tab-content"},o("slot",null)))};t.prototype.generateTab=function(t,e){var r=t.label,a=t.value;var n=this.selectedTabValue===a;return o("li",{role:"presentation"},o("a",{id:"tab-"+this.guid+"-"+e,href:"javascript://","data-value":a,"test-id":"tabLink",tabIndex:n?0:-1,role:"tab","aria-selected":""+n,"aria-controls":"tab-pane-"+this.guid+"-"+e,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},r))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueObserver"],name:["nameObserver"]}},enumerable:false,configurable:true});return t}());h.style=c}}}));
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,g as o}from"./p-b5ebb4cb.js";import{c as a}from"./p-1d4bf5ef.js";var r,n=(function(t){t.exports={polyfill:function(){var t=window,i=document;if(!("scrollBehavior"in i.documentElement.style)||!0===t.__forceSmoothScrollPolyfill__){var e=t.HTMLElement||t.Element,o={scroll:t.scroll||t.scrollTo,scrollBy:t.scrollBy,elementScroll:e.prototype.scroll||n,scrollIntoView:e.prototype.scrollIntoView},a=t.performance&&t.performance.now?t.performance.now.bind(t.performance):Date.now,r=function(t){return new RegExp(["MSIE ","Trident/","Edge/"].join("|")).test(t)}(t.navigator.userAgent)?1:0;t.scroll=t.scrollTo=function(){void 0!==arguments[0]&&(!0!==s(arguments[0])?d.call(t,i.body,void 0!==arguments[0].left?~~arguments[0].left:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:t.scrollY||t.pageYOffset):o.scroll.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:t.scrollY||t.pageYOffset))},t.scrollBy=function(){void 0!==arguments[0]&&(s(arguments[0])?o.scrollBy.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):d.call(t,i.body,~~arguments[0].left+(t.scrollX||t.pageXOffset),~~arguments[0].top+(t.scrollY||t.pageYOffset)))},e.prototype.scroll=e.prototype.scrollTo=function(){if(void 0!==arguments[0])if(!0!==s(arguments[0])){var t=arguments[0].left,i=arguments[0].top;d.call(this,this,void 0===t?this.scrollLeft:~~t,void 0===i?this.scrollTop:~~i)}else{if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");o.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}},e.prototype.scrollBy=function(){void 0!==arguments[0]&&(!0!==s(arguments[0])?this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior}):o.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop))},e.prototype.scrollIntoView=function(){if(!0!==s(arguments[0])){var e=v(this),a=e.getBoundingClientRect(),r=this.getBoundingClientRect();e!==i.body?(d.call(this,e,e.scrollLeft+r.left-a.left,e.scrollTop+r.top-a.top),"fixed"!==t.getComputedStyle(e).position&&t.scrollBy({left:a.left,top:a.top,behavior:"smooth"})):t.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}else o.scrollIntoView.call(this,void 0===arguments[0]||arguments[0])}}function n(t,i){this.scrollLeft=t,this.scrollTop=i}function s(t){if(null===t||"object"!=typeof t||void 0===t.behavior||"auto"===t.behavior||"instant"===t.behavior)return!0;if("object"==typeof t&&"smooth"===t.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+t.behavior+" is not a valid value for enumeration ScrollBehavior.")}function l(t,i){return"Y"===i?t.clientHeight+r<t.scrollHeight:"X"===i?t.clientWidth+r<t.scrollWidth:void 0}function c(i,e){var o=t.getComputedStyle(i,null)["overflow"+e];return"auto"===o||"scroll"===o}function h(t){var i=l(t,"Y")&&c(t,"Y"),e=l(t,"X")&&c(t,"X");return i||e}function v(t){for(;t!==i.body&&!1===h(t);)t=t.parentNode||t.host;return t}function d(e,r,s){var l,c,h,v,d=a();e===i.body?(l=t,c=t.scrollX||t.pageXOffset,h=t.scrollY||t.pageYOffset,v=o.scroll):(l=e,c=e.scrollLeft,h=e.scrollTop,v=n),function i(e){var o,r,n,s=(a()-e.startTime)/468;s=s>1?1:s,o=.5*(1-Math.cos(Math.PI*s)),e.method.call(e.scrollable,r=e.startX+(e.x-e.startX)*o,n=e.startY+(e.y-e.startY)*o),r===e.x&&n===e.y||t.requestAnimationFrame(i.bind(t,e))}({scrollable:l,method:v,startTime:d,startX:c,startY:h,x:r,y:s})}}}}(r={path:void 0,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}}),r.exports);const s=navigator.userAgent.toLowerCase(),l=s.includes("safari")&&!s.includes("chrome"),c=s.includes("firefox");l&&(n.polyfill(),window.__forceSmoothScrollPolyfill__=!0);const h=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.settled=i(this,"settled",7),this.guid=a(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),this.hasLeft=!1,this.hasRight=!1,this.updateTabData=()=>{this.updateTabPaneProps(),this.setTabs()},this.updateTabPaneProps=()=>{this.tabPanes.forEach((t,i)=>{t.selected=t.value===this.selectedTabValue,t.guid=this.guid,t.index=i})},this.setTabs=()=>{this.tabs=this.tabPanes.map(({label:t,value:i})=>({label:t&&this.loc(t)||"",value:i}))},this.onTabClick=t=>{this.change.emit({value:t.target.dataset.value})},this.onTabKeyDown=t=>{const i=t.target.dataset.value;if("ArrowRight"!==t.key&&"Right"!==t.key){if("ArrowLeft"!==t.key&&"Left"!==t.key)return"Space"===t.code||"Enter"===t.code?(t.preventDefault(),void this.change.emit({value:i})):void 0;this.moveToAdjacentTab(i,"prev")}else this.moveToAdjacentTab(i,"next")},this.moveToAdjacentTab=(t,i)=>{let e=this.tabs.map(({value:t})=>t).indexOf(t),o="next"===i?Math.min(e+1,this.tabs.length-1):Math.max(e-1,0);if(e!==o){const t=this.moveFocus(o);this.tabList.scrollWidth>this.tabList.clientWidth&&(0!==o&&o!==this.tabs.length-1?this.scrollByKeyboard(i,t):this.onTabScroll(i))}},this.moveFocus=t=>{const i=this.hostElement.shadowRoot.querySelector(`.tab-list a[data-value="${this.tabs[t].value}"]`);return i.focus({preventScroll:!0}),i},this.calculateKeyboardScroll=(t,i)=>{const{left:e}=this.tabList.getBoundingClientRect(),{left:o}=i.getBoundingClientRect();let a=0;return"next"===t&&o+i.clientWidth>e+this.tabList.clientWidth+46?a=this.tabList.scrollLeft+46+(o+i.clientWidth)-(e+this.tabList.clientWidth):"prev"===t&&o+46<e&&(a=this.tabList.scrollLeft-46+(o-e)),a},this.scrollByKeyboard=(t,i)=>{const e=this.calculateKeyboardScroll(t,i);0!==e&&(this.tabList.scroll({left:e,behavior:"smooth"}),setTimeout(()=>this.onTabScroll(),100))},this.calculateTabScroll=({direction:t,scrollWidth:i,clientWidth:e,scrollLeft:o})=>{const a=o+({prev:-1,next:1}[t]||0)*Math.round(.5*e);return{newScrollLeft:a,hasLeft:a>0,hasRight:i>e+a}},this.onTabScroll=t=>{const i=(new Date).getTime();if(i-this.lastScrolled<50)return;if(this.lastScrolled=i,!this.tabList)return;let{scrollWidth:e,clientWidth:o,scrollLeft:a}=this.tabList;const{newScrollLeft:r,hasLeft:n,hasRight:s}=this.calculateTabScroll({direction:t,scrollWidth:e,clientWidth:o,scrollLeft:a});this.hasLeft=n,this.hasRight=s,t&&this.tabList.scroll({left:r,behavior:"smooth"})}}loc(t,i){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,i):t}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");return 0===t.length?[]:Array.from(t).filter(t=>t.name===this.name)}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}onResize(){this.onTabScroll()}onFocus(){if(c){const t=this.tabs.findIndex(t=>t.value===this.selectedTabValue);this.moveFocus(t)}}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t,this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach(t=>t()),this.scheduledAfterRender=[],this.settled.emit(),this.onTabScroll()}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}valueObserver(){this.updateTabData(),this.scheduledAfterRender.push(this.resizeIframe)}nameObserver(){this.updateTabData()}render(){return e("div",{class:"tab-container"},e("ul",{class:"tab-list",role:"tablist"},this.hasLeft&&e("li",{role:"presentation",class:"nav nav-left",onClick:()=>this.onTabScroll("prev")},e("div",{class:"arrow-container"},e("a",null,e("q2-icon",{type:"chevron-left"})))),this.tabs.map((t,i)=>this.generateTab(t,i)),this.hasRight&&e("li",{role:"presentation",class:"nav nav-right",onClick:()=>this.onTabScroll("next")},e("div",{class:"arrow-container"},e("a",null,e("q2-icon",{type:"chevron-right"}))))),e("div",{class:"tab-content"},e("slot",null)))}generateTab(t,i){const{label:o,value:a}=t,r=this.selectedTabValue===a;return e("li",{role:"presentation"},e("a",{id:`tab-${this.guid}-${i}`,href:"javascript://","data-value":a,"test-id":"tabLink",tabIndex:r?0:-1,role:"tab","aria-selected":""+r,"aria-controls":`tab-pane-${this.guid}-${i}`,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},o))}get hostElement(){return o(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};h.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,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-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tab-list{padding:0;display:-ms-flexbox;display:flex;margin:0;list-style:none;border-bottom:1px solid\n var(--tct-tab-container-border-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)));white-space:nowrap;overflow-x:hidden;-ms-flex-align:center;align-items:center}.tab-list li.nav{position:absolute;height:44px;width:46px}.tab-list li.nav-left{left:-15px;background:-webkit-gradient(linear, left top, right top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav-right{right:-15px;background:-webkit-gradient(linear, right top, left top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav .arrow-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:inherit;width:inherit;cursor:pointer}.tab-list li.nav .arrow-container a{padding:0;margin:0;height:inherit;width:inherit;border-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tab-list li.nav .arrow-container a q2-icon{width:19px;height:19px}.tab-list a{width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));text-align:center;text-decoration:none;padding:var(--tct-scale-2, var(--app-scale-2, 10px));margin:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))\n 0;color:var(--tct-tab-inactive-color, var(--t-tab-inactive, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));border-bottom:3px solid transparent;display:block;-webkit-transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='section']) .tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}@media screen and (max-width: 767px){.tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}}.tab-list a:hover{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}.tab-list a[aria-selected='true']{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));border-color:currentColor;width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color='alt']) .tab-list a{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive, inherit))}:host([color='alt']) .tab-list a:hover,:host([color='alt']) .tab-list a[aria-selected='true']{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active, inherit))}.tab-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0}";export{h as q2_tab_container}
1
+ import{r as t,c as i,h as e,g as a}from"./p-b5ebb4cb.js";import{c as o}from"./p-1d4bf5ef.js";var r,n=(function(t){t.exports={polyfill:function(){var t=window,i=document;if(!("scrollBehavior"in i.documentElement.style)||!0===t.__forceSmoothScrollPolyfill__){var e=t.HTMLElement||t.Element,a={scroll:t.scroll||t.scrollTo,scrollBy:t.scrollBy,elementScroll:e.prototype.scroll||n,scrollIntoView:e.prototype.scrollIntoView},o=t.performance&&t.performance.now?t.performance.now.bind(t.performance):Date.now,r=function(t){return new RegExp(["MSIE ","Trident/","Edge/"].join("|")).test(t)}(t.navigator.userAgent)?1:0;t.scroll=t.scrollTo=function(){void 0!==arguments[0]&&(!0!==s(arguments[0])?d.call(t,i.body,void 0!==arguments[0].left?~~arguments[0].left:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:t.scrollY||t.pageYOffset):a.scroll.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:t.scrollY||t.pageYOffset))},t.scrollBy=function(){void 0!==arguments[0]&&(s(arguments[0])?a.scrollBy.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):d.call(t,i.body,~~arguments[0].left+(t.scrollX||t.pageXOffset),~~arguments[0].top+(t.scrollY||t.pageYOffset)))},e.prototype.scroll=e.prototype.scrollTo=function(){if(void 0!==arguments[0])if(!0!==s(arguments[0])){var t=arguments[0].left,i=arguments[0].top;d.call(this,this,void 0===t?this.scrollLeft:~~t,void 0===i?this.scrollTop:~~i)}else{if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");a.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}},e.prototype.scrollBy=function(){void 0!==arguments[0]&&(!0!==s(arguments[0])?this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior}):a.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop))},e.prototype.scrollIntoView=function(){if(!0!==s(arguments[0])){var e=v(this),o=e.getBoundingClientRect(),r=this.getBoundingClientRect();e!==i.body?(d.call(this,e,e.scrollLeft+r.left-o.left,e.scrollTop+r.top-o.top),"fixed"!==t.getComputedStyle(e).position&&t.scrollBy({left:o.left,top:o.top,behavior:"smooth"})):t.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}else a.scrollIntoView.call(this,void 0===arguments[0]||arguments[0])}}function n(t,i){this.scrollLeft=t,this.scrollTop=i}function s(t){if(null===t||"object"!=typeof t||void 0===t.behavior||"auto"===t.behavior||"instant"===t.behavior)return!0;if("object"==typeof t&&"smooth"===t.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+t.behavior+" is not a valid value for enumeration ScrollBehavior.")}function l(t,i){return"Y"===i?t.clientHeight+r<t.scrollHeight:"X"===i?t.clientWidth+r<t.scrollWidth:void 0}function c(i,e){var a=t.getComputedStyle(i,null)["overflow"+e];return"auto"===a||"scroll"===a}function h(t){var i=l(t,"Y")&&c(t,"Y"),e=l(t,"X")&&c(t,"X");return i||e}function v(t){for(;t!==i.body&&!1===h(t);)t=t.parentNode||t.host;return t}function d(e,r,s){var l,c,h,v,d=o();e===i.body?(l=t,c=t.scrollX||t.pageXOffset,h=t.scrollY||t.pageYOffset,v=a.scroll):(l=e,c=e.scrollLeft,h=e.scrollTop,v=n),function i(e){var a,r,n,s=(o()-e.startTime)/468;s=s>1?1:s,a=.5*(1-Math.cos(Math.PI*s)),e.method.call(e.scrollable,r=e.startX+(e.x-e.startX)*a,n=e.startY+(e.y-e.startY)*a),r===e.x&&n===e.y||t.requestAnimationFrame(i.bind(t,e))}({scrollable:l,method:v,startTime:d,startX:c,startY:h,x:r,y:s})}}}}(r={path:void 0,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}}),r.exports);const s=navigator.userAgent.toLowerCase(),l=s.includes("safari")&&!s.includes("chrome"),c=s.includes("firefox");l&&(n.polyfill(),window.__forceSmoothScrollPolyfill__=!0);const h=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.settled=i(this,"settled",7),this.guid=o(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),this.hasLeft=!1,this.hasRight=!1,this.updateTabData=()=>{this.updateTabPaneProps(),this.setTabs()},this.updateTabPaneProps=()=>{this.tabPanes.forEach((t,i)=>{t.selected=t.value===this.selectedTabValue,t.guid=this.guid,t.index=i})},this.setTabs=()=>{this.tabs=this.tabPanes.map(({label:t,value:i})=>({label:t&&this.loc(t)||"",value:i}))},this.onTabClick=t=>{this.change.emit({value:t.target.dataset.value})},this.onTabKeyDown=t=>{const i=t.target.dataset.value;if("ArrowRight"!==t.key&&"Right"!==t.key){if("ArrowLeft"!==t.key&&"Left"!==t.key)return"Space"===t.code||"Enter"===t.code?(t.preventDefault(),void this.change.emit({value:i})):void 0;this.moveToAdjacentTab(i,"prev")}else this.moveToAdjacentTab(i,"next")},this.moveToAdjacentTab=(t,i)=>{let e=this.tabs.map(({value:t})=>t).indexOf(t),a="next"===i?Math.min(e+1,this.tabs.length-1):Math.max(e-1,0);if(e!==a){const t=this.moveFocus(a);this.tabList.scrollWidth>this.tabList.clientWidth&&(0!==a&&a!==this.tabs.length-1?this.scrollByKeyboard(i,t):this.onTabScroll(i))}},this.moveFocus=t=>{const i=this.hostElement.shadowRoot.querySelector(`.tab-list a[data-value="${this.tabs[t].value}"]`);return i.focus({preventScroll:!0}),i},this.calculateKeyboardScroll=(t,i)=>{const{left:e}=this.tabList.getBoundingClientRect(),{left:a}=i.getBoundingClientRect();let o=0;return"next"===t&&a+i.clientWidth>e+this.tabList.clientWidth+46?o=this.tabList.scrollLeft+46+(a+i.clientWidth)-(e+this.tabList.clientWidth):"prev"===t&&a+46<e&&(o=this.tabList.scrollLeft-46+(a-e)),o},this.scrollByKeyboard=(t,i)=>{const e=this.calculateKeyboardScroll(t,i);0!==e&&(this.tabList.scroll({left:e,behavior:"smooth"}),setTimeout(()=>this.onTabScroll(),100))},this.calculateTabScroll=({direction:t,scrollWidth:i,clientWidth:e,scrollLeft:a})=>{const o=a+({prev:-1,next:1}[t]||0)*Math.round(.5*e);return{newScrollLeft:o,hasLeft:o>0,hasRight:i>e+o}},this.onTabScroll=t=>{const i=(new Date).getTime();if(i-this.lastScrolled<50)return;if(this.lastScrolled=i,!this.tabList)return;let{scrollWidth:e,clientWidth:a,scrollLeft:o}=this.tabList;const{newScrollLeft:r,hasLeft:n,hasRight:s}=this.calculateTabScroll({direction:t,scrollWidth:e,clientWidth:a,scrollLeft:o});this.hasLeft=n,this.hasRight=s,t&&this.tabList.scroll({left:r,behavior:"smooth"})}}loc(t,i){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,i):t}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");return 0===t.length?[]:Array.from(t).filter(t=>t.name===this.name)}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}onResize(){this.onTabScroll()}onFocus(){if(c){const t=this.tabs.findIndex(t=>t.value===this.selectedTabValue);this.moveFocus(t)}}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t,this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach(t=>t()),this.scheduledAfterRender=[],this.settled.emit(),this.onTabScroll()}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}valueObserver(){this.updateTabData(),this.scheduledAfterRender.push(this.resizeIframe)}nameObserver(){this.updateTabData()}render(){return e("div",{class:"tab-container"},e("ul",{class:"tab-list",role:"tablist"},this.hasLeft&&e("li",{role:"presentation",class:"nav nav-left",onClick:()=>this.onTabScroll("prev")},e("div",{class:"arrow-container"},e("a",null,e("q2-icon",{type:"chevron-left"})))),this.tabs.map((t,i)=>this.generateTab(t,i)),this.hasRight&&e("li",{role:"presentation",class:"nav nav-right",onClick:()=>this.onTabScroll("next")},e("div",{class:"arrow-container"},e("a",null,e("q2-icon",{type:"chevron-right"}))))),e("div",{class:"tab-content"},e("slot",null)))}generateTab(t,i){const{label:a,value:o}=t,r=this.selectedTabValue===o;return e("li",{role:"presentation"},e("a",{id:`tab-${this.guid}-${i}`,href:"javascript://","data-value":o,"test-id":"tabLink",tabIndex:r?0:-1,role:"tab","aria-selected":""+r,"aria-controls":`tab-pane-${this.guid}-${i}`,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},a))}get hostElement(){return a(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};h.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,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-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tab-list{padding:0;display:-ms-flexbox;display:flex;margin:0;list-style:none;border-bottom:1px solid\n var(--tct-tab-container-border-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));white-space:nowrap;overflow-x:hidden;-ms-flex-align:center;align-items:center}.tab-list li.nav{position:absolute;height:44px;width:46px}.tab-list li.nav-left{left:-15px;background:-webkit-gradient(linear, left top, right top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav-right{right:-15px;background:-webkit-gradient(linear, right top, left top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav .arrow-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:inherit;width:inherit;cursor:pointer}.tab-list li.nav .arrow-container a{padding:0;margin:0;height:inherit;width:inherit;border-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tab-list li.nav .arrow-container a q2-icon{width:19px;height:19px}.tab-list a{width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));text-align:center;text-decoration:none;padding:var(--tct-scale-2, var(--app-scale-2, 10px));margin:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))\n 0;color:var(--tct-tab-inactive-color, var(--t-tab-inactive, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));border-bottom:3px solid transparent;display:block;-webkit-transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='section']) .tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}@media screen and (max-width: 767px){.tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}}.tab-list a:hover{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}.tab-list a[aria-selected='true']{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));border-color:currentColor;width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color='alt']) .tab-list a{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive, inherit))}:host([color='alt']) .tab-list a:hover,:host([color='alt']) .tab-list a[aria-selected='true']{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active, inherit))}.tab-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0}";export{h as q2_tab_container}
@@ -0,0 +1 @@
1
+ System.register(["./p-2b69fdec.system.js","./p-4576db15.system.js"],(function(e){"use strict";var t,o,r,n;return{setters:[function(e){t=e.r;o=e.h;r=e.g},function(e){n=e.c}],execute:function(){var i="*{-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,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{display:block}.q2-optgroup-header{background-color:var(\n --tct-optgroup-header-bg,\n var(--tct-gray-13, var(--app-gray-13, var(--tct-gray-l2, var(--app-gray-l2, #e6e6e6))))\n );padding:var(--tct-scale-1, var(--app-scale-1, 5px))\n var(--tct-scale-2, var(--app-scale-2, 10px));font-weight:var(--tct-optgroup-header-font-weight, 600);text-transform:var(--tct-optgroup-header-text-transform, uppercase);}";var s=e("q2_optgroup",function(){function e(e){var o=this;t(this,e);this.disabled=false;this.hidden=false;this.guid=n();this.setHidden=function(){o.hidden=o.options.every((function(e){return e.hidden||e._multiSelectHidden}))}}e.prototype.componentWillLoad=function(){var e=new MutationObserver(this.setHidden);e.observe(this.hostElement,{childList:true,attributes:true,subtree:true});this.mutationObserver=e;this.setHidden();this.disabledWatcher(this.disabled)};e.prototype.disconnectedCallback=function(){this.mutationObserver.disconnect();this.mutationObserver=null};Object.defineProperty(e.prototype,"headerId",{get:function(){return"q2-optgroup-header-"+this.guid},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"options",{get:function(){return Array.from(this.hostElement.querySelectorAll("q2-option"))},enumerable:false,configurable:true});e.prototype.loc=function(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e};e.prototype.disabledWatcher=function(e){this.options.forEach((function(t){t.disabledGroup=!!e}))};e.prototype.render=function(){return o("div",{class:"q2-optgroup-container",hidden:this.hidden,"aria-labelledby":this.headerId,role:"group"},o("div",{class:"q2-optgroup-header",id:this.headerId},this.label&&this.loc(this.label)||""),o("div",{class:"q2-optgroup-options"},o("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher"]}},enumerable:false,configurable:true});return e}());s.style=i}}}));