q2-tecton-elements 1.23.0 → 1.25.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.
- package/dist/cjs/action-sheet-4b366e9a.js +84 -0
- package/dist/cjs/{index-0648c2ec.js → index-dc92e71f.js} +32 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-action-sheet.cjs.entry.js +218 -0
- package/dist/cjs/q2-badge_2.cjs.entry.js +46 -17
- package/dist/cjs/q2-btn_2.cjs.entry.js +1 -1
- package/dist/cjs/q2-calendar.cjs.entry.js +2 -4
- package/dist/cjs/q2-card.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-area.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-bar.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-donut.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
- package/dist/cjs/q2-icon.cjs.entry.js +1 -1
- package/dist/cjs/q2-loc.cjs.entry.js +1 -1
- package/dist/cjs/q2-message.cjs.entry.js +1 -1
- package/dist/cjs/q2-month-picker.cjs.entry.js +1 -1
- package/dist/cjs/q2-optgroup_2.cjs.entry.js +93 -0
- package/dist/cjs/q2-option-list_2.cjs.entry.js +226 -86
- package/dist/cjs/q2-pagination.cjs.entry.js +1 -1
- package/dist/cjs/q2-pill.cjs.entry.js +57 -18
- package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio.cjs.entry.js +1 -1
- package/dist/cjs/q2-section.cjs.entry.js +1 -1
- package/dist/cjs/q2-select.cjs.entry.js +148 -409
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper-vertical.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper.cjs.entry.js +1 -1
- package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
- package/dist/cjs/q2-tag.cjs.entry.js +21 -7
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/q2-action-sheet/index.js +345 -0
- package/dist/collection/components/q2-action-sheet/styles.css +215 -0
- package/dist/collection/components/q2-calendar/index.js +2 -4
- package/dist/collection/components/q2-checkbox/index.js +2 -2
- package/dist/collection/components/q2-dropdown/index.js +1 -1
- package/dist/collection/components/q2-input/index.js +46 -17
- package/dist/collection/components/q2-loading/index.js +1 -1
- package/dist/collection/components/q2-optgroup/styles.css +2 -2
- package/dist/collection/components/q2-option/index.js +3 -58
- package/dist/collection/components/q2-option/styles.css +7 -0
- package/dist/collection/components/q2-option-list/index.js +290 -102
- package/dist/collection/components/q2-pill/index.js +79 -18
- package/dist/collection/components/q2-pill/styles.css +1 -2
- package/dist/collection/components/q2-popover/index.js +17 -3
- package/dist/collection/components/q2-popover/styles.css +10 -67
- package/dist/collection/components/q2-radio/index.js +2 -2
- package/dist/collection/components/q2-select/index.js +179 -427
- package/dist/collection/components/q2-select/styles.css +5 -11
- package/dist/collection/components/q2-tag/index.js +33 -19
- package/dist/collection/utils/action-sheet.js +79 -0
- package/dist/collection/utils/index.js +29 -5
- package/dist/components/action-sheet.js +81 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/index10.js +1 -1
- package/dist/components/index11.js +42 -353
- package/dist/components/index12.js +44 -99
- package/dist/components/index13.js +495 -583
- package/dist/components/index14.js +137 -0
- package/dist/components/index15.js +629 -0
- package/dist/components/index5.js +1 -1
- package/dist/components/index6.js +1 -1
- package/dist/components/index7.js +1 -1
- package/dist/components/index8.js +46 -17
- package/dist/components/index9.js +2 -2
- package/dist/components/q2-action-sheet.d.ts +11 -0
- package/dist/components/q2-action-sheet.js +282 -0
- package/dist/components/q2-calendar.js +2 -4
- package/dist/components/q2-card.js +1 -1
- package/dist/components/q2-carousel-pane.js +1 -1
- package/dist/components/q2-carousel.js +1 -1
- package/dist/components/q2-chart-area.js +1 -1
- package/dist/components/q2-chart-bar.js +1 -1
- package/dist/components/q2-chart-donut.js +1 -1
- package/dist/components/q2-checkbox-group.js +1 -1
- package/dist/components/q2-checkbox.js +1 -1
- package/dist/components/q2-dropdown.js +2 -2
- package/dist/components/q2-editable-field.js +1 -1
- package/dist/components/q2-loc.js +1 -1
- package/dist/components/q2-month-picker.js +1 -1
- package/dist/components/q2-optgroup.js +1 -70
- package/dist/components/q2-option-list.js +1 -1
- package/dist/components/q2-option.js +1 -76
- package/dist/components/q2-pagination.js +1 -1
- package/dist/components/q2-pill.js +62 -21
- package/dist/components/q2-popover.js +1 -1
- package/dist/components/q2-radio-group.js +1 -1
- package/dist/components/q2-radio.js +3 -3
- package/dist/components/q2-section.js +1 -1
- package/dist/components/q2-select.js +179 -427
- package/dist/components/q2-stepper-pane.js +1 -1
- package/dist/components/q2-stepper-vertical.js +1 -1
- package/dist/components/q2-stepper.js +1 -1
- package/dist/components/q2-tab-container.js +1 -1
- package/dist/components/q2-tag.js +25 -11
- package/dist/components/q2-textarea.js +1 -1
- package/dist/docs.d.ts +148 -0
- package/dist/docs.json +8755 -0
- package/dist/esm/action-sheet-a9597b32.js +81 -0
- package/dist/esm/{index-501fd22e.js → index-d4a87058.js} +30 -6
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-action-sheet.entry.js +214 -0
- package/dist/esm/q2-badge_2.entry.js +46 -17
- package/dist/esm/q2-btn_2.entry.js +1 -1
- package/dist/esm/q2-calendar.entry.js +2 -4
- package/dist/esm/q2-card.entry.js +1 -1
- package/dist/esm/q2-carousel-pane.entry.js +1 -1
- package/dist/esm/q2-carousel.entry.js +1 -1
- package/dist/esm/q2-chart-area.entry.js +1 -1
- package/dist/esm/q2-chart-bar.entry.js +1 -1
- package/dist/esm/q2-chart-donut.entry.js +1 -1
- package/dist/esm/q2-checkbox-group.entry.js +1 -1
- package/dist/esm/q2-checkbox.entry.js +1 -1
- package/dist/esm/q2-dropdown-item.entry.js +1 -1
- package/dist/esm/q2-dropdown.entry.js +1 -1
- package/dist/esm/q2-editable-field.entry.js +1 -1
- package/dist/esm/q2-icon.entry.js +1 -1
- package/dist/esm/q2-loc.entry.js +1 -1
- package/dist/esm/q2-message.entry.js +1 -1
- package/dist/esm/q2-month-picker.entry.js +1 -1
- package/dist/esm/q2-optgroup_2.entry.js +88 -0
- package/dist/esm/q2-option-list_2.entry.js +226 -86
- package/dist/esm/q2-pagination.entry.js +1 -1
- package/dist/esm/q2-pill.entry.js +57 -18
- package/dist/esm/q2-radio-group.entry.js +1 -1
- package/dist/esm/q2-radio.entry.js +1 -1
- package/dist/esm/q2-section.entry.js +1 -1
- package/dist/esm/q2-select.entry.js +148 -409
- package/dist/esm/q2-stepper-pane.entry.js +1 -1
- package/dist/esm/q2-stepper-vertical.entry.js +1 -1
- package/dist/esm/q2-stepper.entry.js +1 -1
- package/dist/esm/q2-tab-container.entry.js +1 -1
- package/dist/esm/q2-tag.entry.js +22 -8
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-textarea.entry.js +1 -1
- package/dist/q2-tecton-elements/p-059065e4.js +1 -0
- package/dist/q2-tecton-elements/{p-9b101e22.entry.js → p-1a744921.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3fd5d010.entry.js → p-1b95e43f.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3603fcdc.entry.js → p-1ea4b8bd.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-53be87c8.entry.js → p-1f3eb04c.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-25839309.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-38a33baa.entry.js → p-274ec152.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-6be86940.entry.js → p-2ba9e1a2.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ebd7efa5.entry.js → p-2c309c54.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3e9a30c4.entry.js → p-2cc70f49.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-604b22a8.entry.js → p-2ceb41c4.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-2e938b20.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-5b1aba1a.entry.js → p-306a4bc7.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-32f44993.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-d7b27803.entry.js → p-3a9aac19.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-3c73ce3f.entry.js +1 -0
- package/dist/q2-tecton-elements/p-4a95f78e.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-6b7e1ebd.entry.js → p-4b48a49d.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-4b92e44e.entry.js +1 -0
- package/dist/q2-tecton-elements/p-5ecb9c27.entry.js +1 -0
- package/dist/q2-tecton-elements/p-6779270e.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-70b01387.entry.js → p-72fc58e7.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-7ac02ae5.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-78fac0fa.entry.js → p-7c168977.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d27b2caa.entry.js → p-7c9bf80a.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-83d678c7.entry.js +1 -0
- package/dist/q2-tecton-elements/p-a1926e65.js +1 -0
- package/dist/q2-tecton-elements/{p-24f4571d.entry.js → p-a3a5b57b.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-a6296870.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-45d61789.entry.js → p-a64e7eb1.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-8dea9a0c.entry.js → p-ad83984e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-bf41e71b.entry.js → p-bf0ed24a.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-a2add94e.entry.js → p-bff85959.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-7aa80653.entry.js → p-c4a9ab25.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-ea5383ba.entry.js +1 -0
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/test/helpers.js +3 -2
- package/dist/types/components/q2-action-sheet/index.d.ts +52 -0
- package/dist/types/components/q2-checkbox/index.d.ts +4 -1
- package/dist/types/components/q2-input/index.d.ts +5 -0
- package/dist/types/components/q2-option/index.d.ts +1 -4
- package/dist/types/components/q2-option-list/index.d.ts +16 -8
- package/dist/types/components/q2-pill/index.d.ts +10 -1
- package/dist/types/components/q2-popover/index.d.ts +2 -0
- package/dist/types/components/q2-select/index.d.ts +45 -47
- package/dist/types/components/q2-tag/index.d.ts +3 -3
- package/dist/types/components.d.ts +44 -17
- package/dist/types/global.d.ts +9 -2
- package/dist/types/utils/action-sheet.d.ts +12 -0
- package/dist/types/utils/index.d.ts +4 -1
- package/dist/types/workspace/workspace/Tecton_tecton-production_master/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +1 -1
- package/package.json +4 -2
- package/dist/cjs/q2-optgroup.cjs.entry.js +0 -56
- package/dist/cjs/q2-option.cjs.entry.js +0 -46
- package/dist/esm/q2-optgroup.entry.js +0 -52
- package/dist/esm/q2-option.entry.js +0 -42
- package/dist/q2-tecton-elements/p-18629cbf.entry.js +0 -1
- package/dist/q2-tecton-elements/p-2c20fc43.entry.js +0 -1
- package/dist/q2-tecton-elements/p-3813f51d.entry.js +0 -1
- package/dist/q2-tecton-elements/p-68ef0786.entry.js +0 -1
- package/dist/q2-tecton-elements/p-a510290a.js +0 -1
- package/dist/q2-tecton-elements/p-acc77332.entry.js +0 -1
- package/dist/q2-tecton-elements/p-ba73ee1f.entry.js +0 -1
- package/dist/q2-tecton-elements/p-ba76ecfd.entry.js +0 -1
- package/dist/q2-tecton-elements/p-bbdae095.entry.js +0 -1
- package/dist/q2-tecton-elements/p-d68b5eb3.entry.js +0 -1
- package/dist/q2-tecton-elements/p-d88e4383.entry.js +0 -1
- package/dist/q2-tecton-elements/p-f1d06917.entry.js +0 -1
- package/dist/q2-tecton-elements/p-f6e868c1.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as n,g as a}from"./p-926a3e80.js";import{l as i,s as r,h as o,o as s,i as d,a as l}from"./p-059065e4.js";function c(t){if(null===t||!0===t||!1===t)return NaN;var e=Number(t);return isNaN(e)?e:e<0?Math.ceil(e):Math.floor(e)}function u(t,e){if(e.length<t)throw new TypeError(t+" argument"+(t>1?"s":"")+" required, but only "+e.length+" present")}function h(t){return(h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function v(t){u(1,arguments);var e=Object.prototype.toString.call(t);return t instanceof Date||"object"===h(t)&&"[object Date]"===e?new Date(t.getTime()):"number"==typeof t||"[object Number]"===e?new Date(t):("string"!=typeof t&&"[object String]"!==e||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function f(t,e){u(2,arguments);var n=v(t),a=c(e);return isNaN(a)?new Date(NaN):a?(n.setDate(n.getDate()+a),n):n}function m(t,e){u(2,arguments);var n=v(t).getTime(),a=c(e);return new Date(n+a)}var b={};function p(){return b}function g(t){var e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return e.setUTCFullYear(t.getFullYear()),t.getTime()-e.getTime()}function w(t){u(1,arguments);var e=v(t);return e.setHours(0,0,0,0),e}function y(t,e){u(2,arguments);var n=w(t),a=w(e);return n.getTime()===a.getTime()}function x(t){return(x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function D(t){return u(1,arguments),t instanceof Date||"object"===x(t)&&"[object Date]"===Object.prototype.toString.call(t)}function M(t){if(u(1,arguments),!D(t)&&"number"!=typeof t)return!1;var e=v(t);return!isNaN(Number(e))}function k(t,e){u(2,arguments);var n=c(e);return m(t,-n)}function E(t){u(1,arguments);var e=1,n=v(t),a=n.getUTCDay(),i=(a<e?7:0)+a-e;return n.setUTCDate(n.getUTCDate()-i),n.setUTCHours(0,0,0,0),n}function S(t){u(1,arguments);var e=v(t),n=e.getUTCFullYear(),a=new Date(0);a.setUTCFullYear(n+1,0,4),a.setUTCHours(0,0,0,0);var i=E(a),r=new Date(0);r.setUTCFullYear(n,0,4),r.setUTCHours(0,0,0,0);var o=E(r);return e.getTime()>=i.getTime()?n+1:e.getTime()>=o.getTime()?n:n-1}function P(t){u(1,arguments);var e=S(t),n=new Date(0);n.setUTCFullYear(e,0,4),n.setUTCHours(0,0,0,0);var a=E(n);return a}function $(t,e){var n,a,i,r,o,s,d,l;u(1,arguments);var h=p(),f=c(null!==(n=null!==(a=null!==(i=null!==(r=null==e?void 0:e.weekStartsOn)&&void 0!==r?r:null==e||null===(o=e.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.weekStartsOn)&&void 0!==i?i:h.weekStartsOn)&&void 0!==a?a:null===(d=h.locale)||void 0===d||null===(l=d.options)||void 0===l?void 0:l.weekStartsOn)&&void 0!==n?n:0);if(!(f>=0&&f<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var m=v(t),b=m.getUTCDay(),g=(b<f?7:0)+b-f;return m.setUTCDate(m.getUTCDate()-g),m.setUTCHours(0,0,0,0),m}function q(t,e){var n,a,i,r,o,s,d,l;u(1,arguments);var h=v(t),f=h.getUTCFullYear(),m=p(),b=c(null!==(n=null!==(a=null!==(i=null!==(r=null==e?void 0:e.firstWeekContainsDate)&&void 0!==r?r:null==e||null===(o=e.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==i?i:m.firstWeekContainsDate)&&void 0!==a?a:null===(d=m.locale)||void 0===d||null===(l=d.options)||void 0===l?void 0:l.firstWeekContainsDate)&&void 0!==n?n:1);if(!(b>=1&&b<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var g=new Date(0);g.setUTCFullYear(f+1,0,b),g.setUTCHours(0,0,0,0);var w=$(g,e),y=new Date(0);y.setUTCFullYear(f,0,b),y.setUTCHours(0,0,0,0);var x=$(y,e);return h.getTime()>=w.getTime()?f+1:h.getTime()>=x.getTime()?f:f-1}function T(t,e){var n,a,i,r,o,s,d,l;u(1,arguments);var h=p(),v=c(null!==(n=null!==(a=null!==(i=null!==(r=null==e?void 0:e.firstWeekContainsDate)&&void 0!==r?r:null==e||null===(o=e.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==i?i:h.firstWeekContainsDate)&&void 0!==a?a:null===(d=h.locale)||void 0===d||null===(l=d.options)||void 0===l?void 0:l.firstWeekContainsDate)&&void 0!==n?n:1),f=q(t,e),m=new Date(0);m.setUTCFullYear(f,0,v),m.setUTCHours(0,0,0,0);var b=$(m,e);return b}function O(t,e){for(var n=t<0?"-":"",a=Math.abs(t).toString();a.length<e;)a="0"+a;return n+a}var z={G:function(t,e,n){var a=t.getUTCFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});case"GGGG":default:return n.era(a,{width:"wide"})}},y:function(t,e,n){if("yo"===e){var a=t.getUTCFullYear();return n.ordinalNumber(a>0?a:1-a,{unit:"year"})}return function(t,e){var n=t.getUTCFullYear(),a=n>0?n:1-n;return O("yy"===e?a%100:a,e.length)}(t,e)},Y:function(t,e,n,a){var i=q(t,a),r=i>0?i:1-i;return"YY"===e?O(r%100,2):"Yo"===e?n.ordinalNumber(r,{unit:"year"}):O(r,e.length)},R:function(t,e){return O(S(t),e.length)},u:function(t,e){return O(t.getUTCFullYear(),e.length)},Q:function(t,e,n){var a=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"Q":return String(a);case"QQ":return O(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function(t,e,n){var a=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"q":return String(a);case"qq":return O(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function(t,e,n){var a=t.getUTCMonth();switch(e){case"M":case"MM":return function(t,e){var n=t.getUTCMonth();return"M"===e?String(n+1):O(n+1,2)}(t,e);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(a,{width:"wide",context:"formatting"})}},L:function(t,e,n){var a=t.getUTCMonth();switch(e){case"L":return String(a+1);case"LL":return O(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(a,{width:"wide",context:"standalone"})}},w:function(t,e,n,a){var i=function(t,e){u(1,arguments);var n=v(t),a=$(n,e).getTime()-T(n,e).getTime();return Math.round(a/6048e5)+1}(t,a);return"wo"===e?n.ordinalNumber(i,{unit:"week"}):O(i,e.length)},I:function(t,e,n){var a=function(t){u(1,arguments);var e=v(t),n=E(e).getTime()-P(e).getTime();return Math.round(n/6048e5)+1}(t);return"Io"===e?n.ordinalNumber(a,{unit:"week"}):O(a,e.length)},d:function(t,e,n){return"do"===e?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):function(t,e){return O(t.getUTCDate(),e.length)}(t,e)},D:function(t,e,n){var a=function(t){u(1,arguments);var e=v(t),n=e.getTime();e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0);var a=e.getTime();return Math.floor((n-a)/864e5)+1}(t);return"Do"===e?n.ordinalNumber(a,{unit:"dayOfYear"}):O(a,e.length)},E:function(t,e,n){var a=t.getUTCDay();switch(e){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});case"EEEE":default:return n.day(a,{width:"wide",context:"formatting"})}},e:function(t,e,n,a){var i=t.getUTCDay(),r=(i-a.weekStartsOn+8)%7||7;switch(e){case"e":return String(r);case"ee":return O(r,2);case"eo":return n.ordinalNumber(r,{unit:"day"});case"eee":return n.day(i,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(i,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(i,{width:"short",context:"formatting"});case"eeee":default:return n.day(i,{width:"wide",context:"formatting"})}},c:function(t,e,n,a){var i=t.getUTCDay(),r=(i-a.weekStartsOn+8)%7||7;switch(e){case"c":return String(r);case"cc":return O(r,e.length);case"co":return n.ordinalNumber(r,{unit:"day"});case"ccc":return n.day(i,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(i,{width:"narrow",context:"standalone"});case"cccccc":return n.day(i,{width:"short",context:"standalone"});case"cccc":default:return n.day(i,{width:"wide",context:"standalone"})}},i:function(t,e,n){var a=t.getUTCDay(),i=0===a?7:a;switch(e){case"i":return String(i);case"ii":return O(i,e.length);case"io":return n.ordinalNumber(i,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});case"iiii":default:return n.day(a,{width:"wide",context:"formatting"})}},a:function(t,e,n){var a=t.getUTCHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(t,e,n){var a,i=t.getUTCHours();switch(a=12===i?"noon":0===i?"midnight":i/12>=1?"pm":"am",e){case"b":case"bb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(t,e,n){var a,i=t.getUTCHours();switch(a=i>=17?"evening":i>=12?"afternoon":i>=4?"morning":"night",e){case"B":case"BB":case"BBB":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(t,e,n){if("ho"===e){var a=t.getUTCHours()%12;return 0===a&&(a=12),n.ordinalNumber(a,{unit:"hour"})}return function(t,e){return O(t.getUTCHours()%12||12,e.length)}(t,e)},H:function(t,e,n){return"Ho"===e?n.ordinalNumber(t.getUTCHours(),{unit:"hour"}):function(t,e){return O(t.getUTCHours(),e.length)}(t,e)},K:function(t,e,n){var a=t.getUTCHours()%12;return"Ko"===e?n.ordinalNumber(a,{unit:"hour"}):O(a,e.length)},k:function(t,e,n){var a=t.getUTCHours();return 0===a&&(a=24),"ko"===e?n.ordinalNumber(a,{unit:"hour"}):O(a,e.length)},m:function(t,e,n){return"mo"===e?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):function(t,e){return O(t.getUTCMinutes(),e.length)}(t,e)},s:function(t,e,n){return"so"===e?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):function(t,e){return O(t.getUTCSeconds(),e.length)}(t,e)},S:function(t,e){return function(t,e){var n=e.length,a=t.getUTCMilliseconds();return O(Math.floor(a*Math.pow(10,n-3)),e.length)}(t,e)},X:function(t,e,n,a){var i=(a._originalDate||t).getTimezoneOffset();if(0===i)return"Z";switch(e){case"X":return A(i);case"XXXX":case"XX":return W(i);case"XXXXX":case"XXX":default:return W(i,":")}},x:function(t,e,n,a){var i=(a._originalDate||t).getTimezoneOffset();switch(e){case"x":return A(i);case"xxxx":case"xx":return W(i);case"xxxxx":case"xxx":default:return W(i,":")}},O:function(t,e,n,a){var i=(a._originalDate||t).getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+Y(i,":");case"OOOO":default:return"GMT"+W(i,":")}},z:function(t,e,n,a){var i=(a._originalDate||t).getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+Y(i,":");case"zzzz":default:return"GMT"+W(i,":")}},t:function(t,e,n,a){return O(Math.floor((a._originalDate||t).getTime()/1e3),e.length)},T:function(t,e,n,a){return O((a._originalDate||t).getTime(),e.length)}};function Y(t,e){var n=t>0?"-":"+",a=Math.abs(t),i=Math.floor(a/60),r=a%60;if(0===r)return n+String(i);var o=e||"";return n+String(i)+o+O(r,2)}function A(t,e){return t%60==0?(t>0?"-":"+")+O(Math.abs(t)/60,2):W(t,e)}function W(t,e){var n=e||"",a=t>0?"-":"+",i=Math.abs(t);return a+O(Math.floor(i/60),2)+n+O(i%60,2)}var I=function(t,e){switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});case"PPPP":default:return e.date({width:"full"})}},L=function(t,e){switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});case"pppp":default:return e.time({width:"full"})}},j={p:L,P:function(t,e){var n,a=t.match(/(P+)(p+)?/)||[],i=a[1],r=a[2];if(!r)return I(t,e);switch(i){case"P":n=e.dateTime({width:"short"});break;case"PP":n=e.dateTime({width:"medium"});break;case"PPP":n=e.dateTime({width:"long"});break;case"PPPP":default:n=e.dateTime({width:"full"})}return n.replace("{{date}}",I(i,e)).replace("{{time}}",L(r,e))}},C=["D","DD"],N=["YY","YYYY"];function B(t){return-1!==C.indexOf(t)}function V(t){return-1!==N.indexOf(t)}function X(t,e,n){if("YYYY"===t)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(e,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===t)throw new RangeError("Use `yy` instead of `YY` (in `".concat(e,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===t)throw new RangeError("Use `d` instead of `D` (in `".concat(e,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===t)throw new RangeError("Use `dd` instead of `DD` (in `".concat(e,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var G={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function Q(t){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.width?String(e.width):t.defaultWidth,a=t.formats[n]||t.formats[t.defaultWidth];return a}}var F={date:Q({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:Q({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:Q({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},R={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function J(t){return function(e,n){var a;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&t.formattingValues){var i=t.defaultFormattingWidth||t.defaultWidth,r=null!=n&&n.width?String(n.width):i;a=t.formattingValues[r]||t.formattingValues[i]}else{var o=t.defaultWidth,s=null!=n&&n.width?String(n.width):t.defaultWidth;a=t.values[s]||t.values[o]}return a[t.argumentCallback?t.argumentCallback(e):e]}}function H(t){return function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=n.width,i=a&&t.matchPatterns[a]||t.matchPatterns[t.defaultMatchWidth],r=e.match(i);if(!r)return null;var o,s=r[0],d=a&&t.parsePatterns[a]||t.parsePatterns[t.defaultParseWidth],l=Array.isArray(d)?K(d,(function(t){return t.test(s)})):U(d,(function(t){return t.test(s)}));o=t.valueCallback?t.valueCallback(l):l,o=n.valueCallback?n.valueCallback(o):o;var c=e.slice(s.length);return{value:o,rest:c}}}function U(t,e){for(var n in t)if(t.hasOwnProperty(n)&&e(t[n]))return n}function K(t,e){for(var n=0;n<t.length;n++)if(e(t[n]))return n}var Z,_={code:"en-US",formatDistance:function(t,e,n){var a,i=G[t];return a="string"==typeof i?i:1===e?i.one:i.other.replace("{{count}}",e.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a},formatLong:F,formatRelative:function(t){return R[t]},localize:{ordinalNumber:function(t){var e=Number(t),n=e%100;if(n>20||n<10)switch(n%10){case 1:return e+"st";case 2:return e+"nd";case 3:return e+"rd"}return e+"th"},era:J({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:J({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:J({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:J({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:J({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(Z={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(t){return parseInt(t,10)}},function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.match(Z.matchPattern);if(!n)return null;var a=n[0],i=t.match(Z.parsePattern);if(!i)return null;var r=Z.valueCallback?Z.valueCallback(i[0]):i[0];r=e.valueCallback?e.valueCallback(r):r;var o=t.slice(a.length);return{value:r,rest:o}}),era:H({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:H({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:H({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:H({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:H({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}},tt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,et=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,nt=/^'([^]*?)'?$/,at=/''/g,it=/[a-zA-Z]/;function rt(t){var e=t.match(nt);return e?e[1].replace(at,"'"):t}function ot(t,e){u(2,arguments);var n=v(t),a=v(e);return n.getTime()>a.getTime()}function st(t){const e=new Date(t);if(M(e))return function(t,e){var n,a;u(1,arguments);var i=v(t);if(isNaN(i.getTime()))throw new RangeError("Invalid time value");var r=String(null!==(n=null==e?void 0:e.format)&&void 0!==n?n:"extended"),o=String(null!==(a=null==e?void 0:e.representation)&&void 0!==a?a:"complete");if("extended"!==r&&"basic"!==r)throw new RangeError("format must be 'extended' or 'basic'");if("date"!==o&&"time"!==o&&"complete"!==o)throw new RangeError("representation must be 'date', 'time', or 'complete'");var s="",d="",l="extended"===r?"-":"",c="extended"===r?":":"";if("time"!==o){var h=O(i.getDate(),2),f=O(i.getMonth()+1,2),m=O(i.getFullYear(),4);s="".concat(m).concat(l).concat(f).concat(l).concat(h)}if("date"!==o){var b=i.getTimezoneOffset();if(0!==b){var p=Math.abs(b),g=O(Math.floor(p/60),2),w=O(p%60,2);d="".concat(b<0?"+":"-").concat(g,":").concat(w)}else d="Z";var y=""===s?"":"T",x=[O(i.getHours(),2),O(i.getMinutes(),2),O(i.getSeconds(),2)].join(c);s="".concat(s).concat(y).concat(x).concat(d)}return s}(e,{representation:"date"})}function dt(t){const e=new Date(t);if(!M(e))return;const n=e.toISOString();return new Intl.DateTimeFormat("default",{month:"2-digit",day:"2-digit",year:"numeric",timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone}).format(new Date(n))}function lt(t){const e=new Date(t);if(M(e))return new Intl.DateTimeFormat("default",{month:"short",day:"numeric",year:"numeric"}).format(e)}function ct(t){const e="string"==typeof t;if(!e&&t&&M(new Date(t||void 0)))t=st(t);else if(!t||!M(new Date(t)))return;let n;const a=t.split(/[\/\-]/).map((t=>t.padStart(2,"0"))),i=3===a.length,r=a.length<3;if(e&&t.length>=24&&"T"===t[10])t=t.split("T")[0],n=new Date(t);else if(i)t.includes("/")&&4===a[2].length&&a.unshift(a.pop()),n=new Date(a.join("-"));else if(r){const t=new Date;let e,i,r;switch(a.length){case 1:e=t.getFullYear(),i=a[0],r="01";break;case 2:e=t.getFullYear(),i=a[0],r=a[1]}n=new Date(`${e}-${i}-${r}`)}if(M(n))return n=ut(n),M(n)?n:void 0}function ut(t){const e=t.getTimezoneOffset();return function(t,e){u(2,arguments);var n=v(t),a=c(e);return n.setMinutes(a),n}(t,e+Math.abs(e%60))}function ht(t){return Array.isArray(t)&&0!==t.length?t.map((t=>ct(t))):[]}function vt(t=new Date){return{monthIndex:t.getMonth(),selectedYear:t.getFullYear()}}function ft(t="",e=[],n=[],a=[],r,o,s="mm/dd/yyyy",d){let l=!0,c=!1,u="info",h=`${i("tecton.element.calendar.hint.format")}: ${s}`;if(!t)return{isValid:l,inputDate:new Date(""),isAvailable:c,messageType:u,message:h};const v=function(t,e){const n=new Date,[a,i,r]=t.split("/");if(10===t.length)return new Date(t);if(a&&i&&Number(i)>0){const t=Number(i)<10?`0${Number(i)}`:i,n=!r||r.length<4?function(t,e,n){const a=`${t}/${e}`,i=new Date,r=`${i.getMonth()<9?`0${i.getMonth()+1}`:`${i.getMonth()+1}`}/${i.getDate()<10?`0${i.getDate()}`:`${i.getDate()}`}/${i.getFullYear()}`;let o=i.getFullYear();return"future"===n&&r.slice(0,5)>a?o=i.getFullYear()+1:"past"===n&&r.slice(0,5)<a&&(o=i.getFullYear()-1),o.toString()}(a,i,e):r;return new Date(`${a}/${t}/${n}`)}return a&&i&&0===Number(i)?new Date(""):a?new Date(`${a}/01/${n.getFullYear()}`):void 0}(t,d),f=v.getMonth()+1,m=v.getDate(),b=v.getFullYear(),p=[f,m,b];if(M(v)){const d=mt()[v.getMonth()];10===t.length?(l=!0,u="success",h=`${i("tecton.element.calendar.hint.selection")}: ${lt(v)}`):(l=!1,u="error",h=`${i("tecton.element.calendar.hint.incompleteEntry")}: ${s}`),c=e.includes(v.getDay());const f=st(v);if(c){const t=n.length&&!n.includes(f),e=a.length&&a.includes(f),i=r&&r>f,s=o&&o<f;(t||e||i||s)&&(c=!1)}t.length>=5&&!c&&(l=!1,u="error",h=d&&m&&b?i("tecton.element.calendar.hint.notAvailableDate",[lt(v)]):`${i("tecton.element.calendar.hint.invalidDate")}: ${s}`)}else l=!1,u="error",h=`${i("tecton.element.calendar.hint.invalidDate")}: ${s}`;return{isValid:l,messageType:u,message:h,inputDate:v,isAvailable:c,calendarPosition:p}}function mt(){return[i("tecton.element.calendar.months.January"),i("tecton.element.calendar.months.February"),i("tecton.element.calendar.months.March"),i("tecton.element.calendar.months.April"),i("tecton.element.calendar.months.May"),i("tecton.element.calendar.months.June"),i("tecton.element.calendar.months.July"),i("tecton.element.calendar.months.August"),i("tecton.element.calendar.months.September"),i("tecton.element.calendar.months.October"),i("tecton.element.calendar.months.November"),i("tecton.element.calendar.months.December")]}function bt(t=127){const e=2&t,n=4&t,a=8&t,i=16&t,r=32&t,o=64&t,s=[];return t<=0||(1&t&&s.push(0),e&&s.push(1),n&&s.push(2),a&&s.push(3),i&&s.push(4),r&&s.push(5),o&&s.push(6)),s}function pt(t,e){return t.includes(e.getDay())}function gt(t,e){return!wt(t,e)}function wt(t,e){return t.some((t=>y(t,e)))}function yt(t,e,n,a,i,r,o){const s=[xt.bind(null,r,new Date)];return s.push((null==e?void 0:e.length)?wt.bind(null,e):pt.bind(null,t)),s.push(gt.bind(null,n)),function({monthIndex:t,selectedYear:e},n,a,i,r){const o=!M(new Date(r)),s=function(t,e){const n=function(t){u(1,arguments);var e=v(t),n=e.getFullYear(),a=e.getMonth(),i=new Date(0);return i.setFullYear(n,a+1,0),i.setHours(0,0,0,0),i.getDate()}(new Date(e,t));return[...Array(n).keys()].reduce(((n,a)=>(n.push(new Date(e,t,a+1)),n)),[])}(t,e).map(((t,e)=>{const r=i.some((e=>!e(t))),s=function(t,e,n){n||(n=new Date);return{isSelected:n&&y(n,t),isToday:y(t,new Date),isStartDate:y(t,null==e?void 0:e.startDate),isEndDate:y(t,null==e?void 0:e.endDate)}}(t,a,n),d=function({isInvalid:t,isSelected:e,isEndDate:n,isStartDate:a,isToday:i,isIncompleteDate:r}){const o=[];return t||o.push("is-valid"),e&&o.push("is-selected"),n&&o.push("is-end-date"),a&&o.push("is-start-date"),i&&o.push("is-today"),e&&t&&!r&&o.push("is-unavailable"),o.join(" ")}(Object.assign(Object.assign({},s),{isInvalid:r,isIncompleteDate:o}));return Object.assign(Object.assign({},s),{isValid:!r,date:t,integer:e+1,isEmpty:!1,isActivity:!1,classList:d})})),d=Mt(0,new Date(e,t,1,1,1,1,1).getDay()),l=0===(c=(d.length+s.length)%7)?[]:Mt(c,7);var c;return[...d,...s,...l]}(a,i,r,s,o)}function xt(t,e,n){const a=ot(null==t?void 0:t.startDate,n),i=function(t,e){u(2,arguments);var n=v(t),a=v(e);return n.getTime()<a.getTime()}(null==t?void 0:t.endDate,n),r=y(e,n)&&ot(e,null==t?void 0:t.cutOffTime);return!(a||r||i)}const Dt={date:null,integer:null,isActivity:!1,isEmpty:!0,isValid:!1,isToday:!1,isSelected:!1,isStartDate:!1,isEndDate:!1,classList:""};function Mt(t,e){return 7===t&&(t=0),[...Array(e-t).keys()].map((()=>Object.assign({},Dt)))}const kt=class{constructor(n){t(this,n),this.change=e(this,"change",7),this.error=e(this,"error",7),this.success=e(this,"success",7),this.formatModifier="M/D/YYYY",this.defaultFormatString="mm/dd/yyyy",this.defaultHintMessage=i("tecton.element.calendar.hint.format")+": "+this.defaultFormatString,this.scheduledAfterRender=[],this.dayAbbrStrings=[i("tecton.element.calendar.days.short.Sunday"),i("tecton.element.calendar.days.short.Monday"),i("tecton.element.calendar.days.short.Tuesday"),i("tecton.element.calendar.days.short.Wednesday"),i("tecton.element.calendar.days.short.Thursday"),i("tecton.element.calendar.days.short.Friday"),i("tecton.element.calendar.days.short.Saturday")],this.dayStrings=[i("tecton.element.calendar.days.Sunday"),i("tecton.element.calendar.days.Monday"),i("tecton.element.calendar.days.Tuesday"),i("tecton.element.calendar.days.Wednesday"),i("tecton.element.calendar.days.Thursday"),i("tecton.element.calendar.days.Friday"),i("tecton.element.calendar.days.Saturday")],this.monthStrings=mt(),this.closeCalendar=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.focusInput(),this.scheduledAfterRender.push(this.resizeIframe))},this.openCalendar=()=>{this.readonly||this.dropdownOpen||(this.selectedMonthYear=vt(this.dateValue),this.dateList=this.buildDateList(this.selectedMonthYear),this.dropdownOpen=!0,this.focusInput(),this.scheduledAfterRender.push(this.resizeIframe))},this.toggleCalendar=()=>{this.readonly||(this.dropdownOpen=!this.dropdownOpen,this.scheduledAfterRender.push(this.resizeIframe),this.dropdownOpen?(this.selectedMonthYear=vt(this.dateValue),this.dateList=this.buildDateList(this.selectedMonthYear)):this.focusInput())},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.closeCalendar())},this.onPopupKeyup=t=>{"Escape"!==t.key&&"Esc"!==t.key||(this.onInputBlur(),this.closeCalendar())},this.onInputInput=({detail:{value:t}})=>{this.typedValue=t},this.onInputKeydown=t=>{const{dateValue:e}=this;switch(t.key){case"ArrowDown":t.preventDefault(),this.openCalendar(),this.activateDay(e||new Date)}},this.onInputKeyup=t=>{if(this.disabled)return;if("Escape"===t.key||"Esc"===t.key)return this.onInputBlur(),void this.closeCalendar();if(!this.isTypeable)return;this.typedValue=function(t){if(!t)return"";if(t.match(/^[1-9]\/$/))return`0${t}/`;if(t.match(/^[0-9]{2}\/[1-9]{1}\/$/)){const e=t.split("/");return`${e[0]}/0${e[1]}/`}return t}(this.typedValue);const{typedValue:e}=this,n=bt(this.daysOfWeekChecksum),{isValid:a,message:i,messageType:r,inputDate:o,isAvailable:s,calendarPosition:d}=ft(e,n,this.validDates,this.invalidDates,this.startDate,this.endDate,this.defaultFormatString,this.assume);if(d){const[t,e,n]=d,a=new Date(`${n}-${t}-${e}`);M(a)&&(this.selectedMonthYear=vt(a),this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate())}"Enter"===t.key?(a||e&&e.length>4&&o&&M(o)&&s?this.setCompleteInput(o):this.value&&(this.value=null,this.change.emit({value:null}),this.typedValue=e),this.keyboardSelection?(this.keyboardSelection=!1,this.closeCalendar()):this.toggleCalendar()):this.setHints({isValid:a,message:i,messageType:r})},this.onInputChange=t=>{this.isTypeable&&t.stopPropagation()},this.onInputBlur=()=>{if(!this.isTypeable)return;const t=bt(this.daysOfWeekChecksum),{typedValue:e}=this,{isValid:n,inputDate:a,isAvailable:i}=ft(this.typedValue,t,this.validDates,this.invalidDates,this.startDate,this.endDate,this.defaultFormatString,this.assume);e||"Invalid Date"!==(null==a?void 0:a.toString())?n||e&&e.length>4&&a&&M(a)&&i?this.setCompleteInput(a):this.value&&(this.value=null,this.change.emit({value:null}),this.typedValue=e):this.setHints({isValid:!0,message:this.defaultHintMessage,messageType:"info"})},this.onInputClick=()=>{this.disabled||(r(this),this.toggleCalendar())},this.onRefocus=()=>{var t;null===(t=this.btnPrevMonth)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))},this.goToMonthYear=(t,e)=>{t<0?(t=11,e--):t>11&&(t=0,e++),this.selectedMonthYear={monthIndex:t,selectedYear:e},this.dateList=this.buildDateList(this.selectedMonthYear),this.scheduledAfterRender.push((()=>this.checkActiveCellForBlankness()))},this.selectDate=t=>{const{isValid:e}=this.dateList.find((({date:e})=>y(e,t)));e&&(this.change.emit({value:st(t)}),this.typedValue=dt(t),this.invalid=!1)},this.onDateSelection=t=>{const e=t.target.closest("td:not([aria-hidden])");if(!e)return;const n=ut(new Date(e.dataset.date));this.selectDate(n),this.isTypeable&&this.setHints({isValid:!0,message:`${i("tecton.element.calendar.hint.selection")}: ${lt(n)}`,messageType:"success"}),this.closeCalendar()},this.onDateKeydown=t=>{const{monthIndex:e,selectedYear:n}=this.selectedMonthYear,a=parseInt(t.target.dataset.day),i=this.generateDateFromDay(a);switch(t.key){case"ArrowUp":t.preventDefault(),this.activateDay(f(i,-7));break;case"ArrowDown":t.preventDefault(),this.activateDay(f(i,7));break;case"ArrowRight":t.preventDefault(),this.activateDay(f(i,1));break;case"ArrowLeft":t.preventDefault(),this.activateDay(f(i,-1));break;case"PageUp":t.preventDefault(),t.shiftKey?this.goToMonthYear(e,n-1):this.goToMonthYear(e-1,n);break;case"PageDown":t.preventDefault(),t.shiftKey?this.goToMonthYear(e,n+1):this.goToMonthYear(e+1,n);break;case"Home":t.preventDefault(),this.activateDay(f(i,-i.getDay()));break;case"End":t.preventDefault(),this.activateDay(f(i,6-i.getDay()));break;case"Escape":t.preventDefault(),this.closeCalendar(),this.focusInput();break;case"Enter":if(t.preventDefault(),!this.dateList.find((({date:t})=>y(t,i))).isValid)return;this.selectDate(i),this.closeCalendar(),this.focusInput();break;case" ":if(t.preventDefault(),!this.dateList.find((({date:t})=>y(t,i))).isValid)return;this.selectDate(i),this.focusInput()}},this.value=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.optional=void 0,this.disabled=void 0,this.readonly=void 0,this.invalid=void 0,this.typeable=void 0,this.clearable=void 0,this.placeholder=void 0,this.buttonLabel=void 0,this.disabledMsg=void 0,this.calendarLabel=void 0,this.disclaimer=void 0,this.displayFormat=void 0,this.startDate=void 0,this.endDate=void 0,this.cutoffTime=void 0,this.daysOfWeekChecksum=void 0,this.popDirection=void 0,this.assume="current",this.errors=void 0,this.invalidDates=void 0,this.validDates=void 0,this.onsuccess=void 0,this.dropdownOpen=!1,this.keyboardSelection=!1,this.typedValue="",this.dateList=void 0,this.hintMessage=this.defaultHintMessage,this.hintMessageType="info"}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}connectedCallback(){this.selectedMonthYear=vt(this.dateValue),this.dateList=this.buildDateList(this.selectedMonthYear),this.value&&this.isTypeable&&!this.typedValue&&(this.typedValue=function(t){const e=(t||"").split("-");return 3!==e.length?"":`${e[1]}/${e[2]}/${e[0]}`}(this.value)),this.validateDate()}componentWillLoad(){o(this)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}componentDidLoad(){s(this.hostElement)}get canClear(){return this.isTypeable?this.clearable&&!!this.typedValue:this.clearable&&!!this.value}get currentWeeks(){return this.dateList.reduce(((t,e,n)=>{const a=Math.floor(n/7);return t[a]||(t[a]=[]),t[a].push(e),t}),[])}get localizedErrors(){return Array.isArray(this.errors)&&this.errors.filter((t=>t)).map((t=>t&&i(t)))||[]}get formattedValue(){const{typedValue:t,dateValue:e,displayFormat:n,isTypeable:a}=this;return a?t:void 0===e?"":n?function(t,e,n){var a,i,r,o,s,d,l,h,f,m,b,w,y,x,D,E,S,P;u(2,arguments);var $=String(e),q=p(),T=null!==(a=null!==(i=null==n?void 0:n.locale)&&void 0!==i?i:q.locale)&&void 0!==a?a:_,O=c(null!==(r=null!==(o=null!==(s=null!==(d=null==n?void 0:n.firstWeekContainsDate)&&void 0!==d?d:null==n||null===(l=n.locale)||void 0===l||null===(h=l.options)||void 0===h?void 0:h.firstWeekContainsDate)&&void 0!==s?s:q.firstWeekContainsDate)&&void 0!==o?o:null===(f=q.locale)||void 0===f||null===(m=f.options)||void 0===m?void 0:m.firstWeekContainsDate)&&void 0!==r?r:1);if(!(O>=1&&O<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var Y=c(null!==(b=null!==(w=null!==(y=null!==(x=null==n?void 0:n.weekStartsOn)&&void 0!==x?x:null==n||null===(D=n.locale)||void 0===D||null===(E=D.options)||void 0===E?void 0:E.weekStartsOn)&&void 0!==y?y:q.weekStartsOn)&&void 0!==w?w:null===(S=q.locale)||void 0===S||null===(P=S.options)||void 0===P?void 0:P.weekStartsOn)&&void 0!==b?b:0);if(!(Y>=0&&Y<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!T.localize)throw new RangeError("locale must contain localize property");if(!T.formatLong)throw new RangeError("locale must contain formatLong property");var A=v(t);if(!M(A))throw new RangeError("Invalid time value");var W=g(A),I=k(A,W),L={firstWeekContainsDate:O,weekStartsOn:Y,locale:T,_originalDate:A};return $.match(et).map((function(t){var e=t[0];return"p"===e||"P"===e?(0,j[e])(t,T.formatLong):t})).join("").match(tt).map((function(a){if("''"===a)return"'";var i=a[0];if("'"===i)return rt(a);var r=z[i];if(r)return null!=n&&n.useAdditionalWeekYearTokens||!V(a)||X(a,e,String(t)),null!=n&&n.useAdditionalDayOfYearTokens||!B(a)||X(a,e,String(t)),r(I,a,T.localize,L);if(i.match(it))throw new RangeError("Format string contains an unescaped latin alphabet character `"+i+"`");return a})).join("")}(e,n.replace(/[d]/g,"E").replace(/[D]/g,"d").replace(/[Y]/g,"y").replace(/[l]/g,"P").replace(/[W]/g,"I")):new Intl.DateTimeFormat("default",{year:"numeric",month:"2-digit",day:"2-digit",timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone}).format(e)}get computedPlaceholder(){return this.disabled&&this.disabledMsg?i(this.disabledMsg):this.buttonLabel&&(this.disabled||this.placeholder)?i(this.buttonLabel):this.placeholder&&i(this.placeholder)||""}get dateValue(){if(this.isTypeable)return ct(this.typedValue);{let{value:t}=this;return t&&"string"!=typeof t&&"toDate"in t?t.toDate():("string"==typeof t&&6===t.split(" ").length&&/GMT-\d{4}/g.test(t)&&(t=st(t)),ct(t))}}get dateValidators(){const t=new Date(this.cutoffTime||"");return{startDate:ct(this.startDate),endDate:ct(this.endDate),cutOffTime:M(t)?t:void 0}}get isTypeable(){var t;return this.typeable&&!(null===(t=window.Tecton)||void 0===t?void 0:t.inMobileApp)&&!d()}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.value=t.detail.value)}defaultErrorHandler(t){if(t.target===this.hostElement&&!this.hostElement.onerror){if(Array.isArray(this.errors)&&this.errors.includes("tecton.element.calendar.invalidDate"))return;this.errors=(this.errors||[]).concat(["tecton.element.calendar.invalidDate"])}}defaultSuccessHandler(t){t.target===this.hostElement&&("function"==typeof this.onsuccess?this.onsuccess(t):Array.isArray(this.errors)&&this.errors.includes("tecton.element.calendar.invalidDate")&&(this.errors=this.errors.filter((t=>"tecton.element.calendar.invalidDate"!==t))))}delegateFocus(t){l(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}handleClear(){this.value=null,this.typedValue="",this.setHints({isValid:!0,message:this.defaultHintMessage,messageType:"info"})}ariaLabelObserver(){o(this)}valueObserver(t){const e=t&&"string"!=typeof t&&"toDate"in t;if(this.isTypeable){const n=e?dt(t.toDate()):t;this.typedValue=n,n||this.invalid||this.setHints({isValid:!0,message:this.defaultHintMessage,messageType:"info"})}else{const n=e?t.toDate():ct(t);this.inputField.value=dt(n),this.selectedMonthYear=vt(n),this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}}daysOfWeekChecksumObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}validDatesObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}invalidDatesObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}startDateObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}endDateObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}cutoffTimeObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}buildDateList(t){const e=ht(this.invalidDates);return yt(bt(this.daysOfWeekChecksum),ht(this.validDates),e,t,this.dateValue,this.dateValidators,this.typedValue)}validateDate(){var t,e,n;try{if(this.value){const{dateValue:a}=this,i=null!==(t=null==a?void 0:a.getMonth())&&void 0!==t?t:void 0,r=null!==(e=null==a?void 0:a.getFullYear())&&void 0!==e?e:void 0,{monthIndex:o,selectedYear:s}=this.selectedMonthYear,d=i===o&&r===s;let l=[];l=a?d?this.dateList:this.buildDateList({monthIndex:i,selectedYear:r}):[];const c=null!==(n=null==a?void 0:a.getDate())&&void 0!==n?n:void 0;c&&l.find((({integer:t})=>t===c)).isValid?this.success.emit({value:st(a)}):this.error.emit({errors:[{message:`Value passed is invalid: The date ${this.value} is not valid`,errorCode:"generalInvalid"}]})}}catch(t){console.warn("Invalid moment value ",this.dateValue)}}focusInput(){var t;null===(t=this.inputField)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))}checkActiveCellForBlankness(){const t=this.hostElement.shadowRoot.activeElement;if(!t||"TD"!==t.tagName||!t.hasAttribute("aria-hidden"))return;const{calendarBody:e}=this,n=Array.from(e.querySelectorAll("td")),a=Array.from(n).indexOf(t)<15?1:n.filter((t=>!t.hasAttribute("aria-hidden"))).length;this.focusDay(this.generateDateFromDay(a))}generateDateFromDay(t){const{monthIndex:e,selectedYear:n}=this.selectedMonthYear;return new Date(n,e,t)}activateDay(t){this.goToMonthYear(t.getMonth(),t.getFullYear()),this.scheduledAfterRender.push((()=>this.focusDay(t)))}focusDay(t){var e;null===(e=this.calendarBody.querySelector(`td[data-day="${t.getDate()}"]`))||void 0===e||e.focus()}render(){return n("click-elsewhere",{class:"calendar-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},this.calendarField(),n("div",{ref:t=>this.dropdownContainer=t,"aria-modal":"true",role:"dialog","aria-label":i("tecton.element.calendar.dialogLabel"),class:"q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":"")},this.isTypeable&&this.hintField(),this.calendarPopUp()))}hintField(){return n("q2-message",{type:this.hintMessageType,class:"calendar-hint"},this.hintMessage)}setHints({isValid:t,message:e,messageType:n}){this.invalid=!t,this.hintMessage=e,this.hintMessageType=n,this.invalid||(this.errors=[])}setCompleteInput(t){const e=dt(t);this.change.emit({value:st(t)}),this.typedValue=e,this.setHints({isValid:!0,message:`${i("tecton.element.calendar.hint.selection")}: ${lt(t)}`,messageType:"success"})}calendarField(){return n("q2-input",{ref:t=>this.inputField=t,class:"calendar-input-field",value:this.formattedValue,label:i(this.label),hideLabel:this.hideLabel,disabled:!!this.disabled,readonly:!!this.readonly,clearable:this.canClear,placeholder:this.computedPlaceholder,optional:!!this.optional,ariaExpanded:`${!!this.dropdownOpen}`,errors:this.localizedErrors.length>0&&this.localizedErrors||this.invalid&&["tecton.element.calendar.invalid"]||[],onClick:this.onInputClick,onChange:this.onInputChange,onInput:this.onInputInput,onKeyDown:this.onInputKeydown,onKeyUp:this.onInputKeyup,onBlur:this.onInputBlur,"icon-right":"calendar","format-modifier":this.isTypeable?this.formatModifier:"",pseudo:!this.isTypeable,type:"date","hide-messages":!0,"test-id":"inputAndCalendarToggle"})}calendarPopUp(){const{monthIndex:t,selectedYear:e}=this.selectedMonthYear;return n("div",{class:"calendar-field-popup",onKeyUp:this.onPopupKeyup},this.calendarLabel&&n("p",{class:"calendar-label"},i(this.calendarLabel)),n("div",{class:"cal-month-heading"},n("q2-btn",{label:i("tecton.element.calendar.previousMonth"),"hide-label":!0,ref:t=>this.btnPrevMonth=t,class:"cal-nav-btn prev-month","test-id":"previousMonthButton",onClick:()=>this.goToMonthYear(t-1,e)},n("q2-icon",{type:"chevron-left"})),n("span",{class:"cal-month-text"},this.monthStrings[t]),n("q2-btn",{label:i("tecton.element.calendar.nextMonth"),"hide-label":!0,class:"cal-nav-btn next-month",ref:t=>this.btnNextMonth=t,"test-id":"nextMonthButton",onClick:()=>this.goToMonthYear(t+1,e)},n("q2-icon",{type:"chevron-right"})),n("q2-btn",{label:i("tecton.element.calendar.previousYear"),"hide-label":!0,class:"cal-nav-btn prev-year",ref:t=>this.btnPrevYear=t,"test-id":"previousYearButton",onClick:()=>this.goToMonthYear(t,e-1)},n("q2-icon",{type:"chevron-left"})),n("span",{class:"cal-year-text"},this.selectedMonthYear.selectedYear),n("q2-btn",{label:i("tecton.element.calendar.nextYear"),"hide-label":!0,class:"cal-nav-btn next-year",ref:t=>this.btnNextYear=t,"test-id":"nextYearButton",onClick:()=>this.goToMonthYear(t,e+1)},n("q2-icon",{type:"chevron-right"}))),n("div",{class:"sr","aria-live":"polite",id:"table-label"},`${this.monthStrings[t]} ${e}`),this.calendarDays(),this.disclaimer&&n("div",{class:"calendar-disclaimer"},i(this.disclaimer)),n("q2-btn",{class:"sr refocus-popup",onFocus:this.onRefocus}))}calendarDays(){const t=this.monthStrings[this.selectedMonthYear.monthIndex];return n("table",{role:"grid","aria-labelledby":"table-label"},n("thead",null,n("tr",null,[...Array(7).keys()].map((t=>n("th",{scope:"col",abbr:this.dayStrings[t]},this.dayAbbrStrings[t]))))),n("tbody",{onClick:this.onDateSelection,onKeyDown:this.onDateKeydown,ref:t=>this.calendarBody=t},this.currentWeeks.map((e=>n("tr",null,e.map((e=>{var a;let r=`${t} ${e.integer}`;return e.isSelected&&(r+=` (${i("tecton.element.calendar.selected")})`),n("td",{class:e.classList,"aria-hidden":e.isEmpty?"true":void 0,tabindex:e.isSelected?0:-1,role:e.isSelected?"gridcell":void 0,"aria-selected":e.isSelected?"true":void 0,"aria-disabled":e.isValid?void 0:"true","data-day":e.integer||void 0,"data-date":e.date?st(e.date):void 0},(null==e?void 0:e.isToday)&&n("div",{class:"today-decorator"},i("tecton.element.calendar.today")),n("div",{"aria-label":r},null!==(a=null==e?void 0:e.integer)&&void 0!==a?a:""))})))))))}get hostElement(){return a(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueObserver"],daysOfWeekChecksum:["daysOfWeekChecksumObserver"],validDates:["validDatesObserver"],invalidDates:["invalidDatesObserver"],startDate:["startDateObserver"],endDate:["endDateObserver"],cutoffTime:["cutoffTimeObserver"]}}};kt.style="*{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}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:block}:host[hidden]{display:none}.calendar-container{position:relative;display:block}q2-input{margin:0;cursor:pointer}.q2-element-dropdown{text-align:center;min-width:308px}.q2-element-dropdown.dropup{bottom:var(--comp-input-min-height, 44px);margin-bottom:0px}.calendar-label{font-size:var(--tct-calendar-label-font-size, var(--t-calendar-label-font-size, 16px));flex:1 1;flex-basis:calc(100% - var(--tct-btn-icon-width, 44px));margin:0;padding:var(--tct-calendar-label-vertical-padding, var(--t-calendar-label-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0}.calendar-hint{text-align:left;margin:0}.cal-month-heading{padding:0 0 0.75rem;display:flex;justify-content:center;align-items:center;font-size:var(--tct-calendar-month-font-size, var(--t-calendar-month-font-size, 16px));font-weight:var(--tct-calendar-month-font-weight, var(--t-calendar-month-font-weight, 600))}.cal-month-text{min-width:82px;display:inline-block}.cal-year-text{min-width:50px;display:inline-block}table{width:100%;margin-bottom:2px}th{font-size:var(--tct-calendar-day-heading-font-size, var(--t-calendar-day-heading-font-size, inherit));font-weight:var(--tct-calendar-day-heading-font-weight, var(--t-calendar-day-heading-font-weight, 600));width:14.285714%}td{height:44px;cursor:pointer}td.is-unavailable{border:1px solid var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}td.is-valid:hover{background-color:var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2))))));color:var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))}td[aria-hidden],td[aria-disabled]{pointer-events:none;cursor:not-allowed}td[aria-disabled]{opacity:var(--tct-calendar-day-disabled-opacity, var(--t-calendar-day-disabled-opacity, var(--app-disabled-opacity, 0.4)))}td[aria-selected]{background-color:var(--tct-calendar-day-selected-bg, var(--t-calendar-day-selected-bg, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2))))))));color:var(--tct-calendar-day-selected-font-color, var(--t-calendar-day-selected-font-color, var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))));box-shadow:inset 2px 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1)))), inset -2px -2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}.today-decorator{text-transform:uppercase;font-weight:700;font-size:10px;height:12px}.calendar-disclaimer{font-size:var(--tct-calendar-disclaimer-font-size, var(--t-calendar-disclaimer-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));border-top:1px solid var(--tct-calendar-disclaimer-border-color, var(--t-calendar-disclaimer-border-color, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #e6e6e6))))));padding:var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)));text-align:left}";export{kt as q2_calendar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as r,F as o,g as i}from"./p-926a3e80.js";import{d as s,o as a,i as l,l as p}from"./p-a510290a.js";s();const n=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.scheduledAfterRender=[],this.onSlotChange=()=>{this.checkForPanes(),this.checkScrollState()},this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-e:e,behavior:"smooth"})},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:o,lastEnabledStep:i}=this;e>i||e===r||this.change.emit({selectedStep:e,lastEnabledStep:i,currentStep:r,stepCount:o})},this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:o}=this,{key:i}=t;let s;switch(i){case"ArrowLeft":t.preventDefault(),s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault(),s=Math.min(e+1,o);break;case"Home":t.preventDefault(),s=1;break;case"End":t.preventDefault(),s=r}s&&this.focusStep(s,!0)},this.checkForPanes=()=>{const{allPanes:t}=this;t.length&&(this.stepCount=t.length)},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r,this.showScrollLeft=!!t,this.showScrollRight=e!==t+r},this.currentStep=1,this.stepCount=void 0,this.lastEnabledStep=void 0,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1}componentWillLoad(){this.lastEnabledStep||(this.lastEnabledStep=this.currentStep||1),this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),a(this.hostElement),setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStep=t.detail.selectedStep)}delegateFocus(t){l(t,this.hostElement)&&this.focusStep(this.currentStep,!0,!0)}statusChangeHandler(t){const e=Array.from(this.allPanes).findIndex((e=>t.detail.id===e.id));e>-1&&(this.allPanes[e].status=t.detail.status,this.renderStepBtn(e))}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t,this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t,e;return null===(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===e?void 0:e.call(t)}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e,r){var o;const i=this.listElement.children[t-1],s=document.activeElement===this.hostElement;i&&((s||r)&&(null===(o=i.firstElementChild)||void 0===o||o.focus()),e)&&this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"})}renderStepBtn(t){var e;const{allPanes:i,stepCount:s,currentStep:a,lastEnabledStep:l}=this,{id:n,label:c,description:b,status:d}=null!==(e=null==i?void 0:i[t])&&void 0!==e?e:{},h=t+1,v=h===a,u=c&&`label-${n}`,f=c&&b&&`description-${n}`,g=!c&&p("tecton.element.stepper.number",[`${h}`,`${s}`]);let m;"complete"===d?m="success-filled":"error"===d&&(m="warning-filled");const w=["step-btn"];d&&w.push(`status-${d}`);const x="locked"===d,z=x||h>l;return r("li",{role:"presentation"},r("button",{class:w.join(" "),type:"button","aria-labelledby":u,"aria-describedBy":f,"aria-label":g,"aria-selected":v,"aria-controls":n,"aria-disabled":z?"true":null,role:"tab",tabIndex:v?0:-1,onKeyDown:t=>this.onStepKeyDown(t,h),onClick:t=>!x&&this.onStepClick(t,h)},r(o,null,m?r("div",{class:"step-icon"},r("q2-icon",{type:m})):r("div",{class:"step-bubble"},h),c&&r("div",{class:"step-label",id:u},p(c)),c&&b&&r("div",{class:"step-description",id:f},p(b)))),t?r("hr",null):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:i,showScrollRight:s}=this,a=["step-container"];return e&&a.push("has-scroll"),r(o,null,r("div",{class:a.join(" ")},e&&r(o,null,r("div",{class:"gradient-left",hidden:!i}),r("div",{class:"gradient-right",hidden:!s}),r("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{type:"chevron-left"})),r("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{type:"chevron-right"}))),r("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",null,r("slot",{onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return i(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};n.style='*{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}:host{display:block;position:relative}ul{--comp-bullet-bg:var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1)));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-bullet-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-bullet-border-offset:var(--tct-stepper-bullet-border-offset, var(--t-stepper-bullet-border-offset, 4px));--comp-bullet-border:var(--tct-stepper-bullet-border, var(--t-stepper-bullet-border, 2px solid var(--t-primary-l3, #21acff)));--comp-bullet-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-top-btn-icon-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-btn-label-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-btn-label-color:var(--tct-stepper-label-color, var(--t-stepper-label-color, var(--t-text, #4d4d4d)));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none;margin-top:2px;--comp-active-color:var(--t-primary, #0079c1)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-btn[aria-disabled]{cursor:not-allowed}.step-btn[aria-disabled],.step-btn[aria-disabled]+hr{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-bg:var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray-12, #d9d9d9)))}.step-icon,.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0;margin:var(--comp-bullet-gap) auto;color:var(--comp-bullet-font-color);width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);min-height:var(--comp-btn-icon-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}.step-icon q2-icon,.step-bubble q2-icon{--tct-icon-fill:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--comp-bullet-font-color);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}[aria-selected] .step-icon,[aria-selected] .step-bubble{font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}[aria-selected] .step-icon:before,[aria-selected] .step-bubble:before{content:"";position:absolute;inset:calc(var(--comp-bullet-border-offset) * -1);width:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));height:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));border-radius:50%;border:var(--comp-bullet-border);border-color:var(--comp-active-color)}.step-bubble{background:var(--comp-bullet-bg)}hr{width:calc(var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size));top:calc(var(--comp-bullet-size) / 2 + var(--comp-bullet-gap));left:calc(var(--comp-step-width) * -0.5 + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-bg);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d)));font-size:var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px)));height:1.5em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding-bottom:0.2em}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}';export{n as q2_stepper}
|
|
1
|
+
import{r as t,c as e,h as r,F as o,g as i}from"./p-926a3e80.js";import{f as s,o as a,a as l,l as p}from"./p-059065e4.js";s();const n=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.scheduledAfterRender=[],this.onSlotChange=()=>{this.checkForPanes(),this.checkScrollState()},this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-e:e,behavior:"smooth"})},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:o,lastEnabledStep:i}=this;e>i||e===r||this.change.emit({selectedStep:e,lastEnabledStep:i,currentStep:r,stepCount:o})},this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:o}=this,{key:i}=t;let s;switch(i){case"ArrowLeft":t.preventDefault(),s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault(),s=Math.min(e+1,o);break;case"Home":t.preventDefault(),s=1;break;case"End":t.preventDefault(),s=r}s&&this.focusStep(s,!0)},this.checkForPanes=()=>{const{allPanes:t}=this;t.length&&(this.stepCount=t.length)},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r,this.showScrollLeft=!!t,this.showScrollRight=e!==t+r},this.currentStep=1,this.stepCount=void 0,this.lastEnabledStep=void 0,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1}componentWillLoad(){this.lastEnabledStep||(this.lastEnabledStep=this.currentStep||1),this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),a(this.hostElement),setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStep=t.detail.selectedStep)}delegateFocus(t){l(t,this.hostElement)&&this.focusStep(this.currentStep,!0,!0)}statusChangeHandler(t){const e=Array.from(this.allPanes).findIndex((e=>t.detail.id===e.id));e>-1&&(this.allPanes[e].status=t.detail.status,this.renderStepBtn(e))}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t,this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t,e;return null===(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===e?void 0:e.call(t)}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e,r){var o;const i=this.listElement.children[t-1],s=document.activeElement===this.hostElement;i&&((s||r)&&(null===(o=i.firstElementChild)||void 0===o||o.focus()),e)&&this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"})}renderStepBtn(t){var e;const{allPanes:i,stepCount:s,currentStep:a,lastEnabledStep:l}=this,{id:n,label:c,description:b,status:d}=null!==(e=null==i?void 0:i[t])&&void 0!==e?e:{},h=t+1,v=h===a,u=c&&`label-${n}`,f=c&&b&&`description-${n}`,g=!c&&p("tecton.element.stepper.number",[`${h}`,`${s}`]);let m;"complete"===d?m="success-filled":"error"===d&&(m="warning-filled");const w=["step-btn"];d&&w.push(`status-${d}`);const x="locked"===d,z=x||h>l;return r("li",{role:"presentation"},r("button",{class:w.join(" "),type:"button","aria-labelledby":u,"aria-describedBy":f,"aria-label":g,"aria-selected":v,"aria-controls":n,"aria-disabled":z?"true":null,role:"tab",tabIndex:v?0:-1,onKeyDown:t=>this.onStepKeyDown(t,h),onClick:t=>!x&&this.onStepClick(t,h)},r(o,null,m?r("div",{class:"step-icon"},r("q2-icon",{type:m})):r("div",{class:"step-bubble"},h),c&&r("div",{class:"step-label",id:u},p(c)),c&&b&&r("div",{class:"step-description",id:f},p(b)))),t?r("hr",null):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:i,showScrollRight:s}=this,a=["step-container"];return e&&a.push("has-scroll"),r(o,null,r("div",{class:a.join(" ")},e&&r(o,null,r("div",{class:"gradient-left",hidden:!i}),r("div",{class:"gradient-right",hidden:!s}),r("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{type:"chevron-left"})),r("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{type:"chevron-right"}))),r("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",null,r("slot",{onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return i(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};n.style='*{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}:host{display:block;position:relative}ul{--comp-bullet-bg:var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1)));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-bullet-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-bullet-border-offset:var(--tct-stepper-bullet-border-offset, var(--t-stepper-bullet-border-offset, 4px));--comp-bullet-border:var(--tct-stepper-bullet-border, var(--t-stepper-bullet-border, 2px solid var(--t-primary-l3, #21acff)));--comp-bullet-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-top-btn-icon-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-btn-label-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-btn-label-color:var(--tct-stepper-label-color, var(--t-stepper-label-color, var(--t-text, #4d4d4d)));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none;margin-top:2px;--comp-active-color:var(--t-primary, #0079c1)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-btn[aria-disabled]{cursor:not-allowed}.step-btn[aria-disabled],.step-btn[aria-disabled]+hr{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-bg:var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray-12, #d9d9d9)))}.step-icon,.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0;margin:var(--comp-bullet-gap) auto;color:var(--comp-bullet-font-color);width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);min-height:var(--comp-btn-icon-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}.step-icon q2-icon,.step-bubble q2-icon{--tct-icon-fill:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--comp-bullet-font-color);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}[aria-selected] .step-icon,[aria-selected] .step-bubble{font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}[aria-selected] .step-icon:before,[aria-selected] .step-bubble:before{content:"";position:absolute;inset:calc(var(--comp-bullet-border-offset) * -1);width:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));height:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));border-radius:50%;border:var(--comp-bullet-border);border-color:var(--comp-active-color)}.step-bubble{background:var(--comp-bullet-bg)}hr{width:calc(var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size));top:calc(var(--comp-bullet-size) / 2 + var(--comp-bullet-gap));left:calc(var(--comp-step-width) * -0.5 + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-bg);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d)));font-size:var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px)));height:1.5em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding-bottom:0.2em}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}';export{n as q2_stepper}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as o,g as r}from"./p-926a3e80.js";import{r as e,o as a,l as n,a as c}from"./p-059065e4.js";import{s,a as l}from"./p-a1926e65.js";const p=class{constructor(o){var r;t(this,o),this.change=i(this,"change",7),this.scheduledAfterRender=[],this.activateFirstOption=!1,this.updateSelectedOptionElements=async()=>{var t;const{selectedOptions:i}=this,o=i.map((t=>t.value)),r=await(null===(t=this.optionList)||void 0===t?void 0:t.getOptions());this.selectedOptionElements=null==r?void 0:r.filter((t=>o.includes(t.value)))},this.determineHasOptions=()=>{const t=!!this.hostElement.querySelectorAll("q2-option").length;this.hasOptions=t},this.clearSelectedOptions=()=>{this.selectedOptions=[],this.active=!1,this.open=!1,this.primaryBtn.focus(),this.change.emit({value:null,values:[],active:!1}),this.scheduledAfterRender.push(e)},this.handleClick=async t=>{if(t.stopPropagation(),!this.disabled)if(this.hasOptions)this.activateFirstOption=!1,s(this)?this.executeActionSheet(t):await this.popoverElement.toggle();else{const{value:t,label:i}=this,o=this.active=!this.active,r=o?[{value:t,display:i}]:[];this.selectedOptions=r,this.change.emit({value:t,values:r,active:o})}},this.handleKeydown=async t=>{this.hasOptions&&!this.disabled&&(s(this,t)?this.executeActionSheet(t):(this.activateFirstOption=!0,this.optionList.handleExternalKeydown(t)))},this.handleChange=t=>{t.stopPropagation(),this.hasOptions&&this.handleSelectionChanges(t.detail)},this.handleWrapperClick=()=>{this.primaryBtn.focus(),this.primaryBtn.click()},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.popoverElement.open=!1)},this.hoist=!!(null===(r=window.Tecton)||void 0===r?void 0:r.useActionSheets),this.disabled=void 0,this.active=void 0,this.open=void 0,this.multiple=void 0,this.maxLength=void 0,this.label=void 0,this.value=void 0,this.theme=void 0,this.selectedOptions=[],this.popoverMinHeight=150,this.popoverDirection=void 0,this.hasOptions=void 0,this.selectedOptionElements=[]}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){a(this.hostElement)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}get buttonContent(){const{label:t,selectedOptions:i,selectedOptionElements:o,hasOptions:r}=this;return r&&0!==o.length?1===o.length?o[0].display:n("tecton.element.pill.activeCount",{count:i.length}):t}get truncatedButtonContent(){const{maxLength:t,buttonContent:i}=this;return t&&i.length>t?`${i.substring(0,t)}…`:i}async executeActionSheet(t){const i=await l(this,t);this.handleSelectionChanges(i)}handleSelectionChanges(t){const{value:i="",values:o=[]}=t,r=!!o.length;this.hostElement.onchange||(this.selectedOptions=o,this.active=r),this.change.emit({value:i,values:o,active:r})}selectedOptionsWatcher(){this.updateSelectedOptionElements()}delegateFocus(t){c(t,this.hostElement)&&this.primaryBtn.focus()}popoverStateHandler({detail:{open:t}}){this.open!==t&&(this.open=t),t&&this.activateFirstOption?(this.optionList.focus(),this.activateFirstOption=!1):(this.optionList.setActiveElement(null),this.primaryBtn.focus())}generateIcon(){const{hasOptions:t,active:i}=this,r=t&&i,e=r||!t?"close":"chevron-down";return o(r?"button":"div",{class:"btn-close",onClick:r&&this.clearSelectedOptions,disabled:r&&this.disabled,"aria-label":r&&n("tecton.element.pill.clearSelection"),type:r&&"button"},o("q2-icon",{type:e}))}render(){const{hasOptions:t,active:i,open:r}=this,e=["btn-wrapper"];return(t||i)&&e.push("has-icon"),t&&e.push("has-options"),o("click-elsewhere",{onChange:this.onClickElsewhere},o("div",{class:e.join(" ")},o("div",{class:"btn-height-wrapper",ref:t=>this.primaryBtnWrapper=t,onClick:this.handleWrapperClick,tabIndex:-1},o("button",{class:"btn-primary","test-id":"btn-control",type:"button",ref:t=>this.primaryBtn=t,onClick:this.handleClick,onKeyDown:this.handleKeydown,disabled:this.disabled,"aria-selected":!t&&i?"true":"false","aria-roledescription":!t&&"filter","aria-controls":t&&"option-list","aria-haspopup":t&&"true","aria-expanded":t&&`${!!r}`||void 0,"aria-label":this.maxLength&&this.buttonContent},this.truncatedButtonContent,!t&&i&&o("span",{class:"sr"},"(",n("tecton.element.pill.active"),")"))),this.generateIcon()),this.hasOptions&&o("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.primaryBtnWrapper,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:"right"},o("q2-option-list",{ref:t=>this.optionList=t,id:"option-list",onChange:this.handleChange,multiple:this.multiple,selectedOptions:this.selectedOptions,onReady:()=>this.updateSelectedOptionElements()},o("slot",null))))}get hostElement(){return r(this)}static get watchers(){return{selectedOptions:["selectedOptionsWatcher"]}}};p.style="*{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}:host{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}q2-popover,.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px))}.btn-wrapper{--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-close-size:0px;--comp-btn-background:var(--tct-pill-btn-background, var(--t-pill-btn-background, var(--t-base, #ffffff)));--compt-hover-btn-background:var(--tct-pill-hover-btn-background, var(--t-pill-hover-btn-background, var(--t-gray-13, #e6e6e6)));--comp-btn-padding:var(--tct-pill-btn-padding-inline, var(--t-pill-btn-padding-inline, var(--app-scale-3x, 15px)));--comp-btn-color:var(--tct-pill-btn-color, var(--t-pill-btn-color, var(--t-gray-3, #262626)));--comp-active-btn-color:var(--comp-btn-background);--comp-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-7, #666666)));--comp-active-btn-border-color:var(--tct-pill-active-btn-border-color, var(--t-pill-active-btn-border-color, var(--t-gray-7, #666666)));--comp-hover-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));--comp-hover-active-btn-border-color:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));position:relative}:host(:not(:empty)) .btn-wrapper,.btn-wrapper.has-icon{--comp-close-size:var(--comp-pill-btn-height)}:host([active]) .btn-wrapper{--comp-btn-color:var(--tct-pill-active-btn-color, var(--t-pill-active-btn-color, var(--t-base, #ffffff)))}:host([theme=primary]) .btn-wrapper{--comp-active-btn-background:var(--t-primary-l5, #61c4ff);--comp-active-btn-color:var(--t-primary-text, #ffffff);--comp-active-btn-border-color:var(--t-primary-l5, #61c4ff);--comp-hover-active-btn-background:var(--t-primary-l3, #21acff);--comp-hover-active-btn-border-color:var(--t-primary-l3, #21acff)}:host([theme=secondary]) .btn-wrapper{--comp-active-btn-background:var(--t-secondary-l5, #d9e1e6);--comp-active-btn-color:var(--t-secondary-text, #141414);--comp-active-btn-border-color:var(--t-secondary-l5, #d9e1e6);--comp-hover-active-btn-background:var(--t-secondary-l3, #c9d5db);--comp-hover-active-btn-border-color:var(--t-secondary-l3, #c9d5db)}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--t-tertiary-l5, #f4fafe);--comp-active-btn-color:var(--t-tertiary-text, #141414);--comp-active-btn-border-color:var(--t-tertiary-l5, #f4fafe);--comp-hover-active-btn-background:var(--t-tertiary-l3, #eff8fd);--comp-hover-active-btn-border-color:var(--t-tertiary-l3, #eff8fd)}.btn-height-wrapper{height:var(--comp-pill-min-height);display:flex;align-items:center;cursor:pointer}.btn-height-wrapper:focus{box-shadow:none}:host([disabled]) .btn-height-wrapper{cursor:not-allowed}.btn-close,.btn-primary{cursor:pointer;height:var(--comp-pill-btn-height);border-style:solid;border-radius:var(--tct-pill-btn-border-radius, var(--t-pill-btn-border-radius, 30px));transition-property:background, color, padding, width, opacity;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}:host([disabled]) .btn-close,:host([disabled]) .btn-primary,:host([disabled]) q2-icon{opacity:var(--tct-pill-disabled-opacity, var(--t-pill-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}.btn-primary{background:var(--comp-btn-background);border-width:var(--comp-pill-btn-border-width);border-color:var(--tct-pill-btn-border-color, var(--t-pill-btn-border-color, var(--t-gray-9, #999999)));padding-inline:var(--comp-btn-padding);padding-right:calc(var(--comp-btn-padding) + var(--comp-close-size));font-size:var(--tct-pill-btn-font-size, var(--t-pill-btn-font-size, var(--app-font-size, 14px)));color:var(--comp-btn-color);display:block;width:100%;text-align:start}.btn-primary:focus,.btn-primary:hover{background:var(--comp-hover-btn-background)}:host(:not(:empty)) .btn-primary,.has-icon .btn-primary{padding-right:calc(var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-scale-1x, 5px))) + var(--comp-close-size))}.has-options .btn-primary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, 200px))}:host([active]) .btn-primary{background:var(--comp-active-btn-background);border-color:var(--comp-active-btn-border-color);color:var(--comp-active-btn-color)}:host([active]) .btn-primary:focus,:host([active]) .btn-primary:hover{background:var(--comp-hover-active-btn-background);border-color:var(--comp-hover-active-btn-border-color)}.btn-close{background:transparent;border-color:transparent;border-width:var(--comp-pill-btn-border-width);width:var(--comp-close-size);height:var(--comp-close-size);padding:0;border:0;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0}:host([active]) .btn-close{color:var(--comp-active-btn-color)}:host(:not(:empty)) .btn-close,.has-icon .btn-close{opacity:1}q2-icon{--t-icon-stroke-primary:currentColor;width:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));height:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));transition-property:transform;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}div.btn-close{pointer-events:none}:host([open]) div.btn-close q2-icon{transform:rotate(180deg)}:host([active]) button.btn-close:focus,:host([active]) button.btn-close:hover{background:var(--tct-pill-hover-close-btn-background, var(--t-pill-hover-close-btn-background, var(--t-top-a1, rgba(13, 13, 13, 0.35))));border-color:var(--tct-pill-hover-close-btn-border-color, var(--t-pill-hover-close-btn-border-color, var(--t-top-a1, rgba(13, 13, 13, 0.35))))}q2-popover{top:calc(var(--comp-pill-min-height) - (var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2)}";export{p as q2_pill}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,g as i,H as o}from"./p-926a3e80.js";import{c as a,l as r}from"./p-059065e4.js";const s=class{constructor(e){t(this,e),this.guid=a(),this.setHidden=()=>{this.hidden=this.options.every((t=>t.hidden||t._multiSelectHidden))},this.disabled=!1,this.label=void 0,this.hidden=!1}componentWillLoad(){const t=new MutationObserver(this.setHidden);t.observe(this.hostElement,{childList:!0,attributes:!0,subtree:!0}),this.mutationObserver=t,this.setHidden(),this.disabledWatcher(this.disabled)}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}get headerId(){return`q2-optgroup-header-${this.guid}`}get options(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}disabledWatcher(t){this.options.forEach((e=>{e.disabledGroup=!!t}))}render(){return e("div",{class:"q2-optgroup-container",hidden:this.hidden,"aria-labelledby":this.headerId,role:"group"},e("div",{class:"q2-optgroup-header",id:this.headerId},this.label&&r(this.label)||""),e("div",{class:"q2-optgroup-options"},e("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{disabled:["disabledWatcher"]}}};s.style="*{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}:host{display:block}.q2-optgroup-header{--comp-header-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-2, var(--app-scale-2x, 10px));background:var(--tct-optgroup-header-bg, var(--t-optgroup-header-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l2, var(--app-gray-l2, #e6e6e6))))));padding:var(--tct-optgroup-header-padding, var(--t-optgroup-header-padding, var(--comp-header-padding)));font-weight:var(--tct-optgroup-header-font-weight, var(--t-optgroup-header-font-weight, 600));text-transform:var(--tct-optgroup-header-text-transform, var(--t-optgroup-header-text-transform, uppercase));position:sticky;top:calc(var(--comp-multi-select-header-height, 0px) + var(--tct-optgroup-top, var(--t-optgroup-top, 0px)));z-index:5}";const n=class{constructor(e){t(this,e),this.role="option",this.display=void 0,this.value=void 0,this.disabled=void 0,this.disabledGroup=void 0,this.selected=void 0,this.hidden=void 0,this.multiline=void 0,this.active=void 0,this._multiSelectHidden=!1}componentWillLoad(){this.handleDisplay()}handleDisplay(){this.display||this.multiline||(this.display=this.hostElement.textContent.trim())}render(){const{disabled:t,disabledGroup:i,selected:a,_multiSelectHidden:r}=this;return e(o,{tabindex:"-1","aria-disabled":t||i?"true":void 0,"aria-selected":a?"true":void 0,"aria-hidden":r?"true":void 0},this.selected&&e("q2-icon",{type:"checkmark"}),e("div",{class:"content"},e("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{display:["handleDisplay"]}}};n.style='*{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}:host{--comp-padding:0 var(--app-scale-2x, 10px);--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));padding:var(--tct-option-padding, var(--t-option-padding, var(--comp-padding)));min-height:44px;align-items:center;cursor:pointer;grid-template-columns:var(--comp-selected-icon-size) 1fr;align-items:center;grid-template-areas:"icon content";gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host(:focus),:host(:hover),:host([active]){position:relative;z-index:1}:host([multiline]){--comp-padding:var(--app-scale-2, 10px) var(--app-scale-2, 10px);--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, 26px))}:host([_no-select]){grid-template-columns:1fr;grid-template-areas:"content"}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host(:not([aria-disabled]):hover),:host([active]),:host(:focus){background-color:var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))}:host(:focus){border:1px solid #33b4ff}q2-icon{grid-area:icon;--tct-icon-size:var(--comp-selected-icon-size)}.content{display:block;grid-area:content}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}';export{s as q2_optgroup,n as q2_option}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,F as r,g as i}from"./p-926a3e80.js";import{o as s,c as n,i as o,l as c}from"./p-a510290a.js";const l=class{constructor(a){t(this,a),this.change=e(this,"change",7),this.scheduledAfterRender=[],this.determinePaneChanges=t=>{t.forEach((t=>{var e,a;"childList"===t.type&&(t.addedNodes.length||t.removedNodes.length)&&((null===(e=t.addedNodes[0])||void 0===e?void 0:e.nodeType)!==Node.ELEMENT_NODE&&(null===(a=t.removedNodes[0])||void 0===a?void 0:a.nodeType)!==Node.ELEMENT_NODE||this.buildPaneList())}))},this.buildPaneList=()=>{const{allRootPanes:t}=this;t.length&&(this.structuredPanes=Array.from(t).reduce(((t,e)=>{var a,r;const i=Array.from(null!==(r=null===(a=e.querySelector("[slot=children]"))||void 0===a?void 0:a.children)&&void 0!==r?r:[]).filter((({tagName:t})=>"Q2-STEPPER-PANE"===t)).map(this.extractDetails);return t.push(Object.assign(Object.assign({},this.extractDetails(e)),{children:i})),t}),[]))},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStepId:a}=this;if(e===a)return;const r=this.allPanes.find((t=>t.id===e));this.change.emit({selectedStep:r,selectedStepId:e,currentStepId:a})},this.onStepKeyDown=(t,e)=>{const{key:a}=t;let r;switch(a){case"ArrowUp":case"ArrowLeft":t.preventDefault(),r=this.getStepId(e,"prev");break;case"ArrowDown":case"ArrowRight":t.preventDefault(),r=this.getStepId(e,"next");break;case"Home":t.preventDefault(),r=this.getStepId(e,"first");break;case"End":t.preventDefault(),r=this.getStepId(e,"last")}r&&this.focusStepBtn(r,!0)},this.currentStepId=void 0,this.structuredPanes=[]}componentWillLoad(){this.setDefaultPane(),this.buildPaneList();const t=new MutationObserver(this.determinePaneChanges),e={childList:!0};t.observe(this.hostElement,e),this.allRootPanes.forEach((a=>{const r=a.querySelector("[slot=children]");r&&t.observe(r,e)})),this.mutationObserver=t}componentDidLoad(){s(this.hostElement),setTimeout((()=>this.showStep(this.currentStepId)),0)}componentWillUpdate(){this.expandedStepChildrenList=null}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.openCurrentStepChildren()}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}get allRootPanes(){return Array.from(this.hostElement.querySelectorAll(":scope > q2-stepper-pane"))}get allPanes(){return Array.from(this.hostElement.querySelectorAll("q2-stepper-pane"))}setDefaultPane(){if(this.currentStepId)return;const t=this.hostElement.querySelector("q2-stepper-pane");t&&(t.id||(t.id=`step-${n()}`),this.currentStepId=t.id)}getStepId(t,e){const a=Array.from(this.hostElement.shadowRoot.querySelectorAll('ul:not([aria-hidden="true"]) > li > button:not([aria-disabled="true"])')),r=a.findIndex((e=>e.getAttribute("aria-controls")===t));let i;switch(e){case"prev":i=Math.max(r-1,0);break;case"next":i=Math.min(r+1,a.length-1);break;case"first":i=0;break;case"last":i=a.length-1}return a[i].getAttribute("aria-controls")}showStep(t){this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStepBtn(t)}extractDetails(t){const{label:e,description:a,status:r}=t;return t.id||(t.id=`step-${n()}`),{id:t.id,label:e,description:a,status:r}}resizeIframe(){var t,e;return null===(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===e?void 0:e.call(t)}openCurrentStepChildren(){const{expandedStepChildrenList:t}=this;this.hostElement.shadowRoot.querySelectorAll(".spacer").forEach((e=>{if(t&&e.contains(t)){if(e.style.height=`${t.clientHeight}px`,e.classList.contains("is-open"))return;e.classList.add("is-opening"),e.addEventListener("transitionend",(()=>{e.classList.remove("is-opening"),e.classList.add("is-open"),this.resizeIframe()}),{once:!0})}else e.removeAttribute("style"),e.classList.remove("is-open","is-opening")}))}showStepPane(t){this.allPanes.forEach((e=>{(e.isActive||e.id===t)&&(e.isActive=t===e.id)}))}focusStepBtn(t,e){const a=this.hostElement.shadowRoot.querySelector(`button[aria-controls="${t}"]`),r=document.activeElement===this.hostElement;a&&(r||e)&&a.focus()}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStepId=t.detail.selectedStepId)}delegateFocus(t){o(t,this.hostElement)&&this.focusStepBtn(this.currentStepId,!0)}statusChangeHandler(){this.buildPaneList()}currentStepChanged(t){this.showStep(t)}renderStepBtn(t,e){const{currentStepId:r,structuredPanes:i}=this,s=e===i.length-1,{id:n,label:o,description:l,status:p}=t,d=e+1,b=n===r,h=o&&`label-${n}`,v="locked"===p,u=o&&c(o),f=o&&l&&`description-${n}`,g=!o&&c("tecton.element.advancedStepper.number",[`${d}`,`${i.length}`]);let m;"complete"===p?m="success-filled":"error"===p&&(m="warning-filled");const w=["step-btn"];p&&w.push(`status-${p}`);const x=t.children.map((t=>t.id)),y=b||x.includes(r);return a("li",{role:"presentation"},a("button",{class:w.join(" "),type:"button","aria-labelledby":h,"aria-describedBy":f,"aria-label":g,"aria-selected":`${b}`,"aria-expanded":t.children.length?`${y}`:null,"aria-controls":n,"aria-disabled":v?"true":null,role:"tab",tabIndex:b?0:-1,onKeyDown:t=>!v&&this.onStepKeyDown(t,n),onClick:t=>!v&&this.onStepClick(t,n)},m?a("div",{class:"step-icon"},a("q2-icon",{type:m})):a("div",{class:"step-bubble"},d),o&&a("div",null,a("div",{class:"step-label",id:h},u),l&&a("div",{class:"step-description",id:f},c(l)))),this.renderSpacer(t,u,y,s))}renderSpacer(t,e,r,i){const s=i&&!!t.children.length||!i,n=["spacer"];return i||n.push("has-sibling"),s&&a("div",{class:n.join(" ")},!!t.children.length&&a("ul",{ref:t=>r&&(this.expandedStepChildrenList=t),"aria-hidden":`${!r}`},t.children.map(((t,a,r)=>this.renderChildStepBtn(t,a,r.length,e)))))}renderChildStepBtn(t,e,r,i){const{currentStepId:s}=this,{id:n,label:o,status:l}=t,p=o&&`label-${n}`,d=n===s,b="locked"===l,h=!o&&c("tecton.element.advancedStepper.childNumber",[`${e+1}`,`${r}`,i]);let v;"error"===l&&(v="warning-filled");const u=["step-child-btn"];return l&&u.push(`status-${l}`),a("li",{role:"presentation"},a("button",{class:u.join(" "),type:"button","aria-labelledby":p,"aria-label":h,"aria-selected":`${d}`,"aria-controls":n,"aria-disabled":b?"true":null,role:"tab",tabIndex:d?0:-1,onKeyDown:t=>!b&&this.onStepKeyDown(t,n),onClick:t=>!b&&this.onStepClick(t,n)},v&&a("div",{class:"step-child-icon"},a("q2-icon",{type:v})),o&&a("div",{class:"step-child-label",id:p},c(o))))}render(){return a(r,null,a("ul",{role:"tablist"},this.structuredPanes.map(((t,e)=>this.renderStepBtn(t,e)))),a("div",null,a("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{currentStepId:["currentStepChanged"]}}};l.style='*{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}:host{display:grid;grid-template-columns:var(--tct-advanced-stepper-list-width, var(--t-advanced-stepper-list-width, 180px)) 1fr;gap:var(--tct-advanced-stepper-layout-gap, var(--t-advanced-stepper-layout-gap, 120px))}.step-label,.step-child-label{color:var(--comp-btn-label-color);font-size:var(--comp-btn-label-font-size);font-weight:var(--comp-label-font-weight, 400);height:1.5em}.step-label{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[aria-selected=true] .step-label{font-weight:var(--tct-advanced-stepper-btn-active-font-weight, var(--t-advanced-stepper-btn-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-child-label{grid-area:content;color:var(--comp-btn-label-color)}.step-description{color:var(--tct-advanced-stepper-description-color, var(--t-advanced-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-advanced-stepper-description-font-size, var(--t-advanced-stepper-description-font-size, var(--app-font-size-small, 12px)));padding-bottom:0.2em}ul{--comp-top-btn-icon-size:var(--tct-advanced-stepper-btn-icon-size, var(--t-advanced-stepper-btn-icon-size, 24px));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-btn-label-font-size:var-list(var-prefixer(advanced-stepper-btn-label-font-size), 16px);--comp-btn-label-color:var(--tct-advanced-stepper-label-color, var(--t-advanced-stepper-label-color, var(--t-text, #4d4d4d)));--comp-tween:var(--tct-advanced-stepper-tween, var(--t-advanced-stepper-tween, var(--app-tween-1, 0.2s ease)));list-style:none;margin:0;padding:0}ul ul{--comp-btn-icon-size:var(--tct-advanced-stepper-child-btn-icon-size, var(--t-advanced-stepper-child-btn-icon-size, 12px));--comp-btn-content-gap:var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-2x, 10px)));--comp-btn-label-font-size:var-list(\n var-prefixer(advanced-stepper-child-btn-label-font-size),\n --app-font-size-small,\n 12px\n )}ul ul[aria-hidden=true]{display:none}.step-btn,.step-child-btn{display:grid;grid-template-columns:var(--comp-btn-icon-size) 1fr;gap:var(--comp-btn-content-gap);text-align:var(--tct-advanced-stepper-btn-text-align, var(--t-advanced-stepper-btn-text-align, start));grid-template-areas:"icon content";align-items:center;width:100%;position:relative;background:transparent;border:0;cursor:pointer;padding:0;transition-property:box-shadow;outline:none}.step-btn[aria-disabled],.step-child-btn[aria-disabled]{cursor:default;--comp-label-font-weight:300;--comp-btn-label-color:var(--tct-advanced-stepper-btn-locked-color, var(--t-advanced-stepper-btn-locked-color, var(--t-textA, rgba(77, 77, 77, 0.77))))}.step-btn[aria-selected=true],.step-child-btn[aria-selected=true]{--comp-label-font-weight:600}.step-btn{min-height:var(--tct-advanced-stepper-btn-height, var(--t-advanced-stepper-btn-height, 40px));font-size:var(--tct-advanced-stepper-btn-font-size, var(--t-advanced-stepper-btn-font-size, 16px));--comp-active-color:var(--t-primary, #0079c1)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-btn.status-locked{cursor:not-allowed}.step-child-btn{--comp-active-color:var(--t-primary, #0079c1);min-height:var(--tct-advanced-stepper-child-btn-height, var(--t-advanced-stepper-child-btn-height, 30px));padding-left:var(--tct-advanced-stepper-child-btn-left-padding, var(--t-advanced-stepper-child-btn-left-padding, var(--app-scale-2x, 10px)));font-size:var(--tct-advanced-stepper-child-btn-font-size, var(--t-advanced-stepper-child-btn-font-size, 12px));border-left-width:var(--tct-advanced-stepper-child-btn-left-border-width, var(--t-advanced-stepper-child-btn-left-border-width, 3px));border-left-style:var(--tct-advanced-stepper-child-btn-left-border-style, var(--t-advanced-stepper-child-btn-left-border-style, solid));border-left-color:transparent}.step-child-btn[aria-selected=true]{--comp-btn-label-color:var(--comp-active-color);border-left-color:var(--comp-active-color)}.step-child-btn.status-error{--comp-btn-label-color:var(--const-stoplight-alert, #c30000);--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-child-btn.status-locked{cursor:not-allowed}.step-content{grid-area:content}.step-icon,.step-bubble,.step-child-icon{grid-area:icon;width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);line-height:0}.step-icon q2-icon,.step-bubble q2-icon,.step-child-icon q2-icon{width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);--tct-icon-fill:var(--comp-active-color)}.step-icon,.step-bubble{background:var(--t-primary, #0079c1);color:var(--t-base, #ffffff);border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}.step-icon q2-icon,.step-bubble q2-icon{--tct-icon-fill:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--t-base, #ffffff);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-locked .step-icon,.status-locked .step-bubble{background:var(--t-gray-12, #d9d9d9);color:var(--t-text, #4d4d4d)}[aria-selected=true] .step-icon,[aria-selected=true] .step-bubble{box-shadow:0 0 0 2px var(--t-base, #ffffff), 0 0 0 4px var(--comp-active-color)}.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0}.step-child-icon q2-icon{--tct-icon-stroke-primary:var(--comp-active-color);--tct-icon-stroke-secondary:var(--comp-active-color)}[aria-selected=true] .step-child-icon q2-icon{fill:var(--comp-active-color);--tct-icon-stroke-secondary:var(--t-base, #ffffff)}.spacer{height:0;border-left-width:var(--tct-advanced-stepper-child-border-width, var(--t-advanced-stepper-child-border-width, 1px));border-left-style:var(--tct-advanced-stepper-child-border-style, var(--t-advanced-stepper-child-border-style, solid));border-left-color:var(--tct-advanced-stepper-child-border-color, var(--t-advanced-stepper-child-border-color, var(--t-gray-12, #d9d9d9)));overflow:hidden;margin-left:calc(var(--comp-top-btn-icon-size) / 2);transition:height var(--comp-tween)}.spacer.has-sibling{height:var(--tct-advanced-stepper-spacer-height, var(--t-advanced-stepper-spacer-height, var(--app-scale-6x, 30px)))}.spacer ul{opacity:0;transition:opacity var(--comp-tween)}.spacer.is-opening ul,.spacer.is-open ul{display:block;opacity:1 !important}.spacer.is-open{overflow:visible}';export{l as q2_stepper_vertical}
|
|
1
|
+
import{r as t,c as e,h as a,F as r,g as i}from"./p-926a3e80.js";import{o as s,c as n,a as o,l as c}from"./p-059065e4.js";const l=class{constructor(a){t(this,a),this.change=e(this,"change",7),this.scheduledAfterRender=[],this.determinePaneChanges=t=>{t.forEach((t=>{var e,a;"childList"===t.type&&(t.addedNodes.length||t.removedNodes.length)&&((null===(e=t.addedNodes[0])||void 0===e?void 0:e.nodeType)!==Node.ELEMENT_NODE&&(null===(a=t.removedNodes[0])||void 0===a?void 0:a.nodeType)!==Node.ELEMENT_NODE||this.buildPaneList())}))},this.buildPaneList=()=>{const{allRootPanes:t}=this;t.length&&(this.structuredPanes=Array.from(t).reduce(((t,e)=>{var a,r;const i=Array.from(null!==(r=null===(a=e.querySelector("[slot=children]"))||void 0===a?void 0:a.children)&&void 0!==r?r:[]).filter((({tagName:t})=>"Q2-STEPPER-PANE"===t)).map(this.extractDetails);return t.push(Object.assign(Object.assign({},this.extractDetails(e)),{children:i})),t}),[]))},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStepId:a}=this;if(e===a)return;const r=this.allPanes.find((t=>t.id===e));this.change.emit({selectedStep:r,selectedStepId:e,currentStepId:a})},this.onStepKeyDown=(t,e)=>{const{key:a}=t;let r;switch(a){case"ArrowUp":case"ArrowLeft":t.preventDefault(),r=this.getStepId(e,"prev");break;case"ArrowDown":case"ArrowRight":t.preventDefault(),r=this.getStepId(e,"next");break;case"Home":t.preventDefault(),r=this.getStepId(e,"first");break;case"End":t.preventDefault(),r=this.getStepId(e,"last")}r&&this.focusStepBtn(r,!0)},this.currentStepId=void 0,this.structuredPanes=[]}componentWillLoad(){this.setDefaultPane(),this.buildPaneList();const t=new MutationObserver(this.determinePaneChanges),e={childList:!0};t.observe(this.hostElement,e),this.allRootPanes.forEach((a=>{const r=a.querySelector("[slot=children]");r&&t.observe(r,e)})),this.mutationObserver=t}componentDidLoad(){s(this.hostElement),setTimeout((()=>this.showStep(this.currentStepId)),0)}componentWillUpdate(){this.expandedStepChildrenList=null}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.openCurrentStepChildren()}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}get allRootPanes(){return Array.from(this.hostElement.querySelectorAll(":scope > q2-stepper-pane"))}get allPanes(){return Array.from(this.hostElement.querySelectorAll("q2-stepper-pane"))}setDefaultPane(){if(this.currentStepId)return;const t=this.hostElement.querySelector("q2-stepper-pane");t&&(t.id||(t.id=`step-${n()}`),this.currentStepId=t.id)}getStepId(t,e){const a=Array.from(this.hostElement.shadowRoot.querySelectorAll('ul:not([aria-hidden="true"]) > li > button:not([aria-disabled="true"])')),r=a.findIndex((e=>e.getAttribute("aria-controls")===t));let i;switch(e){case"prev":i=Math.max(r-1,0);break;case"next":i=Math.min(r+1,a.length-1);break;case"first":i=0;break;case"last":i=a.length-1}return a[i].getAttribute("aria-controls")}showStep(t){this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStepBtn(t)}extractDetails(t){const{label:e,description:a,status:r}=t;return t.id||(t.id=`step-${n()}`),{id:t.id,label:e,description:a,status:r}}resizeIframe(){var t,e;return null===(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===e?void 0:e.call(t)}openCurrentStepChildren(){const{expandedStepChildrenList:t}=this;this.hostElement.shadowRoot.querySelectorAll(".spacer").forEach((e=>{if(t&&e.contains(t)){if(e.style.height=`${t.clientHeight}px`,e.classList.contains("is-open"))return;e.classList.add("is-opening"),e.addEventListener("transitionend",(()=>{e.classList.remove("is-opening"),e.classList.add("is-open"),this.resizeIframe()}),{once:!0})}else e.removeAttribute("style"),e.classList.remove("is-open","is-opening")}))}showStepPane(t){this.allPanes.forEach((e=>{(e.isActive||e.id===t)&&(e.isActive=t===e.id)}))}focusStepBtn(t,e){const a=this.hostElement.shadowRoot.querySelector(`button[aria-controls="${t}"]`),r=document.activeElement===this.hostElement;a&&(r||e)&&a.focus()}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStepId=t.detail.selectedStepId)}delegateFocus(t){o(t,this.hostElement)&&this.focusStepBtn(this.currentStepId,!0)}statusChangeHandler(){this.buildPaneList()}currentStepChanged(t){this.showStep(t)}renderStepBtn(t,e){const{currentStepId:r,structuredPanes:i}=this,s=e===i.length-1,{id:n,label:o,description:l,status:p}=t,d=e+1,b=n===r,h=o&&`label-${n}`,v="locked"===p,u=o&&c(o),f=o&&l&&`description-${n}`,g=!o&&c("tecton.element.advancedStepper.number",[`${d}`,`${i.length}`]);let m;"complete"===p?m="success-filled":"error"===p&&(m="warning-filled");const w=["step-btn"];p&&w.push(`status-${p}`);const x=t.children.map((t=>t.id)),y=b||x.includes(r);return a("li",{role:"presentation"},a("button",{class:w.join(" "),type:"button","aria-labelledby":h,"aria-describedBy":f,"aria-label":g,"aria-selected":`${b}`,"aria-expanded":t.children.length?`${y}`:null,"aria-controls":n,"aria-disabled":v?"true":null,role:"tab",tabIndex:b?0:-1,onKeyDown:t=>!v&&this.onStepKeyDown(t,n),onClick:t=>!v&&this.onStepClick(t,n)},m?a("div",{class:"step-icon"},a("q2-icon",{type:m})):a("div",{class:"step-bubble"},d),o&&a("div",null,a("div",{class:"step-label",id:h},u),l&&a("div",{class:"step-description",id:f},c(l)))),this.renderSpacer(t,u,y,s))}renderSpacer(t,e,r,i){const s=i&&!!t.children.length||!i,n=["spacer"];return i||n.push("has-sibling"),s&&a("div",{class:n.join(" ")},!!t.children.length&&a("ul",{ref:t=>r&&(this.expandedStepChildrenList=t),"aria-hidden":`${!r}`},t.children.map(((t,a,r)=>this.renderChildStepBtn(t,a,r.length,e)))))}renderChildStepBtn(t,e,r,i){const{currentStepId:s}=this,{id:n,label:o,status:l}=t,p=o&&`label-${n}`,d=n===s,b="locked"===l,h=!o&&c("tecton.element.advancedStepper.childNumber",[`${e+1}`,`${r}`,i]);let v;"error"===l&&(v="warning-filled");const u=["step-child-btn"];return l&&u.push(`status-${l}`),a("li",{role:"presentation"},a("button",{class:u.join(" "),type:"button","aria-labelledby":p,"aria-label":h,"aria-selected":`${d}`,"aria-controls":n,"aria-disabled":b?"true":null,role:"tab",tabIndex:d?0:-1,onKeyDown:t=>!b&&this.onStepKeyDown(t,n),onClick:t=>!b&&this.onStepClick(t,n)},v&&a("div",{class:"step-child-icon"},a("q2-icon",{type:v})),o&&a("div",{class:"step-child-label",id:p},c(o))))}render(){return a(r,null,a("ul",{role:"tablist"},this.structuredPanes.map(((t,e)=>this.renderStepBtn(t,e)))),a("div",null,a("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{currentStepId:["currentStepChanged"]}}};l.style='*{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}:host{display:grid;grid-template-columns:var(--tct-advanced-stepper-list-width, var(--t-advanced-stepper-list-width, 180px)) 1fr;gap:var(--tct-advanced-stepper-layout-gap, var(--t-advanced-stepper-layout-gap, 120px))}.step-label,.step-child-label{color:var(--comp-btn-label-color);font-size:var(--comp-btn-label-font-size);font-weight:var(--comp-label-font-weight, 400);height:1.5em}.step-label{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[aria-selected=true] .step-label{font-weight:var(--tct-advanced-stepper-btn-active-font-weight, var(--t-advanced-stepper-btn-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-child-label{grid-area:content;color:var(--comp-btn-label-color)}.step-description{color:var(--tct-advanced-stepper-description-color, var(--t-advanced-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-advanced-stepper-description-font-size, var(--t-advanced-stepper-description-font-size, var(--app-font-size-small, 12px)));padding-bottom:0.2em}ul{--comp-top-btn-icon-size:var(--tct-advanced-stepper-btn-icon-size, var(--t-advanced-stepper-btn-icon-size, 24px));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-btn-label-font-size:var-list(var-prefixer(advanced-stepper-btn-label-font-size), 16px);--comp-btn-label-color:var(--tct-advanced-stepper-label-color, var(--t-advanced-stepper-label-color, var(--t-text, #4d4d4d)));--comp-tween:var(--tct-advanced-stepper-tween, var(--t-advanced-stepper-tween, var(--app-tween-1, 0.2s ease)));list-style:none;margin:0;padding:0}ul ul{--comp-btn-icon-size:var(--tct-advanced-stepper-child-btn-icon-size, var(--t-advanced-stepper-child-btn-icon-size, 12px));--comp-btn-content-gap:var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-2x, 10px)));--comp-btn-label-font-size:var-list(\n var-prefixer(advanced-stepper-child-btn-label-font-size),\n --app-font-size-small,\n 12px\n )}ul ul[aria-hidden=true]{display:none}.step-btn,.step-child-btn{display:grid;grid-template-columns:var(--comp-btn-icon-size) 1fr;gap:var(--comp-btn-content-gap);text-align:var(--tct-advanced-stepper-btn-text-align, var(--t-advanced-stepper-btn-text-align, start));grid-template-areas:"icon content";align-items:center;width:100%;position:relative;background:transparent;border:0;cursor:pointer;padding:0;transition-property:box-shadow;outline:none}.step-btn[aria-disabled],.step-child-btn[aria-disabled]{cursor:default;--comp-label-font-weight:300;--comp-btn-label-color:var(--tct-advanced-stepper-btn-locked-color, var(--t-advanced-stepper-btn-locked-color, var(--t-textA, rgba(77, 77, 77, 0.77))))}.step-btn[aria-selected=true],.step-child-btn[aria-selected=true]{--comp-label-font-weight:600}.step-btn{min-height:var(--tct-advanced-stepper-btn-height, var(--t-advanced-stepper-btn-height, 40px));font-size:var(--tct-advanced-stepper-btn-font-size, var(--t-advanced-stepper-btn-font-size, 16px));--comp-active-color:var(--t-primary, #0079c1)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-btn.status-locked{cursor:not-allowed}.step-child-btn{--comp-active-color:var(--t-primary, #0079c1);min-height:var(--tct-advanced-stepper-child-btn-height, var(--t-advanced-stepper-child-btn-height, 30px));padding-left:var(--tct-advanced-stepper-child-btn-left-padding, var(--t-advanced-stepper-child-btn-left-padding, var(--app-scale-2x, 10px)));font-size:var(--tct-advanced-stepper-child-btn-font-size, var(--t-advanced-stepper-child-btn-font-size, 12px));border-left-width:var(--tct-advanced-stepper-child-btn-left-border-width, var(--t-advanced-stepper-child-btn-left-border-width, 3px));border-left-style:var(--tct-advanced-stepper-child-btn-left-border-style, var(--t-advanced-stepper-child-btn-left-border-style, solid));border-left-color:transparent}.step-child-btn[aria-selected=true]{--comp-btn-label-color:var(--comp-active-color);border-left-color:var(--comp-active-color)}.step-child-btn.status-error{--comp-btn-label-color:var(--const-stoplight-alert, #c30000);--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-child-btn.status-locked{cursor:not-allowed}.step-content{grid-area:content}.step-icon,.step-bubble,.step-child-icon{grid-area:icon;width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);line-height:0}.step-icon q2-icon,.step-bubble q2-icon,.step-child-icon q2-icon{width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);--tct-icon-fill:var(--comp-active-color)}.step-icon,.step-bubble{background:var(--t-primary, #0079c1);color:var(--t-base, #ffffff);border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}.step-icon q2-icon,.step-bubble q2-icon{--tct-icon-fill:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--t-base, #ffffff);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-locked .step-icon,.status-locked .step-bubble{background:var(--t-gray-12, #d9d9d9);color:var(--t-text, #4d4d4d)}[aria-selected=true] .step-icon,[aria-selected=true] .step-bubble{box-shadow:0 0 0 2px var(--t-base, #ffffff), 0 0 0 4px var(--comp-active-color)}.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0}.step-child-icon q2-icon{--tct-icon-stroke-primary:var(--comp-active-color);--tct-icon-stroke-secondary:var(--comp-active-color)}[aria-selected=true] .step-child-icon q2-icon{fill:var(--comp-active-color);--tct-icon-stroke-secondary:var(--t-base, #ffffff)}.spacer{height:0;border-left-width:var(--tct-advanced-stepper-child-border-width, var(--t-advanced-stepper-child-border-width, 1px));border-left-style:var(--tct-advanced-stepper-child-border-style, var(--t-advanced-stepper-child-border-style, solid));border-left-color:var(--tct-advanced-stepper-child-border-color, var(--t-advanced-stepper-child-border-color, var(--t-gray-12, #d9d9d9)));overflow:hidden;margin-left:calc(var(--comp-top-btn-icon-size) / 2);transition:height var(--comp-tween)}.spacer.has-sibling{height:var(--tct-advanced-stepper-spacer-height, var(--t-advanced-stepper-spacer-height, var(--app-scale-6x, 30px)))}.spacer ul{opacity:0;transition:opacity var(--comp-tween)}.spacer.is-opening ul,.spacer.is-open ul{display:block;opacity:1 !important}.spacer.is-open{overflow:visible}';export{l as q2_stepper_vertical}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as a,H as o,g as e}from"./p-926a3e80.js";import{o as s,a as r,l as n}from"./p-059065e4.js";import{s as c,a as h}from"./p-a1926e65.js";const p=class{constructor(a){var o;t(this,a),this.click=i(this,"click",7),this.activateFirstOption=!1,this.determineHasOptions=()=>{const t=!!this.hostElement.querySelectorAll("q2-option").length;this.hasOptions=t},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.popoverElement.open=!1)},this.handleChange=t=>{if(t.stopPropagation(),!this.hasOptions)return;const{value:i}=t.detail;this.click.emit({value:i})},this.handleClick=async t=>{if(t.stopPropagation(),this.activateFirstOption=!1,c(this)){const{value:i}=await h(this,t);this.click.emit({value:i})}else this.popoverElement.toggle()},this.handleKeydown=async t=>{if(this.activateFirstOption=!0,c(this,t)){const{value:i}=await h(this,t);this.click.emit({value:i})}else this.optionList.handleExternalKeydown(t)},this.handleButtonFocusout=t=>{var i;const a=t.relatedTarget;null!==(i="Q2-OPTION"===(null==a?void 0:a.tagName))&&void 0!==i&&i||(this.open=!1)},this.handleWrapperClick=()=>{this.dropdownBtn.focus(),this.dropdownBtn.click()},this.hoist=!!(null===(o=window.Tecton)||void 0===o?void 0:o.useActionSheets),this.open=void 0,this.label=void 0,this.theme=void 0,this.popoverMinHeight=150,this.popoverDirection=void 0,this.hasOptions=void 0}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){s(this.hostElement)}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}delegateFocus(t){r(t,this.hostElement)&&this.hasOptions&&this.dropdownBtn.focus()}popoverStateHandler({detail:{open:t}}){this.open!==t&&(this.open=t),t&&this.activateFirstOption?(this.optionList.focus(),this.activateFirstOption=!1):(this.optionList.setActiveElement(null),this.dropdownBtn.focus())}render(){const{hasOptions:t,open:i}=this,e=["tag-wrapper"];return t&&e.push("has-options"),a(o,{role:"listitem"},a("click-elsewhere",{onChange:this.onClickElsewhere},a("div",{class:e.join(" "),onClick:t=>t.stopPropagation()},a("div",{class:"tag"},this.label),this.hasOptions&&a("div",{class:"btn-wrapper",onClick:this.handleWrapperClick},a("button",{ref:t=>this.dropdownBtn=t,"test-id":"btn-control",onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,"aria-controls":"option-list","aria-haspopup":"true","aria-expanded":i?"true":"false","aria-label":n("tecton.element.tag.viewOptions")},a("q2-icon",{type:"options"})))),this.hasOptions&&a("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.dropdownBtn,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:"right"},a("q2-option-list",{id:"option-list",ref:t=>this.optionList=t,onChange:this.handleChange,align:"right",type:"menu","no-select":!0},a("slot",null)))))}get hostElement(){return e(this)}};p.style="*{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}:host{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-tag-margin, var(--t-tag-margin, var(--app-scale-2x, 10px)))}.tag-wrapper{--comp-tag-btn-size:var(--tct-tag-btn-size, var(--t-tag-btn-size, var(--app-scale-6x, 30px)));--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));--comp-tag-color:var(--tct-tag-color, var(--t-tag-color, var(--t-gray-3, #262626)));position:relative}:host([theme=primary]) .tag-wrapper{--comp-tag-background:var(--t-primary-l5, #61c4ff);--comp-tag-color:var(--t-primary-text, #ffffff)}:host([theme=secondary]) .tag-wrapper{--comp-tag-background:var(--t-secondary-l5, #d9e1e6);--comp-tag-color:var(--t-secondary-text, #000000)}:host([theme=tertiary]) .tag-wrapper{--comp-tag-background:var(--t-tertiary-l5, #f4fafe);--comp-tag-color:var(--t-tertiary-text, #000000)}.tag{height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));line-height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));padding-inline:var(--tct-tag-padding-inline, var(--t-tag-padding-inline, var(--app-scale-3x, 15px)));background:var(--comp-tag-background);color:var(--comp-tag-color);border-radius:var(--tct-tag-border-radius, var(--t-tag-border-radius, var(--app-border-radius-1, 3px)))}.has-options .tag{padding-right:var(--comp-tag-btn-size)}.btn-wrapper{--comp-tag-clickable-size:var(--tct-tag-clickable-size, var(--t-tag-clickable-size, 44px));--comp-tag-btn-offset:calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);height:var(--comp-tag-clickable-size);width:var(--comp-tag-clickable-size);display:flex;align-items:center;justify-content:center;position:absolute;right:var(--comp-tag-btn-offset);top:var(--comp-tag-btn-offset);cursor:pointer}button{width:var(--comp-tag-btn-size);height:var(--comp-tag-btn-size);stroke:var(--comp-tag-color);--tct-icon-stroke-primary:var(--comp-tag-color);cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;--tct-icon-size:18px}";export{p as q2_tag}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-926a3e80.js";import{h as o,o as l,l as a,d as r,a as n,e as h}from"./p-059065e4.js";import{s as c,a as d}from"./p-a1926e65.js";const p=class{constructor(i){var s;t(this,i),this.change=e(this,"change",7),this.input=e(this,"input",7),this.scheduledAfterRender=[],this.showSelectedOptions=t=>{t.stopPropagation(),this.showSelected=!0},this.showAllOptions=t=>{null==t||t.stopPropagation(),this.showSelected=!1},this.onMutationObserved=()=>{const t=this.hostElement.querySelector(".custom-display-content"),e=this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]'),i=e?e.assignedNodes().length>0:t.children.length>0;this.hasCustomDisplay!==i&&(this.hasCustomDisplay=i)},this.onOptionListChange=t=>{t.stopPropagation();const{values:e}=t.detail;0===e.length&&this.showAllOptions(),this.handleSelectionChanges(t.detail)},this.popoverStateChanged=({detail:{open:t}})=>{this.open!==t&&(this.open=t,t&&!this.searchText||(this.optionList.setActiveElement(null),this.inputField.focus()))},this.inputKeydownHandler=t=>{if(!this.readonly&&!this.disabled)return c(this,t)?this.executeActionSheet(t):void(this.searchable&&!["ArrowDown","ArrowUp","PageDown","PageUp","Home","End","Escape","Tab"].includes(t.key)||(this.shouldClearSearchText(t)&&this.clearSearchText(),this.optionList.handleExternalKeydown(t)))},this.visibilityToggleKeyDown=t=>{const e=t.key;["ArrowDown","ArrowUp"].includes(e)?this.optionList.handleExternalKeydown(t):["Enter"," "].includes(e)&&t.target.dispatchEvent(new MouseEvent("click"))},this.inputClickHandler=async t=>{if(t.stopPropagation(),c(this))return this.executeActionSheet(t);this.toggleDropdown(),this.focusInput()},this.inputInputHandler=t=>{t.stopPropagation();const e=t.detail.value;!!this.value&&this.inputField.value!==e&&this.clearValue(),this.open||this.openDropdownWithoutActiveElement(),this.prioritizeSearch=!0,this.searchText=e,this.input.emit({query:e})},this.inputFocusHandler=()=>{this.inputFocused=!0},this.inputBlurHandler=()=>{this.inputFocused=!1},this.inputChangeHandler=t=>{t.stopPropagation()},this.clickedElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.open&&this.closeDropdown())},this.onCustomDisplayClick=t=>{t.stopPropagation(),this.focusInput(),this.toggleDropdown()},this.label=void 0,this.hideLabel=void 0,this.value=void 0,this.ariaLabel=void 0,this.selectedOptions=[],this.disabled=!1,this.readonly=!1,this.invalid=void 0,this.errors=void 0,this.multiple=!1,this.minRows=3,this.popDirection=void 0,this.searchable=!1,this.multilineOptions=!1,this.optional=!1,this.placeholder=void 0,this.hoist=!!(null===(s=window.Tecton)||void 0===s?void 0:s.useActionSheets),this.open=!1,this.showSelected=!1,this.searchText="",this.hasCustomDisplay=!1,this.inputFocused=!1,this.statusMessage=void 0,this.prioritizeSearch=!1,this.structuredSelectedOptions=[]}componentWillLoad(){o(this),this.buildStructuredSelectedOptions(),this.handleMultilineOptionsUpdate(this.multilineOptions,!1)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved(),l(this.hostElement),setTimeout((()=>this.checkSelectedDisplay()),0)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.mutationObserver=null}get badgeValue(){var t,e;if(!this.multiple)return null;const i=null!==(e=null===(t=this.selectedOptions)||void 0===t?void 0:t.length)&&void 0!==e?e:0;return this.open&&this.searchable?i?`${i}`:null:i>1?"+"+(i-1):null}get popoverMinHeight(){const{minRows:t}=this,e=this.hostElement.querySelector("q2-option:not([hidden])"),i=e?window.getComputedStyle(e).minHeight:"44px";return t*parseInt(i)}get selectedDisplay(){return this.prioritizeSearch||this.searchText?this.searchText:this.hasCustomDisplay?"":this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedDisplaySlot(){return this.hostElement.querySelector('[slot="_selected-display"]')}get firstSelectedValue(){var t;return this.multiple?null===(t=this.selectedOptions)||void 0===t?void 0:t[0]:this.value}get firstSelectedOptionElement(){const{firstSelectedValue:t}=this;return t?this.optionElements.find((({value:e})=>e===t)):null}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get wrapperClasses(){const{errors:t}=this,e=["q2-select-container"];return Array.isArray(t)&&t.length>0&&e.push("has-error"),this.inputFocused&&e.push("is-focused"),this.searchable&&e.push("is-searchable"),e.join(" ")}buildStructuredSelectedOptions(){const{multiple:t,selectedOptions:e,value:i}=this;this.structuredSelectedOptions=t?(null==e?void 0:e.length)?e.map((t=>"string"==typeof t?{value:t}:t)):[]:i?[{value:i}]:[]}ariaLabelObserver(){o(this)}valueUpdated(){this.multiple||this.clearSearchText()}handleMultilineOptionsUpdate(t,e){t!==e&&this.optionElements.forEach((e=>e.multiline=t))}openChanged(t){this.scheduledAfterRender.push((()=>{const{multiple:e,multiSelectHeader:i,popoverElement:s}=this,o=t&&e&&(null==i?void 0:i.offsetHeight)||0;o?s.style.setProperty("--comp-multi-select-header-height",`${o}px`):s.style.removeProperty("--comp-multi-select-header-height")}))}keydownHandler(t){this.inputKeydownHandler(t)}onHostElementChange(t){this.readonly||this.disabled||t.target!==this.hostElement||this.hostElement.onchange||(this.multiple?(this.value=null,this.selectedOptions=t.detail.selectedOptions):(this.value=t.detail.value,this.selectedOptions=[]))}onHostElementInput(t){if(!this.searchable||t.target!==this.hostElement||this.hostElement.oninput)return;const e=this.optionElements,i=this.searchText.trim().toLocaleLowerCase();let s=0;e.forEach((t=>{var e;if(""===i)return void(t.hidden=!1);const o="Q2-CARD"===(null===(e=t.firstElementChild)||void 0===e?void 0:e.tagName)?t.firstElementChild.title:null,{display:l="",innerText:a=""}=t,r=[l,o,a].some((t=>{var e;return null!==(e=null==t?void 0:t.toLocaleLowerCase().includes(i))&&void 0!==e&&e}));t.hidden=!r,r&&s++})),this.setStatusMessage(a(i?"tecton.element.select.searchable.results":"tecton.element.select.allOptions",[i?s:e.length]))}delegateFocus(t){const e=r(t,this.hostElement);(this.prioritizeSearch=e&&this.searchable)?this.clearSelectedDisplay():n(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}handleFocusout(t){const e=h(t,this.hostElement);e&&this.closeDropdown(),this.prioritizeSearch=!e&&this.searchable}async executeActionSheet(t){const e=await d(this,t);this.handleSelectionChanges(e)}handleSelectionChanges(t){const{value:e="",values:i=[]}=t,s=i.map((t=>t.value)),{multiple:o}=this;this.hostElement.onchange||(this.selectedOptions=s),this.change.emit({value:o?void 0:e,selectedOptions:o?s:void 0})}clearValue(){const{multiple:t}=this;this.value="",this.selectedOptions=[],this.change.emit({value:t?void 0:"",selectedOptions:t?[]:void 0})}calculateMultiSelectSelectedDisplay(){var t;const{firstSelectedOptionElement:e,firstSelectedValue:i,multilineOptions:s}=this;return i?(null==e?void 0:e.display)?a(e.display):s&&this.searchable?this.searchText:s?"":null!==(t=null==e?void 0:e.value)&&void 0!==t?t:i:""}calculateSingleSelectSelectedDisplay(){const{firstSelectedOptionElement:t}=this;return(null==t?void 0:t.display)&&a(t.display)||this.value||""}openDropdownWithoutActiveElement(){this.readonly||this.disabled||(this.optionList.setActiveElement(null),this.open=!0)}closeDropdown(){this.open=!1,this.clearSearchText()}clearSearchText(){this.searchText&&(this.searchText="",this.input.emit({query:""}))}toggleDropdown(){this.readonly||this.disabled||(this.open&&!this.searchText?this.closeDropdown():this.openDropdownWithoutActiveElement())}focusInput(){var t;null===(t=this.inputField)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))}setStatusMessage(t){clearTimeout(this.statusMessageTimer),this.statusMessage="",this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}clearSelectedDisplay(){var t;null===(t=this.selectedDisplaySlot)||void 0===t||t.remove()}checkSelectedDisplay(){let t=this.selectedDisplaySlot;const{value:e,multiple:i,selectedOptions:s,multilineOptions:o,firstSelectedOptionElement:l,prioritizeSearch:a}=this;if(a||!o||!e&&i&&!(null==s?void 0:s.length))return this.clearSelectedDisplay();if(!l||l.display)return this.clearSelectedDisplay();const r=l.firstElementChild.cloneNode(!0);return r.querySelectorAll("[hide-on-select]").forEach((t=>t.remove())),t?(t.style.setProperty("--comp-selected-display-height",0===t.clientHeight?"auto":`${t.clientHeight}px`),t.firstElementChild.outerHTML!==r.outerHTML&&t.replaceChild(r,t.firstElementChild)):(t=document.createElement("div"),t.slot="_selected-display",t.appendChild(r),this.hostElement.appendChild(t)),t}checkSelectedDisplayHeight(){const{selectedDisplaySlot:t}=this;t&&t.style.setProperty("--comp-selected-display-height","44px")}shouldClearSearchText(t){return this.searchable&&!!this.searchText&&"Escape"===t.key}renderCustomDisplay(){if(this.checkSelectedDisplay())return this.checkSelectedDisplayHeight(),i("slot",{name:"_selected-display",slot:"custom-display"})}render(){const t=!this.searchable;return i("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},i("div",{"aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),i("q2-input",{ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&a(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>a(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,readonly:this.readonly,placeholder:this.placeholder||void 0,hideLabel:this.hideLabel,ariaExpanded:`${!!this.open}`,ariaOwns:"option-list",ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:t,"test-id":"toggleDropdown","hide-messages":!0,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,badgeValue:this.badgeValue,badgeTheme:this.inputFocused?"primary":void 0},this.renderCustomDisplay()),i("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},i("slot",{name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return i("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.inputField,open:this.open,minHeight:this.popoverMinHeight,direction:this.popDirection,onPopoverStateChanged:this.popoverStateChanged,block:!0},this.multiple?this.visibilityToggle():"",i("q2-option-list",{ref:t=>this.optionList=t,id:"option-list","show-selected":this.showSelected,multiple:this.multiple,selectedOptions:this.structuredSelectedOptions,onChange:this.onOptionListChange},i("slot",null)))}visibilityToggle(){var t,e;const s=null!==(e=null===(t=this.selectedOptions)||void 0===t?void 0:t.length)&&void 0!==e?e:0,{showSelected:o}=this;return i("div",{class:"multi-select-header",ref:t=>this.multiSelectHeader=t},i("span",null,a("tecton.element.select.multiHeader.showing")),i("q2-btn",{class:o?"":"selected",badge:!0,"aria-selected":!o||void 0,"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.visibilityToggleKeyDown,label:a("tecton.element.select.multiHeader.allAriaLabel"),"hide-label":!0},a("tecton.element.select.multiHeader.all")),i("q2-btn",{class:o?"selected":"","aria-selected":o||void 0,disabled:0===s,badge:!0,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.visibilityToggleKeyDown,label:a("tecton.element.select.multiHeader.selectedAriaLabel",[s]),"hide-label":!0},a("tecton.element.select.multiHeader.selected",[s])))}get hostElement(){return s(this)}static get watchers(){return{value:["buildStructuredSelectedOptions","valueUpdated"],selectedOptions:["buildStructuredSelectedOptions"],ariaLabel:["ariaLabelObserver"],multilineOptions:["handleMultilineOptionsUpdate"],open:["openChanged"]}}};p.style="*{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}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:block;margin-top:var(--tct-select-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-select-margin-bottom, var(--app-scale-4, 30px))}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0;--tct-input-min-height:var(--tct-select-input-min-height, var(--t-select-input-min-height));--tct-input-max-height:var(--tct-select-input-max-height, var(--t-select-input-max-height, none))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2x, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3x, 15px)));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3x, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3x, 15px)))}.multi-select-header{padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-2, var(--app-scale-2x, 10px));position:sticky;top:0;z-index:5;background:var(--app-white);display:inline-grid;grid-template-columns:repeat(3, auto);gap:var(--app-scale-2x, 10px);align-items:center}.q2-element-dropdown.dropup{bottom:var(--comp-dropup-offset)}";export{p as q2_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as e,h as c,g as t}from"./p-926a3e80.js";import{c as r,h as i,o as a,a as h,l}from"./p-059065e4.js";const s=class{constructor(c){o(this,c),this.change=e(this,"change",7),this.id=`checkbox-${r()}`,this.onInputClick=o=>{const e=this.disabled||this.readonly;if((e||!!this.hostElement.onchange)&&o.preventDefault(),e)return;if(!(o.target instanceof HTMLInputElement))return;const{value:c,checked:t}=o.target;this.change.emit({value:c,checked:t}),this.inputElement.focus()},this.checked=!1,this.type=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.indeterminate=void 0,this.disabled=void 0,this.readonly=void 0,this.value=void 0,this.name=void 0,this.hasError=void 0,this.groupDisabled=void 0,this.alignment=void 0,this.description=void 0}componentWillLoad(){i(this)}componentDidLoad(){a(this.hostElement),this.hostElement.click=()=>this.inputElement.click()}defaultChangeHandler(o){this.readonly||o.target!==this.hostElement||this.hostElement.onchange||!o.detail||(this.checked=o.detail.checked)}delegateFocus(o){h(o,this.hostElement)&&this.hostElement.shadowRoot.querySelector("input").focus()}ariaLabelObserver(){i(this)}render(){const o=["label-text"];return this.hideLabel&&o.push("sr"),c("div",{class:"container"},c("input",{ref:o=>this.inputElement=o,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-describedby":this.description?"description":void 0,"test-id":"q2CheckboxInnerCheckBox",onClick:this.onInputClick}),c("label",{htmlFor:this.id,class:"label-control","test-id":"checkboxButton"},this.generateCheckboxSVG()),c("div",{class:o.join(" ")},c("label",{"test-id":"checkboxLabel",htmlFor:this.id},l(this.label),c("slot",null))),this.description&&c("div",{class:"description-text","test-id":"checkboxDescription",id:"description"},l(this.description)))}generateCheckboxSVG(){return"favorite"===this.type?c("q2-icon",{type:"star",class:"checkbox-icon"}):"toggle"===this.type?this.generateToggleSVG():c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},c("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){return c("div",{class:"toggle-svg"},c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},c("rect",{width:"36",height:"14",rx:"7",x:"5"})),c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},c("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),c("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),c("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),c("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))}get hostElement(){return t(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};s.style='*{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}:host{display:block;position:relative;padding:var(--tct-checkbox-vertical-padding, var(--t-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0}.container{--comp-checkbox-size:var(--tct-checkbox-size, var(--t-checkbox-size, 20px));--comp-checkbox-default-column-gap:var(--app-scale-2x, 10px);--comp-checkbox-default-row-gap:0;--comp-checkbox-default-gap:var(--comp-checkbox-default-row-gap) var(--comp-checkbox-default-column-gap);--comp-checkbox-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-checkbox-toggle-width:var(--tct-checkbox-toggle-width, var(--t-checkbox-toggle-width, 46px));--comp-checkbox-gap:var(--tct-checkbox-gap, var(--t-checkbox-gap, var(--comp-checkbox-default-gap)));--comp-checkbox-outer-stroke-color:var(--tct-checkbox-outer-stroke-color, var(--t-checkbox-outer-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-outer-fill-color:var(--tct-checkbox-outer-fill-color, var(--t-checkbox-outer-fill-color, var(--tct-white, var(--app-white, #ffffff))));--comp-checkbox-checked-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, var(--t-a11y-active-gray-color-AA, #404040))));--comp-control-width:var(--comp-checkbox-size);display:grid;grid-template-areas:"svg label" "svg description";align-items:center;gap:var(--comp-checkbox-gap);grid-template-columns:var(--comp-control-width) calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap))}:host([type=favorite]) .container{--comp-checkbox-favorite-stroke-color:var(--tct-checkbox-favorite-stroke-color, var(--t-checkbox-favorite-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-favorite-fill-color:var(--tct-checkbox-favorite-fill-color, var(--t-checkbox-favorite-fill-color, #db7d24))}:host([type=toggle]) .container{--comp-control-width:var(--comp-checkbox-toggle-width)}:host([alignment=right]) .container,:host([type=toggle]:not([alignment])) .container{grid-template-areas:"label svg" "description svg";grid-template-columns:calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap)) var(--comp-control-width)}.label-control{align-items:center;display:flex}.label-text{grid-area:label}:host([description]) .label-text{font-weight:var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 600))}:host([checked]) .label-text{font-weight:var(--tct-checkbox-checked-label-font-weight, var(--t-checkbox-checked-label-font-weight, 600))}.description-text{grid-area:description;font-weight:var(--tct-checkbox-description-font-weight, var(--t-checkbox-description-font-weight, 400))}label{cursor:pointer}:host([disabled]:not([disabled=false])),:host([group-disabled]){opacity:var(--tct-checkbox-disabled-opacity, var(--t-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}:host([disabled]:not([disabled=false])) label,:host([group-disabled]) label{cursor:not-allowed}.checkbox-icon{--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);width:var(--comp-checkbox-size);height:var(--comp-checkbox-size);border-radius:var(--tct-checkbox-outer-border-radius, var(--t-checkbox-outer-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));stroke:var(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, var(--t-checkbox-outer-stroke-width, 2));fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}:host([checked]) .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--t-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color)));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--t-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color)))}:host(:focus-within) .checkbox-icon{box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--t-checkbox-focused-outer-stroke-color, var(--comp-checkbox-checked-color)))}:host([type=favorite]) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, var(--t-checkbox-favorite-stroke-width, 1));--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([type=favorite]:focus-within) .checkbox-icon,:host([type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}:host([checked][type=favorite]) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);fill:var(--comp-checkbox-favorite-fill-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([checked][type=favorite]:focus-within) .checkbox-icon,:host([checked][type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);--tct-icon-fill-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, var(--t-checkbox-check-stroke-width, 2.5));stroke-linecap:round;stroke-linejoin:round}:host([type=toggle]) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--t-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff))));transition:opacity var(--comp-checkbox-tween)}:host([type=toggle][checked]) .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff)))))}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, var(--t-checkbox-indeterminate-stroke-width, 3.5))}.toggle-svg{height:30px;width:var(--comp-checkbox-toggle-width);position:relative;text-align:initial}.toggle-track,.toggle-indicator{position:absolute;top:50%;transform:translateY(-50%)}.toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--t-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));height:14px;width:46px}:host([checked]) .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));opacity:0.5}.toggle-indicator{transition:left var(--comp-checkbox-tween);height:30px;width:30px;left:0;border-radius:50%}:host([checked]) .toggle-indicator{left:21px}.toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)))}:host(:focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));stroke-width:10px;stroke-opacity:0.5}:host(:not([checked]):focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .off,:host(:not([checked])) .on{opacity:0}';export{s as q2_checkbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,g as i}from"./p-926a3e80.js";import{o as e,l as a}from"./p-a510290a.js";import{c as n,m as s,g as o,i as h,a as u,e as c,f as d,h as l,j as f,k as p,l as v}from"./p-458b1987.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as E,V as L,a as _,g as D,b as j,b6 as B,t as P,z as W,b7 as H,U as R,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-52063431.js";import{i as K}from"./p-833398d1.js";var Q=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0})},r.prototype.getMarkerPosition=function(t,r,i){var e=this.coordinateSystem;if(e&&e.clampData){var a=e.dataToPoint(e.clampData(t));if(i)g(e.getAxes(),(function(i,n){if("category"===i.type){var s=i.getTicksCoords(),o=e.clampData(t)[n];!r||"x1"!==r[n]&&"y1"!==r[n]||(o+=1),o>s.length-1&&(o=s.length-1),o<0&&(o=0),s[o]&&(a[n]=i.toGlobalCoord(s[o].coord))}}));else{var n=this.getData(),s=n.getLayout("offset"),o=n.getLayout("size"),h=e.getBaseAxis().isHorizontal()?0:1;a[h]+=s+o/2}return a}return[NaN,NaN]},r.type="series.__base_bar__",r.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"},r}(m);m.registerClass(Q);var Z=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},r.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},r.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),r=this.get("largeThreshold");return r>t&&(t=r),t},r.prototype.brushSelector=function(t,r,i){return i.rect(r.getItemLayout(t))},r.type="series.bar",r.dependencies=["grid","polar"],r.defaultOption=y(Q.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:!1}),r}(Q),$=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},tt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="sausage",i}return b(r,t),r.prototype.getDefaultShape=function(){return new $},r.prototype.buildPath=function(t,r){var i=r.cx,e=r.cy,a=Math.max(r.r0||0,0),n=Math.max(r.r,0),s=.5*(n-a),o=a+s,h=r.startAngle,u=r.endAngle,c=r.clockwise,d=2*Math.PI,l=c?u-h<d:h-u<d;l||(h=u-(c?d:-d));var f=Math.cos(h),p=Math.sin(h),v=Math.cos(u),b=Math.sin(u);l?(t.moveTo(f*a+i,p*a+e),t.arc(f*o+i,p*o+e,s,-Math.PI+h,h,!c)):t.moveTo(f*n+i,p*n+e),t.arc(i,e,n,h,u,!c),t.arc(v*o+i,b*o+e,s,u-2*Math.PI,u-Math.PI,!c),0!==a&&t.arc(i,e,a,u,h,c)},r}(w);function rt(t,r,i){return r*Math.sin(t)*(i?-1:1)}function it(t,r,i){return r*Math.cos(t)*(i?1:-1)}var et=Math.max,at=Math.min,nt=function(t){function r(){var i=t.call(this)||this;return i.type=r.type,i._isFirstFrame=!0,i}return b(r,t),r.prototype.render=function(t,r,i,e){this._model=t,this._removeOnRenderedListener(i),this._updateDrawMode(t);var a=t.get("coordinateSystem");"cartesian2d"!==a&&"polar"!==a||(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,r,i):this._renderNormal(t,r,i,e))},r.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},r.prototype.incrementalRender=function(t,r){this._progressiveEls=[],this._incrementalRenderLarge(t,r)},r.prototype.eachRendered=function(t){k(this._progressiveEls||this.group,t)},r.prototype._updateDrawMode=function(t){var r=t.pipelineContext.large;null!=this._isLargeDraw&&r===this._isLargeDraw||(this._isLargeDraw=r,this._clear())},r.prototype._renderNormal=function(t,r,i,e){var a,n=this.group,s=t.getData(),o=this._data,u=t.coordinateSystem,c=u.getBaseAxis();"cartesian2d"===u.type?a=c.isHorizontal():"polar"===u.type&&(a="angle"===c.dim);var d=t.isAnimationEnabled()?t:null,l=function(t,r){var i=t.get("realtimeSort",!0),e=r.getBaseAxis();if(i&&"category"===e.type&&"cartesian2d"===r.type)return{baseAxis:e,otherAxis:r.getOtherAxis(e)}}(t,u);l&&this._enableRealtimeSort(l,s,i);var f=t.get("clip",!0)||l,p=function(t,r){var i=t.getArea&&t.getArea();if(h(t,"cartesian2d")){var e=t.getBaseAxis();if("category"!==e.type||!e.onBand){var a=r.getLayout("bandWidth");e.isHorizontal()?(i.x-=a,i.width+=2*a):(i.y-=a,i.height+=2*a)}}return i}(u,s);n.removeClipPath();var v=t.get("roundCap",!0),b=t.get("showBackground",!0),g=t.getModel("backgroundStyle"),m=g.get("borderRadius")||0,y=[],w=this._backgroundEls,x=e&&e.isInitSort,A=e&&"changeAxisOrder"===e.type;function M(t){var r=ft[u.type](s,t),i=function(t,r,i){return new("polar"===t.type?R:L)({shape:wt(r,i,t),silent:!0,z2:0})}(u,a,r);return i.useStyle(g.getItemStyle()),"cartesian2d"===u.type&&i.setShape("r",m),y[t]=i,i}s.diff(o).add((function(r){var i=s.getItemModel(r),e=ft[u.type](s,r,i);if(b&&M(r),s.hasValue(r)&<[u.type](e)){var o=!1;f&&(o=st[u.type](p,e));var h=ot[u.type](t,s,r,e,a,d,c.model,!1,v);l&&(h.forceLabelAnimation=!0),vt(h,s,r,i,e,t,a,"polar"===u.type),x?h.attr({shape:e}):l?ht(l,d,h,e,r,a,!1,!1):S(h,{shape:e},t,r),s.setItemGraphicEl(r,h),n.add(h),h.ignore=o}})).update((function(r,i){var e=s.getItemModel(r),h=ft[u.type](s,r,e);if(b){var k=void 0;0===w.length?k=M(i):((k=w[i]).useStyle(g.getItemStyle()),"cartesian2d"===u.type&&k.setShape("r",m),y[r]=k);var S=ft[u.type](s,r),U=wt(a,S,u);C(k,{shape:U},d,r)}var I=o.getItemGraphicEl(i);if(s.hasValue(r)&<[u.type](h)){var O=!1;if(f&&(O=st[u.type](p,h))&&n.remove(I),I?N(I):I=ot[u.type](t,s,r,h,a,d,c.model,!!I,v),l&&(I.forceLabelAnimation=!0),A){var T=I.getTextContent();if(T){var E=z(T);null!=E.prevValue&&(E.prevValue=E.value)}}else vt(I,s,r,e,h,t,a,"polar"===u.type);x?I.attr({shape:h}):l?ht(l,d,I,h,r,a,!0,A):C(I,{shape:h},t,r,null),s.setItemGraphicEl(r,I),I.ignore=O,n.add(I)}else n.remove(I)})).remove((function(r){var i=o.getItemGraphicEl(r);i&&U(i,t,r)})).execute();var k=this._backgroundGroup||(this._backgroundGroup=new I);k.removeAll();for(var O=0;O<y.length;++O)k.add(y[O]);n.add(k),this._backgroundEls=y,this._data=s},r.prototype._renderLarge=function(t){this._clear(),mt(t,this.group),this._updateLargeClip(t)},r.prototype._incrementalRenderLarge=function(t,r){this._removeBackground(),mt(r,this.group,this._progressiveEls,!0)},r.prototype._updateLargeClip=function(t){var r=t.get("clip",!0)&&s(t.coordinateSystem,!1,t),i=this.group;r?i.setClipPath(r):i.removeClipPath()},r.prototype._enableRealtimeSort=function(t,r,i){var e=this;if(r.count()){var a=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(r,t,i),this._isFirstFrame=!1;else{var n=function(t){var i=r.getItemGraphicEl(t),e=i&&i.shape;return e&&Math.abs(a.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(r,n,a,i)},i.getZr().on("rendered",this._onRendered)}}},r.prototype._dataSort=function(t,r,i){var e=[];return t.each(t.mapDimension(r.dim),(function(t,r){var a=i(r);e.push({dataIndex:r,mappedValue:a=null==a?NaN:a,ordinalNumber:t})})),e.sort((function(t,r){return r.mappedValue-t.mappedValue})),{ordinalNumbers:O(e,(function(t){return t.ordinalNumber}))}},r.prototype._isOrderChangedWithinSameData=function(t,r,i){for(var e=i.scale,a=t.mapDimension(i.dim),n=Number.MAX_VALUE,s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=t.rawIndexOf(a,e.getRawOrdinalNumber(s)),u=h<0?Number.MIN_VALUE:r(t.indexOfRawIndex(h));if(u>n)return!0;n=u}return!1},r.prototype._isOrderDifferentInView=function(t,r){for(var i=r.scale,e=i.getExtent(),a=Math.max(0,e[0]),n=Math.min(e[1],i.getOrdinalMeta().categories.length-1);a<=n;++a)if(t.ordinalNumbers[a]!==i.getRawOrdinalNumber(a))return!0},r.prototype._updateSortWithinSameData=function(t,r,i,e){if(this._isOrderChangedWithinSameData(t,r,i)){var a=this._dataSort(t,i,r);this._isOrderDifferentInView(a,i)&&(this._removeOnRenderedListener(e),e.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",axisId:i.index,sortInfo:a}))}},r.prototype._dispatchInitSort=function(t,r,i){var e=r.baseAxis,a=this._dataSort(t,e,(function(i){return t.get(t.mapDimension(r.otherAxis.dim),i)}));i.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:!0,axisId:e.index,sortInfo:a})},r.prototype.remove=function(t,r){this._clear(this._model),this._removeOnRenderedListener(r)},r.prototype.dispose=function(t,r){this._removeOnRenderedListener(r)},r.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},r.prototype._clear=function(t){var r=this.group,i=this._data;t&&t.isAnimationEnabled()&&i&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],i.eachItemGraphicEl((function(r){U(r,t,T(r).dataIndex)}))):r.removeAll(),this._data=null,this._isFirstFrame=!0},r.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},r.type="bar",r}(E),st={cartesian2d:function(t,r){var i=r.width<0?-1:1,e=r.height<0?-1:1;i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height);var a=t.x+t.width,n=t.y+t.height,s=et(r.x,t.x),o=at(r.x+r.width,a),h=et(r.y,t.y),u=at(r.y+r.height,n),c=o<s,d=u<h;return r.x=c&&s>a?o:s,r.y=d&&h>n?u:h,r.width=c?0:o-s,r.height=d?0:u-h,i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height),c||d},polar:function(t,r){var i=r.r0<=r.r?1:-1;if(i<0){var e=r.r;r.r=r.r0,r.r0=e}var a=at(r.r,t.r),n=et(r.r0,t.r0);r.r=a,r.r0=n;var s=a-n<0;return i<0&&(e=r.r,r.r=r.r0,r.r0=e),s}},ot={cartesian2d:function(t,r,i,e,a,n){var s=new L({shape:_({},e),z2:1});return s.__dataIndex=i,s.name="item",n&&(s.shape[a?"height":"width"]=0),s},polar:function(t,r,i,e,a,n,s,o,h){var u=!a&&h?tt:R,c=new u({shape:e,z2:1});c.name="item";var d,l,f=pt(a);if(c.calculateTextPosition=(d=f,l=({isRoundCap:u===tt}||{}).isRoundCap,function(t,r,i){var e=r.position;if(!e||e instanceof Array)return x(t,r,i);var a=d(e),n=null!=r.distance?r.distance:5,s=this.shape,o=s.cx,h=s.cy,u=s.r,c=s.r0,f=(u+c)/2,p=s.startAngle,v=s.endAngle,b=(p+v)/2,g=l?Math.abs(u-c)/2:0,m=Math.cos,y=Math.sin,w=o+u*m(p),A=h+u*y(p),M="left",k="top";switch(a){case"startArc":w=o+(c-n)*m(b),A=h+(c-n)*y(b),M="center",k="top";break;case"insideStartArc":w=o+(c+n)*m(b),A=h+(c+n)*y(b),M="center",k="bottom";break;case"startAngle":w=o+f*m(p)+rt(p,n+g,!1),A=h+f*y(p)+it(p,n+g,!1),M="right",k="middle";break;case"insideStartAngle":w=o+f*m(p)+rt(p,-n+g,!1),A=h+f*y(p)+it(p,-n+g,!1),M="left",k="middle";break;case"middle":w=o+f*m(b),A=h+f*y(b),M="center",k="middle";break;case"endArc":w=o+(u+n)*m(b),A=h+(u+n)*y(b),M="center",k="bottom";break;case"insideEndArc":w=o+(u-n)*m(b),A=h+(u-n)*y(b),M="center",k="top";break;case"endAngle":w=o+f*m(v)+rt(v,n+g,!0),A=h+f*y(v)+it(v,n+g,!0),M="left",k="middle";break;case"insideEndAngle":w=o+f*m(v)+rt(v,-n+g,!0),A=h+f*y(v)+it(v,-n+g,!0),M="right",k="middle";break;default:return x(t,r,i)}return(t=t||{}).x=w,t.y=A,t.align=M,t.verticalAlign=k,t}),n){var p=a?"r":"endAngle",v={};c.shape[p]=a?0:e.startAngle,v[p]=e[p],(o?C:S)(c,{shape:v},n)}return c}};function ht(t,r,i,e,a,n,s,o){var h,u;n?(u={x:e.x,width:e.width},h={y:e.y,height:e.height}):(u={y:e.y,height:e.height},h={x:e.x,width:e.width}),o||(s?C:S)(i,{shape:h},r,a,null),(s?C:S)(i,{shape:u},r?t.baseAxis.model:null,a)}function ut(t,r){for(var i=0;i<r.length;i++)if(!isFinite(t[r[i]]))return!0;return!1}var ct=["x","y","width","height"],dt=["cx","cy","r","startAngle","endAngle"],lt={cartesian2d:function(t){return!ut(t,ct)},polar:function(t){return!ut(t,dt)}},ft={cartesian2d:function(t,r,i){var e=t.getItemLayout(r),a=i?function(t,r){var i=t.get(["itemStyle","borderColor"]);if(!i||"none"===i)return 0;var e=t.get(["itemStyle","borderWidth"])||0,a=isNaN(r.width)?Number.MAX_VALUE:Math.abs(r.width),n=isNaN(r.height)?Number.MAX_VALUE:Math.abs(r.height);return Math.min(e,a,n)}(i,e):0,n=e.width>0?1:-1,s=e.height>0?1:-1;return{x:e.x+n*a/2,y:e.y+s*a/2,width:e.width-n*a,height:e.height-s*a}},polar:function(t,r){var i=t.getItemLayout(r);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function pt(t){return function(t){var r=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+r;default:return t}}}(t)}function vt(t,r,i,e,a,n,s,h){var c=r.getItemVisual(i,"style");h||t.setShape("r",e.get(["itemStyle","borderRadius"])||0),t.useStyle(c);var d=e.getShallow("cursor");d&&t.attr("cursor",d);var l=h?s?a.r>=a.r0?"endArc":"startArc":a.endAngle>=a.startAngle?"endAngle":"startAngle":s?a.height>=0?"bottom":"top":a.width>=0?"right":"left",f=D(e);j(t,f,{labelFetcher:n,labelDataIndex:i,defaultText:o(n.getData(),i),inheritColor:c.fill,defaultOpacity:c.opacity,defaultOutsidePosition:l});var p=t.getTextContent();if(h&&p){var v=e.get(["label","position"]);t.textConfig.inside="middle"===v||null,function(t,r,i,e){if(A(e))t.setTextConfig({rotation:e});else if(M(r))t.setTextConfig({rotation:0});else{var a,n=t.shape,s=n.clockwise?n.startAngle:n.endAngle,o=n.clockwise?n.endAngle:n.startAngle,h=(s+o)/2,u=i(r);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":a=h;break;case"startAngle":case"insideStartAngle":a=s;break;case"endAngle":case"insideEndAngle":a=o;break;default:return void t.setTextConfig({rotation:0})}var c=1.5*Math.PI-a;"middle"===u&&c>Math.PI/2&&c<1.5*Math.PI&&(c-=Math.PI),t.setTextConfig({rotation:c})}}(t,"outside"===v?l:v,pt(s),e.get(["label","rotate"]))}B(p,f,n.getRawValue(i),(function(t){return u(r,t)}));var b=e.getModel(["emphasis"]);P(t,b.get("focus"),b.get("blurScope"),b.get("disabled")),W(t,e),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(a)&&(t.style.fill="none",t.style.stroke="none",g(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var bt=function(){},gt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="largeBar",i}return b(r,t),r.prototype.getDefaultShape=function(){return new bt},r.prototype.buildPath=function(t,r){for(var i=r.points,e=this.baseDimIdx,a=1-this.baseDimIdx,n=[],s=[],o=this.barWidth,h=0;h<i.length;h+=3)s[e]=o,s[a]=i[h+2],n[e]=i[h+e],n[a]=i[h+a],t.rect(n[0],n[1],s[0],s[1])},r}(w);function mt(t,r,i,e){var a=t.getData(),n=a.getLayout("valueAxisHorizontal")?1:0,s=a.getLayout("largeDataIndices"),o=a.getLayout("size"),h=t.getModel("backgroundStyle"),u=a.getLayout("largeBackgroundPoints");if(u){var c=new gt({shape:{points:u},incremental:!!e,silent:!0,z2:0});c.baseDimIdx=n,c.largeDataIndices=s,c.barWidth=o,c.useStyle(h.getItemStyle()),r.add(c),i&&i.push(c)}var d=new gt({shape:{points:a.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:!0,z2:1});d.baseDimIdx=n,d.largeDataIndices=s,d.barWidth=o,r.add(d),d.useStyle(a.getVisual("style")),T(d).seriesIndex=t.seriesIndex,t.get("silent")||(d.on("mousedown",yt),d.on("mousemove",yt)),i&&i.push(d)}var yt=H((function(t){var r=function(t,r,i){for(var e=t.baseDimIdx,a=1-e,n=t.shape.points,s=t.largeDataIndices,o=[],h=[],u=t.barWidth,c=0,d=n.length/3;c<d;c++){var l=3*c;if(h[e]=u,h[a]=n[l+2],o[e]=n[l+e],o[a]=n[l+a],h[a]<0&&(o[a]+=h[a],h[a]=-h[a]),r>=o[0]&&r<=o[0]+h[0]&&i>=o[1]&&i<=o[1]+h[1])return s[c]}return-1}(this,t.offsetX,t.offsetY);T(this).dataIndex=r>=0?r:null}),30,!1);function wt(t,r,i){if(h(i,"cartesian2d")){var e=r,a=i.getArea();return{x:t?e.x:a.x,y:t?a.y:e.y,width:t?e.width:a.width,height:t?a.height:e.height}}return{cx:(a=i.getArea()).cx,cy:a.cy,r0:t?a.r0:r.r0,r:t?a.r:r.r,startAngle:t?r.startAngle:0,endAngle:t?r.endAngle:2*Math.PI}}G([Y,function(t){t.registerChartView(nt),t.registerSeriesModel(Z),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,V(F,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,c("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,r){r.eachComponent({mainType:t.componentType||"series",query:t},(function(r){t.sortInfo&&r.axis.setCategorySortInfo(t.sortInfo)}))}))},J,K,p,v]);const xt=class{constructor(r){t(this,r),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.color=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideBarLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.orientation=void 0,this.showChartName=!1,this.sort=!1}componentDidLoad(){const t=X(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),e(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(t){const r=d("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles),i=d(this.color,this.chartContainerStyles,this.hostElementStyles);return d(t,this.chartContainerStyles,this.hostElementStyles)||(l(t)?t:i||(l(this.color)?this.color:r))}processData(t){return t.map((t=>({value:t.value||0,itemStyle:{color:this.getColor(t.color)}})))}updateChart(t){var r;const i=(null===(r=this.formatModifier)||void 0===r?void 0:r.includes("dec"))?this.formatModifier.replace("dec",""):0,e={type:"value",axisLabel:{formatter:t=>f(t,{type:this.format,decimals:i}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}},n={type:"category",data:this.data.map((t=>a(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:"horizontal"===this.orientation?e:n,yAxis:"horizontal"===this.orientation?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:t=>f(t.value,{type:this.format,decimals:i})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"]}}};xt.style="*{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}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{xt as q2_chart_bar}
|
|
1
|
+
import{r as t,h as r,g as i}from"./p-926a3e80.js";import{o as e,l as a}from"./p-059065e4.js";import{c as n,m as s,g as o,i as h,a as u,e as c,f as d,h as l,j as f,k as p,l as v}from"./p-458b1987.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as E,V as L,a as _,g as D,b as j,b6 as B,t as P,z as W,b7 as H,U as R,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-52063431.js";import{i as K}from"./p-833398d1.js";var Q=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0})},r.prototype.getMarkerPosition=function(t,r,i){var e=this.coordinateSystem;if(e&&e.clampData){var a=e.dataToPoint(e.clampData(t));if(i)g(e.getAxes(),(function(i,n){if("category"===i.type){var s=i.getTicksCoords(),o=e.clampData(t)[n];!r||"x1"!==r[n]&&"y1"!==r[n]||(o+=1),o>s.length-1&&(o=s.length-1),o<0&&(o=0),s[o]&&(a[n]=i.toGlobalCoord(s[o].coord))}}));else{var n=this.getData(),s=n.getLayout("offset"),o=n.getLayout("size"),h=e.getBaseAxis().isHorizontal()?0:1;a[h]+=s+o/2}return a}return[NaN,NaN]},r.type="series.__base_bar__",r.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"},r}(m);m.registerClass(Q);var Z=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},r.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},r.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),r=this.get("largeThreshold");return r>t&&(t=r),t},r.prototype.brushSelector=function(t,r,i){return i.rect(r.getItemLayout(t))},r.type="series.bar",r.dependencies=["grid","polar"],r.defaultOption=y(Q.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:!1}),r}(Q),$=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},tt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="sausage",i}return b(r,t),r.prototype.getDefaultShape=function(){return new $},r.prototype.buildPath=function(t,r){var i=r.cx,e=r.cy,a=Math.max(r.r0||0,0),n=Math.max(r.r,0),s=.5*(n-a),o=a+s,h=r.startAngle,u=r.endAngle,c=r.clockwise,d=2*Math.PI,l=c?u-h<d:h-u<d;l||(h=u-(c?d:-d));var f=Math.cos(h),p=Math.sin(h),v=Math.cos(u),b=Math.sin(u);l?(t.moveTo(f*a+i,p*a+e),t.arc(f*o+i,p*o+e,s,-Math.PI+h,h,!c)):t.moveTo(f*n+i,p*n+e),t.arc(i,e,n,h,u,!c),t.arc(v*o+i,b*o+e,s,u-2*Math.PI,u-Math.PI,!c),0!==a&&t.arc(i,e,a,u,h,c)},r}(w);function rt(t,r,i){return r*Math.sin(t)*(i?-1:1)}function it(t,r,i){return r*Math.cos(t)*(i?1:-1)}var et=Math.max,at=Math.min,nt=function(t){function r(){var i=t.call(this)||this;return i.type=r.type,i._isFirstFrame=!0,i}return b(r,t),r.prototype.render=function(t,r,i,e){this._model=t,this._removeOnRenderedListener(i),this._updateDrawMode(t);var a=t.get("coordinateSystem");"cartesian2d"!==a&&"polar"!==a||(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,r,i):this._renderNormal(t,r,i,e))},r.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},r.prototype.incrementalRender=function(t,r){this._progressiveEls=[],this._incrementalRenderLarge(t,r)},r.prototype.eachRendered=function(t){k(this._progressiveEls||this.group,t)},r.prototype._updateDrawMode=function(t){var r=t.pipelineContext.large;null!=this._isLargeDraw&&r===this._isLargeDraw||(this._isLargeDraw=r,this._clear())},r.prototype._renderNormal=function(t,r,i,e){var a,n=this.group,s=t.getData(),o=this._data,u=t.coordinateSystem,c=u.getBaseAxis();"cartesian2d"===u.type?a=c.isHorizontal():"polar"===u.type&&(a="angle"===c.dim);var d=t.isAnimationEnabled()?t:null,l=function(t,r){var i=t.get("realtimeSort",!0),e=r.getBaseAxis();if(i&&"category"===e.type&&"cartesian2d"===r.type)return{baseAxis:e,otherAxis:r.getOtherAxis(e)}}(t,u);l&&this._enableRealtimeSort(l,s,i);var f=t.get("clip",!0)||l,p=function(t,r){var i=t.getArea&&t.getArea();if(h(t,"cartesian2d")){var e=t.getBaseAxis();if("category"!==e.type||!e.onBand){var a=r.getLayout("bandWidth");e.isHorizontal()?(i.x-=a,i.width+=2*a):(i.y-=a,i.height+=2*a)}}return i}(u,s);n.removeClipPath();var v=t.get("roundCap",!0),b=t.get("showBackground",!0),g=t.getModel("backgroundStyle"),m=g.get("borderRadius")||0,y=[],w=this._backgroundEls,x=e&&e.isInitSort,A=e&&"changeAxisOrder"===e.type;function M(t){var r=ft[u.type](s,t),i=function(t,r,i){return new("polar"===t.type?R:L)({shape:wt(r,i,t),silent:!0,z2:0})}(u,a,r);return i.useStyle(g.getItemStyle()),"cartesian2d"===u.type&&i.setShape("r",m),y[t]=i,i}s.diff(o).add((function(r){var i=s.getItemModel(r),e=ft[u.type](s,r,i);if(b&&M(r),s.hasValue(r)&<[u.type](e)){var o=!1;f&&(o=st[u.type](p,e));var h=ot[u.type](t,s,r,e,a,d,c.model,!1,v);l&&(h.forceLabelAnimation=!0),vt(h,s,r,i,e,t,a,"polar"===u.type),x?h.attr({shape:e}):l?ht(l,d,h,e,r,a,!1,!1):S(h,{shape:e},t,r),s.setItemGraphicEl(r,h),n.add(h),h.ignore=o}})).update((function(r,i){var e=s.getItemModel(r),h=ft[u.type](s,r,e);if(b){var k=void 0;0===w.length?k=M(i):((k=w[i]).useStyle(g.getItemStyle()),"cartesian2d"===u.type&&k.setShape("r",m),y[r]=k);var S=ft[u.type](s,r),U=wt(a,S,u);C(k,{shape:U},d,r)}var I=o.getItemGraphicEl(i);if(s.hasValue(r)&<[u.type](h)){var O=!1;if(f&&(O=st[u.type](p,h))&&n.remove(I),I?N(I):I=ot[u.type](t,s,r,h,a,d,c.model,!!I,v),l&&(I.forceLabelAnimation=!0),A){var T=I.getTextContent();if(T){var E=z(T);null!=E.prevValue&&(E.prevValue=E.value)}}else vt(I,s,r,e,h,t,a,"polar"===u.type);x?I.attr({shape:h}):l?ht(l,d,I,h,r,a,!0,A):C(I,{shape:h},t,r,null),s.setItemGraphicEl(r,I),I.ignore=O,n.add(I)}else n.remove(I)})).remove((function(r){var i=o.getItemGraphicEl(r);i&&U(i,t,r)})).execute();var k=this._backgroundGroup||(this._backgroundGroup=new I);k.removeAll();for(var O=0;O<y.length;++O)k.add(y[O]);n.add(k),this._backgroundEls=y,this._data=s},r.prototype._renderLarge=function(t){this._clear(),mt(t,this.group),this._updateLargeClip(t)},r.prototype._incrementalRenderLarge=function(t,r){this._removeBackground(),mt(r,this.group,this._progressiveEls,!0)},r.prototype._updateLargeClip=function(t){var r=t.get("clip",!0)&&s(t.coordinateSystem,!1,t),i=this.group;r?i.setClipPath(r):i.removeClipPath()},r.prototype._enableRealtimeSort=function(t,r,i){var e=this;if(r.count()){var a=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(r,t,i),this._isFirstFrame=!1;else{var n=function(t){var i=r.getItemGraphicEl(t),e=i&&i.shape;return e&&Math.abs(a.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(r,n,a,i)},i.getZr().on("rendered",this._onRendered)}}},r.prototype._dataSort=function(t,r,i){var e=[];return t.each(t.mapDimension(r.dim),(function(t,r){var a=i(r);e.push({dataIndex:r,mappedValue:a=null==a?NaN:a,ordinalNumber:t})})),e.sort((function(t,r){return r.mappedValue-t.mappedValue})),{ordinalNumbers:O(e,(function(t){return t.ordinalNumber}))}},r.prototype._isOrderChangedWithinSameData=function(t,r,i){for(var e=i.scale,a=t.mapDimension(i.dim),n=Number.MAX_VALUE,s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=t.rawIndexOf(a,e.getRawOrdinalNumber(s)),u=h<0?Number.MIN_VALUE:r(t.indexOfRawIndex(h));if(u>n)return!0;n=u}return!1},r.prototype._isOrderDifferentInView=function(t,r){for(var i=r.scale,e=i.getExtent(),a=Math.max(0,e[0]),n=Math.min(e[1],i.getOrdinalMeta().categories.length-1);a<=n;++a)if(t.ordinalNumbers[a]!==i.getRawOrdinalNumber(a))return!0},r.prototype._updateSortWithinSameData=function(t,r,i,e){if(this._isOrderChangedWithinSameData(t,r,i)){var a=this._dataSort(t,i,r);this._isOrderDifferentInView(a,i)&&(this._removeOnRenderedListener(e),e.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",axisId:i.index,sortInfo:a}))}},r.prototype._dispatchInitSort=function(t,r,i){var e=r.baseAxis,a=this._dataSort(t,e,(function(i){return t.get(t.mapDimension(r.otherAxis.dim),i)}));i.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:!0,axisId:e.index,sortInfo:a})},r.prototype.remove=function(t,r){this._clear(this._model),this._removeOnRenderedListener(r)},r.prototype.dispose=function(t,r){this._removeOnRenderedListener(r)},r.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},r.prototype._clear=function(t){var r=this.group,i=this._data;t&&t.isAnimationEnabled()&&i&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],i.eachItemGraphicEl((function(r){U(r,t,T(r).dataIndex)}))):r.removeAll(),this._data=null,this._isFirstFrame=!0},r.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},r.type="bar",r}(E),st={cartesian2d:function(t,r){var i=r.width<0?-1:1,e=r.height<0?-1:1;i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height);var a=t.x+t.width,n=t.y+t.height,s=et(r.x,t.x),o=at(r.x+r.width,a),h=et(r.y,t.y),u=at(r.y+r.height,n),c=o<s,d=u<h;return r.x=c&&s>a?o:s,r.y=d&&h>n?u:h,r.width=c?0:o-s,r.height=d?0:u-h,i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height),c||d},polar:function(t,r){var i=r.r0<=r.r?1:-1;if(i<0){var e=r.r;r.r=r.r0,r.r0=e}var a=at(r.r,t.r),n=et(r.r0,t.r0);r.r=a,r.r0=n;var s=a-n<0;return i<0&&(e=r.r,r.r=r.r0,r.r0=e),s}},ot={cartesian2d:function(t,r,i,e,a,n){var s=new L({shape:_({},e),z2:1});return s.__dataIndex=i,s.name="item",n&&(s.shape[a?"height":"width"]=0),s},polar:function(t,r,i,e,a,n,s,o,h){var u=!a&&h?tt:R,c=new u({shape:e,z2:1});c.name="item";var d,l,f=pt(a);if(c.calculateTextPosition=(d=f,l=({isRoundCap:u===tt}||{}).isRoundCap,function(t,r,i){var e=r.position;if(!e||e instanceof Array)return x(t,r,i);var a=d(e),n=null!=r.distance?r.distance:5,s=this.shape,o=s.cx,h=s.cy,u=s.r,c=s.r0,f=(u+c)/2,p=s.startAngle,v=s.endAngle,b=(p+v)/2,g=l?Math.abs(u-c)/2:0,m=Math.cos,y=Math.sin,w=o+u*m(p),A=h+u*y(p),M="left",k="top";switch(a){case"startArc":w=o+(c-n)*m(b),A=h+(c-n)*y(b),M="center",k="top";break;case"insideStartArc":w=o+(c+n)*m(b),A=h+(c+n)*y(b),M="center",k="bottom";break;case"startAngle":w=o+f*m(p)+rt(p,n+g,!1),A=h+f*y(p)+it(p,n+g,!1),M="right",k="middle";break;case"insideStartAngle":w=o+f*m(p)+rt(p,-n+g,!1),A=h+f*y(p)+it(p,-n+g,!1),M="left",k="middle";break;case"middle":w=o+f*m(b),A=h+f*y(b),M="center",k="middle";break;case"endArc":w=o+(u+n)*m(b),A=h+(u+n)*y(b),M="center",k="bottom";break;case"insideEndArc":w=o+(u-n)*m(b),A=h+(u-n)*y(b),M="center",k="top";break;case"endAngle":w=o+f*m(v)+rt(v,n+g,!0),A=h+f*y(v)+it(v,n+g,!0),M="left",k="middle";break;case"insideEndAngle":w=o+f*m(v)+rt(v,-n+g,!0),A=h+f*y(v)+it(v,-n+g,!0),M="right",k="middle";break;default:return x(t,r,i)}return(t=t||{}).x=w,t.y=A,t.align=M,t.verticalAlign=k,t}),n){var p=a?"r":"endAngle",v={};c.shape[p]=a?0:e.startAngle,v[p]=e[p],(o?C:S)(c,{shape:v},n)}return c}};function ht(t,r,i,e,a,n,s,o){var h,u;n?(u={x:e.x,width:e.width},h={y:e.y,height:e.height}):(u={y:e.y,height:e.height},h={x:e.x,width:e.width}),o||(s?C:S)(i,{shape:h},r,a,null),(s?C:S)(i,{shape:u},r?t.baseAxis.model:null,a)}function ut(t,r){for(var i=0;i<r.length;i++)if(!isFinite(t[r[i]]))return!0;return!1}var ct=["x","y","width","height"],dt=["cx","cy","r","startAngle","endAngle"],lt={cartesian2d:function(t){return!ut(t,ct)},polar:function(t){return!ut(t,dt)}},ft={cartesian2d:function(t,r,i){var e=t.getItemLayout(r),a=i?function(t,r){var i=t.get(["itemStyle","borderColor"]);if(!i||"none"===i)return 0;var e=t.get(["itemStyle","borderWidth"])||0,a=isNaN(r.width)?Number.MAX_VALUE:Math.abs(r.width),n=isNaN(r.height)?Number.MAX_VALUE:Math.abs(r.height);return Math.min(e,a,n)}(i,e):0,n=e.width>0?1:-1,s=e.height>0?1:-1;return{x:e.x+n*a/2,y:e.y+s*a/2,width:e.width-n*a,height:e.height-s*a}},polar:function(t,r){var i=t.getItemLayout(r);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function pt(t){return function(t){var r=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+r;default:return t}}}(t)}function vt(t,r,i,e,a,n,s,h){var c=r.getItemVisual(i,"style");h||t.setShape("r",e.get(["itemStyle","borderRadius"])||0),t.useStyle(c);var d=e.getShallow("cursor");d&&t.attr("cursor",d);var l=h?s?a.r>=a.r0?"endArc":"startArc":a.endAngle>=a.startAngle?"endAngle":"startAngle":s?a.height>=0?"bottom":"top":a.width>=0?"right":"left",f=D(e);j(t,f,{labelFetcher:n,labelDataIndex:i,defaultText:o(n.getData(),i),inheritColor:c.fill,defaultOpacity:c.opacity,defaultOutsidePosition:l});var p=t.getTextContent();if(h&&p){var v=e.get(["label","position"]);t.textConfig.inside="middle"===v||null,function(t,r,i,e){if(A(e))t.setTextConfig({rotation:e});else if(M(r))t.setTextConfig({rotation:0});else{var a,n=t.shape,s=n.clockwise?n.startAngle:n.endAngle,o=n.clockwise?n.endAngle:n.startAngle,h=(s+o)/2,u=i(r);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":a=h;break;case"startAngle":case"insideStartAngle":a=s;break;case"endAngle":case"insideEndAngle":a=o;break;default:return void t.setTextConfig({rotation:0})}var c=1.5*Math.PI-a;"middle"===u&&c>Math.PI/2&&c<1.5*Math.PI&&(c-=Math.PI),t.setTextConfig({rotation:c})}}(t,"outside"===v?l:v,pt(s),e.get(["label","rotate"]))}B(p,f,n.getRawValue(i),(function(t){return u(r,t)}));var b=e.getModel(["emphasis"]);P(t,b.get("focus"),b.get("blurScope"),b.get("disabled")),W(t,e),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(a)&&(t.style.fill="none",t.style.stroke="none",g(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var bt=function(){},gt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="largeBar",i}return b(r,t),r.prototype.getDefaultShape=function(){return new bt},r.prototype.buildPath=function(t,r){for(var i=r.points,e=this.baseDimIdx,a=1-this.baseDimIdx,n=[],s=[],o=this.barWidth,h=0;h<i.length;h+=3)s[e]=o,s[a]=i[h+2],n[e]=i[h+e],n[a]=i[h+a],t.rect(n[0],n[1],s[0],s[1])},r}(w);function mt(t,r,i,e){var a=t.getData(),n=a.getLayout("valueAxisHorizontal")?1:0,s=a.getLayout("largeDataIndices"),o=a.getLayout("size"),h=t.getModel("backgroundStyle"),u=a.getLayout("largeBackgroundPoints");if(u){var c=new gt({shape:{points:u},incremental:!!e,silent:!0,z2:0});c.baseDimIdx=n,c.largeDataIndices=s,c.barWidth=o,c.useStyle(h.getItemStyle()),r.add(c),i&&i.push(c)}var d=new gt({shape:{points:a.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:!0,z2:1});d.baseDimIdx=n,d.largeDataIndices=s,d.barWidth=o,r.add(d),d.useStyle(a.getVisual("style")),T(d).seriesIndex=t.seriesIndex,t.get("silent")||(d.on("mousedown",yt),d.on("mousemove",yt)),i&&i.push(d)}var yt=H((function(t){var r=function(t,r,i){for(var e=t.baseDimIdx,a=1-e,n=t.shape.points,s=t.largeDataIndices,o=[],h=[],u=t.barWidth,c=0,d=n.length/3;c<d;c++){var l=3*c;if(h[e]=u,h[a]=n[l+2],o[e]=n[l+e],o[a]=n[l+a],h[a]<0&&(o[a]+=h[a],h[a]=-h[a]),r>=o[0]&&r<=o[0]+h[0]&&i>=o[1]&&i<=o[1]+h[1])return s[c]}return-1}(this,t.offsetX,t.offsetY);T(this).dataIndex=r>=0?r:null}),30,!1);function wt(t,r,i){if(h(i,"cartesian2d")){var e=r,a=i.getArea();return{x:t?e.x:a.x,y:t?a.y:e.y,width:t?e.width:a.width,height:t?a.height:e.height}}return{cx:(a=i.getArea()).cx,cy:a.cy,r0:t?a.r0:r.r0,r:t?a.r:r.r,startAngle:t?r.startAngle:0,endAngle:t?r.endAngle:2*Math.PI}}G([Y,function(t){t.registerChartView(nt),t.registerSeriesModel(Z),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,V(F,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,c("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,r){r.eachComponent({mainType:t.componentType||"series",query:t},(function(r){t.sortInfo&&r.axis.setCategorySortInfo(t.sortInfo)}))}))},J,K,p,v]);const xt=class{constructor(r){t(this,r),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.color=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideBarLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.orientation=void 0,this.showChartName=!1,this.sort=!1}componentDidLoad(){const t=X(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),e(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(t){const r=d("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles),i=d(this.color,this.chartContainerStyles,this.hostElementStyles);return d(t,this.chartContainerStyles,this.hostElementStyles)||(l(t)?t:i||(l(this.color)?this.color:r))}processData(t){return t.map((t=>({value:t.value||0,itemStyle:{color:this.getColor(t.color)}})))}updateChart(t){var r;const i=(null===(r=this.formatModifier)||void 0===r?void 0:r.includes("dec"))?this.formatModifier.replace("dec",""):0,e={type:"value",axisLabel:{formatter:t=>f(t,{type:this.format,decimals:i}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}},n={type:"category",data:this.data.map((t=>a(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:"horizontal"===this.orientation?e:n,yAxis:"horizontal"===this.orientation?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:t=>f(t.value,{type:this.format,decimals:i})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"]}}};xt.style="*{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}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{xt as q2_chart_bar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,H as o,g as s}from"./p-926a3e80.js";import{o as n,n as r,a,r as h}from"./p-059065e4.js";const l=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.popoverState=i(this,"popoverState",7),this.ready=i(this,"ready",3),this.scheduledAfterRender=[],this.externalKeydownHandler=t=>{t.stopPropagation();const{activeIndex:i,customSearch:e,allOptions:o}=this,{key:s}=t;let n;switch(s){case" ":if(this.searchString){if(e)break;this.searchOptions(s,!0);break}this.setDefaultActiveElement();break;case"Enter":this.setDefaultActiveElement();break;case"ArrowUp":if(t.preventDefault(),this.activeIndex=0,n=this.selectedOptions.length?this.getDefaultActiveIndex():this.getNextVisibleIndex(-1),-1===n)break;this.openDropdownWithActiveElement(n);break;case"ArrowDown":if(t.preventDefault(),this.activeIndex=0,n=this.selectedOptions.length?this.getDefaultActiveIndex():this.getNextVisibleIndex(0),-1===n)break;this.openDropdownWithActiveElement(n);break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(o.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max((i||0)-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min((i||0)+10,o.length-1));break;case"Tab":this.popoverState.emit({open:!1,action:"close"});break;case"Esc":case"Escape":this.noSelect&&this.setActiveElement(null),this.popoverState.emit({open:!1,action:"close"});break;default:if(e)break;if(!s.match(/^[\w]$/))break;this.searchOptions(s,!0)}},this.internalKeydownHandler=t=>{t.stopPropagation();const{activeIndex:i,customSearch:e,allOptions:o}=this,{key:s,shiftKey:n}=t;let r;switch(s){case" ":if(this.searchString){if(e)break;this.searchOptions(s,!1);break}if(t.preventDefault(),r=o.find((t=>t.active)),!r||r.disabled)break;this.selectOption(r);break;case"Enter":if(t.preventDefault(),r=o.find((t=>t.active)),!r||r.disabled)break;this.selectOption(r);break;case"ArrowUp":if(t.preventDefault(),0===i)break;if(void 0===i){this.setDefaultActiveElement();break}{const t=this.getNextVisibleIndex(-1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-i);break}case"ArrowDown":if(t.preventDefault(),i===o.length-1)break;if(void 0===i){this.setDefaultActiveElement();break}{const t=this.getNextVisibleIndex(1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-i);break}case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(o.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max(i-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min(i+10,o.length-1));break;case"Tab":if(n)break;if(r=o.find((t=>t.active)),!r||r.disabled)return;this.selectOption(r);break;case"Esc":case"Escape":this.noSelect&&this.setActiveElement(null),this.popoverState.emit({open:!1,action:"close"});break;default:if(e)break;if(!s.match(/^[\w]$/))break;this.searchOptions(s,!1)}},this.focusoutHandler=t=>{const{relatedTarget:i}=t,e=this.allOptions.includes(i),o=!e&&this.hostElement.contains(i);(e||o)&&t.stopPropagation()},this.clickHandler=t=>{const i=t.target.closest("q2-option");this.selectOption(i)},this.role="listbox",this.customSearch=void 0,this.noSelect=void 0,this.align=void 0,this.selectedOptions=[],this.multiple=void 0,this.disabled=void 0,this.showSelected=void 0,this.type=void 0,this.hasOptions=void 0}componentWillLoad(){this.hasOptions=!!this.hostElement.querySelectorAll("q2-option").length}componentDidLoad(){n(this.hostElement),this.checkOptions(),this.selectedOptionsUpdated(),this.ready.emit()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}get allContents(){const t=this.getRootSlot(this.hostElement),i=["Q2-OPTGROUP","Q2-OPTION"];return t.filter((t=>i.includes(t.tagName)))}get allOptions(){const t=i=>i.reduce(((i,e)=>"Q2-OPTGROUP"===e.tagName?[...i,...t(Array.from(e.children))]:"Q2-OPTION"===e.tagName?[...i,e]:i),[]);return t(this.allContents)}get allVisibleOptions(){return this.allOptions.filter((t=>!(t.hidden||t._multiSelectHidden||t.disabled||t.disabledGroup)))}async checkOptions(){const{type:t}=this,i=await this.getOptions();if(!t)return;const e="menu"===t?"menuitem":"option";i.forEach((t=>{t.role=e}))}getRootSlot(t){var i;const e=t.querySelector("slot"),o=null!==(i=null==e?void 0:e.assignedElements())&&void 0!==i?i:Array.from(t.children);return o.length&&"SLOT"===o[0].tagName?this.getRootSlot(o[0]):o}scrollToActiveOption(){const t=this.allOptions[this.activeIndex];null==t||t.scrollIntoView({block:"nearest"})}openDropdownWithActiveElement(t){this.disabled||(this.activeIndex=t,this.popoverState.emit({open:!0,action:"open"}),this.setActiveOption(),this.setFocusedOption(),r((()=>{this.scrollToActiveOption()})))}getDefaultActiveIndex(){const{allOptions:t}=this,i=t.findIndex((t=>t.selected));if(i>-1)return i;const e=t.findIndex((t=>!t.hidden));return e>-1?e:0}updateSingleOptionAttrs(){var t;const{allOptions:i,selectedOptions:e}=this,o=(null===(t=e[0])||void 0===t?void 0:t.value)||void 0;i.forEach((t=>{t.selected=t.value===o}))}updateMultipleOptionAttrs(){const{allOptions:t,selectedOptions:i}=this,e=i.map((({value:t})=>t));t.forEach((t=>{t.selected=e.includes(t.value)}))}setActiveOption(){const t=this.activeIndex;this.allOptions.forEach(((i,e)=>{i.active=t===e}))}setFocusedOption(){const t=this.allOptions[this.activeIndex];t&&(this.hostElement.offsetParent?t.focus():r((()=>t.focus())))}getNextVisibleIndex(t){const{allVisibleOptions:i,allOptions:e,activeIndex:o}=this;let s=i.indexOf(e[o])+t;return s<0?s=i.length-1:s>i.length-1&&(s=0),e.indexOf(i[s])}focusSelectedSibling(t){const{allVisibleOptions:i,allOptions:e}=this;if(i.length<2)return void(this.showSelected=!1);const o=i.indexOf(t),s=e.indexOf(i[o?o-1:o+1]);this.activeIndex=s,this.setFocusedOption(),this.scheduledAfterRender.push((()=>{t._multiSelectHidden=!t.selected}))}selectOption(t){const{multiple:i,noSelect:e,showSelected:o}=this;if(!t||t.disabled||t.disabledGroup)return;const s=t.value,n={value:s,display:t.display||t.innerText.trim()};let r=[];if(i){const{selectedOptions:i}=this;r=i.find((t=>t.value===s))?i.filter((({value:t})=>t!==s)):[...i,n],o&&this.focusSelectedSibling(t)}else r=[n];e?this.setActiveElement(null):this.selectedOptions=r,this.change.emit({value:s,values:r}),i||this.popoverState.emit({open:!1,action:"select"})}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.setFocusedOption(),this.scrollToActiveOption()}resetTimer(){this.searchStringTimer&&clearTimeout(this.searchStringTimer),this.searchStringTimer=window.setTimeout((()=>{this.searchString=null}),2e3)}searchOptions(t,i){this.resetTimer();let e=this.searchString?`${this.searchString}${t}`:t;e=e.replace(/[^\w\s]/gi,""),this.searchString=e;const o=new RegExp(`^${e}`,"i"),{allOptions:s}=this,n=s.findIndex((t=>t.value===e||t.textContent.trim().match(o)));-1!==n&&(i?this.selectOption(this.allOptions[n]):this.setActiveElement(n))}showSelectedUpdated(t){t&&0===this.selectedOptions.length?this.showSelected=!1:this.allOptions.forEach((i=>i._multiSelectHidden=!!t&&!i.selected))}selectedOptionsUpdated(){this.multiple?this.updateMultipleOptionAttrs():this.updateSingleOptionAttrs()}delegateFocus(t){if(!a(t,this.hostElement))return;this.popoverState.emit({open:!0,action:"open"});const{activeIndex:i}=this;"number"==typeof i&&i>-1?(this.setActiveOption(),this.setFocusedOption()):this.setDefaultActiveElement()}handleClick(t){t.stopPropagation()}async setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}async setActiveElement(t){this.activeIndex=t,this.setActiveOption(),this.setFocusedOption()}async handleExternalKeydown(t){this.externalKeydownHandler(t)}async getContents(){return this.allContents}async getOptions(){return this.allOptions}render(){return e(o,null,e("div",{class:"content",ref:t=>this.contentElement=t,onFocusout:this.focusoutHandler},e("div",{class:"options",role:this.type||"listbox",onKeyDown:this.internalKeydownHandler,onClick:this.clickHandler},e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{showSelected:["showSelectedUpdated"],selectedOptions:["selectedOptionsUpdated"]}}};l.style="*{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}:host{position:relative;width:100%;display:block;line-height:var(--tct-option-list-line-height, var(--t-option-list-line-height, var(--app-line-height, 1.428571429em)))}.content{text-align:start}:host([is-sizeable]) .content{display:block;height:auto}";const c=class{constructor(e){t(this,e),this.popoverStateChanged=i(this,"popoverStateChanged",7),this.scheduledAfterRender=[],this.direction=void 0,this.align=void 0,this.open=void 0,this.block=void 0,this.minHeight=void 0,this.controlElement=void 0,this.privateDirection="down"}componentDidLoad(){this.open&&this.determinePopDirection()}componentWillRender(){this.containerElement&&this.open&&r((()=>this.determinePopDirection()))}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}async toggle(){this.open=!this.open}openChanged(t){this.popoverStateChanged.emit({open:t}),this.scheduledAfterRender.push(h)}popoverStateHandler(t){const{detail:{open:i}}=t;i!==this.open&&(this.open=i,t.stopPropagation())}determinePopDirection(){var t,i,e,o,s;const{containerElement:n,contentElement:r,direction:a,controlElement:h}=this;if(n&&(n.style.maxHeight=null),a)return this.privateDirection=a;const l=r.clientHeight,{top:c,height:p}=null!==(t=null==h?void 0:h.getBoundingClientRect())&&void 0!==t?t:{top:0,height:0},d=((null===(e=null===(i=window.Tecton)||void 0===i?void 0:i.platformDimensions)||void 0===e?void 0:e.scrollY)||0)+((null===(s=null===(o=window.Tecton)||void 0===o?void 0:o.platformDimensions)||void 0===s?void 0:s.innerHeight)||window.innerHeight)-c-p,b=l<=c;if(d>l)return this.privateDirection="down";if(b||!this.minHeight)return this.determinePopOffset(),this.privateDirection="up";const{minHeight:v=150}=this;if(d>=v+5){const t=Math.max(d-5,v);return n.style.setProperty("--comp-pop-max-height",`${t}px`),this.privateDirection="down"}{const t=Math.max(c,v);return n.style.setProperty("--comp-pop-max-height",`${t}px`),this.determinePopOffset(),this.privateDirection="up"}}determinePopOffset(){var t;const{controlElement:i,containerElement:e}=this,o=null!==(t=null==i?void 0:i.getBoundingClientRect().height)&&void 0!==t?t:0;e.style.setProperty("--comp-pop-offset",`${o}px`)}render(){return e("div",{ref:t=>this.containerElement=t,class:["container",this.privateDirection].join(" "),role:"menu"},e("div",{ref:t=>this.contentElement=t,class:"content"},e("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{open:["openChanged"]}}};c.style="*{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}:host{display:block;width:100%}:host([align=right]){display:block;position:absolute;right:0;text-align:end;left:unset}.container{display:none;overflow:hidden;opacity:0;height:0;position:absolute;top:var(--tct-popover-top, var(--t-popover-top, initial));visibility:hidden;background-color:var(--tct-popover-background-color, var(--t-popover-background-color, var(--app-white, #ffffff)));color:var(--tct-popover-text-color, var(--t-popover-text-color, var(--t-text, #4d4d4d)));z-index:var(--tct-popover-z-index, var(--t-popover-z-index, 100));width:max-content;min-width:var(--tct-popover-min-width, var(--t-popover-min-width, 135px));box-shadow:var(--tct-popover-box-shadow, var(--t-popover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))));text-align:start;left:0;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-popover-border-radius, var(--t-popover-border-radius, 0));max-height:var(--comp-pop-max-height);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.container::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.container::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.container::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host([block]) .container{left:unset;right:unset;width:100%;min-width:unset}:host([align=right]) .container{right:0;text-align:end;left:unset}:host([open]) .container{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}.container.up{bottom:var(--comp-pop-offset)}click-elsewhere{position:relative;display:block}.content{height:auto}";export{l as q2_option_list,c as q2_popover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,F as e,g as o}from"./p-926a3e80.js";import{c as n,n as h,l as a}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s,F as e,g as o}from"./p-926a3e80.js";import{c as n,n as h,l as a}from"./p-059065e4.js";const r=class{constructor(s){t(this,s),this.statusChange=i(this,"statusChange",7),this.activeChange=i(this,"activeChange",7),this.label=void 0,this.description=void 0,this.isActive=void 0,this.showWithChildren=void 0,this.status=void 0,this.isChildActive=!1}connectedCallback(){this.hostElement.id||(this.hostElement.id=`step-${n()}`)}componentWillLoad(){this.checkForActiveChildren()}statusChanged(t){this.statusChange.emit({status:t,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}isActiveChanged(t){this.activeChange.emit({status:this.status||"",isActive:t,id:this.hostElement.id,host:this.hostElement})}checkForActiveChildren(){this.showWithChildren&&h((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}render(){const{label:t,description:i,isActive:o}=this;return s(e,null,s("div",{role:"tabpanel","aria-label":t&&a(t),"aria-description":i&&a(i),tabindex:"0",hidden:!(o||this.isChildActive&&this.showWithChildren)},s("slot",null)),s("slot",{name:"children"}))}get hostElement(){return o(this)}static get watchers(){return{status:["statusChanged"],isActive:["isActiveChanged"],showWithChildren:["checkForActiveChildren"]}}};r.style="*{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}:host{display:block;position:relative}";export{r as q2_stepper_pane}
|