q2-tecton-elements 1.10.2 → 1.10.6
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.cjs.entry.js +1 -1
- package/dist/cjs/{icons-fa5f4367.js → icons-4595ee47.js} +311 -2
- package/dist/cjs/{index-6b2c271e.js → index-c2e53804.js} +19 -0
- package/dist/cjs/{index-14348270.js → index-f4153f5a.js} +18 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/q2-avatar.cjs.entry.js +3 -3
- package/dist/cjs/q2-btn_2.cjs.entry.js +3 -3
- package/dist/cjs/q2-calendar.cjs.entry.js +7 -3
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +2 -2
- package/dist/cjs/q2-carousel.cjs.entry.js +2 -2
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/q2-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +2 -2
- package/dist/cjs/q2-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/q2-editable-field.cjs.entry.js +2 -2
- package/dist/cjs/q2-icon.cjs.entry.js +3 -3
- package/dist/cjs/q2-input.cjs.entry.js +3 -3
- package/dist/cjs/q2-loading-element.cjs.entry.js +2 -2
- package/dist/cjs/q2-loc.cjs.entry.js +2 -2
- package/dist/cjs/q2-message.cjs.entry.js +21 -3
- package/dist/cjs/q2-optgroup.cjs.entry.js +2 -2
- package/dist/cjs/q2-option.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +8 -4
- package/dist/cjs/q2-radio.cjs.entry.js +2 -2
- package/dist/cjs/q2-section.cjs.entry.js +3 -9
- package/dist/cjs/q2-select.cjs.entry.js +2 -2
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +2 -2
- package/dist/cjs/q2-stepper.cjs.entry.js +2 -2
- package/dist/cjs/q2-tab-container.cjs.entry.js +85 -115
- package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +2 -2
- package/dist/cjs/q2-textarea.cjs.entry.js +2 -2
- package/dist/cjs/{shapes-a7595d72.js → shapes-086c0365.js} +1 -1
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +12 -1
- package/dist/collection/components/q2-avatar/index.js +2 -2
- package/dist/collection/components/q2-calendar/index.js +5 -1
- package/dist/collection/components/q2-icon/icons.js +310 -1
- package/dist/collection/components/q2-input/styles.css +5 -4
- package/dist/collection/components/q2-message/index.js +48 -8
- package/dist/collection/components/q2-message/styles.css +68 -75
- package/dist/collection/components/q2-radio-group/index.js +7 -3
- package/dist/collection/components/q2-radio-group/styles.css +3 -0
- package/dist/collection/components/q2-section/index.js +1 -7
- package/dist/collection/components/q2-tab-container/index.js +97 -125
- package/dist/collection/components/q2-tab-container/styles.css +118 -98
- package/dist/collection/components/tecton-tab-pane/index.js +11 -0
- package/dist/collection/utils/index.js +9 -3
- package/dist/esm/click-elsewhere.entry.js +1 -1
- package/dist/esm/{icons-17612675.js → icons-3ee662ea.js} +311 -2
- package/dist/esm/{index-da24669a.js → index-476b86cc.js} +17 -5
- package/dist/esm/{index-5fa3e016.js → index-be8376c0.js} +19 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/q2-avatar.entry.js +3 -3
- package/dist/esm/q2-btn_2.entry.js +3 -3
- package/dist/esm/q2-calendar.entry.js +7 -3
- package/dist/esm/q2-carousel-pane.entry.js +2 -2
- package/dist/esm/q2-carousel.entry.js +2 -2
- package/dist/esm/q2-checkbox-group.entry.js +2 -2
- package/dist/esm/q2-checkbox.entry.js +2 -2
- package/dist/esm/q2-dropdown-item.entry.js +2 -2
- package/dist/esm/q2-dropdown.entry.js +2 -2
- package/dist/esm/q2-editable-field.entry.js +2 -2
- package/dist/esm/q2-icon.entry.js +3 -3
- package/dist/esm/q2-input.entry.js +3 -3
- package/dist/esm/q2-loading-element.entry.js +2 -2
- package/dist/esm/q2-loc.entry.js +2 -2
- package/dist/esm/q2-message.entry.js +21 -3
- package/dist/esm/q2-optgroup.entry.js +2 -2
- package/dist/esm/q2-option.entry.js +1 -1
- package/dist/esm/q2-radio-group.entry.js +8 -4
- package/dist/esm/q2-radio.entry.js +2 -2
- package/dist/esm/q2-section.entry.js +3 -9
- package/dist/esm/q2-select.entry.js +2 -2
- package/dist/esm/q2-stepper-pane.entry.js +2 -2
- package/dist/esm/q2-stepper.entry.js +2 -2
- package/dist/esm/q2-tab-container.entry.js +85 -115
- package/dist/esm/q2-tab-pane.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.js +2 -2
- package/dist/esm/q2-textarea.entry.js +2 -2
- package/dist/esm/{shapes-073c5aad.js → shapes-81c11dfe.js} +1 -1
- package/dist/esm/tecton-tab-pane.entry.js +12 -1
- package/dist/q2-tecton-elements/{p-c92e3bc2.entry.js → p-01e00610.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-080839ed.js +1 -0
- package/dist/q2-tecton-elements/{p-576509e6.entry.js → p-1fc4e6f6.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-6f570344.js → p-25a5f691.js} +1 -1
- package/dist/q2-tecton-elements/p-27353237.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-2c2a5d58.entry.js → p-3e100450.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-7520656d.entry.js → p-428d15fd.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3f2590c0.entry.js → p-4830affe.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-64eef8d1.entry.js → p-48fc317d.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-aaa55918.js → p-4cd00f1a.js} +1 -1
- package/dist/q2-tecton-elements/{p-3b80823a.entry.js → p-5222b792.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-5469c1e9.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-82b24667.entry.js → p-61c0e5fd.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-37d281b7.entry.js → p-74c1a311.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-65894494.entry.js → p-784af485.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-e3a27b97.entry.js → p-7c99a58b.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-7f74b629.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-ebee91e2.entry.js → p-831a461f.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-905a22d5.entry.js → p-84c05db6.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-2f2bbed9.entry.js → p-84c52d3b.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-dd33b297.entry.js → p-9024859f.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-c14e0622.entry.js → p-997e4c7e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-7c06467f.entry.js → p-a166b9a6.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-a224bc9c.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-891ca6f8.entry.js → p-a9bdd814.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fa6e46e2.js → p-c90a6016.js} +1 -1
- package/dist/q2-tecton-elements/{p-86116f5c.entry.js → p-d1d040ef.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-8b4f6d3f.entry.js → p-d893fcf2.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-4d283b84.entry.js → p-da7cca07.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-df182f61.entry.js +1 -0
- package/dist/q2-tecton-elements/p-f17761da.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-5289f040.entry.js → p-f5e074f8.entry.js} +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/types/components/q2-calendar/index.d.ts +1 -1
- package/dist/types/components/q2-message/index.d.ts +6 -2
- package/dist/types/components/q2-radio-group/index.d.ts +1 -1
- package/dist/types/components/q2-section/index.d.ts +0 -1
- package/dist/types/components/q2-tab-container/index.d.ts +11 -16
- package/dist/types/components/tecton-tab-pane/index.d.ts +1 -0
- package/dist/types/components.d.ts +7 -6
- package/dist/types/utils/index.d.ts +2 -0
- package/package.json +2 -2
- package/dist/q2-tecton-elements/p-076b95fd.entry.js +0 -1
- package/dist/q2-tecton-elements/p-2a28baa9.entry.js +0 -1
- package/dist/q2-tecton-elements/p-6ed006a7.entry.js +0 -1
- package/dist/q2-tecton-elements/p-8e863fbc.js +0 -1
- package/dist/q2-tecton-elements/p-98bb1355.entry.js +0 -1
- package/dist/q2-tecton-elements/p-9b420e22.entry.js +0 -1
- package/dist/q2-tecton-elements/p-d0d605dc.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as n}from"./p-
|
|
1
|
+
import{r as i,h as n}from"./p-080839ed.js";const e=class{constructor(n){i(this,n)}render(){return n("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-expanded":`${!!this.selected}`,"aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},n("slot",null))}};e.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;box-shadow:none}";export{e as q2_tab_pane}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-080839ed.js";import{c as n,l as a}from"./p-25a5f691.js";const o=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.hasYieldedHeader=!1,this.guid=n(),this.animating=!1,this.titleId=`q2-section-title-${this.guid}`,this.contentId=`q2-section-content-${this.guid}`,this.onHeaderClick=()=>{this.collapsible&&this.change.emit({expanded:!this.expanded})},this.onAnimationStart=()=>{this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0,this.resizerFn=setInterval(this.resizeIframe,5))},this.onAnimationEnd=()=>{this.setContentWrapperHeight(this.expanded?"auto":"0px"),this.animating=!1,setTimeout((()=>{this.endAnimation()}),1e3)},this.endAnimation=()=>{this.resizerFn&&clearInterval(this.resizerFn)},this.addHeaderSlotListener=()=>{if(this.headerSlot)return void this.headerSlot.addEventListener("slotchange",this.onHeaderSlotChange);const t=new MutationObserver(this.onHeaderSlotChange);t.observe(this.headerSlotWrapper,{childList:!0}),this.headerSlotMutationObserver=t},this.removeHeaderSlotListener=()=>{this.headerSlot?this.headerSlot.removeEventListener("slotchange",this.onHeaderSlotChange):this.headerSlotMutationObserver.disconnect()},this.onHeaderSlotChange=()=>{var t,e;const i=this.headerSlot?this.headerSlot.assignedNodes().length>0:null!==(e=null===(t=this.headerSlotWrapper)||void 0===t?void 0:t.children.length)&&void 0!==e&&e;this.hasYieldedHeader!==i&&(this.hasYieldedHeader=!!i)},this.addContentSlotListener=()=>{if(this.contentSlot)return void this.contentSlot.addEventListener("slotchange",this.resizeIframe);const t=new MutationObserver(this.resizeIframe);t.observe(this.contentContainer,{childList:!0,subtree:!0}),this.contentSlotMutationObserver=t},this.removeContentSlotListener=()=>{this.contentSlot?this.contentSlot.removeEventListener("slotchange",this.resizeIframe):this.contentSlotMutationObserver.disconnect()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}componentWillLoad(){this.onHeaderSlotChange()}componentDidLoad(){this.addHeaderSlotListener(),this.addContentSlotListener()}disconnectedCallback(){this.removeHeaderSlotListener(),this.removeContentSlotListener()}get wrapperClasses(){return`q2-section-wrapper${this.collapsible?" collapsible":""}${this.expanded||!this.collapsible?" expanded":" collapsed"}${this.label||this.hasYieldedHeader?" has-header":""}${this.animating?" animate":""}`}get slottedContentHeight(){return`${this.contentContainer.offsetHeight||0}px`}get contentWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-content-wrapper")}get contentContainer(){return this.hostElement.shadowRoot.querySelector(".q2-section-content")}get headerSlotWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-header-slot-wrapper")}get headerSlot(){return this.hostElement.shadowRoot.querySelector('slot[name="q2-section-header"]')}get contentSlot(){return this.hostElement.shadowRoot.querySelector(".q2-section-content slot")}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.expanded=t.detail.expanded)}expandedObserver(){this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0),this.setContentWrapperHeight(this.slottedContentHeight)}collapsibleObserver(){this.setContentWrapperHeight(this.slottedContentHeight)}setContentWrapperHeight(t){this.collapsible&&this.contentHeight!==t&&(this.contentHeight=t,this.contentWrapper.style.setProperty("height",this.contentHeight))}render(){return i("section",{class:this.wrapperClasses},i("div",{class:"q2-section-header"},i("div",{class:"q2-section-header-content",id:this.titleId,onClick:this.onHeaderClick},!this.hasYieldedHeader&&this.label?i("h2",{class:"title"},a(this.label)):"",i("div",{class:"q2-section-header-slot-wrapper"},i("slot",{name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon?i("q2-btn",{class:"q2-section-content-toggle "+(this.expanded?"expanded":"collapsed"),label:this.label,ariaExpanded:!!this.expanded,ariaControls:this.contentId,"test-id":"toggleButton","hide-label":!0,onClick:this.onHeaderClick},i("q2-icon",{type:"chevron-up",class:"toggle-icon"})):""),i("div",{class:"q2-section-content-wrapper",id:this.contentId,"aria-labelledby":this.titleId,role:"region",onAnimationStart:this.onAnimationStart,onAnimationEnd:this.onAnimationEnd},i("div",{class:"q2-section-content"},i("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};o.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@keyframes expandVertical{0%{height:0}}@keyframes collapseVertical{100%{height:0}}:host{display:block;background-color:var(--tct-section-bg, var(--t-section-bg, var(--tct-white, var(--app-white, #ffffff))));color:var(--tct-section-font-color, var(--t-section-font-color, #2e2e2e));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, 3px));margin:var(--tct-scale-3, var(--app-scale-3, 15px))}@media screen and (max-width: 767px){:host{margin:var(--tct-scale-3, var(--app-scale-3, 15px)) 0}}.q2-section-wrapper{display:block;padding:var(--tct-scale-1, var(--app-scale-1, 5px)) 0}.q2-section-wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, inherit)}.q2-section-header{padding:0 var(--tct-scale-3, var(--app-scale-3, 15px));display:flex}.has-header .q2-section-header{min-height:44px}.q2-section-header-content{flex:1 1 100%;min-width:0;align-self:center}.collapsible .q2-section-header-content{cursor:pointer}.title{margin:0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.toggle-icon{transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}.collapsed .toggle-icon{transform:rotate(180deg)}.q2-section-content-wrapper{height:auto}.q2-section-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-3, var(--app-scale-3, 15px))}.expanded.animate .q2-section-content-wrapper{animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards}.collapsed .q2-section-content-wrapper{height:0;animation:collapseVertical 0s forwards;animation-duration:0;padding-top:0;visibility:hidden;overflow:hidden}.collapsed.animate .q2-section-content-wrapper{animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards}.animate .q2-section-content-wrapper{overflow:hidden}";export{o as q2_section}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as i}from"./p-
|
|
1
|
+
import{r as o,h as i}from"./p-080839ed.js";import{l as n}from"./p-25a5f691.js";const t=class{constructor(i){o(this,i)}render(){return i("span",null,n(this.value,this.substitutions))}};t.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline}";export{t as q2_loc}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as e,H as a,g as t}from"./p-
|
|
1
|
+
import{r,h as e,H as a,g as t}from"./p-080839ed.js";import{l as o}from"./p-25a5f691.js";const s=class{constructor(e){r(this,e),this.generatePaneClass=r=>`q2-carousel-pane swiper-slide q2-carousel-pane-${r}`}get currentPaneIndex(){return Array.prototype.indexOf.call(this.hostElement.parentElement.children,this.hostElement)}render(){return e(a,{class:this.generatePaneClass(this.currentPaneIndex),tabIndex:"0","aria-hidden":this.hideFromScreenReader,"aria-label":this.label},e("article",{class:"q2-carousel-pane-main-content"},e("slot",null),e("span",{class:"sr-only item-count"},o("tecton.element.carousel.itemDescription",[(this.currentPaneIndex+1).toString()]),o("tecton.element.carousel.collectionDescription",[(this.siblingCount||0).toString()]))))}get hostElement(){return t(this)}};s.style="q2-carousel .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all .2s}.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:0px 2px 8px 0px var(--t-top-a1, rgba(0, 0, 0, 0.25));background-color:var(---tct-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)));border:var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1,#cccccc)))));border-radius:var(--tct-carousel-pane-border-radius, 8px);padding:var(--tct-carousel-pane-padding, .5rem .5rem .5rem .5rem);min-height:10em}q2-carousel-pane.q2-carousel-pane:focus{box-shadow:none}.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;box-shadow:0 0 0 2px #33B4FF;}.q2-carousel-pane .q2-carousel-pane-main-content:hover{cursor:grab}";export{s as q2_carousel_pane}
|