q2-tecton-elements 1.22.2 → 1.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/cjs/charting-d02cba1f.js +3127 -0
  2. package/dist/cjs/{installCanvasRenderer-b4d10c92.js → installCanvasRenderer-6c4fbcc9.js} +230 -1130
  3. package/dist/cjs/installLabelLayout-d6b548fe.js +1048 -0
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/q2-btn_2.cjs.entry.js +1 -1
  6. package/dist/cjs/q2-card.cjs.entry.js +1 -1
  7. package/dist/cjs/q2-chart-area.cjs.entry.js +4569 -0
  8. package/dist/cjs/q2-chart-bar.cjs.entry.js +24 -3132
  9. package/dist/cjs/q2-chart-donut.cjs.entry.js +8 -7
  10. package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
  11. package/dist/cjs/q2-loading-element.cjs.entry.js +1 -1
  12. package/dist/cjs/q2-select.cjs.entry.js +2 -1
  13. package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
  14. package/dist/collection/collection-manifest.json +1 -0
  15. package/dist/collection/components/q2-card/index.js +1 -1
  16. package/dist/collection/components/q2-chart-area/index.js +622 -0
  17. package/dist/collection/components/q2-chart-area/styles.css +82 -0
  18. package/dist/collection/components/q2-chart-bar/index.js +4 -4
  19. package/dist/collection/components/q2-chart-bar/styles.css +3 -6
  20. package/dist/collection/components/q2-chart-donut/index.js +1 -1
  21. package/dist/collection/components/q2-checkbox/styles.css +1 -0
  22. package/dist/collection/components/q2-loading/skeleton/q2-loading-element/styles.css +4 -0
  23. package/dist/collection/components/q2-loading/styles.css +4 -0
  24. package/dist/collection/components/q2-select/index.js +19 -1
  25. package/dist/components/charting.js +3113 -0
  26. package/dist/components/index.d.ts +1 -0
  27. package/dist/components/index.js +1 -0
  28. package/dist/components/index9.js +1 -1
  29. package/dist/components/installCanvasRenderer.js +188 -1123
  30. package/dist/components/installLabelLayout.js +1042 -0
  31. package/dist/components/q2-card.js +1 -1
  32. package/dist/components/q2-chart-area.d.ts +11 -0
  33. package/dist/components/q2-chart-area.js +4604 -0
  34. package/dist/components/q2-chart-bar.js +10 -3118
  35. package/dist/components/q2-chart-donut.js +3 -2
  36. package/dist/components/q2-checkbox.js +1 -1
  37. package/dist/components/q2-loading-element.js +1 -1
  38. package/dist/components/q2-select.js +3 -1
  39. package/dist/esm/charting-2a73ba8e.js +3113 -0
  40. package/dist/esm/{installCanvasRenderer-0143b52d.js → installCanvasRenderer-4a470516.js} +188 -1123
  41. package/dist/esm/installLabelLayout-d660eaad.js +1042 -0
  42. package/dist/esm/loader.js +1 -1
  43. package/dist/esm/q2-btn_2.entry.js +1 -1
  44. package/dist/esm/q2-card.entry.js +1 -1
  45. package/dist/esm/q2-chart-area.entry.js +4565 -0
  46. package/dist/esm/q2-chart-bar.entry.js +10 -3118
  47. package/dist/esm/q2-chart-donut.entry.js +3 -2
  48. package/dist/esm/q2-checkbox.entry.js +1 -1
  49. package/dist/esm/q2-loading-element.entry.js +1 -1
  50. package/dist/esm/q2-select.entry.js +2 -1
  51. package/dist/esm/q2-tecton-elements.js +1 -1
  52. package/dist/q2-tecton-elements/p-458b1987.js +1 -0
  53. package/dist/q2-tecton-elements/p-52063431.js +39 -0
  54. package/dist/q2-tecton-elements/p-604b22a8.entry.js +1 -0
  55. package/dist/q2-tecton-elements/p-6be86940.entry.js +1 -0
  56. package/dist/q2-tecton-elements/p-70b01387.entry.js +1 -0
  57. package/dist/q2-tecton-elements/p-833398d1.js +1 -0
  58. package/dist/q2-tecton-elements/{p-2cb7163e.entry.js → p-acc77332.entry.js} +1 -1
  59. package/dist/q2-tecton-elements/p-bbdae095.entry.js +1 -0
  60. package/dist/q2-tecton-elements/{p-84b19eff.entry.js → p-d68b5eb3.entry.js} +1 -1
  61. package/dist/q2-tecton-elements/p-d88e4383.entry.js +1 -0
  62. package/dist/q2-tecton-elements/{p-6e6b5b80.entry.js → p-f0ec4d2c.entry.js} +1 -1
  63. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  64. package/dist/types/components/q2-card/index.d.ts +1 -1
  65. package/dist/types/components/q2-chart-area/index.d.ts +40 -0
  66. package/dist/types/components/q2-chart-bar/index.d.ts +2 -2
  67. package/dist/types/components/q2-chart-donut/index.d.ts +1 -1
  68. package/dist/types/components/q2-select/index.d.ts +1 -0
  69. package/dist/types/components.d.ts +58 -0
  70. package/package.json +2 -2
  71. package/dist/q2-tecton-elements/p-1f303a21.entry.js +0 -1
  72. package/dist/q2-tecton-elements/p-1f85cced.js +0 -39
  73. package/dist/q2-tecton-elements/p-91d830c3.entry.js +0 -1
  74. package/dist/q2-tecton-elements/p-aec145e9.entry.js +0 -1
  75. package/dist/q2-tecton-elements/p-cd1c68d2.entry.js +0 -1
  76. /package/dist/types/workspace/workspace/{tecton-production_release_1.22.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
package/dist/components/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export { Q2Calendar as Q2Calendar } from '../types/components/q2-calendar/index'
7
7
  export { Q2Card as Q2Card } from '../types/components/q2-card/index';
8
8
  export { Q2Carousel as Q2Carousel } from '../types/components/q2-carousel/index';
9
9
  export { Q2Carousel as Q2CarouselPane } from '../types/components/q2-carousel-pane/index';
10
+ export { Q2ChartArea as Q2ChartArea } from '../types/components/q2-chart-area/index';
10
11
  export { Q2ChartBar as Q2ChartBar } from '../types/components/q2-chart-bar/index';
11
12
  export { Q2ChartDonut as Q2ChartDonut } from '../types/components/q2-chart-donut/index';
12
13
  export { Q2Checkbox as Q2Checkbox } from '../types/components/q2-checkbox/index';
package/dist/components/index.js CHANGED
@@ -7,6 +7,7 @@ export { Q2Calendar, defineCustomElement as defineCustomElementQ2Calendar } from
7
7
  export { Q2Card, defineCustomElement as defineCustomElementQ2Card } from './q2-card.js';
8
8
  export { Q2Carousel, defineCustomElement as defineCustomElementQ2Carousel } from './q2-carousel.js';
9
9
  export { Q2CarouselPane, defineCustomElement as defineCustomElementQ2CarouselPane } from './q2-carousel-pane.js';
10
+ export { Q2ChartArea, defineCustomElement as defineCustomElementQ2ChartArea } from './q2-chart-area.js';
10
11
  export { Q2ChartBar, defineCustomElement as defineCustomElementQ2ChartBar } from './q2-chart-bar.js';
11
12
  export { Q2ChartDonut, defineCustomElement as defineCustomElementQ2ChartDonut } from './q2-chart-donut.js';
12
13
  export { Q2Checkbox, defineCustomElement as defineCustomElementQ2Checkbox } from './q2-checkbox.js';
package/dist/components/index9.js CHANGED
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
2
2
  import { l as loc, h as handleAriaLabel } from './index13.js';
3
3
  import { s as shapes } from './shapes.js';
4
4
 
5
- const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";
5
+ const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";
6
6
 
7
7
  const Q2Loading = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
8
8
  constructor() {