q2-tecton-elements 1.14.3 → 1.15.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/loader.cjs.js +1 -1
- package/dist/cjs/q2-avatar.cjs.entry.js +7 -2
- package/dist/cjs/q2-badge.cjs.entry.js +1 -3
- package/dist/cjs/q2-calendar.cjs.entry.js +3 -4
- package/dist/cjs/q2-chart-donut.cjs.entry.js +7 -2
- package/dist/cjs/q2-checkbox.cjs.entry.js +10 -11
- package/dist/cjs/q2-editable-field.cjs.entry.js +2 -2
- package/dist/cjs/q2-option-list.cjs.entry.js +4 -4
- package/dist/cjs/q2-pill.cjs.entry.js +8 -1
- package/dist/cjs/q2-radio.cjs.entry.js +1 -0
- package/dist/cjs/q2-select.cjs.entry.js +6 -0
- package/dist/cjs/q2-stepper.cjs.entry.js +20 -3
- package/dist/cjs/q2-tab-container.cjs.entry.js +15 -5
- package/dist/cjs/q2-tab-pane.cjs.entry.js +7 -0
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +5 -0
- package/dist/collection/components/q2-avatar/index.js +8 -2
- package/dist/collection/components/q2-avatar/styles.css +8 -0
- package/dist/collection/components/q2-badge/index.js +0 -2
- package/dist/collection/components/q2-badge/styles.css +2 -2
- package/dist/collection/components/q2-calendar/helpers.js +1 -1
- package/dist/collection/components/q2-calendar/index.js +2 -3
- package/dist/collection/components/q2-chart-donut/index.js +6 -1
- package/dist/collection/components/q2-chart-donut/styles.css +5 -3
- package/dist/collection/components/q2-checkbox/index.js +10 -11
- package/dist/collection/components/q2-editable-field/index.js +19 -2
- package/dist/collection/components/q2-option-list/index.js +22 -7
- package/dist/collection/components/q2-pill/index.js +26 -2
- package/dist/collection/components/q2-radio/index.js +1 -0
- package/dist/collection/components/q2-select/index.js +6 -0
- package/dist/collection/components/q2-stepper/index.js +30 -6
- package/dist/collection/components/q2-stepper/styles.css +45 -13
- package/dist/collection/components/q2-tab-container/index.js +22 -4
- package/dist/collection/components/q2-tab-container/styles.css +16 -2
- package/dist/collection/components/q2-tab-pane/index.js +58 -1
- package/dist/collection/components/tecton-tab-pane/index.js +57 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-avatar.entry.js +7 -2
- package/dist/esm/q2-badge.entry.js +1 -3
- package/dist/esm/q2-calendar.entry.js +3 -4
- package/dist/esm/q2-chart-donut.entry.js +7 -2
- package/dist/esm/q2-checkbox.entry.js +10 -11
- package/dist/esm/q2-editable-field.entry.js +2 -2
- package/dist/esm/q2-option-list.entry.js +4 -4
- package/dist/esm/q2-pill.entry.js +8 -1
- package/dist/esm/q2-radio.entry.js +1 -0
- package/dist/esm/q2-select.entry.js +6 -0
- package/dist/esm/q2-stepper.entry.js +20 -3
- package/dist/esm/q2-tab-container.entry.js +15 -5
- package/dist/esm/q2-tab-pane.entry.js +8 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/tecton-tab-pane.entry.js +6 -1
- package/dist/q2-tecton-elements/p-1b3c4cb2.entry.js +1 -0
- package/dist/q2-tecton-elements/p-2f13d873.entry.js +1 -0
- package/dist/q2-tecton-elements/p-50615a56.entry.js +1 -0
- package/dist/q2-tecton-elements/p-60400f59.entry.js +1 -0
- package/dist/q2-tecton-elements/p-704d7f41.entry.js +1 -0
- package/dist/q2-tecton-elements/p-77263ed4.entry.js +1 -0
- package/dist/q2-tecton-elements/p-8a8c6374.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-92886dbe.entry.js → p-991d7d22.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-882eaf0f.entry.js → p-9b2bc894.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fd5130c4.entry.js → p-b0dc920c.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-d5ecb3ba.entry.js +1 -0
- package/dist/q2-tecton-elements/p-dc1ef3fa.entry.js +1 -0
- package/dist/q2-tecton-elements/p-e0ddf788.entry.js +1 -0
- package/dist/q2-tecton-elements/p-e3406026.entry.js +1 -0
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/types/components/q2-avatar/index.d.ts +2 -0
- package/dist/types/components/q2-checkbox/index.d.ts +0 -1
- package/dist/types/components/q2-editable-field/index.d.ts +1 -0
- package/dist/types/components/q2-option-list/index.d.ts +4 -4
- package/dist/types/components/q2-pill/index.d.ts +2 -0
- package/dist/types/components/q2-stepper/index.d.ts +1 -0
- package/dist/types/components/q2-tab-container/index.d.ts +4 -0
- package/dist/types/components/q2-tab-pane/index.d.ts +5 -1
- package/dist/types/components/tecton-tab-pane/index.d.ts +5 -1
- package/dist/types/components.d.ts +14 -0
- package/dist/types/workspace/workspace/{tecton-production_release_1.14.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/elements/q2-tag-test.d.ts +0 -0
- package/dist/types/workspace/workspace/{tecton-production_release_1.14.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
- package/package.json +2 -2
- package/dist/q2-tecton-elements/p-0675f9c8.entry.js +0 -1
- package/dist/q2-tecton-elements/p-09464226.entry.js +0 -1
- package/dist/q2-tecton-elements/p-1eed57aa.entry.js +0 -1
- package/dist/q2-tecton-elements/p-3796397e.entry.js +0 -1
- package/dist/q2-tecton-elements/p-65e2df25.entry.js +0 -1
- package/dist/q2-tecton-elements/p-6727f6d0.entry.js +0 -1
- package/dist/q2-tecton-elements/p-706249e1.entry.js +0 -1
- package/dist/q2-tecton-elements/p-7ddb159c.entry.js +0 -1
- package/dist/q2-tecton-elements/p-87f448ab.entry.js +0 -1
- package/dist/q2-tecton-elements/p-94303312.entry.js +0 -1
- package/dist/q2-tecton-elements/p-b066cdd1.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,F as e,g as o}from"./p-c5691700.js";const a=class{constructor(r){t(this,r),this.value=0}get badgeText(){const t=Math.pow(10,this.maxLength||2)-1;let r=this.value||0;return r=isNaN(r)||r<=0?"":r<=t?Number(r).toLocaleString():Number(t).toLocaleString()+"+",r}generateMarkup(){const t=["badge"];return this.badgeText&&t.push(`digit-${this.badgeText.length}`),"large"===this.size&&t.push("size-large"),r("div",{class:"badge-wrapper"},r("slot",null),r("div",{class:t.join(" ")},r("span",{class:"badge-text"},this.badgeText)))}render(){return r(e,null,this.badgeText?this.generateMarkup():r("slot",null))}get hostElement(){return o(this)}};a.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.badge-wrapper{--comp-badge-background:var(--t-primary, #61c4ff);--comp-badge-color:var(--t-primary-text, #ffffff)}:host([status=info]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-info, #0079C1);--comp-badge-color:var(--const-stoplight-info-text, #ffffff)}:host([status=alert]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-alert, #C30000);--comp-badge-color:var(--const-stoplight-alert-text, #ffffff)}:host([status=warning]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-warning, #F0B400);--comp-badge-color:var(--const-stoplight-warning-text, #423535)}:host([status=success]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-success, #0E8A00);--comp-badge-color:var(--const-stoplight-success-text, #ffffff)}:host([theme=primary]) .badge-wrapper{--comp-badge-background:var(--t-primary, #61c4ff);--comp-badge-color:var(--t-primary-text, #ffffff);--comp-badge-border-color:var(--t-primary-l1, #61c4ff)}:host([theme=secondary]) .badge-wrapper{--comp-badge-background:var(--t-secondary, #61c4ff);--comp-badge-color:var(--t-secondary-text, #ffffff);--comp-badge-border-color:var(--t-secondary-l1, #61c4ff)}:host([theme=tertiary]) .badge-wrapper{--comp-badge-background:var(--t-tertiary, #0079C1);--comp-badge-color:var(--t-tertiary-text, #000000);--comp-badge-border-color:var(--t-tertiary-l1, #61c4ff)}.badge{font-size:10px;line-height:16px;height:16px;min-width:16px;background-color:var(--comp-badge-background);text-align:center;padding:0 4px;color:var(--comp-badge-color);border-color:var(--comp-badge-border-color);border-width:thin;border-radius:8px}.badge.size-large{font-size:14px;height:22px;min-width:22px;border-radius:11px;line-height:22px;padding:0 6px}.badge-wrapper{display:flex;align-items:center;justify-content:center}";export{a as q2_badge}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as n,g as a}from"./p-c5691700.js";import{l as r,s as i,h as o,o as s,i as c}from"./p-431bf43e.js";function d(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 l(t,e){if(e.length<t)throw new TypeError(t+" argument"+(t>1?"s":"")+" required, but only "+e.length+" present")}function h(t){l(1,arguments);var e=Object.prototype.toString.call(t);return t instanceof Date||"object"==typeof 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://git.io/fjule"),console.warn((new Error).stack)),new Date(NaN))}function u(t,e){l(2,arguments);var n=h(t),a=d(e);return isNaN(a)?new Date(NaN):a?(n.setDate(n.getDate()+a),n):n}function f(t,e){l(2,arguments);var n=h(t).getTime(),a=d(e);return new Date(n+a)}function m(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 v(t){l(1,arguments);var e=h(t);return e.setHours(0,0,0,0),e}function b(t,e){l(2,arguments);var n=v(t),a=v(e);return n.getTime()===a.getTime()}function w(t){return l(1,arguments),t instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t)}function p(t){if(l(1,arguments),!w(t)&&"number"!=typeof t)return!1;var e=h(t);return!isNaN(Number(e))}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 y(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 x={date:y({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:y({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:y({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},D={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function M(t){return function(e,n){var a,r=n||{};if("formatting"===(r.context?String(r.context):"standalone")&&t.formattingValues){var i=t.defaultFormattingWidth||t.defaultWidth,o=r.width?String(r.width):i;a=t.formattingValues[o]||t.formattingValues[i]}else{var s=t.defaultWidth,c=r.width?String(r.width):t.defaultWidth;a=t.values[c]||t.values[s]}return a[t.argumentCallback?t.argumentCallback(e):e]}}function k(t){return function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=n.width,r=a&&t.matchPatterns[a]||t.matchPatterns[t.defaultMatchWidth],i=e.match(r);if(!i)return null;var o,s=i[0],c=a&&t.parsePatterns[a]||t.parsePatterns[t.defaultParseWidth],d=Array.isArray(c)?P(c,(function(t){return t.test(s)})):E(c,(function(t){return t.test(s)}));o=t.valueCallback?t.valueCallback(d):d,o=n.valueCallback?n.valueCallback(o):o;var l=e.slice(s.length);return{value:o,rest:l}}}function E(t,e){for(var n in t)if(t.hasOwnProperty(n)&&e(t[n]))return n}function P(t,e){for(var n=0;n<t.length;n++)if(e(t[n]))return n}var q,S={code:"en-US",formatDistance:function(t,e,n){var a,r=g[t];return a="string"==typeof r?r:1===e?r.one:r.other.replace("{{count}}",e.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a},formatLong:x,formatRelative:function(t){return D[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:M({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:M({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:M({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:M({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:M({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:(q={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(q.matchPattern);if(!n)return null;var a=n[0],r=t.match(q.parsePattern);if(!r)return null;var i=q.valueCallback?q.valueCallback(r[0]):r[0];i=e.valueCallback?e.valueCallback(i):i;var o=t.slice(a.length);return{value:i,rest:o}}),era:k({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:k({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:k({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:k({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:k({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}};function $(t,e){l(2,arguments);var n=d(e);return f(t,-n)}function O(t){l(1,arguments);var e=1,n=h(t),a=n.getUTCDay(),r=(a<e?7:0)+a-e;return n.setUTCDate(n.getUTCDate()-r),n.setUTCHours(0,0,0,0),n}function z(t){l(1,arguments);var e=h(t),n=e.getUTCFullYear(),a=new Date(0);a.setUTCFullYear(n+1,0,4),a.setUTCHours(0,0,0,0);var r=O(a),i=new Date(0);i.setUTCFullYear(n,0,4),i.setUTCHours(0,0,0,0);var o=O(i);return e.getTime()>=r.getTime()?n+1:e.getTime()>=o.getTime()?n:n-1}function T(t){l(1,arguments);var e=z(t),n=new Date(0);n.setUTCFullYear(e,0,4),n.setUTCHours(0,0,0,0);var a=O(n);return a}function Y(t,e){l(1,arguments);var n=e||{},a=n.locale,r=a&&a.options&&a.options.weekStartsOn,i=null==r?0:d(r),o=null==n.weekStartsOn?i:d(n.weekStartsOn);if(!(o>=0&&o<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var s=h(t),c=s.getUTCDay(),u=(c<o?7:0)+c-o;return s.setUTCDate(s.getUTCDate()-u),s.setUTCHours(0,0,0,0),s}function A(t,e){l(1,arguments);var n=h(t),a=n.getUTCFullYear(),r=e||{},i=r.locale,o=i&&i.options&&i.options.firstWeekContainsDate,s=null==o?1:d(o),c=null==r.firstWeekContainsDate?s:d(r.firstWeekContainsDate);if(!(c>=1&&c<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var u=new Date(0);u.setUTCFullYear(a+1,0,c),u.setUTCHours(0,0,0,0);var f=Y(u,e),m=new Date(0);m.setUTCFullYear(a,0,c),m.setUTCHours(0,0,0,0);var v=Y(m,e);return n.getTime()>=f.getTime()?a+1:n.getTime()>=v.getTime()?a:a-1}function W(t,e){l(1,arguments);var n=e||{},a=n.locale,r=a&&a.options&&a.options.firstWeekContainsDate,i=null==r?1:d(r),o=null==n.firstWeekContainsDate?i:d(n.firstWeekContainsDate),s=A(t,e),c=new Date(0);c.setUTCFullYear(s,0,o),c.setUTCHours(0,0,0,0);var h=Y(c,e);return h}function C(t,e){for(var n=t<0?"-":"",a=Math.abs(t).toString();a.length<e;)a="0"+a;return n+a}var I={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 C("yy"===e?a%100:a,e.length)}(t,e)},Y:function(t,e,n,a){var r=A(t,a),i=r>0?r:1-r;return"YY"===e?C(i%100,2):"Yo"===e?n.ordinalNumber(i,{unit:"year"}):C(i,e.length)},R:function(t,e){return C(z(t),e.length)},u:function(t,e){return C(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 C(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 C(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):C(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 C(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 r=function(t,e){l(1,arguments);var n=h(t),a=Y(n,e).getTime()-W(n,e).getTime();return Math.round(a/6048e5)+1}(t,a);return"wo"===e?n.ordinalNumber(r,{unit:"week"}):C(r,e.length)},I:function(t,e,n){var a=function(t){l(1,arguments);var e=h(t),n=O(e).getTime()-T(e).getTime();return Math.round(n/6048e5)+1}(t);return"Io"===e?n.ordinalNumber(a,{unit:"week"}):C(a,e.length)},d:function(t,e,n){return"do"===e?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):function(t,e){return C(t.getUTCDate(),e.length)}(t,e)},D:function(t,e,n){var a=function(t){l(1,arguments);var e=h(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"}):C(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 r=t.getUTCDay(),i=(r-a.weekStartsOn+8)%7||7;switch(e){case"e":return String(i);case"ee":return C(i,2);case"eo":return n.ordinalNumber(i,{unit:"day"});case"eee":return n.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(r,{width:"short",context:"formatting"});case"eeee":default:return n.day(r,{width:"wide",context:"formatting"})}},c:function(t,e,n,a){var r=t.getUTCDay(),i=(r-a.weekStartsOn+8)%7||7;switch(e){case"c":return String(i);case"cc":return C(i,e.length);case"co":return n.ordinalNumber(i,{unit:"day"});case"ccc":return n.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(r,{width:"narrow",context:"standalone"});case"cccccc":return n.day(r,{width:"short",context:"standalone"});case"cccc":default:return n.day(r,{width:"wide",context:"standalone"})}},i:function(t,e,n){var a=t.getUTCDay(),r=0===a?7:a;switch(e){case"i":return String(r);case"ii":return C(r,e.length);case"io":return n.ordinalNumber(r,{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,r=t.getUTCHours();switch(a=12===r?"noon":0===r?"midnight":r/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,r=t.getUTCHours();switch(a=r>=17?"evening":r>=12?"afternoon":r>=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 C(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 C(t.getUTCHours(),e.length)}(t,e)},K:function(t,e,n){var a=t.getUTCHours()%12;return"Ko"===e?n.ordinalNumber(a,{unit:"hour"}):C(a,e.length)},k:function(t,e,n){var a=t.getUTCHours();return 0===a&&(a=24),"ko"===e?n.ordinalNumber(a,{unit:"hour"}):C(a,e.length)},m:function(t,e,n){return"mo"===e?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):function(t,e){return C(t.getUTCMinutes(),e.length)}(t,e)},s:function(t,e,n){return"so"===e?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):function(t,e){return C(t.getUTCSeconds(),e.length)}(t,e)},S:function(t,e){return function(t,e){var n=e.length,a=t.getUTCMilliseconds();return C(Math.floor(a*Math.pow(10,n-3)),e.length)}(t,e)},X:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();if(0===r)return"Z";switch(e){case"X":return j(r);case"XXXX":case"XX":return N(r);case"XXXXX":case"XXX":default:return N(r,":")}},x:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();switch(e){case"x":return j(r);case"xxxx":case"xx":return N(r);case"xxxxx":case"xxx":default:return N(r,":")}},O:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+L(r,":");case"OOOO":default:return"GMT"+N(r,":")}},z:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+L(r,":");case"zzzz":default:return"GMT"+N(r,":")}},t:function(t,e,n,a){return C(Math.floor((a._originalDate||t).getTime()/1e3),e.length)},T:function(t,e,n,a){return C((a._originalDate||t).getTime(),e.length)}};function L(t,e){var n=t>0?"-":"+",a=Math.abs(t),r=Math.floor(a/60),i=a%60;if(0===i)return n+String(r);var o=e||"";return n+String(r)+o+C(i,2)}function j(t,e){return t%60==0?(t>0?"-":"+")+C(Math.abs(t)/60,2):N(t,e)}function N(t,e){var n=e||"",a=t>0?"-":"+",r=Math.abs(t);return a+C(Math.floor(r/60),2)+n+C(r%60,2)}function B(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"})}}function X(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"})}}var Q={p:X,P:function(t,e){var n,a=t.match(/(P+)(p+)?/)||[],r=a[1],i=a[2];if(!i)return B(t,e);switch(r){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}}",B(r,e)).replace("{{time}}",X(i,e))}},F=["D","DD"],G=["YY","YYYY"];function V(t){return-1!==F.indexOf(t)}function R(t){return-1!==G.indexOf(t)}function J(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://git.io/fxCyr"));if("YY"===t)throw new RangeError("Use `yy` instead of `YY` (in `".concat(e,"`) for formatting years to the input `").concat(n,"`; see: https://git.io/fxCyr"));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://git.io/fxCyr"));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://git.io/fxCyr"))}var U=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,H=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,K=/^'([^]*?)'?$/,Z=/''/g,_=/[a-zA-Z]/;function tt(t){return t.match(K)[1].replace(Z,"'")}function et(t,e){l(2,arguments);var n=h(t),a=h(e);return n.getTime()>a.getTime()}function nt(t){const e=new Date(t);if(p(e))return function(t,e){l(1,arguments);var n=h(t);if(isNaN(n.getTime()))throw new RangeError("Invalid time value");var a=null!=e&&e.format?String(e.format):"extended",r=null!=e&&e.representation?String(e.representation):"complete";if("extended"!==a&&"basic"!==a)throw new RangeError("format must be 'extended' or 'basic'");if("date"!==r&&"time"!==r&&"complete"!==r)throw new RangeError("representation must be 'date', 'time', or 'complete'");var i="",o="",s="extended"===a?"-":"",c="extended"===a?":":"";if("time"!==r){var d=C(n.getDate(),2),u=C(n.getMonth()+1,2),f=C(n.getFullYear(),4);i="".concat(f).concat(s).concat(u).concat(s).concat(d)}if("date"!==r){var m=n.getTimezoneOffset();if(0!==m){var v=Math.abs(m),b=C(Math.floor(v/60),2),w=C(v%60,2);o="".concat(m<0?"+":"-").concat(b,":").concat(w)}else o="Z";var p=""===i?"":"T",g=[C(n.getHours(),2),C(n.getMinutes(),2),C(n.getSeconds(),2)].join(c);i="".concat(i).concat(p).concat(g).concat(o)}return i}(e,{representation:"date"})}function at(t){const e=new Date(t);if(!p(e))return;const n=e.toISOString();return new Intl.DateTimeFormat("default",{month:"2-digit",day:"2-digit",year:"numeric",timeZone:"UTC"}).format(new Date(n))}function rt(t){const e=new Date(t);if(p(e))return new Intl.DateTimeFormat("default",{month:"short",day:"numeric",year:"numeric"}).format(e)}function it(t){const e="string"==typeof t;if(!e&&t&&p(new Date(t||void 0)))t=nt(t);else if(!t||!p(new Date(t)))return;let n;const a=t.split(/[\/\-]/).map((t=>t.padStart(2,"0"))),r=3===a.length,i=a.length<3;if(e&&t.length>=24&&"T"===t[10])t=t.split("T")[0],n=new Date(t);else if(r)t.includes("/")&&4===a[2].length&&a.unshift(a.pop()),n=new Date(a.join("-"));else if(i){const t=new Date;let e,r,i;switch(a.length){case 1:e=t.getFullYear(),r=a[0],i="01";break;case 2:e=t.getFullYear(),r=a[0],i=a[1]}n=new Date(`${e}-${r}-${i}`)}if(p(n))return n=ot(n),p(n)?n:void 0}function ot(t){const e=t.getTimezoneOffset();return function(t,e){l(2,arguments);var n=h(t),a=d(e);return n.setMinutes(a),n}(t,e)}function st(t){return Array.isArray(t)&&0!==t.length?t.map((t=>it(t))):[]}function ct(t=new Date){return{monthIndex:Number(t.toISOString().split("-")[1])-1,selectedYear:t.getFullYear()}}function dt(t="",e=[],n=[],a=[],i,o,s="mm/dd/yyyy",c){let d=!1,l=!1,h="info",u=`${r("tecton.element.calendar.hint.format")}: ${s}`;if(!t)return{isValid:d,inputDate:new Date(""),isAvailable:l,messageType:h,message:u};const f=function(t,e){const n=new Date,[a,r,i]=t.split("/");if(10===t.length)return new Date(t);if(a&&r&&Number(r)>0){const t=Number(r)<10?`0${Number(r)}`:r,n=!i||i.length<4?function(t,e,n){const a=`${t}/${e}`,r=new Date,i=`${r.getMonth()<9?`0${r.getMonth()+1}`:`${r.getMonth()+1}`}/${r.getDate()<10?`0${r.getDate()}`:`${r.getDate()}`}/${r.getFullYear()}`;let o=r.getFullYear();return"future"===n&&i.slice(0,5)>a?o=r.getFullYear()+1:"past"===n&&i.slice(0,5)<a&&(o=r.getFullYear()-1),o.toString()}(a,r,e):i;return new Date(`${a}/${t}/${n}`)}return a&&r&&0===Number(r)?new Date(""):a?new Date(`${a}/01/${n.getFullYear()}`):void 0}(t,c),m=f.getMonth()+1,v=f.getDate(),b=f.getFullYear(),w=[m,v,b];if(p(f)){const c=lt()[f.getMonth()];10===t.length?(d=!0,h="success",u=`${r("tecton.element.calendar.hint.selection")}: ${rt(f)}`):(d=!1,h="error",u=`${r("tecton.element.calendar.hint.incompleteEntry")}: ${s}`),l=e.includes(f.getDay());const m=nt(f);if(l){const t=n.length&&!n.includes(m),e=a.length&&a.includes(m),r=i&&i>m,s=o&&o<m;(t||e||r||s)&&(l=!1)}t.length>=5&&!l&&(d=!1,h="error",u=c&&v&&b?r("tecton.element.calendar.hint.notAvailableDate",[rt(f)]):`${r("tecton.element.calendar.hint.invalidDate")}: ${s}`)}else d=!1,h="error",u=`${r("tecton.element.calendar.hint.invalidDate")}: ${s}`;return{isValid:d,messageType:h,message:u,inputDate:f,isAvailable:l,calendarPosition:w}}function lt(){return[r("tecton.element.calendar.months.January"),r("tecton.element.calendar.months.February"),r("tecton.element.calendar.months.March"),r("tecton.element.calendar.months.April"),r("tecton.element.calendar.months.May"),r("tecton.element.calendar.months.June"),r("tecton.element.calendar.months.July"),r("tecton.element.calendar.months.August"),r("tecton.element.calendar.months.September"),r("tecton.element.calendar.months.October"),r("tecton.element.calendar.months.November"),r("tecton.element.calendar.months.December")]}function ht(t=127){const e=2&t,n=4&t,a=8&t,r=16&t,i=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),r&&s.push(4),i&&s.push(5),o&&s.push(6)),s}function ut(t,e){return t.includes(e.getDay())}function ft(t,e){return!mt(t,e)}function mt(t,e){return t.some((t=>b(t,e)))}function vt(t,e,n,a,r,i,o){const s=[bt.bind(null,i,new Date)];return s.push((null==e?void 0:e.length)?mt.bind(null,e):ut.bind(null,t)),s.push(ft.bind(null,n)),function({monthIndex:t,selectedYear:e},n,a,r,i){const o=!p(new Date(i)),s=function(t,e){const n=function(t){l(1,arguments);var e=h(t),n=e.getFullYear(),a=e.getMonth(),r=new Date(0);return r.setFullYear(n,a+1,0),r.setHours(0,0,0,0),r.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 i=r.some((e=>!e(t))),s=function(t,e,n){n||(n=new Date);return{isSelected:n&&b(n,t),isToday:b(t,new Date),isStartDate:b(t,null==e?void 0:e.startDate),isEndDate:b(t,null==e?void 0:e.endDate)}}(t,a,n),c=function({isInvalid:t,isSelected:e,isEndDate:n,isStartDate:a,isToday:r,isIncompleteDate:i}){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"),r&&o.push("is-today"),e&&t&&!i&&o.push("is-unavailable"),o.join(" ")}(Object.assign(Object.assign({},s),{isInvalid:i,isIncompleteDate:o}));return Object.assign(Object.assign({},s),{isValid:!i,date:t,integer:e+1,isEmpty:!1,isActivity:!1,classList:c})})),c=pt(0,new Date(e,t,1,1,1,1,1).getDay()),d=0===(u=(c.length+s.length)%7)?[]:pt(u,7);var u;return[...c,...s,...d]}(a,r,i,s,o)}function bt(t,e,n){const a=et(null==t?void 0:t.startDate,n),r=function(t,e){l(2,arguments);var n=h(t),a=h(e);return n.getTime()<a.getTime()}(null==t?void 0:t.endDate,n),i=b(e,n)&&et(e,null==t?void 0:t.cutOffTime);return!(a||i||r)}const wt={date:null,integer:null,isActivity:!1,isEmpty:!0,isValid:!1,isToday:!1,isSelected:!1,isStartDate:!1,isEndDate:!1,classList:""};function pt(t,e){return 7===t&&(t=0),[...Array(e-t).keys()].map((()=>Object.assign({},wt)))}const gt=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.assume="current",this.dropdownOpen=!1,this.keyboardSelection=!1,this.typedValue="",this.formatModifier="M/D/YYYY",this.defaultFormatString="mm/dd/yyyy",this.defaultHintMessage=r("tecton.element.calendar.hint.format")+": "+this.defaultFormatString,this.hintMessage=this.defaultHintMessage,this.hintMessageType="info",this.scheduledAfterRender=[],this.dayAbbrStrings=[r("tecton.element.calendar.days.short.Sunday"),r("tecton.element.calendar.days.short.Monday"),r("tecton.element.calendar.days.short.Tuesday"),r("tecton.element.calendar.days.short.Wednesday"),r("tecton.element.calendar.days.short.Thursday"),r("tecton.element.calendar.days.short.Friday"),r("tecton.element.calendar.days.short.Saturday")],this.dayStrings=[r("tecton.element.calendar.days.Sunday"),r("tecton.element.calendar.days.Monday"),r("tecton.element.calendar.days.Tuesday"),r("tecton.element.calendar.days.Wednesday"),r("tecton.element.calendar.days.Thursday"),r("tecton.element.calendar.days.Friday"),r("tecton.element.calendar.days.Saturday")],this.monthStrings=lt(),this.closeCalendar=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.focusInput(),this.scheduledAfterRender.push(this.resizeIframe))},this.openCalendar=()=>{this.readonly||this.dropdownOpen||(this.selectedMonthYear=ct(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=ct(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=ht(this.daysOfWeekChecksum),{isValid:a,message:r,messageType:i,inputDate:o,isAvailable:s,calendarPosition:c}=dt(e,n,this.validDates,this.invalidDates,this.startDate,this.endDate,this.defaultFormatString,this.assume);if(c){const[t,e,n]=c,a=new Date(`${n}-${t}-${e}`);p(a)&&(this.selectedMonthYear=ct(a),this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate())}"Enter"===t.key?(a||e&&e.length>4&&o&&p(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:r,messageType:i})},this.onInputChange=t=>{this.isTypeable&&t.stopPropagation()},this.onInputBlur=()=>{if(!this.isTypeable)return;const t=ht(this.daysOfWeekChecksum),{typedValue:e}=this,{isValid:n,inputDate:a,isAvailable:r}=dt(this.typedValue,t,this.validDates,this.invalidDates,this.startDate,this.endDate,this.defaultFormatString,this.assume);n||e&&e.length>4&&a&&p(a)&&r?this.setCompleteInput(a):this.value&&(this.value=null,this.change.emit({value:null}),this.typedValue=e)},this.onInputClick=()=>{this.disabled||(i(this),this.toggleCalendar())},this.onRefocus=()=>{var t;null===(t=this.btnPrevMonth)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))},this.goToMonthYear=(t,e)=>{const n=ot(new Date(e,t));this.selectedMonthYear={monthIndex:n.getMonth(),selectedYear:n.getFullYear()},this.dateList=this.buildDateList(this.selectedMonthYear),this.scheduledAfterRender.push((()=>this.checkActiveCellForBlankness()))},this.selectDate=t=>{const{isValid:e}=this.dateList.find((({date:e})=>b(e,t)));e&&(this.change.emit({value:nt(t)}),this.typedValue=at(t),this.invalid=!1)},this.onDateSelection=t=>{const e=t.target.closest("td:not([aria-hidden])");if(!e)return;const n=parseInt(e.dataset.day);this.selectDate(this.generateDateFromDay(n)),this.closeCalendar()},this.onDateKeydown=t=>{const{monthIndex:e,selectedYear:n}=this.selectedMonthYear,a=parseInt(t.target.dataset.day),r=this.generateDateFromDay(a);switch(t.key){case"ArrowUp":t.preventDefault(),this.activateDay(u(r,-7));break;case"ArrowDown":t.preventDefault(),this.activateDay(u(r,7));break;case"ArrowRight":t.preventDefault(),this.activateDay(u(r,1));break;case"ArrowLeft":t.preventDefault(),this.activateDay(u(r,-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(u(r,-r.getDay()));break;case"End":t.preventDefault(),this.activateDay(u(r,6-r.getDay()));break;case"Escape":t.preventDefault(),this.closeCalendar(),this.focusInput();break;case"Enter":if(t.preventDefault(),!this.dateList.find((({date:t})=>b(t,r))).isValid)return;this.selectDate(r),this.closeCalendar(),this.focusInput();break;case" ":if(t.preventDefault(),!this.dateList.find((({date:t})=>b(t,r))).isValid)return;this.selectDate(r),this.focusInput()}}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}connectedCallback(){this.selectedMonthYear=ct(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 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&&r(t)))||[]}get formattedValue(){const{typedValue:t,dateValue:e,displayFormat:n,isTypeable:a}=this;return a?t:void 0===e?"":n?function(t,e,n){l(2,arguments);var a=String(e),r=n||{},i=r.locale||S,o=i.options&&i.options.firstWeekContainsDate,s=null==o?1:d(o),c=null==r.firstWeekContainsDate?s:d(r.firstWeekContainsDate);if(!(c>=1&&c<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var u=i.options&&i.options.weekStartsOn,f=null==u?0:d(u),v=null==r.weekStartsOn?f:d(r.weekStartsOn);if(!(v>=0&&v<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!i.localize)throw new RangeError("locale must contain localize property");if(!i.formatLong)throw new RangeError("locale must contain formatLong property");var b=h(t);if(!p(b))throw new RangeError("Invalid time value");var w=m(b),g=$(b,w),y={firstWeekContainsDate:c,weekStartsOn:v,locale:i,_originalDate:b};return a.match(H).map((function(t){var e=t[0];return"p"===e||"P"===e?(0,Q[e])(t,i.formatLong,y):t})).join("").match(U).map((function(n){if("''"===n)return"'";var a=n[0];if("'"===a)return tt(n);var o=I[a];if(o)return!r.useAdditionalWeekYearTokens&&R(n)&&J(n,e,t),!r.useAdditionalDayOfYearTokens&&V(n)&&J(n,e,t),o(g,n,i.localize,y);if(a.match(_))throw new RangeError("Format string contains an unescaped latin alphabet character `"+a+"`");return n})).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:"UTC"}).format(e)}get computedPlaceholder(){return this.disabled&&this.disabledMsg?r(this.disabledMsg):this.buttonLabel&&(this.disabled||this.placeholder)?r(this.buttonLabel):this.placeholder&&r(this.placeholder)||""}get dateValue(){if(this.isTypeable)return it(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=nt(t)),it(t))}}get dateValidators(){const t=new Date(this.cutoffTime||"");return{startDate:it(this.startDate),endDate:it(this.endDate),cutOffTime:p(t)?t:void 0}}get isTypeable(){var t;return this.typeable&&!(null===(t=window.Tecton)||void 0===t?void 0:t.inMobileApp)&&!navigator.userAgent.match(/Android|webOS|iPhone|iPad|iPod|Mobile|BlackBerry|Windows Phone/i)}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){c(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}ariaLabelObserver(){o(this)}valueObserver(t){const e=t&&"string"!=typeof t&&"toDate"in t;if(this.isTypeable){const n=e?at(t.toDate()):t;this.typedValue=n}else{const n=e?t.toDate():it(t);this.inputField.value=at(n),this.selectedMonthYear=ct(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=st(this.invalidDates);return vt(ht(this.daysOfWeekChecksum),st(this.validDates),e,t,this.dateValue,this.dateValidators,this.typedValue)}validateDate(){var t,e,n;try{if(this.value){const{dateValue:a}=this,r=null!==(t=null==a?void 0:a.getMonth())&&void 0!==t?t:void 0,i=null!==(e=null==a?void 0:a.getFullYear())&&void 0!==e?e:void 0,{monthIndex:o,selectedYear:s}=this.selectedMonthYear,c=r===o&&i===s;let d=[];d=a?c?this.dateList:this.buildDateList({monthIndex:r,selectedYear:i}):[];const l=null!==(n=null==a?void 0:a.getDate())&&void 0!==n?n:void 0;l&&d.find((({integer:t})=>t===l)).isValid?this.success.emit({value:nt(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 ot(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":r("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=at(t);this.change.emit({value:nt(t)}),this.typedValue=e,this.setHints({isValid:!0,message:`${r("tecton.element.calendar.hint.selection")}: ${rt(t)}`,messageType:"success"})}calendarField(){return n("q2-input",{ref:t=>this.inputField=t,class:"calendar-input-field",value:this.formattedValue,label:r(this.label),hideLabel:this.hideLabel,disabled:!!this.disabled,readonly:!!this.readonly,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"},r(this.calendarLabel)),n("div",{class:"cal-month-heading"},n("q2-btn",{label:r("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:r("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:r("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:r("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"},r(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 i=`${t} ${e.integer}`;return e.isSelected&&(i+=` (${r("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?nt(e.date):void 0},(null==e?void 0:e.isToday)&&n("div",{class:"today-decorator"},r("tecton.element.calendar.today")),n("div",{"aria-label":i},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"]}}};gt.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white);color:var(--t-font-color);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1);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-2, 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-2, 10px)));text-align:left}";export{gt as q2_calendar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as a,h as i,F as r,g as e}from"./p-c5691700.js";import{b as o,c as s,l as n,i as c,o as l}from"./p-431bf43e.js";o();const h=class{constructor(i){t(this,i),this.change=a(this,"change",7),this.settled=a(this,"settled",7),this.noPrint=!1,this.guid=s(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),this.hasLeft=!1,this.hasRight=!1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.updateTabData=()=>{this.updateTabPaneProps(),this.setTabs()},this.updateTabPaneProps=()=>{this.tabPanes.forEach(((t,a)=>{t.selected=t.value===this.selectedTabValue,t.guid=this.guid,t.index=a}))},this.setTabs=()=>{this.tabs=this.tabPanes.map((({label:t,value:a})=>({label:t&&n(t)||"",value:a})))},this.onTabClick=t=>{this.value===t.target.dataset.value||this.change.emit({value:t.target.dataset.value})},this.onTabKeyDown=t=>{const a=t.target.dataset.value;switch(t.key){case"ArrowRight":t.preventDefault(),this.moveToAdjacentTab(a,"next");break;case"ArrowLeft":t.preventDefault(),this.moveToAdjacentTab(a,"prev");break;case"Home":t.preventDefault(),this.moveToAdjacentTab(a,"first");break;case"End":t.preventDefault(),this.moveToAdjacentTab(a,"last");break;case"Space":case"Enter":t.preventDefault(),this.change.emit({value:a})}},this.moveToAdjacentTab=(t,a)=>{const i=this.tabs.map((({value:t})=>t)).indexOf(t);let r;switch(a){case"next":r=Math.min(i+1,this.tabs.length-1);break;case"prev":r=Math.max(i-1,0);break;case"first":r=0;break;case"last":r=this.tabs.length-1}i!==r&&this.moveFocus(r,!1)},this.moveFocus=(t,a=!0)=>{const i=this.listElement.querySelector(`[data-value="${this.tabs[t].value}"]`);return i.focus({preventScroll:a}),this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"}),i},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:a,clientWidth:i}=this.listElement;this.scrollEnabled=a>i,this.showScrollLeft=!!t,this.showScrollRight=a!==t+i},this.onScrollBtnClick=t=>{const a=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-a:a,behavior:"smooth"})},this.onSlotChange=()=>{this.checkScrollState()}}resizeIframe(){var t,a;return null===(a=null===(t=window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===a?void 0:a.call(t)}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");return 0===t.length?[]:Array.from(t).filter((t=>t.name===this.name))}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}onResize(){this.checkScrollState()}onFocus(t){if(!c(t,this.hostElement))return;const a=this.tabs.findIndex((t=>t.value===this.selectedTabValue));this.moveFocus(a)}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t,this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.settled.emit()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),l(this.hostElement);const t=this.tabs.findIndex((t=>t.value===this.value));this.scheduledAfterRender.push((()=>{if(!(this.tabs.length>0))return;const a=this.moveFocus(Math.max(t,0));this.value=a.dataset.value,a.blur()}))}disconnectedCallback(){this.resizeObserver.disconnect(),this.mutationObserver.disconnect(),this.resizeObserver=null,this.mutationObserver=null}valueObserver(){this.updateTabData(),this.scheduledAfterRender.push(this.resizeIframe);const t=this.tabs.findIndex((t=>t.value===this.value));t>-1&&this.scheduledAfterRender.push((()=>this.moveFocus(t,!1)))}nameObserver(){this.updateTabData()}render(){return i(r,null,i("div",{class:"tab-container"},this.scrollEnabled&&i(r,null,i("div",{class:"gradient-left",hidden:!this.showScrollLeft}),i("div",{class:"gradient-right",hidden:!this.showScrollRight}),i("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},i("q2-icon",{type:"chevron-left"})),i("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},i("q2-icon",{type:"chevron-right"}))),i("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,class:this.noPrint?"no-print":null,role:"tablist"},this.tabs.map(((t,a)=>this.generateTab(t,a))))),i("div",{class:"tab-content"},i("slot",{onSlotchange:()=>this.onSlotChange()})))}generateTab(t,a){const{label:r,value:e}=t,o=this.selectedTabValue===e;return i("li",{role:"presentation"},i("button",{id:`tab-${this.guid}-${a}`,"data-value":e,"test-id":"tabLink",tabIndex:o?0:-1,role:"tab","aria-selected":o?"true":"false","aria-controls":`tab-pane-${this.guid}-${a}`,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},r))}get hostElement(){return e(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentColor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0;padding:var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding)))}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to right, var(--t-base), var(--t-base-a0));left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base));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{left:0}.btn-right{right:0}";export{h as q2_tab_container}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-c5691700.js";import{c as o,s as a,l as h,h as r,o as n,i as l}from"./p-431bf43e.js";const c=class{constructor(i){t(this,i),this.change=s(this,"change",7),this.input=s(this,"input",7),this.selectedOptions=[],this.disabled=!1,this.readonly=!1,this.multiple=!1,this.minRows=3,this.searchable=!1,this.multilineOptions=!1,this.optional=!1,this.dropdownOpen=!1,this.onlyShowingSelected=!1,this.searchText="",this.hasCustomDisplay=!1,this.inputFocused=!1,this.scheduledAfterRender=[],this.keyStore={queue:[],lastPressedAt:new Date},this.guid=o(),this.onMutationObserved=()=>{const t=this.hostElement.querySelector(".custom-display-content"),s=this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]'),i=s?s.assignedNodes().length>0:t.children.length>0;if(this.hasCustomDisplay!==i&&(this.hasCustomDisplay=i),this.multiple)return void this.updateMultipleOptionAttrs();this.updateSingleOptionAttrs();const e=this.optionElements[this.activeIndex];e&&e.id===this.activeOptionId||(this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption())},this.searchAndFocus=t=>{(()=>{const s=new Date;s.getTime()-this.keyStore.lastPressedAt.getTime()>1e3&&(this.keyStore.queue=[]),1===this.keyStore.queue.length&&this.keyStore.queue[0]===t||this.keyStore.queue.push(t),this.keyStore.lastPressedAt=s})();const s=(t=>t.find((t=>!t.element.disabled&&t.element.display&&t.element.display.replace(/\s/g,"").match(new RegExp(`^${this.keyStore.queue.join("")}`,"i")))))((()=>{this.pivotIndex=void 0===this.pivotIndex?0:(this.activeIndex||0)+1;const t=this.optionElements.map(((t,s)=>({element:t,index:s})));return[...t.slice(this.pivotIndex),...t.slice(0,this.pivotIndex)]})());s&&(({element:t,index:s})=>{this.dropdownOpen||this.multiple?this.openDropdownWithActiveElement(s):(this.activeIndex=s,this.change.emit({value:t.value}))})(s)},this.dropdownFocusoutHandler=t=>{const{relatedTarget:s}=t,i=this.dropdownContainer.contains(s),e=!i&&this.hostElement.contains(s);i||e||this.dropdownOpen&&this.closeDropdown()},this.dropdownKeydownHandler=t=>{t.stopPropagation();const{activeIndex:s,searchable:i,optionElements:e,multiSelectHeader:o}=this,{key:a,shiftKey:h}=t;if(!(this.readonly||o&&o.contains(t.target)&&[" ","Enter"].includes(a)))switch(a){case" ":case"Enter":t.preventDefault(),t.stopPropagation();const o=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(!o||o.disabled)break;this.selectOption(o.value,!0);break;case"ArrowUp":if(t.preventDefault(),0===s)break;if(void 0!==s){const t=this.getNextVisibleIndex(-1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-s)}else this.setDefaultActiveElement();break;case"ArrowDown":if(t.preventDefault(),s===e.length-1)break;if(void 0!==s){const t=this.getNextVisibleIndex(1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-s)}else this.setDefaultActiveElement();break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(e.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max(s-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min(s+10,e.length-1));break;case"Tab":if(h)break;const r=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(!r||r.disabled)return;this.selectOption(r.value);break;case"Esc":case"Escape":this.closeDropdown(),this.focusInput();break;default:if(i)break;if(!a.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(a)}},this.inputKeydownHandler=t=>{t.stopPropagation();const{key:s}=t,{optionElements:i,dropdownOpen:e,searchable:o}=this;switch(s){case"ArrowDown":t.preventDefault(),this.openDropdownWithActiveElement(this.getDefaultActiveIndex());break;case"ArrowUp":t.preventDefault(),this.openDropdownWithActiveElement(this.getLastEnabledIndex()),this.setFocusedOption();break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(i.length-1);break;case"Escape":case"Esc":e?this.closeDropdown():this.searchText="";break;default:if(o){this.openDropdownWithoutActiveElement();break}if(!s.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(s)}},this.inputClickHandler=t=>{t.stopPropagation(),a(this),this.toggleDropdown(),this.focusInput()},this.inputInputHandler=t=>{t.stopPropagation();const s=t.detail.value;!!this.value&&this.inputField.value!==s&&this.selectOption(""),this.dropdownOpen||this.openDropdownWithoutActiveElement(),this.searchText=s,this.input.emit({query:s})},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.dropdownOpen&&this.closeDropdown())},this.showSelectedOptions=t=>{t.stopImmediatePropagation(),this.onlyShowingSelected=!0,this.optionElements.forEach((t=>{t._multiSelectHidden=!t.selected}))},this.showAllOptions=t=>{t.stopPropagation(),this.onlyShowingSelected=!1,this.optionElements.forEach((t=>{t._multiSelectHidden=!1}))},this.onCustomDisplayClick=t=>{t.stopPropagation(),this.focusInput(),this.toggleDropdown()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}getDefaultActiveIndex(){const t=this.optionElements.findIndex((t=>t.selected));if(t>-1)return t;const s=this.optionElements.findIndex((t=>!t.hidden));return s>-1?s:0}getLastEnabledIndex(){const t=this.optionElements.reduce(((t,s,i)=>(s.hidden||s.disabled||t.push(i),t)),[]);return t[t.length-1]}setActiveOption(){if(!this.dropdownOpen)return;const t=this.activeIndex;this.optionElements.forEach(((s,i)=>{t===i?(s.active=!0,this.activeOptionId=s.optionId):s.active=!1}))}setFocusedOption(){const t=this.optionElements[this.activeIndex];t&&(t.dispatchEvent(new FocusEvent("focus")),t.focus())}calculateMultiSelectSelectedDisplay(){if(1===this.selectedOptions.length){const t=this.optionElements.find((t=>t.value===this.selectedOptions[0]));return t&&t.display&&h(t.display)||t&&t.value||this.selectedOptions[0]}return this.selectedOptions.length>1?h("tecton.element.select.multiDisplay",[this.selectedOptions.length]):""}calculateSingleSelectSelectedDisplay(){const t=this.optionElements.find((t=>this.value===t.value));return t&&t.display&&h(t.display)||this.value||""}get minPopHeight(){const{minRows:t}=this,s=this.hostElement.querySelector("q2-option:not([hidden])"),i=s?window.getComputedStyle(s).minHeight:"44px";return t*parseInt(i)}get selectedDisplay(){return this.hasCustomDisplay&&!this.searchText?"":this.searchable&&this.dropdownOpen&&!this.value?this.searchText||"":this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedOptionsCount(){return this.selectedOptions.length}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get wrapperClasses(){return`q2-select-container${this.dropdownOpen?" dropdown-open":""}${Array.isArray(this.errors)&&this.errors.length>0?" has-error":""}${this.inputFocused?" is-focused":""}${this.searchable?" is-searchable":""}`}updateSingleOptionAttrs(){this.optionElements.forEach(((t,s)=>{t.selected=this.value===t.value,t.optionId=`q2-select-${this.guid}-option-${s}`,t.multiline=this.multilineOptions}))}updateMultipleOptionAttrs(){0===this.selectedOptions.length&&(this.onlyShowingSelected=!1),this.optionElements.forEach(((t,s)=>{t.selected=this.selectedOptions.includes(t.value),t._multiSelectHidden=!!this.onlyShowingSelected&&!t.selected,t.optionId=`q2-select-${this.guid}-option-${s}`,t.multiline=this.multilineOptions}))}selectOption(t,s=!1){if(this.multiple){const s=this.selectedOptions.includes(t);this.change.emit(s?{selectedOptions:this.selectedOptions.filter((s=>s!==t))}:{selectedOptions:[...this.selectedOptions,t]})}else this.change.emit({value:t}),this.closeDropdown(),s&&this.focusInput()}scrollToActiveOption(){const t=this.optionElements[this.activeIndex];null==t||t.scrollIntoView({block:"nearest"})}openDropdownWithoutActiveElement(){this.readonly||(this.activeIndex=void 0,this.setActiveOption(),this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe))}openDropdownWithActiveElement(t){this.readonly||(this.activeIndex=t,this.dropdownOpen=!0,this.setActiveOption(),this.scheduledAfterRender.push((()=>{this.setFocusedOption(),this.scrollToActiveOption(),this.resizeIframe()})))}closeDropdown(){this.dropdownOpen=!1,this.searchText&&(this.searchText="",this.input.emit({query:""})),this.scheduledAfterRender.push(this.resizeIframe)}toggleDropdown(){this.disabled||(this.searchable?this.dropdownOpen||this.openDropdownWithoutActiveElement():this.dropdownOpen?this.closeDropdown():this.openDropdownWithoutActiveElement())}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.setFocusedOption(),this.scrollToActiveOption()}setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}focusInput(){var t;null===(t=this.inputField)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))}getNextVisibleIndex(t){let s=this.activeIndex+t;for(;s>=0&&s<=this.optionElements.length-1;){const{display:i,visibility:e}=window.getComputedStyle(this.optionElements[s]);if("none"!==i&&"hidden"!==e)return s;s+=t}return-1}componentWillLoad(){r(this)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved(),n(this.hostElement)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}ariaLabelObserver(){r(this)}valueUpdated(){this.multiple||this.updateSingleOptionAttrs()}selectedOptionsUpdated(){this.multiple&&this.updateMultipleOptionAttrs()}multilineOptionsChanged(t,s){t!==s&&this.optionElements.forEach((t=>{t.multiline=this.multilineOptions}))}onHostElementChange(t){this.readonly||t.target!==this.hostElement||this.hostElement.onchange||(this.multiple?this.selectedOptions=t.detail.selectedOptions:this.value=t.detail.value)}onHostElementInput(t){if(this.searchable&&t.target===this.hostElement&&!this.hostElement.oninput){const s=this.optionElements,i=t.detail.query.trim().toLowerCase();let e=0;s.forEach((t=>{if(""===i)t.style.display="";else{const{display:s="",innerText:o=""}=t,a=s.toLowerCase().includes(i)||o.toLowerCase().includes(i);t.hidden=!a,a&&e++}})),this.setStatusMessage(h(i?"tecton.element.select.searchable.results":"tecton.element.select.allOptions",[i?e:s.length]))}}delegateFocus(t){l(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}setStatusMessage(t){clearTimeout(this.statusMessageTimer),this.statusMessage="",this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}clickHandler(t){const s=t.target.closest("q2-option");!s||s.hasAttribute("disabled")&&"false"!==s.getAttribute("disabled")||this.selectOption(s.getAttribute("value"),!0)}keydownHandler(t){this.inputKeydownHandler(t)}render(){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&&h(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>h(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,readonly:this.readonly,hideLabel:this.hideLabel,ariaExpanded:`${!!this.dropdownOpen}`,ariaOwns:"dropdown",ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:!this.searchable,"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}),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("div",{class:"q2-select-dropdown q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),ref:t=>this.dropdownContainer=t,onKeyDown:this.dropdownKeydownHandler,onFocusout:this.dropdownFocusoutHandler},this.multiple?this.visibilityToggle():"",i("div",{class:"q2-select-options",id:"dropdown",role:"listbox"},i("slot",null)))}visibilityToggle(){return i("div",{class:"multi-select-header",ref:t=>this.multiSelectHeader=t},h("tecton.element.select.multiHeader.showing"),i("q2-btn",{class:"option-toggle show-all-options"+(this.onlyShowingSelected?"":" selected"),badge:!0,"aria-selected":!this.onlyShowingSelected||void 0,"test-id":"allOptionsButton",onClick:this.showAllOptions,label:h("tecton.element.select.multiHeader.allAriaLabel"),"hide-label":!0},h("tecton.element.select.multiHeader.all")),i("q2-btn",{class:"option-toggle show-selected-options"+(this.onlyShowingSelected?" selected":""),"aria-selected":this.onlyShowingSelected||void 0,disabled:0===this.selectedOptions.length,badge:!0,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,label:h("tecton.element.select.multiHeader.selectedAriaLabel",[this.selectedOptionsCount]),"hide-label":!0},h("tecton.element.select.multiHeader.selected",[this.selectedOptionsCount])))}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueUpdated"],selectedOptions:["selectedOptionsUpdated"],multilineOptions:["multilineOptionsChanged"]}}};c.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white);color:var(--t-font-color);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1);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}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3, 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-3, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3, 15px)))}.dropdown-open .q2-select-dropdown{overflow-y:auto;max-height:300px}.multi-select-header{padding:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-2, var(--app-scale-2, 10px))}.show-all-options{margin-right:var(--tct-scale-1, var(--app-scale-1, 5px));margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}.q2-element-dropdown.dropup{bottom:40px}";export{c as q2_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as n}from"./p-c5691700.js";const o=class{constructor(n){i(this,n)}render(){return n("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},n("slot",null))}};o.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";export{o as q2_tab_pane}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as c,c as o,h as t,g as e}from"./p-c5691700.js";import{c as r,h as i,o as a,i as h,l}from"./p-431bf43e.js";const s=class{constructor(t){c(this,t),this.change=o(this,"change",7),this.checked=!1,this.id=`checkbox-${r()}`,this.onInputClick=c=>{c.stopPropagation(),c.preventDefault(),this.disabled||this.readonly||c.target instanceof HTMLInputElement&&(this.change.emit({value:c.target.value,checked:c.target.checked}),this.inputElement.focus())},this.onKeyDown=c=>{this.readonly&&"Space"===c.code&&c.preventDefault()}}componentWillLoad(){i(this)}componentDidLoad(){a(this.hostElement)}defaultChangeHandler(c){this.readonly||c.target!==this.hostElement||this.hostElement.onchange||!c.detail||(this.checked=c.detail.checked)}delegateFocus(c){h(c,this.hostElement)&&this.hostElement.shadowRoot.querySelector("input").focus()}ariaLabelObserver(){i(this)}render(){const c=["label-text"];return this.hideLabel&&c.push("sr"),t("div",{class:"container"},t("input",{ref:c=>this.inputElement=c,id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.label?l(this.label):void 0,"aria-describedby":this.description?"description":void 0,"test-id":"q2CheckboxInnerCheckBox",onKeyDown:this.onKeyDown,onClick:this.onInputClick}),t("label",{htmlFor:this.id,class:"label-control","test-id":"checkboxButton"},this.generateCheckboxSVG()),t("div",{class:c.join(" ")},t("label",{"test-id":"checkboxLabel",htmlFor:this.id},l(this.label),t("slot",null))),this.description&&t("div",{class:"description-text","test-id":"checkboxDescription",id:"description"},l(this.description)))}generateCheckboxSVG(){return"favorite"===this.type?t("q2-icon",{type:"star",class:"checkbox-icon"}):"toggle"===this.type?this.generateToggleSVG():t("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},t("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?t("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):t("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){return t("div",{class:"toggle-svg"},t("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},t("rect",{width:"36",height:"14",rx:"7",x:"5"})),t("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},t("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),t("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),t("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),t("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};s.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative;padding:var(--tct-checkbox-vertical-padding, var(--t-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 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(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));--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(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #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-textA, rgba(77, 77, 77, 0.77))));--comp-checkbox-favorite-fill-color:var(--tct-checkbox-favorite-fill-color, var(--t-checkbox-favorite-fill-color, var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))))}: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]),:host([group-disabled]){opacity:var(--tct-checkbox-disabled-opacity, var(--t-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.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(--tct-global-focus, var(--const-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}.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(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))))}: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(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))))}:host([checked]) .off,:host(:not([checked])) .on{opacity:0}';export{s as q2_checkbox}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as r,F as i,g as a}from"./p-c5691700.js";import{o as e,l as n,i as c}from"./p-431bf43e.js";const l=class{constructor(r){t(this,r),this.change=o(this,"change",7),this.selectedOptions=[],this.scheduledAfterRender=[],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.handleClick=t=>{if(t.stopPropagation(),!this.disabled)if(this.hasOptions)this.optionList.toggle();else{const{value:t,label:o}=this,r=this.active=!this.active,i=r?[{value:t,display:o}]:[];this.selectedOptions=i,this.change.emit({value:t,values:i,active:r})}},this.handleKeydown=t=>{this.hasOptions&&!this.disabled&&this.optionList.handleExternalKeydown(t)},this.handleChange=t=>{if(!this.hasOptions)return;const{value:o,values:r}=t.detail,i=!!r.length;this.hostElement.onchange||(this.selectedOptions=r,this.active=i),this.change.emit({value:o,values:r,active:i})},this.handleFocusout=t=>{const o=t.relatedTarget;Array.from(this.hostElement.children).includes(o)||(!o||t.relatedTarget instanceof HTMLElement)&&(o&&o.closest(".btn-height-wrapper")||(this.optionList.open=!1))},this.handleWrapperClick=()=>{this.primaryBtn.focus(),this.primaryBtn.click()}}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){e(this.hostElement)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}get buttonContent(){const{label:t,selectedOptions:o,hasOptions:r}=this;return r&&0!==o.length?1===o.length?o[0].display:n("tecton.element.pill.activeCount",{count:o.length}):t}delegateFocus(t){c(t,this.hostElement)&&this.primaryBtn.focus()}optionListStateEvent({detail:{open:t}}){this.open=t,t||this.primaryBtn.focus()}generateIcon(){const{hasOptions:t,active:o}=this,i=t&&o,a=i||!t?"close":"chevron-down";return r(i?"button":"div",{class:"btn-close",onClick:i&&this.clearSelectedOptions,disabled:i&&this.disabled,"aria-label":i&&n("tecton.element.pill.clearSelection"),type:i&&"button"},r("q2-icon",{type:a}))}render(){const{hasOptions:t,active:o,open:a}=this,e=["btn-wrapper"];return(t||o)&&e.push("has-icon"),t&&e.push("has-options"),r(i,null,r("div",{class:e.join(" ")},r("div",{class:"btn-height-wrapper",onClick:this.handleWrapperClick,tabIndex:-1},r("button",{class:"btn-primary",type:"button","test-id":"btn-control",ref:t=>this.primaryBtn=t,onClick:this.handleClick,onKeyDown:this.handleKeydown,disabled:this.disabled,onFocusout:this.handleFocusout,"aria-selected":!t&&o?"true":"false","aria-roledescription":!t&&"filter","aria-controls":t&&"option-list","aria-haspopup":t&&"true","aria-expanded":t&&a?"true":"false"},this.buttonContent,!t&&o&&r("span",{class:"sr"},"(",n("tecton.element.pill.active"),")"))),this.generateIcon()),this.hasOptions&&r("q2-option-list",{id:"option-list",ref:t=>this.optionList=t,open:this.open,onChange:this.handleChange,multiple:this.multiple,onFocusout:this.handleFocusout,selectedOptions:this.selectedOptions},r("slot",null)))}get hostElement(){return a(this)}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;position:relative}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px));--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-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-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, #61c4ff);--comp-btn-color:var(--t-secondary-text, #000000);--comp-active-btn-border-color:var(--t-secondary-l5, #61c4ff);--comp-hover-active-btn-background:var(--t-secondary-l3, #21acff);--comp-hover-active-btn-border-color:var(--t-secondary-l3, #21acff)}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--t-tertiary-l5, #61c4ff);--comp-btn-color:var(--t-tertiary-text, #000000);--comp-active-btn-border-color:var(--t-tertiary-l5, #61c4ff);--comp-hover-active-btn-background:var(--t-tertiary-l3, #21acff);--comp-hover-active-btn-border-color:var(--t-tertiary-l3, #21acff)}q2-option-list{position:absolute;left:0}.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(\n var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-size-1x, 5px))) + var(--comp-close-size)\n )}.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)}: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;stroke:var(--comp-btn-color);--tct-icon-stroke-primary:var(--comp-btn-color)}:host(:not(:empty)) .btn-close,.has-icon .btn-close{opacity:1}q2-icon{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))))}";export{l as q2_pill}
|