q2-tecton-elements 1.27.0 → 1.28.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/click-elsewhere_2.cjs.entry.js +258 -0
- package/dist/cjs/{index-ffd19146.js → index-7a73e106.js} +12 -52
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
- package/dist/cjs/q2-badge_2.cjs.entry.js +1 -1
- package/dist/cjs/q2-btn_2.cjs.entry.js +1 -1
- package/dist/cjs/q2-calendar.cjs.entry.js +128 -83
- package/dist/cjs/q2-card.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-area.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-bar.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-donut.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown.cjs.entry.js +45 -45
- package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
- package/dist/cjs/q2-icon.cjs.entry.js +1 -1
- package/dist/cjs/q2-loc.cjs.entry.js +1 -1
- package/dist/cjs/q2-message.cjs.entry.js +1 -1
- package/dist/cjs/q2-month-picker.cjs.entry.js +1 -1
- package/dist/cjs/q2-optgroup_2.cjs.entry.js +1 -1
- package/dist/cjs/{q2-option-list_2.cjs.entry.js → q2-option-list.cjs.entry.js} +3 -167
- package/dist/cjs/q2-pagination.cjs.entry.js +1 -1
- package/dist/cjs/q2-pill.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio.cjs.entry.js +1 -1
- package/dist/cjs/q2-section.cjs.entry.js +1 -1
- package/dist/cjs/q2-select.cjs.entry.js +11 -6
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper-vertical.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper.cjs.entry.js +1 -1
- package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
- package/dist/cjs/q2-tag.cjs.entry.js +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
- package/dist/cjs/q2-tooltip.cjs.entry.js +1 -1
- package/dist/collection/components/q2-avatar/styles.css +4 -12
- package/dist/collection/components/q2-calendar/helpers.js +37 -11
- package/dist/collection/components/q2-calendar/index.js +174 -91
- package/dist/collection/components/q2-calendar/styles.css +5 -68
- package/dist/collection/components/q2-dropdown/index.js +130 -54
- package/dist/collection/components/q2-dropdown/styles.css +3 -89
- package/dist/collection/components/q2-select/index.js +10 -5
- package/dist/collection/utils/index.js +11 -51
- package/dist/components/index11.js +1 -1
- package/dist/components/index15.js +12 -52
- package/dist/components/index3.js +1 -1
- package/dist/components/index7.js +1 -1
- package/dist/components/index8.js +1 -1
- package/dist/components/q2-calendar.js +154 -101
- package/dist/components/q2-card.js +1 -1
- package/dist/components/q2-carousel.js +1 -1
- package/dist/components/q2-checkbox-group.js +1 -1
- package/dist/components/q2-checkbox.js +1 -1
- package/dist/components/q2-dropdown.js +68 -59
- package/dist/components/q2-radio-group.js +1 -1
- package/dist/components/q2-radio.js +1 -1
- package/dist/components/q2-select.js +11 -6
- package/dist/components/q2-stepper-pane.js +1 -1
- package/dist/components/q2-stepper-vertical.js +1 -1
- package/dist/components/q2-stepper.js +1 -1
- package/dist/components/q2-tab-container.js +1 -1
- package/dist/components/q2-textarea.js +1 -1
- package/dist/docs.json +166 -4
- package/dist/esm/click-elsewhere_2.entry.js +253 -0
- package/dist/esm/{index-a0cc60e3.js → index-576f618c.js} +12 -52
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-action-sheet.entry.js +1 -1
- package/dist/esm/q2-avatar.entry.js +1 -1
- package/dist/esm/q2-badge_2.entry.js +1 -1
- package/dist/esm/q2-btn_2.entry.js +1 -1
- package/dist/esm/q2-calendar.entry.js +128 -83
- package/dist/esm/q2-card.entry.js +1 -1
- package/dist/esm/q2-carousel-pane.entry.js +1 -1
- package/dist/esm/q2-carousel.entry.js +1 -1
- package/dist/esm/q2-chart-area.entry.js +1 -1
- package/dist/esm/q2-chart-bar.entry.js +1 -1
- package/dist/esm/q2-chart-donut.entry.js +1 -1
- package/dist/esm/q2-checkbox-group.entry.js +1 -1
- package/dist/esm/q2-checkbox.entry.js +1 -1
- package/dist/esm/q2-dropdown-item.entry.js +1 -1
- package/dist/esm/q2-dropdown.entry.js +45 -45
- package/dist/esm/q2-editable-field.entry.js +1 -1
- package/dist/esm/q2-icon.entry.js +1 -1
- package/dist/esm/q2-loc.entry.js +1 -1
- package/dist/esm/q2-message.entry.js +1 -1
- package/dist/esm/q2-month-picker.entry.js +1 -1
- package/dist/esm/q2-optgroup_2.entry.js +1 -1
- package/dist/esm/{q2-option-list_2.entry.js → q2-option-list.entry.js} +4 -167
- package/dist/esm/q2-pagination.entry.js +1 -1
- package/dist/esm/q2-pill.entry.js +1 -1
- package/dist/esm/q2-radio-group.entry.js +1 -1
- package/dist/esm/q2-radio.entry.js +1 -1
- package/dist/esm/q2-section.entry.js +1 -1
- package/dist/esm/q2-select.entry.js +11 -6
- package/dist/esm/q2-stepper-pane.entry.js +1 -1
- package/dist/esm/q2-stepper-vertical.entry.js +1 -1
- package/dist/esm/q2-stepper.entry.js +1 -1
- package/dist/esm/q2-tab-container.entry.js +1 -1
- package/dist/esm/q2-tag.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-textarea.entry.js +1 -1
- package/dist/esm/q2-tooltip.entry.js +1 -1
- package/dist/q2-tecton-elements/p-0b7003c4.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-0b8943da.entry.js → p-0d92ab4a.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-138db98d.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-a298cbfb.entry.js → p-1b9e07b4.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-bafb5e70.entry.js → p-1e57a843.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ac6dd5b1.entry.js → p-2423b9a9.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-396fd275.entry.js → p-2bb447c3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-414ca427.entry.js → p-31b655b6.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-85e780b2.entry.js → p-3422207a.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-edcf49fd.entry.js → p-39989362.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3dca7465.entry.js → p-3aad6a45.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ef657f8f.entry.js → p-4d2b7f2e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-869e899c.entry.js → p-4ffde81a.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d06d752f.entry.js → p-55bdd480.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-590adc15.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-949fa312.entry.js → p-5cd51157.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-5e14a790.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-12e65423.entry.js → p-6524d5f3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-521c9085.entry.js → p-68908be9.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9367dc29.entry.js → p-6975e5e4.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-6bb3789b.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-5a670d93.entry.js → p-6db208c7.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-2b8a8981.entry.js → p-7a702d92.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fb768d19.entry.js → p-7e1a14ea.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-921ea070.js +1 -0
- package/dist/q2-tecton-elements/{p-04b9a7ee.entry.js → p-a63e64f0.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-b9bbfaf7.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-d69cb7d1.entry.js → p-bbd2c530.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-05bdc0aa.entry.js → p-c19e143e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-256e5161.entry.js → p-c8525f80.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fcad1609.entry.js → p-c93341d5.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-8545c3cb.entry.js → p-d6824ce5.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-f3e4bb52.entry.js → p-ddfb393a.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9292bd80.entry.js → p-df3fb1e7.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fe3625ad.entry.js → p-ed77f0c2.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-25ea01d3.entry.js → p-ed91f837.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-1d28c600.entry.js → p-fa0e471c.entry.js} +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/test/helpers.js +19 -0
- package/dist/types/components/q2-calendar/helpers.d.ts +1 -0
- package/dist/types/components/q2-calendar/index.d.ts +22 -12
- package/dist/types/components/q2-dropdown/index.d.ts +13 -8
- package/dist/types/components.d.ts +26 -0
- package/dist/types/utils/index.d.ts +4 -9
- package/dist/types/workspace/workspace/Tecton_tecton-production_master/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +1 -0
- package/package.json +3 -3
- package/dist/cjs/click-elsewhere.cjs.entry.js +0 -93
- package/dist/esm/click-elsewhere.entry.js +0 -89
- package/dist/q2-tecton-elements/p-2453cd92.js +0 -1
- package/dist/q2-tecton-elements/p-72374b8e.entry.js +0 -1
- package/dist/q2-tecton-elements/p-8e652d59.entry.js +0 -1
- package/dist/q2-tecton-elements/p-aae8b9fc.entry.js +0 -1
- package/dist/q2-tecton-elements/p-be0d3bfe.entry.js +0 -1
- package/dist/q2-tecton-elements/p-ce67d77a.entry.js +0 -1
- package/dist/q2-tecton-elements/p-ee1f3114.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,g as a}from"./p-926a3e80.js";import{k as e,o,n as r,a as i}from"./p-
|
|
1
|
+
import{r as t,h as s,g as a}from"./p-926a3e80.js";import{k as e,o,n as r,a as i}from"./p-921ea070.js";const n=class{constructor(s){t(this,s),this.type="info",this.appearance="standard",this.description=!1,this.presentToggle=void 0}get isFirefox(){return e()}componentDidLoad(){o(this.hostElement)}async present(){const{isFirefox:t}=this;this.presentToggle=!this.presentToggle,t&&r((()=>{this.presentToggle=!1}))}delegateFocus(t){i(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector(".message").focus()}render(){const{isFirefox:t}=this,a=t&&this.presentToggle,e=!t&&this.presentToggle,{description:o}=this;return s("div",{tabindex:"-1",class:"message",role:o?void 0:"alert","aria-live":o?void 0:"assertive","aria-atomic":o?void 0:"true","aria-relevant":o?void 0:"all","test-id":"messageContainer"},"standard"===this.appearance?function(t){const a={success:"success",warning:"warning",danger:"error",error:"error",info:"info"};return s("q2-icon",{type:a[t]||a.info,class:"message-icon"})}(this.type):"",e&&s("div",{class:"sr"}),s("div",{class:"message-content","aria-hidden":a?"true":void 0},s("slot",null)))}get hostElement(){return a(this)}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--t-message-bar-width, var(--app-scale-1x, 5px)));border-left-style:solid;--comp-line-height:var(--tct-message-line-height, var(--t-message-line-height, var(--app-line-height, 1.428571429em)));display:grid;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));align-items:flex-start;background:var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-message-font-color, var(--t-message-font-color, inherit));box-shadow:var(--tct-message-box-shadow, var(--t-message-box-shadow, inherit));border-radius:var(--tct-message-border-radius, var(--t-message-border-radius, inherit))}.message:focus{box-shadow:var(--const-global-focus)}.message-icon{--comp-top-offset:calc(calc(var(--comp-line-height) - var(--comp-icon-size)) / 2);--tct-icon-size:var(--comp-icon-size);top:var(--comp-top-offset);margin-bottom:calc(var(--comp-top-offset) * -1)}.message-content{flex:1;line-height:var(--comp-line-height)}::slotted(ul){padding-left:var(--tct-scale-l3, var(--app-scale-3x, 15px))}:host(:not([appearance])),:host([appearance=standard]){margin:var(--tct-scale-l3, var(--app-scale-3x, 15px)) 0}:host(:not([appearance])) .message,:host([appearance=standard]) .message{--comp-icon-size:var(--tct-message-icon-size, var(--t-message-icon-size, 24px));--comp-padding:var(--tct-message-padding, var(--t-message-padding, var(--app-scale-3x, 15px)));grid-template-columns:var(--comp-icon-size) 1fr;padding:var(--comp-padding);padding-left:calc(var(--comp-padding) - var(--tct-scale-2, var(--app-scale-2x, 10px)));padding-bottom:calc(var(--comp-padding) - var(--tct-scale-1, var(--app-scale-1x, 5px)))}:host(:not([appearance])) ::slotted(ul),:host([appearance=standard]) ::slotted(ul){margin:var(--tct-scale-l3, var(--app-scale-3x, 15px)) 0}:host([appearance=minimal]){margin:0}:host([appearance=minimal]) .message{padding:var(--tct-message-minimal-padding, var(--t-message-minimal-padding, var(--app-scale-2x, 10px)));grid-template-columns:1fr}:host([appearance=minimal]) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1x, 5px)) 0}:host(:not([type])) .message,:host([type=info]) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type=info]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=success]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--tct-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=warning]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400));--tct-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=error]) .message,:host([type=danger]) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}:host([type=error]) .message-icon,:host([type=danger]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}";export{n as q2_message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as n,h as o,g as e}from"./p-926a3e80.js";import{l as i,o as a}from"./p-
|
|
1
|
+
import{r as t,c as n,h as o,g as e}from"./p-926a3e80.js";import{l as i,o as a}from"./p-921ea070.js";const r=class{constructor(o){t(this,o),this.viewChange=n(this,"viewChange",7),this.toggleChange=n(this,"toggleChange",7),this.scheduledAfterRender=[],this.monthGrid=[[0,1,2],[3,4,5],[6,7,8],[9,10,11]],this.months=["January","February","March","April","May","June","July","August","September","October","November","December"].map((t=>({label:i(`tecton.element.calendar.months.${t}`),abbr:i(`tecton.element.calendar.months.abbr.${t}`)}))),this.onMonthSelection=t=>{var n,o;const e=t.target.closest(".month-button");(null===(n=null==e?void 0:e.dataset)||void 0===n?void 0:n.index)&&this.selectMonth(Number(null===(o=null==e?void 0:e.dataset)||void 0===o?void 0:o.index))},this.onMonthKeydown=t=>{if("Escape"===t.key||"Esc"===t.key)return void this.toggleChange.emit({close:!0});const n=t.target.dataset.index;if(n)if("Enter"===t.key||" "===t.key)t.preventDefault(),t.stopPropagation(),this.selectMonth(Number(n));else{const o=this.moveMonth(this.monthGrid,Number(n),t);this.focusMonth(o)}},this.moveMonth=(t,n,o)=>{const e=t.length,i=t[0].length,a=[Math.floor(n/i),n%i];return"ArrowUp"===o.key?(o.stopPropagation(),o.preventDefault(),t[Math.max(0,a[0]-1)][a[1]]):"ArrowDown"===o.key?(o.stopPropagation(),o.preventDefault(),t[Math.min(e-1,a[0]+1)][a[1]]):"ArrowLeft"===o.key?(o.stopPropagation(),o.preventDefault(),Math.max(0,n-1)):"ArrowRight"===o.key?(o.stopPropagation(),o.preventDefault(),Math.min(this.months.length-1,n+1)):t[a[0]][a[1]]},this.focusMonth=t=>{const n=this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);n&&(this.focusedIndex=t,n.focus())},this.selectMonth=t=>{var n,o,e;this.selectedIndex=t,this.focusedIndex=t;const i=this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);null===(n=this.hostElement.shadowRoot.querySelectorAll(".month-button"))||void 0===n||n.forEach((t=>t.classList.remove("active"))),null==i||i.classList.add("active"),null==i||i.focus();const a={view:"day",monthIndex:t,selectedYear:this.year};null===(e=(o=this.hostElement).onchange)||void 0===e||e.call(o,new CustomEvent("click",{bubbles:!0,detail:a})),this.viewChange.emit(a)},this.selectYear=t=>{this.year=Math.max(1970,t)},this.year=Number((new Date).toLocaleString("en-US",{year:"numeric"})),this.disabledMonths=void 0,this.today=void 0,this.selectedIndex=0,this.focusedIndex=0,this.showYearLayer=!1}componentDidRender(){var t;null===(t=this.scheduledAfterRender)||void 0===t||t.forEach((t=>t())),this.scheduledAfterRender=[]}componentDidLoad(){a(this.hostElement)}render(){return o("div",{class:"month-container",onKeyDown:this.onMonthKeydown},o("div",{class:"navigation"},o("q2-btn",{class:"year-btn",onClick:()=>this.viewChange.emit({view:"year",selectedYear:this.year})},o("span",{class:"year"},this.year),o("q2-icon",{class:"year-icon off",type:"chevron-down"})),o("div",{class:"month-controller"},o("div",{class:"cal-year-prev-next"},o("q2-btn",{label:i("tecton.element.calendar.previousYear"),"hide-label":!0,class:"cal-nav-btn prev-year","test-id":"previousYearButton",onClick:()=>this.selectYear(this.year-1)},o("q2-icon",{type:"arrow-left"})),o("q2-btn",{label:i("tecton.element.calendar.nextYear"),"hide-label":!0,class:"cal-nav-btn next-year","test-id":"nextYearButton",onClick:()=>this.selectYear(this.year+1)},o("q2-icon",{type:"arrow-right"}))))),o("div",{class:"month-list",onClick:this.onMonthSelection},this.months.map(((t,n)=>o("div",{class:"month"},o("span",{role:"button",class:"month-button","data-index":n,"aria-label":t.label,tabindex:n===this.focusedIndex?0:-1},t.abbr))))),this.today&&o("div",{class:"today-label"},i("tecton.element.calendar.today"),": ",this.today))}get hostElement(){return e(this)}};r.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.month-container{--comp-month-primary-bg:var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e));--comp-month-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-month-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-month-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)))}.month-container .navigation{display:flex;justify-content:space-between;flex-direction:row}.month-container .navigation .year-btn{padding:0 1rem;display:flex;align-items:center}.month-container .navigation .year-btn .year{margin-right:0.2rem}.month-container .navigation .year-btn .year-icon{--t-icon-stroke-width:2px;width:16px;height:16px;transition:all 0.3s ease-in-out}.month-container .navigation .year-btn .year-icon.on{transform:rotate(-180deg)}.month-container .navigation .month-controller{display:flex;align-items:center}.month-container .month-list{display:grid;grid-template-columns:auto auto auto}.month-container .month-list .month{display:flex;justify-content:center;align-items:center;padding:0.5rem 0}.month-container .month-list .month .month-button{border-radius:50%;aspect-ratio:1;width:50px;display:flex;justify-content:center;align-items:center}.month-container .month-list .month .month-button:hover{background-color:var(--comp-month-secondary-bg);color:var(--comp-month-secondary-font-color);cursor:pointer}.month-container .month-list .month .month-button:active,.month-container .month-list .month .month-button.active{background-color:var(--comp-month-primary-bg);color:var(--comp-month-primary-font-color)}.month-container .today-label{padding:0.5rem 0;color:var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}";export{r as q2_month_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,g as r}from"./p-926a3e80.js";import{
|
|
1
|
+
import{r as t,c as e,h as o,g as r}from"./p-926a3e80.js";import{d as i,h as a,o as c,l as s}from"./p-921ea070.js";const l=class{constructor(o){t(this,o),this.change=e(this,"change",7),this._id=`radio-${i()}`,this.isLoaded=!1,this.inputChange=t=>{if(t.stopPropagation(),this.groupReadonly)return t.preventDefault(),!1;t.target instanceof HTMLInputElement&&(this.checked=t.target.checked)},this.label=void 0,this.hideLabel=void 0,this.value=void 0,this.disabled=!1,this.checked=!1,this.name=void 0,this.groupDisabled=!1,this.groupReadonly=!1,this.groupTileLayout=!1,this.ariaLabel=void 0}componentWillLoad(){a(this)}componentDidLoad(){this.isLoaded=!0,c(this.hostElement),this.hostElement.click=()=>this.inputField.click()}ariaLabelObserver(){a(this)}checkedObserver(){this.isLoaded&&this.checked&&this.change.emit({value:this.value})}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return o("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},o("input",{ref:t=>this.inputField=t,class:"sr",id:this._id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),o("label",{htmlFor:this._id,"test-id":"radioButton"},!this.groupTileLayout&&o("svg",{viewBox:"0 0 18 18"},o("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),o("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&o("div",{class:"label-content"},this.label&&s(this.label)||"",o("slot",null))))}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};l.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.radio-container{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}.radio-container label[for]{color:var(--tct-radio-label-color);font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494))}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{color:var(--tct-radio-label-color);align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff)}.radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));box-shadow:inset 0 0 0 2px #ffffff}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{l as q2_radio}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as r,F as i,g as o}from"./p-926a3e80.js";import{
|
|
1
|
+
import{r as t,c as a,h as r,F as i,g as o}from"./p-926a3e80.js";import{c as e,o as s,a as c}from"./p-921ea070.js";const n=["primary","secondary","tertiary","accent-1","accent-2","accent-3","accent-4","accent-5","accent-6","accent-7","accent-8","accent-9","accent-10","accent-11","accent-12"],d=["info","success","warning","alert"],h=class{constructor(r){t(this,r),this.click=a(this,"click",7),this.handleClick=t=>{if(this.url)return!0;t.preventDefault(),t.stopPropagation(),this.click.emit()},this.title=void 0,this.description=void 0,this.avatarName=void 0,this.avatarInitials=void 0,this.avatarIcon=void 0,this.avatarSrc=void 0,this.isSmall=void 0,this.bar=void 0,this.isStatic=void 0,this.isTouch=e(),this.url=void 0,this.target=void 0,this.isAutoTouch=!1,this.isAutoSmall=!1}componentWillLoad(){this.checkBar()}componentDidLoad(){const{hostElement:t,clickableElement:a}=this;t.click=()=>a.click(),s(this.hostElement),this.resizeObserver=new ResizeObserver((()=>this.determineAutoSmall())),this.resizeObserver.observe(this.hostElement)}disconnectedCallback(){this.resizeObserver=null}onHostElementFocus(t){c(t,this.hostElement)&&this.clickableElement.focus()}checkBar(){const{bar:t}=this;t&&(this.barColor=n.includes(t)?`var(--t-${t})`:d.includes(t)?`var(--const-stoplight-${t})`:t)}determineAutoTouch(){this.hostElement.hasAttribute("is-touch")||(this.isAutoTouch=e())}determineAutoSmall(){var t,a;if(this.isStatic)return;if(this.hostElement.hasAttribute("is-small"))return;const{containerElement:r,avatarElement:i}=this,o=null!==(t=null==i?void 0:i.offsetWidth)&&void 0!==t?t:0,e=null!==(a=null==r?void 0:r.offsetWidth)&&void 0!==a?a:0;this.isAutoSmall=o+e<350}generateAvatar(){const{avatarName:t,avatarInitials:a,avatarSrc:i,avatarIcon:o}=this;return o?r("q2-icon",{type:o,ref:t=>this.avatarElement=t,"test-id":"avatar"}):t||a||i?r("q2-avatar",{name:t,initials:a,src:i,ref:t=>this.avatarElement=t,"test-id":"avatar"}):void 0}generateContent(){return r(i,null,this.bar&&r("div",{class:"bar","test-id":"bar",style:{"--comp-bar-color":this.barColor}}),this.generateAvatar(),r("div",{class:"content","test-id":"contentContainer",ref:t=>this.containerElement=t},this.title&&r("h3",{"test-id":"title"},this.title),this.description&&r("p",{"test-id":"description"},this.description),r("slot",null)),this.isTouch&&!this.isStatic&&r("q2-icon",{"test-id":"touchIndicator",type:"chevron-right",class:"touch-indicator"}))}generateContainerClasses(){const{isSmall:t,isAutoSmall:a,avatarName:r,avatarInitials:i,avatarSrc:o,avatarIcon:e,isTouch:s,isAutoTouch:c,isStatic:n}=this,d=["container"],h=s||c,v=r||i||o||e;return(t||a)&&d.push("is-small"),h&&!n&&d.push("is-touch"),v&&d.push("has-avatar"),d.join(" ")}render(){const{url:t,isStatic:a}=this;return t?r("a",{ref:t=>this.clickableElement=t,href:this.url,class:this.generateContainerClasses(),target:this.target,rel:"noopener noreferrer","test-id":"clickableElement",onClick:this.handleClick},this.generateContent()):a?r("div",{ref:t=>this.clickableElement=t,class:this.generateContainerClasses(),"test-id":"clickableElement"},this.generateContent()):r("button",{ref:t=>this.clickableElement=t,class:this.generateContainerClasses(),"test-id":"clickableElement",type:"button",onClick:this.handleClick},this.generateContent())}get hostElement(){return o(this)}static get watchers(){return{bar:["checkBar"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{position:relative;width:100%;text-align:start;height:100%;display:grid;gap:var(--tct-card-gap, var(--t-card-gap, var(--app-scale-3x, 15px)));margin:0;color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 44px));--comp-chevron-size:0;--comp-bar-width:var(--tct-card-bar-width, var(--t-card-bar-width, var(--app-scale-2x, 10px)));--comp-card-padding:var(--tct-card-padding, var(--t-card-padding, var(--app-scale-4x, 20px)))}.container.is-small{--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 26px))}.container.has-avatar{grid-template-columns:var(--comp-avatar-size) 1fr;--tct-avatar-width:var(--comp-avatar-size);--tct-avatar-height:var(--comp-avatar-size);--tct-icon-size:var(--comp-avatar-size)}:host([bar][is-static]) .container{padding-left:var(--comp-card-padding)}.container:is(button),.container:is(a){--comp-border-radius:var(--tct-card-border-radius, var(--t-card-border-radius, var(--app-border-radius-1, 3px)));--comp-border-width:var(--tct-card-border-width, var(--t-card-border-width, 0px));cursor:pointer;border:none;background:var(--tct-card-background, var(--t-card-background, var(--t-base, #ffffff)));padding:var(--comp-card-padding);text-decoration:none;border-width:var(--comp-border-width);border-color:var(--tct-card-border-color, var(--t-card-border-color, transparent));border-style:solid;border-radius:var(--comp-border-radius);transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));box-shadow:var(--tct-card-box-shadow, var(--t-card-box-shadow, var(--app-shadow-2, 0 3px 6px rgba(0, 0, 0, 0.3))))}@media (hover: hover){.container:is(button),.container:is(a){--comp-card-hover-box-shadow:var(--tct-card-hover-box-shadow, var(--t-card-hover-box-shadow, var(--app-shadow-3, 0 4px 12px rgba(0, 0, 0, 0.3))))}.container:is(button):hover,.container:is(button):active,.container:is(button):focus,.container:is(a):hover,.container:is(a):active,.container:is(a):focus{color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));box-shadow:var(--const-double-focus-ring)}.container:is(button):hover,.container:is(a):hover{box-shadow:var(--comp-card-hover-box-shadow)}.container:is(button):focus:hover,.container:is(a):focus:hover{box-shadow:var(--const-double-focus-ring), var(--comp-card-hover-box-shadow)}.container:is(button):active,.container:is(a):active{box-shadow:var(--tct-card-active-box-shadow, var(--t-card-active-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}}.container:is(button).is-touch,.container:is(a).is-touch{--comp-chevron-size:var(--tct-card-chevron-size, var(--t-card-chevron-size, 26px));grid-template-columns:1fr var(--comp-chevron-size)}.container:is(button).has-avatar.is-touch,.container:is(a).has-avatar.is-touch{grid-template-columns:var(--comp-avatar-size) 1fr var(--comp-chevron-size)}.content{overflow:hidden;display:grid;gap:var(--tct-card-content-gap, var(--t-card-content-gap, var(--app-scale-1x, 5px)));align-content:start}h3,p{margin:0;padding:0;line-height:var(--tct-card-font-height, var(--t-card-font-height, 20px))}h3{font-weight:var(--tct-card-font-weight, var(--t-card-font-weight, 600));font-size:var(--tct-card-font-size, var(--t-card-font-size, 17px));text-overflow:ellipsis;overflow:hidden;white-space:nowrap}p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bar{--comp-bar-border-radius:calc(var(--comp-border-radius) - var(--comp-border-width));border-radius:var(--comp-bar-border-radius) 0 0 var(--comp-bar-border-radius);position:absolute;inset:0 auto auto 0;width:var(--comp-bar-width);background:var(--comp-bar-color);height:100%}.touch-indicator{align-self:center;--tct-icon-size:var(--comp-chevron-size)}";export{h as q2_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,F as a,g as e}from"./p-926a3e80.js";import{
|
|
1
|
+
import{r as t,c as i,h as o,F as a,g as e}from"./p-926a3e80.js";import{d as r,o as n,a as s,l}from"./p-921ea070.js";const p=class{constructor(o){t(this,o),this.change=i(this,"change",7),this._id=`radio-group-${r()}`,this.onMutationObserved=()=>{this.valueUpdated(this.value),this.nameUpdated(),this.disabledUpdated(),this.readonlyUpdated(),this.tileLayoutUpdated(this.tileLayout)},this.onInnerRadioChange=t=>{t.stopImmediatePropagation(),this.readonly||this.change.emit({value:t.detail.value})},this.label=void 0,this.value=void 0,this.disabled=!1,this.name=void 0,this.optional=void 0,this.readonly=void 0,this.tileLayout=void 0,this.tileAlignment="center",this.hasError=!1,this.tilelayout=void 0}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}componentWillLoad(){this.onMutationObserved(),this.handleDeprecatedTilelayout(this.tilelayout)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,n(this.hostElement)}valueUpdated(t){this.radioElements.forEach((i=>{i.checked=t===i.value}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this._id}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}readonlyUpdated(){const t=this.readonly;this.radioElements.forEach((i=>i.groupReadonly=t))}handleDeprecatedTilelayout(t){"boolean"==typeof t&&(this.tileLayout=t,this.tilelayout=void 0)}tileLayoutUpdated(t){this.radioElements.forEach((i=>{i.groupTileLayout=t}))}onHostElementChange(t){t.target===this.hostElement&&(this.hostElement.onchange||(this.value=t.detail.value))}delegateFocus(t){if(!s(t,this.hostElement))return;const i=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");null==i||i.dispatchEvent(new FocusEvent("focus"))}keydownHandler(t){const i=t.target.getAttribute("value")||this.value;let o=this.radioElements.findIndex((o=>o===t.target||o.getAttribute("value")===i)),a=0;switch(t.key){case"ArrowLeft":case"ArrowUp":a=-1;break;case"ArrowRight":case"ArrowDown":a=1}-1!==o&&0!==a&&(o+=a,o=a<0?Math.max(0,o):Math.min(this.radioElements.length-1,o),t.preventDefault(),this.readonly||(this.value=this.radioElements[o].value),this.radioElements[o].dispatchEvent(new FocusEvent("focus")))}labelDOM(){const{label:t,optional:i,readonly:e}=this;let r="";return e?r=o("span",{class:"optional-tag"},l("tecton.element.input.readonly")):i&&(r=o("span",{class:"optional-tag"},l("tecton.element.input.optional"))),o(a,null,t&&l(t),!!r&&o("span",{class:"optional-tag"},r))}render(){const t=this.label||this.optional||this.readonly,{hasError:i}=this;return o(a,null,(t||i)&&o("div",{class:"label-row"},t&&o("div",{class:"group-legend"},this.labelDOM()),i&&o("q2-icon",{type:"error","test-id":"iconError"})),o("fieldset",{onChange:this.onInnerRadioChange,"aria-required":`${!this.optional}`,"aria-readonly":`${this.readonly}`,"aria-invalid":`${this.hasError}`},t&&o("legend",{class:"sr"},this.labelDOM()),this.inputDom()))}inputDom(){if(this.tileLayout){const{tileAlignment:t}=this,i=["left","center","right"].includes(t)?t:"center";return o("div",{class:`tile-container ${i}`},o("div",{class:"options-container"},o("slot",null)))}return o("div",{class:"options-container"},o("slot",null))}get hostElement(){return e(this)}static get watchers(){return{value:["valueUpdated"],name:["nameUpdated"],disabled:["disabledUpdated"],readonly:["readonlyUpdated"],tilelayout:["handleDeprecatedTilelayout"],tileLayout:["tileLayoutUpdated"]}}};p.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:0;margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";gap:var(--app-scale-1x, 5px)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px))}:host([has-error]) .options-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';export{p as q2_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,g as i}from"./p-926a3e80.js";import{o as e,l as a}from"./p-2453cd92.js";import{c as n,m as s,g as o,i as h,a as c,e as u,f as d,h as l,j as f,k as p,l as v}from"./p-458b1987.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as E,V as L,a as _,g as D,b as j,b6 as B,t as P,z as W,b7 as H,U as R,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-52063431.js";import{i as K}from"./p-833398d1.js";var Q=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0})},r.prototype.getMarkerPosition=function(t,r,i){var e=this.coordinateSystem;if(e&&e.clampData){var a=e.dataToPoint(e.clampData(t));if(i)g(e.getAxes(),(function(i,n){if("category"===i.type){var s=i.getTicksCoords(),o=e.clampData(t)[n];!r||"x1"!==r[n]&&"y1"!==r[n]||(o+=1),o>s.length-1&&(o=s.length-1),o<0&&(o=0),s[o]&&(a[n]=i.toGlobalCoord(s[o].coord))}}));else{var n=this.getData(),s=n.getLayout("offset"),o=n.getLayout("size"),h=e.getBaseAxis().isHorizontal()?0:1;a[h]+=s+o/2}return a}return[NaN,NaN]},r.type="series.__base_bar__",r.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"},r}(m);m.registerClass(Q);var Z=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},r.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},r.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),r=this.get("largeThreshold");return r>t&&(t=r),t},r.prototype.brushSelector=function(t,r,i){return i.rect(r.getItemLayout(t))},r.type="series.bar",r.dependencies=["grid","polar"],r.defaultOption=y(Q.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:!1}),r}(Q),$=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},tt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="sausage",i}return b(r,t),r.prototype.getDefaultShape=function(){return new $},r.prototype.buildPath=function(t,r){var i=r.cx,e=r.cy,a=Math.max(r.r0||0,0),n=Math.max(r.r,0),s=.5*(n-a),o=a+s,h=r.startAngle,c=r.endAngle,u=r.clockwise,d=2*Math.PI,l=u?c-h<d:h-c<d;l||(h=c-(u?d:-d));var f=Math.cos(h),p=Math.sin(h),v=Math.cos(c),b=Math.sin(c);l?(t.moveTo(f*a+i,p*a+e),t.arc(f*o+i,p*o+e,s,-Math.PI+h,h,!u)):t.moveTo(f*n+i,p*n+e),t.arc(i,e,n,h,c,!u),t.arc(v*o+i,b*o+e,s,c-2*Math.PI,c-Math.PI,!u),0!==a&&t.arc(i,e,a,c,h,u)},r}(w);function rt(t,r,i){return r*Math.sin(t)*(i?-1:1)}function it(t,r,i){return r*Math.cos(t)*(i?1:-1)}var et=Math.max,at=Math.min,nt=function(t){function r(){var i=t.call(this)||this;return i.type=r.type,i._isFirstFrame=!0,i}return b(r,t),r.prototype.render=function(t,r,i,e){this._model=t,this._removeOnRenderedListener(i),this._updateDrawMode(t);var a=t.get("coordinateSystem");"cartesian2d"!==a&&"polar"!==a||(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,r,i):this._renderNormal(t,r,i,e))},r.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},r.prototype.incrementalRender=function(t,r){this._progressiveEls=[],this._incrementalRenderLarge(t,r)},r.prototype.eachRendered=function(t){k(this._progressiveEls||this.group,t)},r.prototype._updateDrawMode=function(t){var r=t.pipelineContext.large;null!=this._isLargeDraw&&r===this._isLargeDraw||(this._isLargeDraw=r,this._clear())},r.prototype._renderNormal=function(t,r,i,e){var a,n=this.group,s=t.getData(),o=this._data,c=t.coordinateSystem,u=c.getBaseAxis();"cartesian2d"===c.type?a=u.isHorizontal():"polar"===c.type&&(a="angle"===u.dim);var d=t.isAnimationEnabled()?t:null,l=function(t,r){var i=t.get("realtimeSort",!0),e=r.getBaseAxis();if(i&&"category"===e.type&&"cartesian2d"===r.type)return{baseAxis:e,otherAxis:r.getOtherAxis(e)}}(t,c);l&&this._enableRealtimeSort(l,s,i);var f=t.get("clip",!0)||l,p=function(t,r){var i=t.getArea&&t.getArea();if(h(t,"cartesian2d")){var e=t.getBaseAxis();if("category"!==e.type||!e.onBand){var a=r.getLayout("bandWidth");e.isHorizontal()?(i.x-=a,i.width+=2*a):(i.y-=a,i.height+=2*a)}}return i}(c,s);n.removeClipPath();var v=t.get("roundCap",!0),b=t.get("showBackground",!0),g=t.getModel("backgroundStyle"),m=g.get("borderRadius")||0,y=[],w=this._backgroundEls,x=e&&e.isInitSort,A=e&&"changeAxisOrder"===e.type;function M(t){var r=ft[c.type](s,t),i=function(t,r,i){return new("polar"===t.type?R:L)({shape:wt(r,i,t),silent:!0,z2:0})}(c,a,r);return i.useStyle(g.getItemStyle()),"cartesian2d"===c.type&&i.setShape("r",m),y[t]=i,i}s.diff(o).add((function(r){var i=s.getItemModel(r),e=ft[c.type](s,r,i);if(b&&M(r),s.hasValue(r)&<[c.type](e)){var o=!1;f&&(o=st[c.type](p,e));var h=ot[c.type](t,s,r,e,a,d,u.model,!1,v);l&&(h.forceLabelAnimation=!0),vt(h,s,r,i,e,t,a,"polar"===c.type),x?h.attr({shape:e}):l?ht(l,d,h,e,r,a,!1,!1):S(h,{shape:e},t,r),s.setItemGraphicEl(r,h),n.add(h),h.ignore=o}})).update((function(r,i){var e=s.getItemModel(r),h=ft[c.type](s,r,e);if(b){var k=void 0;0===w.length?k=M(i):((k=w[i]).useStyle(g.getItemStyle()),"cartesian2d"===c.type&&k.setShape("r",m),y[r]=k);var S=ft[c.type](s,r),U=wt(a,S,c);C(k,{shape:U},d,r)}var I=o.getItemGraphicEl(i);if(s.hasValue(r)&<[c.type](h)){var O=!1;if(f&&(O=st[c.type](p,h))&&n.remove(I),I?N(I):I=ot[c.type](t,s,r,h,a,d,u.model,!!I,v),l&&(I.forceLabelAnimation=!0),A){var T=I.getTextContent();if(T){var E=z(T);null!=E.prevValue&&(E.prevValue=E.value)}}else vt(I,s,r,e,h,t,a,"polar"===c.type);x?I.attr({shape:h}):l?ht(l,d,I,h,r,a,!0,A):C(I,{shape:h},t,r,null),s.setItemGraphicEl(r,I),I.ignore=O,n.add(I)}else n.remove(I)})).remove((function(r){var i=o.getItemGraphicEl(r);i&&U(i,t,r)})).execute();var k=this._backgroundGroup||(this._backgroundGroup=new I);k.removeAll();for(var O=0;O<y.length;++O)k.add(y[O]);n.add(k),this._backgroundEls=y,this._data=s},r.prototype._renderLarge=function(t){this._clear(),mt(t,this.group),this._updateLargeClip(t)},r.prototype._incrementalRenderLarge=function(t,r){this._removeBackground(),mt(r,this.group,this._progressiveEls,!0)},r.prototype._updateLargeClip=function(t){var r=t.get("clip",!0)&&s(t.coordinateSystem,!1,t),i=this.group;r?i.setClipPath(r):i.removeClipPath()},r.prototype._enableRealtimeSort=function(t,r,i){var e=this;if(r.count()){var a=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(r,t,i),this._isFirstFrame=!1;else{var n=function(t){var i=r.getItemGraphicEl(t),e=i&&i.shape;return e&&Math.abs(a.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(r,n,a,i)},i.getZr().on("rendered",this._onRendered)}}},r.prototype._dataSort=function(t,r,i){var e=[];return t.each(t.mapDimension(r.dim),(function(t,r){var a=i(r);e.push({dataIndex:r,mappedValue:a=null==a?NaN:a,ordinalNumber:t})})),e.sort((function(t,r){return r.mappedValue-t.mappedValue})),{ordinalNumbers:O(e,(function(t){return t.ordinalNumber}))}},r.prototype._isOrderChangedWithinSameData=function(t,r,i){for(var e=i.scale,a=t.mapDimension(i.dim),n=Number.MAX_VALUE,s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=t.rawIndexOf(a,e.getRawOrdinalNumber(s)),c=h<0?Number.MIN_VALUE:r(t.indexOfRawIndex(h));if(c>n)return!0;n=c}return!1},r.prototype._isOrderDifferentInView=function(t,r){for(var i=r.scale,e=i.getExtent(),a=Math.max(0,e[0]),n=Math.min(e[1],i.getOrdinalMeta().categories.length-1);a<=n;++a)if(t.ordinalNumbers[a]!==i.getRawOrdinalNumber(a))return!0},r.prototype._updateSortWithinSameData=function(t,r,i,e){if(this._isOrderChangedWithinSameData(t,r,i)){var a=this._dataSort(t,i,r);this._isOrderDifferentInView(a,i)&&(this._removeOnRenderedListener(e),e.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",axisId:i.index,sortInfo:a}))}},r.prototype._dispatchInitSort=function(t,r,i){var e=r.baseAxis,a=this._dataSort(t,e,(function(i){return t.get(t.mapDimension(r.otherAxis.dim),i)}));i.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:!0,axisId:e.index,sortInfo:a})},r.prototype.remove=function(t,r){this._clear(this._model),this._removeOnRenderedListener(r)},r.prototype.dispose=function(t,r){this._removeOnRenderedListener(r)},r.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},r.prototype._clear=function(t){var r=this.group,i=this._data;t&&t.isAnimationEnabled()&&i&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],i.eachItemGraphicEl((function(r){U(r,t,T(r).dataIndex)}))):r.removeAll(),this._data=null,this._isFirstFrame=!0},r.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},r.type="bar",r}(E),st={cartesian2d:function(t,r){var i=r.width<0?-1:1,e=r.height<0?-1:1;i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height);var a=t.x+t.width,n=t.y+t.height,s=et(r.x,t.x),o=at(r.x+r.width,a),h=et(r.y,t.y),c=at(r.y+r.height,n),u=o<s,d=c<h;return r.x=u&&s>a?o:s,r.y=d&&h>n?c:h,r.width=u?0:o-s,r.height=d?0:c-h,i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height),u||d},polar:function(t,r){var i=r.r0<=r.r?1:-1;if(i<0){var e=r.r;r.r=r.r0,r.r0=e}var a=at(r.r,t.r),n=et(r.r0,t.r0);r.r=a,r.r0=n;var s=a-n<0;return i<0&&(e=r.r,r.r=r.r0,r.r0=e),s}},ot={cartesian2d:function(t,r,i,e,a,n){var s=new L({shape:_({},e),z2:1});return s.__dataIndex=i,s.name="item",n&&(s.shape[a?"height":"width"]=0),s},polar:function(t,r,i,e,a,n,s,o,h){var c=!a&&h?tt:R,u=new c({shape:e,z2:1});u.name="item";var d,l,f=pt(a);if(u.calculateTextPosition=(d=f,l=({isRoundCap:c===tt}||{}).isRoundCap,function(t,r,i){var e=r.position;if(!e||e instanceof Array)return x(t,r,i);var a=d(e),n=null!=r.distance?r.distance:5,s=this.shape,o=s.cx,h=s.cy,c=s.r,u=s.r0,f=(c+u)/2,p=s.startAngle,v=s.endAngle,b=(p+v)/2,g=l?Math.abs(c-u)/2:0,m=Math.cos,y=Math.sin,w=o+c*m(p),A=h+c*y(p),M="left",k="top";switch(a){case"startArc":w=o+(u-n)*m(b),A=h+(u-n)*y(b),M="center",k="top";break;case"insideStartArc":w=o+(u+n)*m(b),A=h+(u+n)*y(b),M="center",k="bottom";break;case"startAngle":w=o+f*m(p)+rt(p,n+g,!1),A=h+f*y(p)+it(p,n+g,!1),M="right",k="middle";break;case"insideStartAngle":w=o+f*m(p)+rt(p,-n+g,!1),A=h+f*y(p)+it(p,-n+g,!1),M="left",k="middle";break;case"middle":w=o+f*m(b),A=h+f*y(b),M="center",k="middle";break;case"endArc":w=o+(c+n)*m(b),A=h+(c+n)*y(b),M="center",k="bottom";break;case"insideEndArc":w=o+(c-n)*m(b),A=h+(c-n)*y(b),M="center",k="top";break;case"endAngle":w=o+f*m(v)+rt(v,n+g,!0),A=h+f*y(v)+it(v,n+g,!0),M="left",k="middle";break;case"insideEndAngle":w=o+f*m(v)+rt(v,-n+g,!0),A=h+f*y(v)+it(v,-n+g,!0),M="right",k="middle";break;default:return x(t,r,i)}return(t=t||{}).x=w,t.y=A,t.align=M,t.verticalAlign=k,t}),n){var p=a?"r":"endAngle",v={};u.shape[p]=a?0:e.startAngle,v[p]=e[p],(o?C:S)(u,{shape:v},n)}return u}};function ht(t,r,i,e,a,n,s,o){var h,c;n?(c={x:e.x,width:e.width},h={y:e.y,height:e.height}):(c={y:e.y,height:e.height},h={x:e.x,width:e.width}),o||(s?C:S)(i,{shape:h},r,a,null),(s?C:S)(i,{shape:c},r?t.baseAxis.model:null,a)}function ct(t,r){for(var i=0;i<r.length;i++)if(!isFinite(t[r[i]]))return!0;return!1}var ut=["x","y","width","height"],dt=["cx","cy","r","startAngle","endAngle"],lt={cartesian2d:function(t){return!ct(t,ut)},polar:function(t){return!ct(t,dt)}},ft={cartesian2d:function(t,r,i){var e=t.getItemLayout(r),a=i?function(t,r){var i=t.get(["itemStyle","borderColor"]);if(!i||"none"===i)return 0;var e=t.get(["itemStyle","borderWidth"])||0,a=isNaN(r.width)?Number.MAX_VALUE:Math.abs(r.width),n=isNaN(r.height)?Number.MAX_VALUE:Math.abs(r.height);return Math.min(e,a,n)}(i,e):0,n=e.width>0?1:-1,s=e.height>0?1:-1;return{x:e.x+n*a/2,y:e.y+s*a/2,width:e.width-n*a,height:e.height-s*a}},polar:function(t,r){var i=t.getItemLayout(r);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function pt(t){return function(t){var r=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+r;default:return t}}}(t)}function vt(t,r,i,e,a,n,s,h){var u=r.getItemVisual(i,"style");h||t.setShape("r",e.get(["itemStyle","borderRadius"])||0),t.useStyle(u);var d=e.getShallow("cursor");d&&t.attr("cursor",d);var l=h?s?a.r>=a.r0?"endArc":"startArc":a.endAngle>=a.startAngle?"endAngle":"startAngle":s?a.height>=0?"bottom":"top":a.width>=0?"right":"left",f=D(e);j(t,f,{labelFetcher:n,labelDataIndex:i,defaultText:o(n.getData(),i),inheritColor:u.fill,defaultOpacity:u.opacity,defaultOutsidePosition:l});var p=t.getTextContent();if(h&&p){var v=e.get(["label","position"]);t.textConfig.inside="middle"===v||null,function(t,r,i,e){if(A(e))t.setTextConfig({rotation:e});else if(M(r))t.setTextConfig({rotation:0});else{var a,n=t.shape,s=n.clockwise?n.startAngle:n.endAngle,o=n.clockwise?n.endAngle:n.startAngle,h=(s+o)/2,c=i(r);switch(c){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":a=h;break;case"startAngle":case"insideStartAngle":a=s;break;case"endAngle":case"insideEndAngle":a=o;break;default:return void t.setTextConfig({rotation:0})}var u=1.5*Math.PI-a;"middle"===c&&u>Math.PI/2&&u<1.5*Math.PI&&(u-=Math.PI),t.setTextConfig({rotation:u})}}(t,"outside"===v?l:v,pt(s),e.get(["label","rotate"]))}B(p,f,n.getRawValue(i),(function(t){return c(r,t)}));var b=e.getModel(["emphasis"]);P(t,b.get("focus"),b.get("blurScope"),b.get("disabled")),W(t,e),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(a)&&(t.style.fill="none",t.style.stroke="none",g(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var bt=function(){},gt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="largeBar",i}return b(r,t),r.prototype.getDefaultShape=function(){return new bt},r.prototype.buildPath=function(t,r){for(var i=r.points,e=this.baseDimIdx,a=1-this.baseDimIdx,n=[],s=[],o=this.barWidth,h=0;h<i.length;h+=3)s[e]=o,s[a]=i[h+2],n[e]=i[h+e],n[a]=i[h+a],t.rect(n[0],n[1],s[0],s[1])},r}(w);function mt(t,r,i,e){var a=t.getData(),n=a.getLayout("valueAxisHorizontal")?1:0,s=a.getLayout("largeDataIndices"),o=a.getLayout("size"),h=t.getModel("backgroundStyle"),c=a.getLayout("largeBackgroundPoints");if(c){var u=new gt({shape:{points:c},incremental:!!e,silent:!0,z2:0});u.baseDimIdx=n,u.largeDataIndices=s,u.barWidth=o,u.useStyle(h.getItemStyle()),r.add(u),i&&i.push(u)}var d=new gt({shape:{points:a.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:!0,z2:1});d.baseDimIdx=n,d.largeDataIndices=s,d.barWidth=o,r.add(d),d.useStyle(a.getVisual("style")),T(d).seriesIndex=t.seriesIndex,t.get("silent")||(d.on("mousedown",yt),d.on("mousemove",yt)),i&&i.push(d)}var yt=H((function(t){var r=function(t,r,i){for(var e=t.baseDimIdx,a=1-e,n=t.shape.points,s=t.largeDataIndices,o=[],h=[],c=t.barWidth,u=0,d=n.length/3;u<d;u++){var l=3*u;if(h[e]=c,h[a]=n[l+2],o[e]=n[l+e],o[a]=n[l+a],h[a]<0&&(o[a]+=h[a],h[a]=-h[a]),r>=o[0]&&r<=o[0]+h[0]&&i>=o[1]&&i<=o[1]+h[1])return s[u]}return-1}(this,t.offsetX,t.offsetY);T(this).dataIndex=r>=0?r:null}),30,!1);function wt(t,r,i){if(h(i,"cartesian2d")){var e=r,a=i.getArea();return{x:t?e.x:a.x,y:t?a.y:e.y,width:t?e.width:a.width,height:t?a.height:e.height}}return{cx:(a=i.getArea()).cx,cy:a.cy,r0:t?a.r0:r.r0,r:t?a.r:r.r,startAngle:t?r.startAngle:0,endAngle:t?r.endAngle:2*Math.PI}}G([Y,function(t){t.registerChartView(nt),t.registerSeriesModel(Z),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,V(F,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,u("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,r){r.eachComponent({mainType:t.componentType||"series",query:t},(function(r){t.sortInfo&&r.axis.setCategorySortInfo(t.sortInfo)}))}))},J,K,p,v]);const xt=class{constructor(r){t(this,r),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.color=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideBarLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.orientation=void 0,this.showChartName=!1,this.sort=!1}componentDidLoad(){const t=X(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),e(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(t){const r=d("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles),i=d(this.color,this.chartContainerStyles,this.hostElementStyles);return d(t,this.chartContainerStyles,this.hostElementStyles)||(l(t)?t:i||(l(this.color)?this.color:r))}processData(t){return t.map((t=>({value:t.value||0,itemStyle:{color:this.getColor(t.color)}})))}updateChart(t){var r;const i=(null===(r=this.formatModifier)||void 0===r?void 0:r.includes("dec"))?this.formatModifier.replace("dec",""):0,e={type:"value",axisLabel:{formatter:t=>f(t,{type:this.format,decimals:i}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}},n={type:"category",data:this.data.map((t=>a(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:"horizontal"===this.orientation?e:n,yAxis:"horizontal"===this.orientation?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:t=>f(t.value,{type:this.format,decimals:i})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"]}}};xt.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{xt as q2_chart_bar}
|
|
1
|
+
import{r as t,h as r,g as i}from"./p-926a3e80.js";import{o as e,l as a}from"./p-921ea070.js";import{c as n,m as s,g as o,i as h,a as u,e as c,f as d,h as l,j as f,k as p,l as v}from"./p-458b1987.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as E,V as L,a as _,g as D,b as j,b6 as B,t as P,z as W,b7 as H,U as R,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-52063431.js";import{i as K}from"./p-833398d1.js";var Q=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0})},r.prototype.getMarkerPosition=function(t,r,i){var e=this.coordinateSystem;if(e&&e.clampData){var a=e.dataToPoint(e.clampData(t));if(i)g(e.getAxes(),(function(i,n){if("category"===i.type){var s=i.getTicksCoords(),o=e.clampData(t)[n];!r||"x1"!==r[n]&&"y1"!==r[n]||(o+=1),o>s.length-1&&(o=s.length-1),o<0&&(o=0),s[o]&&(a[n]=i.toGlobalCoord(s[o].coord))}}));else{var n=this.getData(),s=n.getLayout("offset"),o=n.getLayout("size"),h=e.getBaseAxis().isHorizontal()?0:1;a[h]+=s+o/2}return a}return[NaN,NaN]},r.type="series.__base_bar__",r.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"},r}(m);m.registerClass(Q);var Z=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},r.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},r.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),r=this.get("largeThreshold");return r>t&&(t=r),t},r.prototype.brushSelector=function(t,r,i){return i.rect(r.getItemLayout(t))},r.type="series.bar",r.dependencies=["grid","polar"],r.defaultOption=y(Q.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:!1}),r}(Q),$=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},tt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="sausage",i}return b(r,t),r.prototype.getDefaultShape=function(){return new $},r.prototype.buildPath=function(t,r){var i=r.cx,e=r.cy,a=Math.max(r.r0||0,0),n=Math.max(r.r,0),s=.5*(n-a),o=a+s,h=r.startAngle,u=r.endAngle,c=r.clockwise,d=2*Math.PI,l=c?u-h<d:h-u<d;l||(h=u-(c?d:-d));var f=Math.cos(h),p=Math.sin(h),v=Math.cos(u),b=Math.sin(u);l?(t.moveTo(f*a+i,p*a+e),t.arc(f*o+i,p*o+e,s,-Math.PI+h,h,!c)):t.moveTo(f*n+i,p*n+e),t.arc(i,e,n,h,u,!c),t.arc(v*o+i,b*o+e,s,u-2*Math.PI,u-Math.PI,!c),0!==a&&t.arc(i,e,a,u,h,c)},r}(w);function rt(t,r,i){return r*Math.sin(t)*(i?-1:1)}function it(t,r,i){return r*Math.cos(t)*(i?1:-1)}var et=Math.max,at=Math.min,nt=function(t){function r(){var i=t.call(this)||this;return i.type=r.type,i._isFirstFrame=!0,i}return b(r,t),r.prototype.render=function(t,r,i,e){this._model=t,this._removeOnRenderedListener(i),this._updateDrawMode(t);var a=t.get("coordinateSystem");"cartesian2d"!==a&&"polar"!==a||(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,r,i):this._renderNormal(t,r,i,e))},r.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},r.prototype.incrementalRender=function(t,r){this._progressiveEls=[],this._incrementalRenderLarge(t,r)},r.prototype.eachRendered=function(t){k(this._progressiveEls||this.group,t)},r.prototype._updateDrawMode=function(t){var r=t.pipelineContext.large;null!=this._isLargeDraw&&r===this._isLargeDraw||(this._isLargeDraw=r,this._clear())},r.prototype._renderNormal=function(t,r,i,e){var a,n=this.group,s=t.getData(),o=this._data,u=t.coordinateSystem,c=u.getBaseAxis();"cartesian2d"===u.type?a=c.isHorizontal():"polar"===u.type&&(a="angle"===c.dim);var d=t.isAnimationEnabled()?t:null,l=function(t,r){var i=t.get("realtimeSort",!0),e=r.getBaseAxis();if(i&&"category"===e.type&&"cartesian2d"===r.type)return{baseAxis:e,otherAxis:r.getOtherAxis(e)}}(t,u);l&&this._enableRealtimeSort(l,s,i);var f=t.get("clip",!0)||l,p=function(t,r){var i=t.getArea&&t.getArea();if(h(t,"cartesian2d")){var e=t.getBaseAxis();if("category"!==e.type||!e.onBand){var a=r.getLayout("bandWidth");e.isHorizontal()?(i.x-=a,i.width+=2*a):(i.y-=a,i.height+=2*a)}}return i}(u,s);n.removeClipPath();var v=t.get("roundCap",!0),b=t.get("showBackground",!0),g=t.getModel("backgroundStyle"),m=g.get("borderRadius")||0,y=[],w=this._backgroundEls,x=e&&e.isInitSort,A=e&&"changeAxisOrder"===e.type;function M(t){var r=ft[u.type](s,t),i=function(t,r,i){return new("polar"===t.type?R:L)({shape:wt(r,i,t),silent:!0,z2:0})}(u,a,r);return i.useStyle(g.getItemStyle()),"cartesian2d"===u.type&&i.setShape("r",m),y[t]=i,i}s.diff(o).add((function(r){var i=s.getItemModel(r),e=ft[u.type](s,r,i);if(b&&M(r),s.hasValue(r)&<[u.type](e)){var o=!1;f&&(o=st[u.type](p,e));var h=ot[u.type](t,s,r,e,a,d,c.model,!1,v);l&&(h.forceLabelAnimation=!0),vt(h,s,r,i,e,t,a,"polar"===u.type),x?h.attr({shape:e}):l?ht(l,d,h,e,r,a,!1,!1):S(h,{shape:e},t,r),s.setItemGraphicEl(r,h),n.add(h),h.ignore=o}})).update((function(r,i){var e=s.getItemModel(r),h=ft[u.type](s,r,e);if(b){var k=void 0;0===w.length?k=M(i):((k=w[i]).useStyle(g.getItemStyle()),"cartesian2d"===u.type&&k.setShape("r",m),y[r]=k);var S=ft[u.type](s,r),U=wt(a,S,u);C(k,{shape:U},d,r)}var I=o.getItemGraphicEl(i);if(s.hasValue(r)&<[u.type](h)){var O=!1;if(f&&(O=st[u.type](p,h))&&n.remove(I),I?N(I):I=ot[u.type](t,s,r,h,a,d,c.model,!!I,v),l&&(I.forceLabelAnimation=!0),A){var T=I.getTextContent();if(T){var E=z(T);null!=E.prevValue&&(E.prevValue=E.value)}}else vt(I,s,r,e,h,t,a,"polar"===u.type);x?I.attr({shape:h}):l?ht(l,d,I,h,r,a,!0,A):C(I,{shape:h},t,r,null),s.setItemGraphicEl(r,I),I.ignore=O,n.add(I)}else n.remove(I)})).remove((function(r){var i=o.getItemGraphicEl(r);i&&U(i,t,r)})).execute();var k=this._backgroundGroup||(this._backgroundGroup=new I);k.removeAll();for(var O=0;O<y.length;++O)k.add(y[O]);n.add(k),this._backgroundEls=y,this._data=s},r.prototype._renderLarge=function(t){this._clear(),mt(t,this.group),this._updateLargeClip(t)},r.prototype._incrementalRenderLarge=function(t,r){this._removeBackground(),mt(r,this.group,this._progressiveEls,!0)},r.prototype._updateLargeClip=function(t){var r=t.get("clip",!0)&&s(t.coordinateSystem,!1,t),i=this.group;r?i.setClipPath(r):i.removeClipPath()},r.prototype._enableRealtimeSort=function(t,r,i){var e=this;if(r.count()){var a=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(r,t,i),this._isFirstFrame=!1;else{var n=function(t){var i=r.getItemGraphicEl(t),e=i&&i.shape;return e&&Math.abs(a.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(r,n,a,i)},i.getZr().on("rendered",this._onRendered)}}},r.prototype._dataSort=function(t,r,i){var e=[];return t.each(t.mapDimension(r.dim),(function(t,r){var a=i(r);e.push({dataIndex:r,mappedValue:a=null==a?NaN:a,ordinalNumber:t})})),e.sort((function(t,r){return r.mappedValue-t.mappedValue})),{ordinalNumbers:O(e,(function(t){return t.ordinalNumber}))}},r.prototype._isOrderChangedWithinSameData=function(t,r,i){for(var e=i.scale,a=t.mapDimension(i.dim),n=Number.MAX_VALUE,s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=t.rawIndexOf(a,e.getRawOrdinalNumber(s)),u=h<0?Number.MIN_VALUE:r(t.indexOfRawIndex(h));if(u>n)return!0;n=u}return!1},r.prototype._isOrderDifferentInView=function(t,r){for(var i=r.scale,e=i.getExtent(),a=Math.max(0,e[0]),n=Math.min(e[1],i.getOrdinalMeta().categories.length-1);a<=n;++a)if(t.ordinalNumbers[a]!==i.getRawOrdinalNumber(a))return!0},r.prototype._updateSortWithinSameData=function(t,r,i,e){if(this._isOrderChangedWithinSameData(t,r,i)){var a=this._dataSort(t,i,r);this._isOrderDifferentInView(a,i)&&(this._removeOnRenderedListener(e),e.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",axisId:i.index,sortInfo:a}))}},r.prototype._dispatchInitSort=function(t,r,i){var e=r.baseAxis,a=this._dataSort(t,e,(function(i){return t.get(t.mapDimension(r.otherAxis.dim),i)}));i.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:!0,axisId:e.index,sortInfo:a})},r.prototype.remove=function(t,r){this._clear(this._model),this._removeOnRenderedListener(r)},r.prototype.dispose=function(t,r){this._removeOnRenderedListener(r)},r.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},r.prototype._clear=function(t){var r=this.group,i=this._data;t&&t.isAnimationEnabled()&&i&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],i.eachItemGraphicEl((function(r){U(r,t,T(r).dataIndex)}))):r.removeAll(),this._data=null,this._isFirstFrame=!0},r.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},r.type="bar",r}(E),st={cartesian2d:function(t,r){var i=r.width<0?-1:1,e=r.height<0?-1:1;i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height);var a=t.x+t.width,n=t.y+t.height,s=et(r.x,t.x),o=at(r.x+r.width,a),h=et(r.y,t.y),u=at(r.y+r.height,n),c=o<s,d=u<h;return r.x=c&&s>a?o:s,r.y=d&&h>n?u:h,r.width=c?0:o-s,r.height=d?0:u-h,i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height),c||d},polar:function(t,r){var i=r.r0<=r.r?1:-1;if(i<0){var e=r.r;r.r=r.r0,r.r0=e}var a=at(r.r,t.r),n=et(r.r0,t.r0);r.r=a,r.r0=n;var s=a-n<0;return i<0&&(e=r.r,r.r=r.r0,r.r0=e),s}},ot={cartesian2d:function(t,r,i,e,a,n){var s=new L({shape:_({},e),z2:1});return s.__dataIndex=i,s.name="item",n&&(s.shape[a?"height":"width"]=0),s},polar:function(t,r,i,e,a,n,s,o,h){var u=!a&&h?tt:R,c=new u({shape:e,z2:1});c.name="item";var d,l,f=pt(a);if(c.calculateTextPosition=(d=f,l=({isRoundCap:u===tt}||{}).isRoundCap,function(t,r,i){var e=r.position;if(!e||e instanceof Array)return x(t,r,i);var a=d(e),n=null!=r.distance?r.distance:5,s=this.shape,o=s.cx,h=s.cy,u=s.r,c=s.r0,f=(u+c)/2,p=s.startAngle,v=s.endAngle,b=(p+v)/2,g=l?Math.abs(u-c)/2:0,m=Math.cos,y=Math.sin,w=o+u*m(p),A=h+u*y(p),M="left",k="top";switch(a){case"startArc":w=o+(c-n)*m(b),A=h+(c-n)*y(b),M="center",k="top";break;case"insideStartArc":w=o+(c+n)*m(b),A=h+(c+n)*y(b),M="center",k="bottom";break;case"startAngle":w=o+f*m(p)+rt(p,n+g,!1),A=h+f*y(p)+it(p,n+g,!1),M="right",k="middle";break;case"insideStartAngle":w=o+f*m(p)+rt(p,-n+g,!1),A=h+f*y(p)+it(p,-n+g,!1),M="left",k="middle";break;case"middle":w=o+f*m(b),A=h+f*y(b),M="center",k="middle";break;case"endArc":w=o+(u+n)*m(b),A=h+(u+n)*y(b),M="center",k="bottom";break;case"insideEndArc":w=o+(u-n)*m(b),A=h+(u-n)*y(b),M="center",k="top";break;case"endAngle":w=o+f*m(v)+rt(v,n+g,!0),A=h+f*y(v)+it(v,n+g,!0),M="left",k="middle";break;case"insideEndAngle":w=o+f*m(v)+rt(v,-n+g,!0),A=h+f*y(v)+it(v,-n+g,!0),M="right",k="middle";break;default:return x(t,r,i)}return(t=t||{}).x=w,t.y=A,t.align=M,t.verticalAlign=k,t}),n){var p=a?"r":"endAngle",v={};c.shape[p]=a?0:e.startAngle,v[p]=e[p],(o?C:S)(c,{shape:v},n)}return c}};function ht(t,r,i,e,a,n,s,o){var h,u;n?(u={x:e.x,width:e.width},h={y:e.y,height:e.height}):(u={y:e.y,height:e.height},h={x:e.x,width:e.width}),o||(s?C:S)(i,{shape:h},r,a,null),(s?C:S)(i,{shape:u},r?t.baseAxis.model:null,a)}function ut(t,r){for(var i=0;i<r.length;i++)if(!isFinite(t[r[i]]))return!0;return!1}var ct=["x","y","width","height"],dt=["cx","cy","r","startAngle","endAngle"],lt={cartesian2d:function(t){return!ut(t,ct)},polar:function(t){return!ut(t,dt)}},ft={cartesian2d:function(t,r,i){var e=t.getItemLayout(r),a=i?function(t,r){var i=t.get(["itemStyle","borderColor"]);if(!i||"none"===i)return 0;var e=t.get(["itemStyle","borderWidth"])||0,a=isNaN(r.width)?Number.MAX_VALUE:Math.abs(r.width),n=isNaN(r.height)?Number.MAX_VALUE:Math.abs(r.height);return Math.min(e,a,n)}(i,e):0,n=e.width>0?1:-1,s=e.height>0?1:-1;return{x:e.x+n*a/2,y:e.y+s*a/2,width:e.width-n*a,height:e.height-s*a}},polar:function(t,r){var i=t.getItemLayout(r);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function pt(t){return function(t){var r=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+r;default:return t}}}(t)}function vt(t,r,i,e,a,n,s,h){var c=r.getItemVisual(i,"style");h||t.setShape("r",e.get(["itemStyle","borderRadius"])||0),t.useStyle(c);var d=e.getShallow("cursor");d&&t.attr("cursor",d);var l=h?s?a.r>=a.r0?"endArc":"startArc":a.endAngle>=a.startAngle?"endAngle":"startAngle":s?a.height>=0?"bottom":"top":a.width>=0?"right":"left",f=D(e);j(t,f,{labelFetcher:n,labelDataIndex:i,defaultText:o(n.getData(),i),inheritColor:c.fill,defaultOpacity:c.opacity,defaultOutsidePosition:l});var p=t.getTextContent();if(h&&p){var v=e.get(["label","position"]);t.textConfig.inside="middle"===v||null,function(t,r,i,e){if(A(e))t.setTextConfig({rotation:e});else if(M(r))t.setTextConfig({rotation:0});else{var a,n=t.shape,s=n.clockwise?n.startAngle:n.endAngle,o=n.clockwise?n.endAngle:n.startAngle,h=(s+o)/2,u=i(r);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":a=h;break;case"startAngle":case"insideStartAngle":a=s;break;case"endAngle":case"insideEndAngle":a=o;break;default:return void t.setTextConfig({rotation:0})}var c=1.5*Math.PI-a;"middle"===u&&c>Math.PI/2&&c<1.5*Math.PI&&(c-=Math.PI),t.setTextConfig({rotation:c})}}(t,"outside"===v?l:v,pt(s),e.get(["label","rotate"]))}B(p,f,n.getRawValue(i),(function(t){return u(r,t)}));var b=e.getModel(["emphasis"]);P(t,b.get("focus"),b.get("blurScope"),b.get("disabled")),W(t,e),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(a)&&(t.style.fill="none",t.style.stroke="none",g(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var bt=function(){},gt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="largeBar",i}return b(r,t),r.prototype.getDefaultShape=function(){return new bt},r.prototype.buildPath=function(t,r){for(var i=r.points,e=this.baseDimIdx,a=1-this.baseDimIdx,n=[],s=[],o=this.barWidth,h=0;h<i.length;h+=3)s[e]=o,s[a]=i[h+2],n[e]=i[h+e],n[a]=i[h+a],t.rect(n[0],n[1],s[0],s[1])},r}(w);function mt(t,r,i,e){var a=t.getData(),n=a.getLayout("valueAxisHorizontal")?1:0,s=a.getLayout("largeDataIndices"),o=a.getLayout("size"),h=t.getModel("backgroundStyle"),u=a.getLayout("largeBackgroundPoints");if(u){var c=new gt({shape:{points:u},incremental:!!e,silent:!0,z2:0});c.baseDimIdx=n,c.largeDataIndices=s,c.barWidth=o,c.useStyle(h.getItemStyle()),r.add(c),i&&i.push(c)}var d=new gt({shape:{points:a.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:!0,z2:1});d.baseDimIdx=n,d.largeDataIndices=s,d.barWidth=o,r.add(d),d.useStyle(a.getVisual("style")),T(d).seriesIndex=t.seriesIndex,t.get("silent")||(d.on("mousedown",yt),d.on("mousemove",yt)),i&&i.push(d)}var yt=H((function(t){var r=function(t,r,i){for(var e=t.baseDimIdx,a=1-e,n=t.shape.points,s=t.largeDataIndices,o=[],h=[],u=t.barWidth,c=0,d=n.length/3;c<d;c++){var l=3*c;if(h[e]=u,h[a]=n[l+2],o[e]=n[l+e],o[a]=n[l+a],h[a]<0&&(o[a]+=h[a],h[a]=-h[a]),r>=o[0]&&r<=o[0]+h[0]&&i>=o[1]&&i<=o[1]+h[1])return s[c]}return-1}(this,t.offsetX,t.offsetY);T(this).dataIndex=r>=0?r:null}),30,!1);function wt(t,r,i){if(h(i,"cartesian2d")){var e=r,a=i.getArea();return{x:t?e.x:a.x,y:t?a.y:e.y,width:t?e.width:a.width,height:t?a.height:e.height}}return{cx:(a=i.getArea()).cx,cy:a.cy,r0:t?a.r0:r.r0,r:t?a.r:r.r,startAngle:t?r.startAngle:0,endAngle:t?r.endAngle:2*Math.PI}}G([Y,function(t){t.registerChartView(nt),t.registerSeriesModel(Z),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,V(F,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,c("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,r){r.eachComponent({mainType:t.componentType||"series",query:t},(function(r){t.sortInfo&&r.axis.setCategorySortInfo(t.sortInfo)}))}))},J,K,p,v]);const xt=class{constructor(r){t(this,r),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.color=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideBarLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.orientation=void 0,this.showChartName=!1,this.sort=!1}componentDidLoad(){const t=X(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),e(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(t){const r=d("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles),i=d(this.color,this.chartContainerStyles,this.hostElementStyles);return d(t,this.chartContainerStyles,this.hostElementStyles)||(l(t)?t:i||(l(this.color)?this.color:r))}processData(t){return t.map((t=>({value:t.value||0,itemStyle:{color:this.getColor(t.color)}})))}updateChart(t){var r;const i=(null===(r=this.formatModifier)||void 0===r?void 0:r.includes("dec"))?this.formatModifier.replace("dec",""):0,e={type:"value",axisLabel:{formatter:t=>f(t,{type:this.format,decimals:i}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}},n={type:"category",data:this.data.map((t=>a(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:"horizontal"===this.orientation?e:n,yAxis:"horizontal"===this.orientation?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:t=>f(t.value,{type:this.format,decimals:i})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"]}}};xt.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{xt as q2_chart_bar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-926a3e80.js";import{l,h as o,o as a,e as r,a as n,f as c}from"./p-921ea070.js";import{s as h,a as d}from"./p-a1926e65.js";const p=class{constructor(i){var s;t(this,i),this.change=e(this,"change",7),this.input=e(this,"input",7),this.scheduledAfterRender=[],this.showSelectedOptions=()=>{this.showSelected=!0},this.showAllOptions=()=>{this.showSelected=!1},this.onMutationObserved=()=>{const t=this.hostElement.querySelector(".custom-display-content"),e=this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]'),i=e?e.assignedNodes().length>0:t.children.length>0;this.hasCustomDisplay!==i&&(this.hasCustomDisplay=i)},this.onOptionListChange=t=>{t.stopPropagation();const{values:e}=t.detail;0===e.length&&this.showAllOptions(),this.handleSelectionChanges(t.detail)},this.popoverStateChanged=({detail:{open:t}})=>{this.open!==t&&(this.open=t,t&&!this.searchText||(this.optionList.setActiveElement(null),this.inputField.focus()))},this.inputKeydownHandler=t=>{if(!this.readonly&&!this.disabled)return h(this,t)?this.executeActionSheet(t):void(this.searchable&&!["ArrowDown","ArrowUp","PageDown","PageUp","Home","End","Escape","Tab"].includes(t.key)||(this.shouldClearSearchText(t)&&this.clearSearchText(),this.optionList.handleExternalKeydown(t)))},this.visibilityToggleKeyDown=t=>{const e=t.key,i="Tab"===e&&t.shiftKey;["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e)&&t.stopPropagation(),i&&(t.stopPropagation(),this.optionList.setDefaultActiveElement())},this.inputClickHandler=async t=>{if(t.stopPropagation(),h(this))return this.executeActionSheet(t);this.toggleDropdown(),this.focusInput()},this.inputInputHandler=t=>{t.stopPropagation();const e=t.detail.value;!!this.value&&this.inputField.value!==e&&this.clearValue(),this.open||this.openDropdownWithoutActiveElement(),this.prioritizeSearch=!0,this.searchText=e,this.input.emit({query:e})},this.inputFocusHandler=()=>{this.inputFocused=!0},this.inputBlurHandler=()=>{this.inputFocused=!1},this.inputChangeHandler=t=>{t.stopPropagation()},this.clickedElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.open&&this.closeDropdown())},this.onCustomDisplayClick=t=>{t.stopPropagation(),this.focusInput(),this.toggleDropdown()},this.label=void 0,this.hideLabel=void 0,this.value=void 0,this.selectedOptions=[],this.disabled=!1,this.readonly=!1,this.invalid=void 0,this.listLabel=l("tecton.element.select.listLabel"),this.errors=void 0,this.multiple=!1,this.minRows=3,this.popDirection=void 0,this.searchable=!1,this.multilineOptions=!1,this.optional=!1,this.placeholder=void 0,this.hoist=!!(null===(s=window.Tecton)||void 0===s?void 0:s.useActionSheets),this.ariaLabel=void 0,this.open=!1,this.showSelected=!1,this.searchText="",this.hasCustomDisplay=!1,this.inputFocused=!1,this.statusMessage=void 0,this.prioritizeSearch=!1,this.structuredSelectedOptions=[]}componentWillLoad(){o(this),this.buildStructuredSelectedOptions(),this.handleMultilineOptionsUpdate(this.multilineOptions,!1)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved(),a(this.hostElement),setTimeout((()=>this.checkSelectedDisplay()),0)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.mutationObserver=null}get innerInputField(){var t,e;return null===(e=null===(t=this.inputField)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(".input-field")}get badgeValue(){var t,e;if(!this.multiple)return null;const i=null!==(e=null===(t=this.selectedOptions)||void 0===t?void 0:t.length)&&void 0!==e?e:0;return this.open&&this.searchable?i?`${i}`:null:i>1?"+"+(i-1):null}get popoverMinHeight(){const{minRows:t}=this,e=this.hostElement.querySelector("q2-option:not([hidden])");let i=e&&window.getComputedStyle(e).minHeight;return i&&"0px"!==i||(i="44px"),t*parseInt(i)}get selectedDisplay(){return this.prioritizeSearch||this.searchText?this.searchText:this.hasCustomDisplay?"":this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedDisplaySlot(){return this.hostElement.querySelector('[slot="_selected-display"]')}get firstSelectedValue(){var t;return this.multiple?null===(t=this.selectedOptions)||void 0===t?void 0:t[0]:this.value}get firstSelectedOptionElement(){const{firstSelectedValue:t}=this;return t?this.optionElements.find((({value:e})=>e===t)):null}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get wrapperClasses(){const{errors:t}=this,e=["q2-select-container"];return Array.isArray(t)&&t.length>0&&e.push("has-error"),this.inputFocused&&e.push("is-focused"),this.searchable&&e.push("is-searchable"),e.join(" ")}buildStructuredSelectedOptions(){const{multiple:t,selectedOptions:e,value:i}=this;this.structuredSelectedOptions=t?(null==e?void 0:e.length)?e.map((t=>"string"==typeof t?{value:t}:t)):[]:i?[{value:i}]:[]}ariaLabelObserver(){o(this)}valueUpdated(){this.multiple||this.clearSearchText()}handleMultilineOptionsUpdate(t,e){t!==e&&this.optionElements.forEach((e=>e.multiline=t))}openChanged(t){this.scheduledAfterRender.push((()=>{const{multiple:e,multiSelectHeader:i,popoverElement:s}=this,l=t&&e&&(null==i?void 0:i.offsetHeight)||0;l?s.style.setProperty("--comp-multi-select-header-height",`${l}px`):s.style.removeProperty("--comp-multi-select-header-height")}))}keydownHandler(t){this.inputKeydownHandler(t)}onHostElementChange(t){this.readonly||this.disabled||t.target!==this.hostElement||this.hostElement.onchange||(this.multiple?(this.value=null,this.selectedOptions=t.detail.selectedOptions):(this.value=t.detail.value,this.selectedOptions=[]))}onHostElementInput(t){if(!this.searchable||t.target!==this.hostElement||this.hostElement.oninput)return;const e=this.optionElements,i=this.searchText.trim().toLocaleLowerCase();let s=0;e.forEach((t=>{var e;if(""===i)return void(t.hidden=!1);const l="Q2-CARD"===(null===(e=t.firstElementChild)||void 0===e?void 0:e.tagName)?t.firstElementChild.title:null,{display:o="",innerText:a=""}=t,r=[o,l,a].some((t=>{var e;return null!==(e=null==t?void 0:t.toLocaleLowerCase().includes(i))&&void 0!==e&&e}));t.hidden=!r,r&&s++})),this.setStatusMessage(l(i?"tecton.element.select.searchable.results":"tecton.element.select.allOptions",[i?s:e.length]))}delegateFocus(t){const e=r(t,this.hostElement);(this.prioritizeSearch=e&&this.searchable)?this.clearSelectedDisplay():n(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}handleFocusout(t){const e=c(t,this.hostElement);e&&this.closeDropdown(),this.prioritizeSearch=!e&&this.searchable}async executeActionSheet(t){const e=await d(this,t);this.handleSelectionChanges(e)}handleSelectionChanges(t){const{value:e="",values:i=[]}=t,s=i.map((t=>t.value)),{multiple:l}=this;this.hostElement.onchange||(this.selectedOptions=s),this.change.emit({value:l?void 0:e,selectedOptions:l?s:void 0})}clearValue(){const{multiple:t}=this;this.value="",this.selectedOptions=[],this.change.emit({value:t?void 0:"",selectedOptions:t?[]:void 0})}calculateMultiSelectSelectedDisplay(){var t,e,i;const{firstSelectedOptionElement:s,firstSelectedValue:o,multilineOptions:a}=this;return o?(null==s?void 0:s.display)?l(s.display):a&&this.searchable?this.searchText:a?"":null!==(i=null!==(e=null===(t=null==s?void 0:s.textContent)||void 0===t?void 0:t.trim())&&void 0!==e?e:null==s?void 0:s.value)&&void 0!==i?i:o:""}calculateSingleSelectSelectedDisplay(){var t;const{firstSelectedOptionElement:e,multilineOptions:i}=this;return i?(null==e?void 0:e.display)&&l(e.display)||this.value||"":(null==e?void 0:e.display)&&l(e.display)||(null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.trim())||this.value||""}openDropdownWithoutActiveElement(){this.readonly||this.disabled||(this.optionList.setActiveElement(null),this.open=!0)}closeDropdown(){this.open=!1,this.clearSearchText()}clearSearchText(){this.searchText&&(this.searchText="",this.input.emit({query:""}))}toggleDropdown(){this.readonly||this.disabled||(this.open&&!this.searchText?this.closeDropdown():this.openDropdownWithoutActiveElement())}focusInput(){var t;null===(t=this.inputField)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))}setStatusMessage(t){clearTimeout(this.statusMessageTimer),this.statusMessage="",this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}clearSelectedDisplay(){var t;null===(t=this.selectedDisplaySlot)||void 0===t||t.remove()}checkSelectedDisplay(){let t=this.selectedDisplaySlot;const{value:e,multiple:i,selectedOptions:s,multilineOptions:l,firstSelectedOptionElement:o,prioritizeSearch:a}=this;if(a||!l||!e&&i&&!(null==s?void 0:s.length))return this.clearSelectedDisplay();if(!o||o.display)return this.clearSelectedDisplay();const r=o.firstElementChild.cloneNode(!0);return r.querySelectorAll("[hide-on-select]").forEach((t=>t.remove())),t?(t.style.setProperty("--comp-selected-display-height",0===t.clientHeight?"auto":`${t.clientHeight}px`),t.firstElementChild.outerHTML!==r.outerHTML&&t.replaceChild(r,t.firstElementChild)):(t=document.createElement("div"),t.slot="_selected-display",t.appendChild(r),this.hostElement.appendChild(t)),t}checkSelectedDisplayHeight(){const{selectedDisplaySlot:t}=this;t&&t.style.setProperty("--comp-selected-display-height","44px")}shouldClearSearchText(t){return this.searchable&&!!this.searchText&&"Escape"===t.key}renderCustomDisplay(){if(this.checkSelectedDisplay())return this.checkSelectedDisplayHeight(),i("slot",{name:"_selected-display",slot:"custom-display"})}render(){const t=!this.searchable;return i("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},i("div",{"aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),i("q2-input",{ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&l(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>l(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,readonly:this.readonly,placeholder:this.placeholder||void 0,hideLabel:this.hideLabel,ariaExpanded:`${this.open}`,ariaControls:"option-list",ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:t,"test-id":"toggleDropdown","hide-messages":!0,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,badgeValue:this.badgeValue,badgeTheme:this.inputFocused?"primary":void 0},this.renderCustomDisplay()),i("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},i("slot",{name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return i("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.innerInputField,open:this.open,minHeight:this.popoverMinHeight,direction:this.popDirection,onPopoverStateChanged:this.popoverStateChanged,block:!0},i("div",{class:"popover-content",tabindex:"-1"},i("q2-option-list",{ref:t=>this.optionList=t,id:"option-list","show-selected":this.showSelected,"aria-label":this.listLabel,multiple:this.multiple,selectedOptions:this.structuredSelectedOptions,onChange:this.onOptionListChange},i("slot",null)),this.multiple&&this.visibilityToggle()))}visibilityToggle(){var t,e;const s=null!==(e=null===(t=this.selectedOptions)||void 0===t?void 0:t.length)&&void 0!==e?e:0,{showSelected:o}=this;return i("div",{class:"multi-select-header",ref:t=>this.multiSelectHeader=t},i("fieldset",null,i("legend",{"aria-label":l("tecton.element.select.multiHeader.showing")},l("tecton.element.select.multiHeader.showing")),i("div",null,i("input",{class:"sr",type:"radio",id:"all",name:"viewDisplay",value:"all",checked:!o,"aria-label":l("tecton.element.select.multiHeader.allAriaLabel"),"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.visibilityToggleKeyDown}),i("label",{htmlFor:"all"},l("tecton.element.select.multiHeader.all"))),i("div",null,i("input",{class:"sr",type:"radio",id:"selected",disabled:0===s,name:"viewDisplay",value:"selected","aria-label":l("tecton.element.select.multiHeader.selectedAriaLabel",[s]),checked:o,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.visibilityToggleKeyDown}),i("label",{htmlFor:"selected"},l("tecton.element.select.multiHeader.selected",[s])))))}get hostElement(){return s(this)}static get watchers(){return{value:["buildStructuredSelectedOptions","valueUpdated"],selectedOptions:["buildStructuredSelectedOptions"],ariaLabel:["ariaLabelObserver"],multilineOptions:["handleMultilineOptionsUpdate"],open:["openChanged"]}}};p.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:block;margin-top:var(--tct-select-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-select-margin-bottom, var(--app-scale-4, 30px))}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0;--tct-input-min-height:var(--tct-select-input-min-height, var(--t-select-input-min-height));--tct-input-max-height:var(--tct-select-input-max-height, var(--t-select-input-max-height, none))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2x, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3x, 15px)));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3x, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3x, 15px)))}.popover-content{display:flex;flex-direction:column-reverse}.multi-select-header{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-2, var(--app-scale-2x, 10px));position:sticky;top:0;z-index:5;background:var(--app-white);display:flex;gap:var(--app-scale-2x, 10px);align-items:center}.multi-select-header fieldset{margin:0;padding:0;border:0;display:flex;gap:var(--app-scale-2x, 10px)}.multi-select-header legend{padding:0;float:left}.multi-select-header label{cursor:pointer;padding:var(--tct-select-multi-select-option-padding, var(--t-select-multi-select-option-padding, var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px))));font-size:var(--tct-select-multi-select-option-font-size, var(--t-select-multi-select-option-font-size, var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, inherit))));border-radius:var(--tct-select-multi-select-option-radius, var(--t-select-multi-select-option-radius, var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--app-border-radius-1, 3px)))));background-color:var(--tct-select-multi-select-option-bg, var(--t-select-multi-select-option-bg, var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent))));color:var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))))}.multi-select-header label:hover{background-color:var(--tct-select-multi-select-option-hover-background-color, var(--t-select-multi-select-option-hover-background-color, var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--app-gray-l3, #f2f2f2)))))));color:var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--app-gray-d2, #404040)))))))}.multi-select-header input:checked+label,.multi-select-header input:checked+label:enabled:hover{background-color:var(--tct-select-multi-select-option-active-background-color, var(--t-select-multi-select-option-active-background-color, var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e))));color:var(--tct-select-multi-select-option-active-color, var(--t-select-multi-select-option-active-color, var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--app-white, #ffffff)))))}.multi-select-header input:disabled+label{opacity:var(--tct-select-multi-select-option-active-color, var(--t-select-multi-select-option-active-color, var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--app-disabled-opacity, 0.4)))));cursor:not-allowed}.multi-select-header input:focus+label{box-shadow:var(--const-double-focus-ring)}";export{p as q2_select}
|