@dso-toolkit/core 99.1.0 → 99.2.0

package/dist/components/ozon-content-toggletip.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Fragment as i,transformTag as n}from"@stencil/core/internal/client";import{p as s,T as r}from"./tooltip.functional-component.js";import{d as l}from"./icon.js";import{d as a}from"./scrollable.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.toggle=()=>{this.active=!this.active},this.keyDownHandler=t=>{switch(t.key){case"Escape":return void(this.active=!1);case" ":case"Enter":return void this.toggle();default:return}}}handleWindowClick(t){if(!this.active)return;const o=t.composedPath(),i=o.includes(this.host),n=this.tooltipElRef&&o.includes(this.tooltipElRef);i||n||this.toggle(),n&&o.some((t=>t instanceof e&&"BUTTON"===t.tagName))&&this.toggle()}componentDidRender(){!this.cleanUpFunction&&this.active&&this.container&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=s({referenceElement:this.container,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&this.tooltipElRef&&(this.active?this.tooltipElRef?.showPopover():(this.tooltipElRef?.hidePopover(),this.cleanUpTooltip()))}disconnectedCallback(){this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}render(){return o(i,{key:"840d60f374326fc3dd86f9a8554a416bbed111df"},o("span",{key:"7b54ff0c3b6b57821eb39db76f532aa0348920c9","aria-describedby":this.active?"toggletip-tooltip":void 0,"aria-expanded":this.active.toString(),class:"toggletip-button",role:"button",tabIndex:0,onClick:this.toggle,onKeyDown:this.keyDownHandler,ref:t=>this.container=t},this.icon&&o(i,{key:"a46cd133bfe9bbaecf73422769cca14e9fac8095"},o("span",{key:"dc6ca3aea0795605d023ec0e2bc879588e77b6cd",class:"toggletip-label"},o("slot",{key:"4538271c14d24e289535e3148e2d1b21539ca43b",name:"label"})),"⁠",o("dso-icon",{key:"1ab4a483bec4ed6aefd700823c54fea94eb2ff93",icon:this.icon})),!this.icon&&o("slot",{key:"1ecf2346bfc5e24e12d1805ec6ffbc726a6ba1ff",name:"label"})),o(r,{key:"21f230ceea76e90431b1e3cd9aab7ff5ebd78854",id:"toggletip-tooltip",tipElementRef:t=>this.tooltipElRef=t,tipArrowElementRef:t=>this.tooltipArrowElRef=t},o("dso-scrollable",{key:"b17af01bde722e752745bdbafce3f06e451217cf",ref:t=>this.restrictContentElement=t,id:"toggletip-content","aria-live":"polite"},o("slot",{key:"22b9640c4bd7208c19115a8644febad417ff01b2"}))))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:480px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{--_dso-rich-content-margin-block:8px;--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;display:inline}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:var(--_dso-button-text-align, start);user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text;white-space:nowrap}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button .toggletip-label{white-space:normal}.toggletip-button dso-icon{margin-inline-start:4px}"}},[257,"dso-ozon-content-toggletip",{icon:[513],active:[32]},[[8,"click","handleWindowClick"]]]);function d(){"undefined"!=typeof customElements&&["dso-ozon-content-toggletip","dso-icon","dso-scrollable"].forEach((t=>{switch(t){case"dso-ozon-content-toggletip":customElements.get(n(t))||customElements.define(n(t),c);break;case"dso-icon":customElements.get(n(t))||l();break;case"dso-scrollable":customElements.get(n(t))||a()}}))}export{c as O,d}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Fragment as i,transformTag as n}from"@stencil/core/internal/client";import{p as s,T as r}from"./tooltip.functional-component.js";import{d as l}from"./icon.js";import{d as a}from"./scrollable.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.toggle=()=>{this.active=!this.active},this.keyDownHandler=t=>{switch(t.key){case"Escape":return void(this.active=!1);case" ":case"Enter":return void this.toggle();default:return}}}handleWindowClick(t){if(!this.active)return;const o=t.composedPath(),i=o.includes(this.host),n=this.tooltipElRef&&o.includes(this.tooltipElRef);i||n||this.toggle(),n&&o.some((t=>t instanceof e&&"BUTTON"===t.tagName))&&this.toggle()}componentDidRender(){!this.cleanUpFunction&&this.active&&this.container&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=s({referenceElement:this.container,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&this.tooltipElRef&&(this.active?this.tooltipElRef?.showPopover():(this.tooltipElRef?.hidePopover(),this.cleanUpTooltip()))}disconnectedCallback(){this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}render(){return o(i,{key:"054b1fc1100947196245910b357fb80c29182c54"},o("span",{key:"e3ade161d65fe3322ae0651dae6b529593c60a07","aria-describedby":this.active?"toggletip-tooltip":void 0,"aria-expanded":this.active.toString(),class:"toggletip-button",role:"button",tabIndex:0,onClick:this.toggle,onKeyDown:this.keyDownHandler,ref:t=>this.container=t},this.icon&&o(i,{key:"ba60e0ba165e0bb01781e89c9461bbc0e077ea3f"},o("span",{key:"e29b2372fd93624b5a7cc8c5181bb4ca68a5cccc",class:"toggletip-label"},o("slot",{key:"21e96fe27e6ea3a86f03184f41c36a66aeb1596b",name:"label"})),"⁠",o("dso-icon",{key:"b4ab7245c3042967aff5dd4db73075edb751f3b4",icon:this.icon})),!this.icon&&o("slot",{key:"4aa818c5599151181a219b71ae23a8fb4d600e8a",name:"label"})),o(r,{key:"78420c36405e0076a8c8d8fce22bf866afe8e0ac",id:"toggletip-tooltip",tipElementRef:t=>this.tooltipElRef=t,tipArrowElementRef:t=>this.tooltipArrowElRef=t},o("dso-scrollable",{key:"21a1c7363cc32b4bc8637e7bc28b2ffcd35ba000",ref:t=>this.restrictContentElement=t,id:"toggletip-content","aria-live":"polite"},o("slot",{key:"93e1e8ac4e49b4d28eee9079e78c0369177ed0f9"}))))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:480px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{--_dso-rich-content-margin-block:8px;--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;display:inline}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:var(--_dso-button-text-align, start);user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text;white-space:nowrap}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button .toggletip-label{white-space:normal}.toggletip-button dso-icon{margin-inline-start:4px}"}},[257,"dso-ozon-content-toggletip",{icon:[513],active:[32]},[[8,"click","handleWindowClick"]]]);function d(){"undefined"!=typeof customElements&&["dso-ozon-content-toggletip","dso-icon","dso-scrollable"].forEach((t=>{switch(t){case"dso-ozon-content-toggletip":customElements.get(n(t))||customElements.define(n(t),c);break;case"dso-icon":customElements.get(n(t))||l();break;case"dso-scrollable":customElements.get(n(t))||a()}}))}export{c as O,d}