npm - @getflip/swirl-components - Versions diffs - 0.531.3 → 0.532.0 - Mend

@getflip/swirl-components 0.531.3 → 0.532.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.

Files changed (3096) hide show

package/dist/components/swirl-symbol-wechat.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as C,HTMLElement as e,h as s,Fragment as t,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const c=C(class extends e{constructor(C){super(),!1!==C&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const C=l("swirl-symbol","swirl-symbol--size-"+this.size);return s("svg",{key:"~~f2b2ba897fe2138c23d48db1ea9561b5beae95fe~~",class:C,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(t,{key:"~~a896814bf7eaf3a19b5559ec04b4718a8ec14231~~"},s("path",{key:"~~b72dc7628054e429cddfa0ac21e2c2b48c0d2049~~",d:"M18.363 19.934C17.7635 19.9876 17.1704 20.0984 16.592 20.265C15.726 20.3736 14.8466 20.2895 14.0169 20.0188C13.1871 19.7481 12.4274 19.2974 11.792 18.699C11.1968 18.1904 10.733 17.5458 10.4399 16.8198C10.1469 16.0938 10.0332 15.3078 10.1086 14.5285C10.1839 13.7493 10.4461 12.9997 10.8729 12.3433C11.2996 11.6869 11.8783 11.1431 12.56 10.758C13.8696 9.92811 15.434 9.59712 16.9675 9.82553C18.501 10.0539 19.9011 10.8265 20.912 12.002C21.7049 12.9565 22.0918 14.184 21.9895 15.4207C21.8873 16.6574 21.304 17.8047 20.365 18.616C19.793 19.125 19.586 19.544 19.953 20.216C20.011 20.3561 20.0496 20.5035 20.068 20.654C19.5389 20.33 18.9642 20.0873 18.363 19.934ZM12.677 13.501C12.6857 13.6807 12.7633 13.8501 12.8937 13.9741C13.024 14.0981 13.1971 14.1672 13.377 14.167C13.5566 14.1695 13.7301 14.102 13.8607 13.9788C13.9914 13.8556 14.069 13.6864 14.077 13.507C14.0801 13.4141 14.0646 13.3215 14.0315 13.2346C13.9984 13.1477 13.9483 13.0683 13.8841 13.001C13.82 12.9337 13.7431 12.8798 13.6579 12.8426C13.5727 12.8053 13.481 12.7854 13.388 12.784H13.382C13.2882 12.7834 13.1952 12.8017 13.1087 12.8378C13.0221 12.8738 12.9436 12.9269 12.8779 12.9939C12.8123 13.0609 12.7607 13.1404 12.7264 13.2277C12.692 13.3149 12.6756 13.4082 12.678 13.502L12.677 13.501ZM16.999 13.448C16.9945 13.5402 17.0088 13.6324 17.0409 13.719C17.073 13.8055 17.1224 13.8847 17.1859 13.9517C17.2494 14.0187 17.3259 14.0721 17.4106 14.1088C17.4954 14.1454 17.5867 14.1646 17.679 14.165C17.8567 14.1674 18.0281 14.0997 18.1562 13.9765C18.2842 13.8533 18.3585 13.6846 18.363 13.507C18.3674 13.415 18.3533 13.323 18.3215 13.2365C18.2896 13.15 18.2407 13.0709 18.1776 13.0037C18.1146 12.9365 18.0386 12.8827 17.9543 12.8455C17.87 12.8083 17.7791 12.7884 17.687 12.787H17.681C17.5041 12.7891 17.3348 12.8589 17.2077 12.982C17.0807 13.1052 17.0057 13.2723 16.998 13.449L16.999 13.448ZM4.978 15.267C5.0495 15.1184 5.05969 14.9476 5.00637 14.7916C4.95305 14.6356 4.84049 14.5068 4.693 14.433C3.64719 13.7866 2.8407 12.8168 2.39586 11.6707C1.95101 10.5246 1.89208 9.26464 2.228 8.082C2.53159 7.04387 3.09763 6.10152 3.8715 5.34587C4.64537 4.59022 5.60093 4.04678 6.646 3.768C8.07569 3.29375 9.616 3.26673 11.0614 3.69054C12.5069 4.11434 13.7887 4.96883 14.736 6.14C15.3977 6.9846 15.8 8.00316 15.894 9.072C14.1145 9.09406 12.4082 9.78358 11.113 11.004C10.4624 11.6115 9.96373 12.3634 9.65731 13.1991C9.35088 14.0349 9.24527 14.9309 9.349 15.815C8.62 15.724 7.96 15.626 7.296 15.57C7.0563 15.5424 6.81369 15.583 6.596 15.687C5.948 16.052 5.33 16.462 4.596 16.92C4.736 16.313 4.824 15.78 4.978 15.267ZM11.806 7.459C11.5842 7.46414 11.3729 7.55504 11.2167 7.7126C11.0604 7.87015 10.9713 8.08212 10.968 8.304C10.9708 8.4141 10.9954 8.52255 11.0402 8.62315C11.0851 8.72374 11.1493 8.8145 11.2293 8.89021C11.3093 8.96592 11.4035 9.02511 11.5064 9.06437C11.6093 9.10363 11.7189 9.12219 11.829 9.119C11.9388 9.11956 12.0476 9.09811 12.149 9.05592C12.2504 9.01372 12.3423 8.95164 12.4193 8.87334C12.4963 8.79504 12.5568 8.70211 12.5973 8.60002C12.6378 8.49794 12.6574 8.38879 12.655 8.279C12.6526 8.05948 12.5633 7.84986 12.4065 7.69614C12.2498 7.54241 12.0385 7.45713 11.819 7.459H11.806ZM5.66 8.259C5.65599 8.36873 5.67398 8.47817 5.71291 8.58085C5.75185 8.68352 5.81094 8.77737 5.8867 8.85686C5.96246 8.93635 6.05337 8.99988 6.15406 9.04369C6.25475 9.08751 6.36319 9.11074 6.473 9.112C6.69465 9.12018 6.91064 9.04088 7.07434 8.89121C7.23805 8.74153 7.33633 8.5335 7.348 8.312C7.34893 8.09042 7.26371 7.87715 7.11033 7.71724C6.95695 7.55733 6.74742 7.4633 6.526 7.455H6.501C6.28247 7.4523 6.07167 7.53579 5.91426 7.6874C5.75685 7.83901 5.6655 8.04652 5.66 8.265V8.259Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-wechat",{size:[2]}]),o=c,r=function(){"undefined"!=typeof customElements&&["swirl-symbol-wechat"].forEach((C=>{"swirl-symbol-wechat"===C&&(customElements.get(i(C))\|\|customElements.define(i(C),c))}))};export{o as SwirlSymbolWechat,r as defineCustomElement}
1	+ import{proxyCustomElement as C,HTMLElement as e,h as s,Fragment as t,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const o=C(class extends e{constructor(C){super(),!1!==C&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const C=l("swirl-symbol","swirl-symbol--size-"+this.size);return s("svg",{key:"cd19169f29ed491ffc1c5f7f91543deda540526a",class:C,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(t,{key:"94205c9ee57813fb9a579dd75e149f8813cda91a"},s("path",{key:"4f12f83bf2b62c784a5c657f892e61bbb7050283",d:"M18.363 19.934C17.7635 19.9876 17.1704 20.0984 16.592 20.265C15.726 20.3736 14.8466 20.2895 14.0169 20.0188C13.1871 19.7481 12.4274 19.2974 11.792 18.699C11.1968 18.1904 10.733 17.5458 10.4399 16.8198C10.1469 16.0938 10.0332 15.3078 10.1086 14.5285C10.1839 13.7493 10.4461 12.9997 10.8729 12.3433C11.2996 11.6869 11.8783 11.1431 12.56 10.758C13.8696 9.92811 15.434 9.59712 16.9675 9.82553C18.501 10.0539 19.9011 10.8265 20.912 12.002C21.7049 12.9565 22.0918 14.184 21.9895 15.4207C21.8873 16.6574 21.304 17.8047 20.365 18.616C19.793 19.125 19.586 19.544 19.953 20.216C20.011 20.3561 20.0496 20.5035 20.068 20.654C19.5389 20.33 18.9642 20.0873 18.363 19.934ZM12.677 13.501C12.6857 13.6807 12.7633 13.8501 12.8937 13.9741C13.024 14.0981 13.1971 14.1672 13.377 14.167C13.5566 14.1695 13.7301 14.102 13.8607 13.9788C13.9914 13.8556 14.069 13.6864 14.077 13.507C14.0801 13.4141 14.0646 13.3215 14.0315 13.2346C13.9984 13.1477 13.9483 13.0683 13.8841 13.001C13.82 12.9337 13.7431 12.8798 13.6579 12.8426C13.5727 12.8053 13.481 12.7854 13.388 12.784H13.382C13.2882 12.7834 13.1952 12.8017 13.1087 12.8378C13.0221 12.8738 12.9436 12.9269 12.8779 12.9939C12.8123 13.0609 12.7607 13.1404 12.7264 13.2277C12.692 13.3149 12.6756 13.4082 12.678 13.502L12.677 13.501ZM16.999 13.448C16.9945 13.5402 17.0088 13.6324 17.0409 13.719C17.073 13.8055 17.1224 13.8847 17.1859 13.9517C17.2494 14.0187 17.3259 14.0721 17.4106 14.1088C17.4954 14.1454 17.5867 14.1646 17.679 14.165C17.8567 14.1674 18.0281 14.0997 18.1562 13.9765C18.2842 13.8533 18.3585 13.6846 18.363 13.507C18.3674 13.415 18.3533 13.323 18.3215 13.2365C18.2896 13.15 18.2407 13.0709 18.1776 13.0037C18.1146 12.9365 18.0386 12.8827 17.9543 12.8455C17.87 12.8083 17.7791 12.7884 17.687 12.787H17.681C17.5041 12.7891 17.3348 12.8589 17.2077 12.982C17.0807 13.1052 17.0057 13.2723 16.998 13.449L16.999 13.448ZM4.978 15.267C5.0495 15.1184 5.05969 14.9476 5.00637 14.7916C4.95305 14.6356 4.84049 14.5068 4.693 14.433C3.64719 13.7866 2.8407 12.8168 2.39586 11.6707C1.95101 10.5246 1.89208 9.26464 2.228 8.082C2.53159 7.04387 3.09763 6.10152 3.8715 5.34587C4.64537 4.59022 5.60093 4.04678 6.646 3.768C8.07569 3.29375 9.616 3.26673 11.0614 3.69054C12.5069 4.11434 13.7887 4.96883 14.736 6.14C15.3977 6.9846 15.8 8.00316 15.894 9.072C14.1145 9.09406 12.4082 9.78358 11.113 11.004C10.4624 11.6115 9.96373 12.3634 9.65731 13.1991C9.35088 14.0349 9.24527 14.9309 9.349 15.815C8.62 15.724 7.96 15.626 7.296 15.57C7.0563 15.5424 6.81369 15.583 6.596 15.687C5.948 16.052 5.33 16.462 4.596 16.92C4.736 16.313 4.824 15.78 4.978 15.267ZM11.806 7.459C11.5842 7.46414 11.3729 7.55504 11.2167 7.7126C11.0604 7.87015 10.9713 8.08212 10.968 8.304C10.9708 8.4141 10.9954 8.52255 11.0402 8.62315C11.0851 8.72374 11.1493 8.8145 11.2293 8.89021C11.3093 8.96592 11.4035 9.02511 11.5064 9.06437C11.6093 9.10363 11.7189 9.12219 11.829 9.119C11.9388 9.11956 12.0476 9.09811 12.149 9.05592C12.2504 9.01372 12.3423 8.95164 12.4193 8.87334C12.4963 8.79504 12.5568 8.70211 12.5973 8.60002C12.6378 8.49794 12.6574 8.38879 12.655 8.279C12.6526 8.05948 12.5633 7.84986 12.4065 7.69614C12.2498 7.54241 12.0385 7.45713 11.819 7.459H11.806ZM5.66 8.259C5.65599 8.36873 5.67398 8.47817 5.71291 8.58085C5.75185 8.68352 5.81094 8.77737 5.8867 8.85686C5.96246 8.93635 6.05337 8.99988 6.15406 9.04369C6.25475 9.08751 6.36319 9.11074 6.473 9.112C6.69465 9.12018 6.91064 9.04088 7.07434 8.89121C7.23805 8.74153 7.33633 8.5335 7.348 8.312C7.34893 8.09042 7.26371 7.87715 7.11033 7.71724C6.95695 7.55733 6.74742 7.4633 6.526 7.455H6.501C6.28247 7.4523 6.07167 7.53579 5.91426 7.6874C5.75685 7.83901 5.6655 8.04652 5.66 8.265V8.259Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-wechat",{size:[2]}]),c=o,r=function(){"undefined"!=typeof customElements&&["swirl-symbol-wechat"].forEach((C=>{"swirl-symbol-wechat"===C&&(customElements.get(i(C))\|\|customElements.define(i(C),o))}))};export{c as SwirlSymbolWechat,r as defineCustomElement}

package/dist/components/swirl-symbol-weibo.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as C,HTMLElement as e,h as s,Fragment as t,transformTag as i}from"@stencil/core/internal/client";import{c ~~as o~~}from"./index2.js";const l=C(class extends e{constructor(C){super(),!1!==C&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const C=o("swirl-symbol","swirl-symbol--size-"+this.size);return s("svg",{key:"~~473fcaed40e6f7597c244508bddcf21b1115585e~~",class:C,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(t,{key:"~~d204d97501aad97e648be923218298c04576226e~~"},s("path",{key:"~~8d1815c7b221a2bb82fe66adf7e60eafee0c371f~~",d:"M9.53101 16.326C9.60621 16.2143 9.65616 16.0875 9.67741 15.9546C9.69865 15.8216 9.69066 15.6856 9.65401 15.556C9.61996 15.4304 9.55701 15.3146 9.47019 15.2177C9.38338 15.1208 9.2751 15.0456 9.15401 14.998C8.89337 14.8938 8.60337 14.8899 8.34001 14.987C8.06338 15.0735 7.82635 15.2553 7.67101 15.5C7.59307 15.6093 7.53975 15.7342 7.51472 15.8661C7.48969 15.998 7.49354 16.1337 7.52601 16.264C7.55731 16.3884 7.61691 16.504 7.70016 16.6016C7.78341 16.6993 7.88808 16.7764 8.00601 16.827C8.13586 16.8861 8.27611 16.919 8.41872 16.9238C8.56132 16.9286 8.70347 16.9053 8.83701 16.855C9.12285 16.7648 9.36827 16.5777 9.53101 16.326ZM10.58 14.976C10.6094 14.9325 10.6283 14.8827 10.6351 14.8306C10.6418 14.7785 10.6363 14.7256 10.619 14.676C10.6042 14.6284 10.5783 14.5849 10.5436 14.5491C10.5088 14.5134 10.4662 14.4862 10.419 14.47C10.3159 14.4329 10.2027 14.4351 10.101 14.476C9.99819 14.5125 9.91263 14.5859 9.86101 14.682C9.73434 14.9127 9.78267 15.0793 10.006 15.182C10.1112 15.2192 10.2263 15.2171 10.33 15.176C10.4356 15.1433 10.5249 15.0718 10.58 14.976ZM12.521 16.17C12.1771 16.9393 11.5436 17.5419 10.758 17.847C9.97045 18.2015 9.07894 18.2493 8.25801 17.981C7.89599 17.883 7.5604 17.7055 7.27565 17.4614C6.99091 17.2173 6.76419 16.9128 6.61201 16.57C6.46311 16.239 6.39225 15.8782 6.40491 15.5155C6.41757 15.1528 6.5134 14.7978 6.68501 14.478C7.04539 13.776 7.64476 13.226 8.37501 12.927C9.11037 12.5885 9.93991 12.5136 10.724 12.715C11.0977 12.7957 11.4495 12.9567 11.7548 13.1869C12.0601 13.417 12.3116 13.7109 12.492 14.048C12.6658 14.3737 12.7591 14.7363 12.7641 15.1055C12.7692 15.4746 12.6858 15.8396 12.521 16.17ZM16 14.385C15.9231 13.6483 15.5679 12.9688 15.007 12.485C14.3416 11.8972 13.5434 11.4799 12.681 11.269C11.6827 11.0054 10.6447 10.9261 9.61801 11.035C8.11965 11.1459 6.68726 11.6962 5.50001 12.617C5.01866 12.9382 4.62925 13.3793 4.3701 13.8967C4.11094 14.4141 3.99098 14.9901 4.02201 15.568C4.09895 16.3047 4.45411 16.9842 5.01501 17.468C5.68037 18.0558 6.4786 18.4731 7.34101 18.684C8.33928 18.9476 9.37727 19.0269 10.404 18.918C11.9038 18.8089 13.338 18.2596 14.527 17.339C15.0079 17.0169 15.3966 16.5751 15.6549 16.0572C15.9132 15.5392 16.0321 14.9629 16 14.385ZM19.436 14.43C19.4259 14.9744 19.2842 15.5082 19.023 15.986C18.7117 16.5639 18.3 17.0816 17.807 17.515C17.2361 18.027 16.6048 18.4672 15.927 18.826C15.1298 19.2422 14.2821 19.5535 13.405 19.752C12.4161 19.9856 11.4031 20.1017 10.387 20.098C9.35287 20.0997 8.32245 19.9741 7.31901 19.724C6.38271 19.4981 5.48051 19.1491 4.63601 18.686C3.87992 18.2751 3.22608 17.6992 2.72301 17.001C2.25172 16.355 1.99848 15.5756 2.00001 14.776C2.02962 13.8164 2.29584 12.8789 2.77501 12.047C3.36327 10.9847 4.10453 10.0147 4.97501 9.168C6.04888 8.03586 7.34631 7.13924 8.78501 6.535C10.0683 6.03633 10.985 6.06233 11.535 6.613C12.0183 7.089 12.0927 7.86633 11.758 8.945C11.7289 9.01589 11.7251 9.09459 11.747 9.168C11.7574 9.18953 11.7732 9.20803 11.7928 9.22169C11.8124 9.23535 11.8352 9.24373 11.859 9.246C11.913 9.25328 11.9677 9.25125 12.021 9.24C12.0721 9.23013 12.1225 9.21711 12.172 9.201L12.239 9.179C13.1013 8.77989 14.0344 8.55622 14.984 8.521C15.3023 8.48978 15.6233 8.53532 15.9204 8.65382C16.2174 8.77231 16.4816 8.96029 16.691 9.202C16.859 9.506 16.9471 9.84766 16.9471 10.195C16.9471 10.5423 16.859 10.884 16.691 11.188C16.681 11.2637 16.6643 11.3383 16.641 11.411C16.6321 11.4364 16.6322 11.4641 16.6413 11.4894C16.6504 11.5147 16.668 11.5361 16.691 11.55C16.7316 11.584 16.7767 11.6123 16.825 11.634C16.8623 11.6487 16.9257 11.671 17.015 11.701C17.4189 11.8256 17.8051 12.0017 18.164 12.225C18.5246 12.459 18.8294 12.7693 19.057 13.134C19.3089 13.5191 19.4418 13.9698 19.439 14.43H19.436ZM18.61 7.468C18.9183 7.80939 19.1284 8.22785 19.218 8.679C19.3121 9.11461 19.2868 9.56752 19.145 9.99C19.118 10.0718 19.075 10.1474 19.0185 10.2125C18.962 10.2775 18.8932 10.3307 18.816 10.369C18.74 10.4097 18.6565 10.4347 18.5706 10.4424C18.4847 10.4501 18.3981 10.4405 18.316 10.414C18.2342 10.387 18.1586 10.344 18.0935 10.2875C18.0285 10.231 17.9753 10.1622 17.937 10.085C17.8963 10.009 17.8713 9.92549 17.8636 9.83958C17.8559 9.75367 17.8655 9.66709 17.892 9.585C17.9595 9.37421 17.9707 9.14942 17.9244 8.93299C17.8781 8.71655 17.776 8.516 17.6281 8.35127C17.4803 8.18655 17.2919 8.0634 17.0817 7.99405C16.8715 7.9247 16.6468 7.91159 16.43 7.956C16.2581 7.99376 16.0783 7.96175 15.93 7.867C15.8556 7.82333 15.792 7.76358 15.7437 7.69212C15.6954 7.62065 15.6638 7.53929 15.651 7.454C15.6314 7.36896 15.6292 7.28083 15.6445 7.19492C15.6598 7.109 15.6923 7.02705 15.74 6.954C15.7851 6.88029 15.8452 6.81686 15.9163 6.76777C15.9875 6.71869 16.0681 6.68504 16.153 6.669C16.5933 6.57184 17.0515 6.59289 17.481 6.73C17.9193 6.86666 18.3111 7.12212 18.613 7.468H18.61ZM20.629 5.649C21.2508 6.33932 21.6799 7.18124 21.873 8.09004C22.0661 8.99885 22.0164 9.94248 21.729 10.826C21.6988 10.9219 21.6497 11.0107 21.5846 11.0873C21.5195 11.1639 21.4398 11.2267 21.35 11.272C21.2618 11.3196 21.1647 11.3481 21.0648 11.3559C20.9649 11.3636 20.8645 11.3504 20.77 11.317C20.5782 11.2534 20.4187 11.1176 20.3253 10.9384C20.232 10.7592 20.2122 10.5506 20.27 10.357C20.4237 9.88568 20.4827 9.38862 20.4435 8.89442C20.4044 8.40022 20.2678 7.91865 20.0418 7.47744C19.8157 7.03622 19.5047 6.64408 19.1264 6.32358C18.7482 6.00309 18.3103 5.76057 17.838 5.61C17.2134 5.41359 16.5489 5.38087 15.908 5.515C15.8091 5.5363 15.707 5.53792 15.6075 5.51974C15.508 5.50157 15.413 5.46396 15.3281 5.40908C15.2431 5.3542 15.1698 5.28311 15.1123 5.19987C15.0548 5.11664 15.0143 5.0229 14.993 4.924C14.9699 4.82604 14.9674 4.72435 14.9857 4.62537C15.0039 4.52639 15.0425 4.43228 15.099 4.349C15.1535 4.2643 15.2245 4.19149 15.3079 4.13495C15.3912 4.07841 15.4852 4.03931 15.584 4.02C16.4871 3.82599 17.4251 3.8701 18.306 4.148C19.2047 4.42375 20.0096 4.94252 20.632 5.647L20.629 5.649Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-weibo",{size:[2]}]),r=l,n=function(){"undefined"!=typeof customElements&&["swirl-symbol-weibo"].forEach((C=>{"swirl-symbol-weibo"===C&&(customElements.get(i(C))\|\|customElements.define(i(C),l))}))};export{r as SwirlSymbolWeibo,n as defineCustomElement}
1	+ import{proxyCustomElement as C,HTMLElement as e,h as s,Fragment as t,transformTag as i}from"@stencil/core/internal/client";import{c}from"./index2.js";const o=C(class extends e{constructor(C){super(),!1!==C&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const C=c("swirl-symbol","swirl-symbol--size-"+this.size);return s("svg",{key:"ed2048d36075cc82700c327e94c573d1b4781c98",class:C,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(t,{key:"cead73cac8f2c445fcd853eba4fdf63e7ed1116b"},s("path",{key:"8120245563c61fcdd766c8c1b7d907245d8859a5",d:"M9.53101 16.326C9.60621 16.2143 9.65616 16.0875 9.67741 15.9546C9.69865 15.8216 9.69066 15.6856 9.65401 15.556C9.61996 15.4304 9.55701 15.3146 9.47019 15.2177C9.38338 15.1208 9.2751 15.0456 9.15401 14.998C8.89337 14.8938 8.60337 14.8899 8.34001 14.987C8.06338 15.0735 7.82635 15.2553 7.67101 15.5C7.59307 15.6093 7.53975 15.7342 7.51472 15.8661C7.48969 15.998 7.49354 16.1337 7.52601 16.264C7.55731 16.3884 7.61691 16.504 7.70016 16.6016C7.78341 16.6993 7.88808 16.7764 8.00601 16.827C8.13586 16.8861 8.27611 16.919 8.41872 16.9238C8.56132 16.9286 8.70347 16.9053 8.83701 16.855C9.12285 16.7648 9.36827 16.5777 9.53101 16.326ZM10.58 14.976C10.6094 14.9325 10.6283 14.8827 10.6351 14.8306C10.6418 14.7785 10.6363 14.7256 10.619 14.676C10.6042 14.6284 10.5783 14.5849 10.5436 14.5491C10.5088 14.5134 10.4662 14.4862 10.419 14.47C10.3159 14.4329 10.2027 14.4351 10.101 14.476C9.99819 14.5125 9.91263 14.5859 9.86101 14.682C9.73434 14.9127 9.78267 15.0793 10.006 15.182C10.1112 15.2192 10.2263 15.2171 10.33 15.176C10.4356 15.1433 10.5249 15.0718 10.58 14.976ZM12.521 16.17C12.1771 16.9393 11.5436 17.5419 10.758 17.847C9.97045 18.2015 9.07894 18.2493 8.25801 17.981C7.89599 17.883 7.5604 17.7055 7.27565 17.4614C6.99091 17.2173 6.76419 16.9128 6.61201 16.57C6.46311 16.239 6.39225 15.8782 6.40491 15.5155C6.41757 15.1528 6.5134 14.7978 6.68501 14.478C7.04539 13.776 7.64476 13.226 8.37501 12.927C9.11037 12.5885 9.93991 12.5136 10.724 12.715C11.0977 12.7957 11.4495 12.9567 11.7548 13.1869C12.0601 13.417 12.3116 13.7109 12.492 14.048C12.6658 14.3737 12.7591 14.7363 12.7641 15.1055C12.7692 15.4746 12.6858 15.8396 12.521 16.17ZM16 14.385C15.9231 13.6483 15.5679 12.9688 15.007 12.485C14.3416 11.8972 13.5434 11.4799 12.681 11.269C11.6827 11.0054 10.6447 10.9261 9.61801 11.035C8.11965 11.1459 6.68726 11.6962 5.50001 12.617C5.01866 12.9382 4.62925 13.3793 4.3701 13.8967C4.11094 14.4141 3.99098 14.9901 4.02201 15.568C4.09895 16.3047 4.45411 16.9842 5.01501 17.468C5.68037 18.0558 6.4786 18.4731 7.34101 18.684C8.33928 18.9476 9.37727 19.0269 10.404 18.918C11.9038 18.8089 13.338 18.2596 14.527 17.339C15.0079 17.0169 15.3966 16.5751 15.6549 16.0572C15.9132 15.5392 16.0321 14.9629 16 14.385ZM19.436 14.43C19.4259 14.9744 19.2842 15.5082 19.023 15.986C18.7117 16.5639 18.3 17.0816 17.807 17.515C17.2361 18.027 16.6048 18.4672 15.927 18.826C15.1298 19.2422 14.2821 19.5535 13.405 19.752C12.4161 19.9856 11.4031 20.1017 10.387 20.098C9.35287 20.0997 8.32245 19.9741 7.31901 19.724C6.38271 19.4981 5.48051 19.1491 4.63601 18.686C3.87992 18.2751 3.22608 17.6992 2.72301 17.001C2.25172 16.355 1.99848 15.5756 2.00001 14.776C2.02962 13.8164 2.29584 12.8789 2.77501 12.047C3.36327 10.9847 4.10453 10.0147 4.97501 9.168C6.04888 8.03586 7.34631 7.13924 8.78501 6.535C10.0683 6.03633 10.985 6.06233 11.535 6.613C12.0183 7.089 12.0927 7.86633 11.758 8.945C11.7289 9.01589 11.7251 9.09459 11.747 9.168C11.7574 9.18953 11.7732 9.20803 11.7928 9.22169C11.8124 9.23535 11.8352 9.24373 11.859 9.246C11.913 9.25328 11.9677 9.25125 12.021 9.24C12.0721 9.23013 12.1225 9.21711 12.172 9.201L12.239 9.179C13.1013 8.77989 14.0344 8.55622 14.984 8.521C15.3023 8.48978 15.6233 8.53532 15.9204 8.65382C16.2174 8.77231 16.4816 8.96029 16.691 9.202C16.859 9.506 16.9471 9.84766 16.9471 10.195C16.9471 10.5423 16.859 10.884 16.691 11.188C16.681 11.2637 16.6643 11.3383 16.641 11.411C16.6321 11.4364 16.6322 11.4641 16.6413 11.4894C16.6504 11.5147 16.668 11.5361 16.691 11.55C16.7316 11.584 16.7767 11.6123 16.825 11.634C16.8623 11.6487 16.9257 11.671 17.015 11.701C17.4189 11.8256 17.8051 12.0017 18.164 12.225C18.5246 12.459 18.8294 12.7693 19.057 13.134C19.3089 13.5191 19.4418 13.9698 19.439 14.43H19.436ZM18.61 7.468C18.9183 7.80939 19.1284 8.22785 19.218 8.679C19.3121 9.11461 19.2868 9.56752 19.145 9.99C19.118 10.0718 19.075 10.1474 19.0185 10.2125C18.962 10.2775 18.8932 10.3307 18.816 10.369C18.74 10.4097 18.6565 10.4347 18.5706 10.4424C18.4847 10.4501 18.3981 10.4405 18.316 10.414C18.2342 10.387 18.1586 10.344 18.0935 10.2875C18.0285 10.231 17.9753 10.1622 17.937 10.085C17.8963 10.009 17.8713 9.92549 17.8636 9.83958C17.8559 9.75367 17.8655 9.66709 17.892 9.585C17.9595 9.37421 17.9707 9.14942 17.9244 8.93299C17.8781 8.71655 17.776 8.516 17.6281 8.35127C17.4803 8.18655 17.2919 8.0634 17.0817 7.99405C16.8715 7.9247 16.6468 7.91159 16.43 7.956C16.2581 7.99376 16.0783 7.96175 15.93 7.867C15.8556 7.82333 15.792 7.76358 15.7437 7.69212C15.6954 7.62065 15.6638 7.53929 15.651 7.454C15.6314 7.36896 15.6292 7.28083 15.6445 7.19492C15.6598 7.109 15.6923 7.02705 15.74 6.954C15.7851 6.88029 15.8452 6.81686 15.9163 6.76777C15.9875 6.71869 16.0681 6.68504 16.153 6.669C16.5933 6.57184 17.0515 6.59289 17.481 6.73C17.9193 6.86666 18.3111 7.12212 18.613 7.468H18.61ZM20.629 5.649C21.2508 6.33932 21.6799 7.18124 21.873 8.09004C22.0661 8.99885 22.0164 9.94248 21.729 10.826C21.6988 10.9219 21.6497 11.0107 21.5846 11.0873C21.5195 11.1639 21.4398 11.2267 21.35 11.272C21.2618 11.3196 21.1647 11.3481 21.0648 11.3559C20.9649 11.3636 20.8645 11.3504 20.77 11.317C20.5782 11.2534 20.4187 11.1176 20.3253 10.9384C20.232 10.7592 20.2122 10.5506 20.27 10.357C20.4237 9.88568 20.4827 9.38862 20.4435 8.89442C20.4044 8.40022 20.2678 7.91865 20.0418 7.47744C19.8157 7.03622 19.5047 6.64408 19.1264 6.32358C18.7482 6.00309 18.3103 5.76057 17.838 5.61C17.2134 5.41359 16.5489 5.38087 15.908 5.515C15.8091 5.5363 15.707 5.53792 15.6075 5.51974C15.508 5.50157 15.413 5.46396 15.3281 5.40908C15.2431 5.3542 15.1698 5.28311 15.1123 5.19987C15.0548 5.11664 15.0143 5.0229 14.993 4.924C14.9699 4.82604 14.9674 4.72435 14.9857 4.62537C15.0039 4.52639 15.0425 4.43228 15.099 4.349C15.1535 4.2643 15.2245 4.19149 15.3079 4.13495C15.3912 4.07841 15.4852 4.03931 15.584 4.02C16.4871 3.82599 17.4251 3.8701 18.306 4.148C19.2047 4.42375 20.0096 4.94252 20.632 5.647L20.629 5.649Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-weibo",{size:[2]}]),l=o,r=function(){"undefined"!=typeof customElements&&["swirl-symbol-weibo"].forEach((C=>{"swirl-symbol-weibo"===C&&(customElements.get(i(C))\|\|customElements.define(i(C),o))}))};export{l as SwirlSymbolWeibo,r as defineCustomElement}

package/dist/components/swirl-symbol-wifi.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as s,HTMLElement as C,h as e,Fragment as t,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const o=s(class extends C{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const s=l("swirl-symbol","swirl-symbol--size-"+this.size);return e("svg",{key:"~~090f3b709485116431528101cbe89ac2efe9a31c~~",class:s,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(t,{key:"~~1e3ae61d7ba40c33b4fb51777d4f9b792b4b6b40~~"},e("path",{key:"~~a0f1162cf747fb294d2ab9b0b4c4af4248db62f5~~",d:"M12 21C11.3 21 10.7083 20.7583 10.225 20.275C9.74167 19.7917 9.5 19.2 9.5 18.5C9.5 17.8 9.74167 17.2083 10.225 16.725C10.7083 16.2417 11.3 16 12 16C12.7 16 13.2917 16.2417 13.775 16.725C14.2583 17.2083 14.5 17.8 14.5 18.5C14.5 19.2 14.2583 19.7917 13.775 20.275C13.2917 20.7583 12.7 21 12 21ZM12 10C13.25 10 14.4375 10.2 15.5625 10.6C16.6875 11 17.7083 11.55 18.625 12.25C18.9583 12.5 19.1292 12.8292 19.1375 13.2375C19.1458 13.6458 19 14 18.7 14.3C18.4167 14.5833 18.0667 14.7292 17.65 14.7375C17.2333 14.7458 16.8583 14.6333 16.525 14.4C15.8917 13.9667 15.1917 13.625 14.425 13.375C13.6583 13.125 12.85 13 12 13C11.15 13 10.3417 13.125 9.575 13.375C8.80834 13.625 8.10834 13.9667 7.475 14.4C7.14167 14.6333 6.76667 14.7417 6.35 14.725C5.93334 14.7083 5.58334 14.5583 5.3 14.275C5.01667 13.975 4.875 13.6208 4.875 13.2125C4.875 12.8042 5.04167 12.475 5.375 12.225C6.29167 11.525 7.3125 10.9792 8.4375 10.5875C9.5625 10.1958 10.75 10 12 10ZM12 4C14.0833 4 16.0458 4.34167 17.8875 5.025C19.7292 5.70833 21.3833 6.675 22.85 7.925C23.1833 8.20833 23.3583 8.55833 23.375 8.975C23.3917 9.39167 23.25 9.75 22.95 10.05C22.6667 10.3333 22.3167 10.4792 21.9 10.4875C21.4833 10.4958 21.1083 10.3667 20.775 10.1C19.575 9.11667 18.2292 8.35417 16.7375 7.8125C15.2458 7.27083 13.6667 7 12 7C10.3333 7 8.75417 7.27083 7.2625 7.8125C5.77084 8.35417 4.425 9.11667 3.225 10.1C2.89167 10.3667 2.51667 10.4958 2.1 10.4875C1.68334 10.4792 1.33334 10.3333 1.05 10.05C0.750004 9.75 0.608337 9.39167 0.625004 8.975C0.64167 8.55833 0.81667 8.20833 1.15 7.925C2.61667 6.675 4.27084 5.70833 6.1125 5.025C7.95417 4.34167 9.91667 4 12 4Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-wifi",{size:[2]}]),r=o,n=function(){"undefined"!=typeof customElements&&["swirl-symbol-wifi"].forEach((s=>{"swirl-symbol-wifi"===s&&(customElements.get(i(s))\|\|customElements.define(i(s),o))}))};export{r as SwirlSymbolWifi,n as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as C,h as e,Fragment as t,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const o=s(class extends C{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const s=l("swirl-symbol","swirl-symbol--size-"+this.size);return e("svg",{key:"cbbf7c7f3d7ffaf1204efb693f8ba1aafde5175e",class:s,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(t,{key:"7c7122d25b119ba4ea5797492acc3c56a15fc00f"},e("path",{key:"788aac4615147921997b8923bce068a4a167d257",d:"M12 21C11.3 21 10.7083 20.7583 10.225 20.275C9.74167 19.7917 9.5 19.2 9.5 18.5C9.5 17.8 9.74167 17.2083 10.225 16.725C10.7083 16.2417 11.3 16 12 16C12.7 16 13.2917 16.2417 13.775 16.725C14.2583 17.2083 14.5 17.8 14.5 18.5C14.5 19.2 14.2583 19.7917 13.775 20.275C13.2917 20.7583 12.7 21 12 21ZM12 10C13.25 10 14.4375 10.2 15.5625 10.6C16.6875 11 17.7083 11.55 18.625 12.25C18.9583 12.5 19.1292 12.8292 19.1375 13.2375C19.1458 13.6458 19 14 18.7 14.3C18.4167 14.5833 18.0667 14.7292 17.65 14.7375C17.2333 14.7458 16.8583 14.6333 16.525 14.4C15.8917 13.9667 15.1917 13.625 14.425 13.375C13.6583 13.125 12.85 13 12 13C11.15 13 10.3417 13.125 9.575 13.375C8.80834 13.625 8.10834 13.9667 7.475 14.4C7.14167 14.6333 6.76667 14.7417 6.35 14.725C5.93334 14.7083 5.58334 14.5583 5.3 14.275C5.01667 13.975 4.875 13.6208 4.875 13.2125C4.875 12.8042 5.04167 12.475 5.375 12.225C6.29167 11.525 7.3125 10.9792 8.4375 10.5875C9.5625 10.1958 10.75 10 12 10ZM12 4C14.0833 4 16.0458 4.34167 17.8875 5.025C19.7292 5.70833 21.3833 6.675 22.85 7.925C23.1833 8.20833 23.3583 8.55833 23.375 8.975C23.3917 9.39167 23.25 9.75 22.95 10.05C22.6667 10.3333 22.3167 10.4792 21.9 10.4875C21.4833 10.4958 21.1083 10.3667 20.775 10.1C19.575 9.11667 18.2292 8.35417 16.7375 7.8125C15.2458 7.27083 13.6667 7 12 7C10.3333 7 8.75417 7.27083 7.2625 7.8125C5.77084 8.35417 4.425 9.11667 3.225 10.1C2.89167 10.3667 2.51667 10.4958 2.1 10.4875C1.68334 10.4792 1.33334 10.3333 1.05 10.05C0.750004 9.75 0.608337 9.39167 0.625004 8.975C0.64167 8.55833 0.81667 8.20833 1.15 7.925C2.61667 6.675 4.27084 5.70833 6.1125 5.025C7.95417 4.34167 9.91667 4 12 4Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-wifi",{size:[2]}]),r=o,c=function(){"undefined"!=typeof customElements&&["swirl-symbol-wifi"].forEach((s=>{"swirl-symbol-wifi"===s&&(customElements.get(i(s))\|\|customElements.define(i(s),o))}))};export{r as SwirlSymbolWifi,c as defineCustomElement}

package/dist/components/swirl-symbol-work.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as s,HTMLElement as e,h as t,Fragment as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const r=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const s=l("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"~~aff249017f89ff3361c335b1804c0d8f9cbfeae4~~",class:s,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(i,{key:"~~1c62932100d1b4cdde47b14d0bd423e3712e2920~~"},t("path",{key:"~~ec167a7e074a75627448847a38f5f84848ace321~~",d:"M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-work",{size:[2]}]),n=r,C=function(){"undefined"!=typeof customElements&&["swirl-symbol-work"].forEach((s=>{"swirl-symbol-work"===s&&(customElements.get(o(s))\|\|customElements.define(o(s),r))}))};export{n as SwirlSymbolWork,C as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,h as t,Fragment as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const r=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const s=l("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"87869fd1673ea88ecc6134fc678cc508e98dbebf",class:s,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(i,{key:"c4fb58730656261382e867f29268f15006fc99f2"},t("path",{key:"670f4f97fcfa9ace79c86b8ffffc93539fd59e35",d:"M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-work",{size:[2]}]),c=r,f=function(){"undefined"!=typeof customElements&&["swirl-symbol-work"].forEach((s=>{"swirl-symbol-work"===s&&(customElements.get(o(s))\|\|customElements.define(o(s),r))}))};export{c as SwirlSymbolWork,f as defineCustomElement}

package/dist/components/swirl-symbol-xing.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as t,Fragment as i,transformTag as l}from"@stencil/core/internal/client";import{c as C}from"./index2.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const e=C("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"~~04895aee703e6cf33483fa5f58c54331880d2568~~",class:e,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(i,{key:"~~f98ffcb30a6aa547dcb474e6d42b9ebe5f43a1fb~~"},t("path",{key:"~~ba303912b40e7896136ac0e3573102e82291a8f0~~",d:"M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-xing",{size:[2]}]),o=n,r=function(){"undefined"!=typeof customElements&&["swirl-symbol-xing"].forEach((e=>{"swirl-symbol-xing"===e&&(customElements.get(l(e))\|\|customElements.define(l(e),n))}))};export{o as SwirlSymbolXing,r as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,h as t,Fragment as i,transformTag as l}from"@stencil/core/internal/client";import{c as C}from"./index2.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const s=C("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"fcc67436070d745f9ce6afc62e03d7c0361fa986",class:s,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(i,{key:"7386cdf7ff1d015b46b6b4cea4231225e1bbd380"},t("path",{key:"420f9465ca88c088d5a87552b2bf3264f0ccf0b1",d:"M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-xing",{size:[2]}]),c=n,o=function(){"undefined"!=typeof customElements&&["swirl-symbol-xing"].forEach((s=>{"swirl-symbol-xing"===s&&(customElements.get(l(s))\|\|customElements.define(l(s),n))}))};export{c as SwirlSymbolXing,o as defineCustomElement}

package/dist/components/swirl-symbol-youtube.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as t,Fragment as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const e=l("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"~~afbfc03587b4e2f99845cbacfb39cd40a4d63878~~",class:e,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(i,{key:"~~e1ccfe1e2604eba533e31e2b1716e94aac228487~~"},t("path",{key:"~~ba3c1f1bbe38f71312c6b8d1dca0adb889893129~~",d:"M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-youtube",{size:[2]}]),r=c,n=function(){"undefined"!=typeof customElements&&["swirl-symbol-youtube"].forEach((e=>{"swirl-symbol-youtube"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),c))}))};export{r as SwirlSymbolYoutube,n as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as t,Fragment as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const e=l("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"333841546a152ab1b4c41e4d8c00bf5f3949381a",class:e,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(i,{key:"ca8ce2dfb8b399cb597fa6ee9890faafa12fc8f7"},t("path",{key:"6cfb4a4bf43b17820ef0b859c2dfcfdee480af43",d:"M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-youtube",{size:[2]}]),c=r,n=function(){"undefined"!=typeof customElements&&["swirl-symbol-youtube"].forEach((e=>{"swirl-symbol-youtube"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),r))}))};export{c as SwirlSymbolYoutube,n as defineCustomElement}

package/dist/components/swirl-symbol.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){return t(i,{key:"~~d2402c0cb3ec5ab827138b532d13a9339e24f5fc~~"},t("swirl-symbol-"+this.glyph,{key:"~~dd519a865fde5bdbb2e83dcf0f6d3a4d9f2da7ca~~",size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol",{glyph:[1],size:[2]}]),c=n,r=function(){"undefined"!=typeof customElements&&["swirl-symbol"].forEach((e=>{"swirl-symbol"===e&&(customElements.get(l(e))\|\|customElements.define(l(e),n))}))};export{c as SwirlSymbol,r as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,h as t,Host as i,transformTag as l}from"@stencil/core/internal/client";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){return t(i,{key:"35012ad0e929ea17a88472b54d442d9d8c8b492f"},t("swirl-symbol-"+this.glyph,{key:"d6b3c3af41c9927ca6fd8c59cc3951936afa40a1",size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol",{glyph:[1],size:[2]}]),n=c,r=function(){"undefined"!=typeof customElements&&["swirl-symbol"].forEach((s=>{"swirl-symbol"===s&&(customElements.get(l(s))\|\|customElements.define(l(s),c))}))};export{n as SwirlSymbol,r as defineCustomElement}

package/dist/components/swirl-tab-bar2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as a,HTMLElement as t,createEvent as r,h as b,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c as e}from"./index2.js";import{o as l}from"./utils.js";import{d as n}from"./swirl-badge2.js";import{d as o}from"./swirl-tooltip2.js";import{d as c}from"./swirl-visually-hidden2.js";const d=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.activateNextTab=r(this,"activateNextTab",7),this.activatePreviousTab=r(this,"activatePreviousTab",7),this.activateTab=r(this,"activateTab",7),this.justify="start",this.tabs=[],this.variant="default",this.onKeyDown=a=>{"ArrowLeft"===a.code?(a.preventDefault(),this.focusAdjacentTab(!0),this.activatePreviousTab.emit()):"ArrowRight"===a.code&&(a.preventDefault(),this.focusAdjacentTab(!1),this.activateNextTab.emit())}}onTabFocus(a){a.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}focusAdjacentTab(a){const t=this.getTabs(),r=t.findIndex((a=>"true"===a.ariaSelected));t[l(a?r-1:r+1,t.length)].focus()}getTabs(){return Array.from(this.el.querySelectorAll('[role="tab"]'))}render(){const a=e("tab-bar",`tab-bar--justify-${this.justify}`,{"tab-bar--variant-pill":"pill"===this.variant,"tab-bar--variant-default":"default"===this.variant,"tab-bar--wrap":this.wrap}),t={paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0};return b(i,{key:"~~32c72009b361c8a8073eca893363e3604586a278~~"},b("div",{key:"~~d351e22d18126c350c962168743c8bbce8ffe73f~~","aria-label":this.label,class:a,onKeyDown:this.onKeyDown,role:this.disableTabSemantics?void 0:"tablist",style:t},this.tabs.map((a=>{const t=e("tab-bar__tab",{"tab-bar__tab--active":a.active,"tab-bar__tab--variant-pill":"pill"===this.variant,"tab-bar__tab--variant-default":"default"===this.variant}),r=e("tab-bar__tab-label",{"tab-bar__tab-label--variant-pill":"pill"===this.variant}),i=b("button",{"aria-controls":this.disableTabSemantics?void 0:a.id,"aria-selected":this.disableTabSemantics?void 0:a.active?"true":"false",class:t,id:`tab-${a.id}`,key:a.tooltip?void 0:a.id,onClick:()=>this.activateTab.emit(a.id),onFocus:this.onTabFocus,role:this.disableTabSemantics?void 0:"tab",tabIndex:this.disableTabSemantics?void 0:a.active?0:-1,type:"button"},a.icon&&b("span",{class:"tab-bar__tab-icon",innerHTML:a.icon}),b("span",{class:r},a.label,a.suffix&&b("span",{class:"tab-bar__tab-suffix"},a.suffix),a.badge&&b("swirl-badge",{class:"tab-bar__tab-badge",intent:a.badge.intent??"info",label:a.badge.label,size:"xs",variant:"dot"})));return a.tooltip?b("swirl-tooltip",{content:a.tooltip,key:a.id},i):i}))))}get el(){return this}static get style(){return'.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h .sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;overflow-x:auto;width:100%;justify-content:flex-start;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--wrap.sc-swirl-tab-bar{flex-wrap:wrap}.tab-bar--justify-evenly.sc-swirl-tab-bar>.sc-swirl-tab-bar,.tab-bar--justify-evenly.sc-swirl-tab-bar .tab-bar__tab.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-moz-fit-content;min-width:fit-content;margin:0;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-badge.sc-swirl-tab-bar{--swirl-badge-border-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}.tab-bar__tab-badge.sc-swirl-tab-bar{padding-left:calc(var(--s-space-4) + var(--s-space-2))}'}},[2,"swirl-tab-bar",{disableTabSemantics:[4,"disable-tab-semantics"],label:[1],justify:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],tabs:[16],variant:[1],wrap:[4]}]);function _(){"undefined"!=typeof customElements&&["swirl-tab-bar","swirl-badge","swirl-tooltip","swirl-visually-hidden"].forEach((a=>{switch(a){case"swirl-tab-bar":customElements.get(s(a))\|\|customElements.define(s(a),d);break;case"swirl-badge":customElements.get(s(a))\|\|n();break;case"swirl-tooltip":customElements.get(s(a))\|\|o();break;case"swirl-visually-hidden":customElements.get(s(a))\|\|c()}}))}export{d as S,_ as d}
1	+ import{proxyCustomElement as a,HTMLElement as t,createEvent as r,h as b,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c as e}from"./index2.js";import{o as l}from"./utils.js";import{d as n}from"./swirl-badge2.js";import{d as o}from"./swirl-tooltip2.js";import{d as c}from"./swirl-visually-hidden2.js";const d=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.activateNextTab=r(this,"activateNextTab",7),this.activatePreviousTab=r(this,"activatePreviousTab",7),this.activateTab=r(this,"activateTab",7),this.justify="start",this.tabs=[],this.variant="default",this.onKeyDown=a=>{"ArrowLeft"===a.code?(a.preventDefault(),this.focusAdjacentTab(!0),this.activatePreviousTab.emit()):"ArrowRight"===a.code&&(a.preventDefault(),this.focusAdjacentTab(!1),this.activateNextTab.emit())}}onTabFocus(a){a.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}focusAdjacentTab(a){const t=this.getTabs(),r=t.findIndex((a=>"true"===a.ariaSelected));t[l(a?r-1:r+1,t.length)].focus()}getTabs(){return Array.from(this.el.querySelectorAll('[role="tab"]'))}render(){const a=e("tab-bar",`tab-bar--justify-${this.justify}`,{"tab-bar--variant-pill":"pill"===this.variant,"tab-bar--variant-default":"default"===this.variant,"tab-bar--wrap":this.wrap}),t={paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0};return b(i,{key:"8c0b31aa81242afe7e56d02e71ef4bd538b436d1"},b("div",{key:"ed249e05132d7108107eff88d838658f5c7bb591","aria-label":this.label,class:a,onKeyDown:this.onKeyDown,role:this.disableTabSemantics?void 0:"tablist",style:t},this.tabs.map((a=>{const t=e("tab-bar__tab",{"tab-bar__tab--active":a.active,"tab-bar__tab--variant-pill":"pill"===this.variant,"tab-bar__tab--variant-default":"default"===this.variant}),r=e("tab-bar__tab-label",{"tab-bar__tab-label--variant-pill":"pill"===this.variant}),i=b("button",{"aria-controls":this.disableTabSemantics?void 0:a.id,"aria-selected":this.disableTabSemantics?void 0:a.active?"true":"false",class:t,id:`tab-${a.id}`,key:a.tooltip?void 0:a.id,onClick:()=>this.activateTab.emit(a.id),onFocus:this.onTabFocus,role:this.disableTabSemantics?void 0:"tab",tabIndex:this.disableTabSemantics?void 0:a.active?0:-1,type:"button"},a.icon&&b("span",{class:"tab-bar__tab-icon",innerHTML:a.icon}),b("span",{class:r},a.label,a.suffix&&b("span",{class:"tab-bar__tab-suffix"},a.suffix),a.badge&&b("swirl-badge",{class:"tab-bar__tab-badge",intent:a.badge.intent??"info",label:a.badge.label,size:"xs",variant:"dot"})));return a.tooltip?b("swirl-tooltip",{content:a.tooltip,key:a.id},i):i}))))}get el(){return this}static get style(){return'.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h .sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;overflow-x:auto;width:100%;justify-content:flex-start;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--wrap.sc-swirl-tab-bar{flex-wrap:wrap}.tab-bar--justify-evenly.sc-swirl-tab-bar>.sc-swirl-tab-bar,.tab-bar--justify-evenly.sc-swirl-tab-bar .tab-bar__tab.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-moz-fit-content;min-width:fit-content;margin:0;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-badge.sc-swirl-tab-bar{--swirl-badge-border-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}.tab-bar__tab-badge.sc-swirl-tab-bar{padding-left:calc(var(--s-space-4) + var(--s-space-2))}'}},[2,"swirl-tab-bar",{disableTabSemantics:[4,"disable-tab-semantics"],label:[1],justify:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],tabs:[16],variant:[1],wrap:[4]}]);function _(){"undefined"!=typeof customElements&&["swirl-tab-bar","swirl-badge","swirl-tooltip","swirl-visually-hidden"].forEach((a=>{switch(a){case"swirl-tab-bar":customElements.get(s(a))\|\|customElements.define(s(a),d);break;case"swirl-badge":customElements.get(s(a))\|\|n();break;case"swirl-tooltip":customElements.get(s(a))\|\|o();break;case"swirl-visually-hidden":customElements.get(s(a))\|\|c()}}))}export{d as S,_ as d}

package/dist/components/swirl-tab.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as s,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as o}from"./index2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.padding="8"}render(){const t=o("tab",{"tab--active":this.active});return s(a,{key:"~~fa4be95c04f4e1576d9723598bc3c6082c6180b5~~","aria-labelledby":"tab-"+this.tabId,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1,class:t,style:{padding:`var(--s-space-${this.padding})`}},s("slot",{key:"~~0a12aff1172585ac7ee31801d13ee1e47009a7e4~~"}))}static get style(){return":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}"}},[257,"swirl-tab",{active:[4],badge:[16],icon:[1],label:[1],padding:[1],tabId:[1,"tab-id"],tooltip:[1]}]),c=n,l=function(){"undefined"!=typeof customElements&&["swirl-tab"].forEach((t=>{"swirl-tab"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),n))}))};export{c as SwirlTab,l as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as a,Host as s,transformTag as i}from"@stencil/core/internal/client";import{c as o}from"./index2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.padding="8"}render(){const t=o("tab",{"tab--active":this.active});return a(s,{key:"8a3eab2245fa6f92b702bf8d32318988043717a4","aria-labelledby":"tab-"+this.tabId,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1,class:t,style:{padding:`var(--s-space-${this.padding})`}},a("slot",{key:"a4614a725f6399a8ad963beeff18d4a2fa3d2b9d"}))}static get style(){return":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}"}},[257,"swirl-tab",{active:[4],badge:[16],icon:[1],label:[1],padding:[1],tabId:[1,"tab-id"],tooltip:[1]}]),l=n,b=function(){"undefined"!=typeof customElements&&["swirl-tab"].forEach((t=>{"swirl-tab"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),n))}))};export{l as SwirlTab,b as defineCustomElement}

package/dist/components/swirl-table-cell.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as t,Host as l,transformTag as a}from"@stencil/core/internal/client";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(l,{key:"~~3201c6a6ee2f9a713c9e21de4d46c57c3005cef0~~",class:"table-cell",role:"cell"},t("slot",{key:"~~ced37cfc145883bb3a49849ef17da5180960731b~~"}))}static get style(){return":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}"}},[257,"swirl-table-cell"]),i=o,r=function(){"undefined"!=typeof customElements&&["swirl-table-cell"].forEach((e=>{"swirl-table-cell"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),o))}))};export{i as SwirlTableCell,r as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as t,Host as l,transformTag as a}from"@stencil/core/internal/client";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(l,{key:"85bf93f2d3eb36af0f43d1d136733e3d99df68a8",class:"table-cell",role:"cell"},t("slot",{key:"0200668ef8dba39a076688571d445cef2005f003"}))}static get style(){return":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}"}},[257,"swirl-table-cell"]),i=o,r=function(){"undefined"!=typeof customElements&&["swirl-table-cell"].forEach((e=>{"swirl-table-cell"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),o))}))};export{i as SwirlTableCell,r as defineCustomElement}

package/dist/components/swirl-table-column.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{l as o}from"./utils.js";import{d as n}from"./swirl-icon-arrow-downward2.js";import{d as l}from"./swirl-icon-arrow-upward2.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.minWidth="fit-content"}componentDidRender(){const e=o(this.el,"swirl-table");e?.rerender()}render(){const e={flex:this.width?"0 0 "+this.width:"",maxWidth:this.maxWidth\|\|"",minWidth:this.minWidth\|\|""},s=this.variant??"default",i=r("table-column",{"table-column--default":"default"===s,"table-column--sunken":"sunken"===s,"table-column--raised":"raised"===s});return t(a,{key:"~~2b7440d3ae12872c302ae06a4f36ead38bef8b0f~~","aria-sort":this.sort,class:i,role:"columnheader",style:e},t("span",{key:"~~4d824001b9ac246a40bba86c7159011af93516e6~~"},t("slot",{key:"~~48446b51eb87e04a960ac86d14aa834c3d7c3e1c~~"})),this.sortable&&t("span",{key:"~~8cc98224f729be792b446b8e4b9343d8caa1a0b9~~",class:"table-column__sort-indicator"},"ascending"===this.sort&&t("swirl-icon-arrow-upward",{key:"~~2707182822a2e1fadac9cf66792160c10e114570~~","aria-hidden":"true",size:20}),"descending"===this.sort&&t("swirl-icon-arrow-downward",{key:"~~b3fb438c01016dd2bad18ad564d00db89806db2d~~","aria-hidden":"true",size:20}),!this.sort&&" "))}get el(){return this}static get style(){return":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host(.table-column--raised){background-color:var(--s-surface-neutral-subdued)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}"}},[257,"swirl-table-column",{variant:[1],sort:[1],sortable:[4],maxWidth:[1,"max-width"],minWidth:[1,"min-width"],sticky:[4],width:[1]}]),c=d,h=function(){"undefined"!=typeof customElements&&["swirl-table-column","swirl-icon-arrow-downward","swirl-icon-arrow-upward"].forEach((e=>{switch(e){case"swirl-table-column":customElements.get(i(e))\|\|customElements.define(i(e),d);break;case"swirl-icon-arrow-downward":customElements.get(i(e))\|\|n();break;case"swirl-icon-arrow-upward":customElements.get(i(e))\|\|l()}}))};export{c as SwirlTableColumn,h as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{l as o}from"./utils.js";import{d as n}from"./swirl-icon-arrow-downward2.js";import{d as l}from"./swirl-icon-arrow-upward2.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.minWidth="fit-content"}componentDidRender(){const e=o(this.el,"swirl-table");e?.rerender()}render(){const e={flex:this.width?"0 0 "+this.width:"",maxWidth:this.maxWidth\|\|"",minWidth:this.minWidth\|\|""},s=this.variant??"default",i=r("table-column",{"table-column--default":"default"===s,"table-column--sunken":"sunken"===s,"table-column--raised":"raised"===s});return t(a,{key:"283a5bc93ed3dac870ecd98aa7b6eedba4b53869","aria-sort":this.sort,class:i,role:"columnheader",style:e},t("span",{key:"d95daa2659581cc81ff9991f43b0aab93d27fe65"},t("slot",{key:"ac8ae09db0afc7662098a43afcfd2ce097146ead"})),this.sortable&&t("span",{key:"6a03931a6a519f61e9ba3168313dab45cbee7f11",class:"table-column__sort-indicator"},"ascending"===this.sort&&t("swirl-icon-arrow-upward",{key:"12c2aa2e5995dc7c9b92dda373a88fca40c56835","aria-hidden":"true",size:20}),"descending"===this.sort&&t("swirl-icon-arrow-downward",{key:"10337a383e68779a2503d0d07e98dd05c36a8b0f","aria-hidden":"true",size:20}),!this.sort&&" "))}get el(){return this}static get style(){return":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host(.table-column--raised){background-color:var(--s-surface-neutral-subdued)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}"}},[257,"swirl-table-column",{variant:[1],sort:[1],sortable:[4],maxWidth:[1,"max-width"],minWidth:[1,"min-width"],sticky:[4],width:[1]}]),c=d,h=function(){"undefined"!=typeof customElements&&["swirl-table-column","swirl-icon-arrow-downward","swirl-icon-arrow-upward"].forEach((e=>{switch(e){case"swirl-table-column":customElements.get(i(e))\|\|customElements.define(i(e),d);break;case"swirl-icon-arrow-downward":customElements.get(i(e))\|\|n();break;case"swirl-icon-arrow-upward":customElements.get(i(e))\|\|l()}}))};export{c as SwirlTableColumn,h as defineCustomElement}

package/dist/components/swirl-table-row-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,h as t,Host as o,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./swirl-button2.js";import{d as a}from"./swirl-icon-info2.js";import{d as l}from"./swirl-tooltip2.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.collapsible=!1,this.collapseButtonLabel="Previous slide",this.isVisible=!0,this.toggleShowItems=()=>{if(this.headerRowElement.focus(),!this.tableRowElements)return;const e=this.tableRowElements.scrollHeight+"px";this.isVisible?requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.setAttribute("aria-hidden","true"),requestAnimationFrame((()=>{this.tableRowElements.style.height="0"}))})):requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.removeAttribute("aria-hidden"),setTimeout((()=>{this.tableRowElements.style.height="auto"}),300)})),this.isVisible=!this.isVisible}}render(){const e=this.el.querySelectorAll("swirl-table-row").length;return t(o,{key:"~~5c09126d30b1ea6d171e17f2a7ff80c28d572cb4~~",class:"table-row-group",role:"rowgroup"},t("div",{key:"~~89b7a1a3b43964e64b561668ebdd1ac0ddc12803~~",class:"table-row-group__header-row",role:"row",ref:e=>this.headerRowElement=e},this.collapsible&&t("swirl-button",{key:"~~a676e71121ad0765f86705f98ba75ca81b7978b4~~",class:"table-row-group__collapse-icon",icon:this.isVisible?"<swirl-icon-expand-less></swirl-icon-expand-less":"<swirl-icon-expand-more></swirl-icon-expand-more",label:this.collapseButtonLabel,onClick:this.toggleShowItems,swirlAriaExpanded:this.isVisible+"",variant:"plain",hideLabel:!0}),t("span",{key:"~~e8c15eef0320dbda5cc2fe22d7abfb2408648028~~","aria-rowspan":e,class:"table-row-group__label",role:"rowheader"},this.label,this.tooltip&&t("span",{key:"~~ed64d79fb5233e31bff53548b5ac8b4316a0de4b~~",class:"table-row-group__tooltip"},t("swirl-tooltip",{key:"~~364d3095745dbc69b727420ff3aa356e20e94fba~~",content:this.tooltip,position:"top"},t("swirl-icon-info",{key:"~~994387ce491c250aa4b3d15f31efd54c242436c1~~",size:16,tabIndex:0,class:"table-row-group__tooltip-icon"}))))),t("div",{key:"~~cbd3a78a95b6a1b337f5e92f02f1fa26bc040b3e~~",class:{"table-row-group__rows-container":!0,"table-row-group__rows-container--is-hidden":this.isVisible},"aria-hidden":!this.isVisible,ref:e=>this.tableRowElements=e},t("slot",{key:"~~e3be1333e3222df73595a5b38cba637231bd8678~~"})))}get el(){return this}static get style(){return":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}"}},[257,"swirl-table-row-group",{label:[1],tooltip:[1],collapsible:[4],collapseButtonLabel:[1,"collapse-button-label"],isVisible:[32]}]),c=n,d=function(){"undefined"!=typeof customElements&&["swirl-table-row-group","swirl-button","swirl-icon-info","swirl-tooltip"].forEach((e=>{switch(e){case"swirl-table-row-group":customElements.get(s(e))\|\|customElements.define(s(e),n);break;case"swirl-button":customElements.get(s(e))\|\|r();break;case"swirl-icon-info":customElements.get(s(e))\|\|a();break;case"swirl-tooltip":customElements.get(s(e))\|\|l()}}))};export{c as SwirlTableRowGroup,d as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as i,h as t,Host as o,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./swirl-button2.js";import{d as a}from"./swirl-icon-info2.js";import{d as l}from"./swirl-tooltip2.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.collapsible=!1,this.collapseButtonLabel="Previous slide",this.isVisible=!0,this.toggleShowItems=()=>{if(this.headerRowElement.focus(),!this.tableRowElements)return;const e=this.tableRowElements.scrollHeight+"px";this.isVisible?requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.setAttribute("aria-hidden","true"),requestAnimationFrame((()=>{this.tableRowElements.style.height="0"}))})):requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.removeAttribute("aria-hidden"),setTimeout((()=>{this.tableRowElements.style.height="auto"}),300)})),this.isVisible=!this.isVisible}}render(){const e=this.el.querySelectorAll("swirl-table-row").length;return t(o,{key:"e8eb33a8ed7cc407b7ab28571eb24c9f66e07196",class:"table-row-group",role:"rowgroup"},t("div",{key:"888f15fe5dce14cab11ebaa6127829ed234f869d",class:"table-row-group__header-row",role:"row",ref:e=>this.headerRowElement=e},this.collapsible&&t("swirl-button",{key:"de7ad5e0369a1ef33e7deed4e0d4b3e6e133523a",class:"table-row-group__collapse-icon",icon:this.isVisible?"<swirl-icon-expand-less></swirl-icon-expand-less":"<swirl-icon-expand-more></swirl-icon-expand-more",label:this.collapseButtonLabel,onClick:this.toggleShowItems,swirlAriaExpanded:this.isVisible+"",variant:"plain",hideLabel:!0}),t("span",{key:"0b51f4aa8869168245b515c33118cfd2ec71ee61","aria-rowspan":e,class:"table-row-group__label",role:"rowheader"},this.label,this.tooltip&&t("span",{key:"b4ee8c62662659945dfffa251bc71d4a69bdda3f",class:"table-row-group__tooltip"},t("swirl-tooltip",{key:"c7625706aaf2d59918fea7f1cbdf670a27cb02f1",content:this.tooltip,position:"top"},t("swirl-icon-info",{key:"8e781d1a1742a8cb0213f2d09ff717a8e725270c",size:16,tabIndex:0,class:"table-row-group__tooltip-icon"}))))),t("div",{key:"8c59492aebc258b882bce50ee674cb233125721d",class:{"table-row-group__rows-container":!0,"table-row-group__rows-container--is-hidden":this.isVisible},"aria-hidden":!this.isVisible,ref:e=>this.tableRowElements=e},t("slot",{key:"2b57c6b6d3ad1a74465b54339d537272f04565bc"})))}get el(){return this}static get style(){return":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}"}},[257,"swirl-table-row-group",{label:[1],tooltip:[1],collapsible:[4],collapseButtonLabel:[1,"collapse-button-label"],isVisible:[32]}]),c=n,d=function(){"undefined"!=typeof customElements&&["swirl-table-row-group","swirl-button","swirl-icon-info","swirl-tooltip"].forEach((e=>{switch(e){case"swirl-table-row-group":customElements.get(s(e))\|\|customElements.define(s(e),n);break;case"swirl-button":customElements.get(s(e))\|\|r();break;case"swirl-icon-info":customElements.get(s(e))\|\|a();break;case"swirl-tooltip":customElements.get(s(e))\|\|l()}}))};export{c as SwirlTableRowGroup,d as defineCustomElement}

package/dist/components/swirl-table-row.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{l as i}from"./utils.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){const t=i(this.el,"swirl-table");t?.rerender()}render(){const t=l("table-row",{"table-row--highlighted":this.highlighted});return o(r,{key:"~~9bd097b1c811bbcc0a066a3cf08c0bf8fa62e91f~~","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"~~8b1fed7b4c4915fb8b28393f5eb918e4df75e862~~"}))}get el(){return this}static get style(){return":host{display:flex}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}"}},[257,"swirl-table-row",{highlighted:[4],index:[2]}]),a=b,d=function(){"undefined"!=typeof customElements&&["swirl-table-row"].forEach((t=>{"swirl-table-row"===t&&(customElements.get(s(t))\|\|customElements.define(s(t),b))}))};export{a as SwirlTableRow,d as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{l as i}from"./utils.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){const t=i(this.el,"swirl-table");t?.rerender()}render(){const t=l("table-row",{"table-row--highlighted":this.highlighted});return o(r,{key:"f93afbf5335dcd686b967869c8e054e779664574","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"0c709f16172777fc99cbf382b0fd59e394d74d0c"}))}get el(){return this}static get style(){return":host{display:flex}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}"}},[257,"swirl-table-row",{highlighted:[4],index:[2]}]),a=d,n=function(){"undefined"!=typeof customElements&&["swirl-table-row"].forEach((t=>{"swirl-table-row"===t&&(customElements.get(s(t))\|\|customElements.define(s(t),d))}))};export{a as SwirlTableRow,n as defineCustomElement}

package/dist/components/swirl-table.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as a,transformTag as r}from"@stencil/core/internal/client";import{g as o,c as l}from"./index2.js";import{S as n}from"./sortable.esm.js";import{d as h,i as c,q as d}from"./utils.js";import{d as b}from"./swirl-text2.js";import{d as w}from"./swirl-visually-hidden2.js";var u,p,f=o((p\|\|(p=1,u=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=void 0,a=void 0,r=void 0,o=[];return function(){var n=function(t){return"function"==typeof t?t():t}(e),h=(new Date).getTime(),c=!i\|\|h-i>n;i=h;for(var d=arguments.length,b=Array(d),w=0;w<d;w++)b[w]=arguments[w];if(c&&s.leading)return s.accumulate?Promise.resolve(t.call(this,[b])).then((function(t){return t[0]})):Promise.resolve(t.call.apply(t,[this].concat(b)));if(a?clearTimeout(r):a=function(){var t={};return t.promise=new Promise((function(e,s){t.resolve=e,t.reject=s})),t}(),o.push(b),r=setTimeout(l.bind(this),n),s.accumulate){var u=o.length-1;return a.promise.then((function(t){return t[u]}))}return a.promise};function l(){var e=a;clearTimeout(r),Promise.resolve(s.accumulate?t.call(this,o):t.apply(this,o[o.length-1])).then(e.resolve,e.reject),o=[],a=null}}),u));const m={end:"Dropped. Final position in table: {position} of {rowCount}.",initial:"Press space to move the row.",moved:"Current position in table: {position} of {rowCount}.",start:"Row grabbed. Current position in table: {position} of {rowCount}. Press up and down arrow keys to change position, Space to drop."},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropRow=s(this,"dropRow",7),this.dragDropInstructions=m,this.emptyStateLabel="No results found.",this.liveRegionText="",this.triggerRerender=h((async()=>{await this.updateLayout(),this.updateEmptyState()}),0,!0),this.updateLayout=f((async()=>{this.resetCellStyles(),this.resetColumnStyles(),this.resetEmptyRowStyles(),this.resetRowGroupStyles(),this.layoutEmptyRow(),this.layoutRowGroups(),this.layOutCellsAndColumns(),this.updateScrolledState()}),16,{leading:!0}),this.onScroll=()=>{this.updateScrolledState()},this.onFocus=t=>{if(this.movingViaKeyboard){const t=this.el.querySelector(".table-row--moving");t&&this.focusDragHandleOfRow(t)}const e=!!t.target?.closest(this.dragDropHandle);""===this.liveRegionText&&e&&this.updateLiveRegionText("initial")},this.onBlur=t=>{const e=t.relatedTarget,s=!!e?.closest(this.dragDropHandle);this.el.contains(e)&&s\|\|""!==this.liveRegionText&&this.updateLiveRegionText()},this.onKeyDown=t=>{if(!this.enableDragDrop)return;const e=t.target?.closest("swirl-table-row");t.target?.closest(this.dragDropHandle)&&("Space"===t.code?(t.preventDefault(),t.stopPropagation(),this.toggleKeyboardMove(e)):"ArrowUp"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"up")):"ArrowDown"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"down")):"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.cancelKeyboardMove()))}}async componentDidLoad(){this.setupIntersectionObserver(),this.setupMutationObservers(),queueMicrotask((()=>{this.setupDragDrop()}))}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.columnMutationObserver?.disconnect(),this.rowMutationObserver?.disconnect(),this.sortable?.destroy()}handleEnableDragDropChange(){queueMicrotask((()=>{this.setupDragDrop()}))}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.container)}setupMutationObservers(){this.columnMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length\|\|t.removedNodes.length))&&this.updateLayout()})),this.columnMutationObserver.observe(this.headerEl,{childList:!0,subtree:!0}),this.rowMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length\|\|t.removedNodes.length))&&(this.updateEmptyState(),this.setupDragDrop())})),this.startRowMutationObserver()}startRowMutationObserver(){this.rowMutationObserver?.observe(this.bodyEl,{childList:!0,subtree:!0})}stopRowMutationObserver(){this.rowMutationObserver?.disconnect()}setupDragDrop(){if(this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop){if(this.el.querySelector("swirl-table-row-group"))return void console.warn('[Swirl] Drag & drop is not yet supported for swirl-tables using the "swirl-table-row-group" component.');if(!this.dragDropHandle)return void console.warn('[Swirl] swirl-table required the "dragDropHandle" prop to be set when drag & drop is enabled.');const t=this.el.querySelector('[slot="rows"]');this.dragDropContainer="SWIRL-TABLE-ROW"!==t?.tagName?t??this.bodyEl:this.bodyEl,this.sortable=new n(this.dragDropContainer,{animation:100,direction:"vertical",handle:this.dragDropHandle,fallbackOnBody:!0,group:"swirl-table-"+(""+Math.random()).substring(2),onStart:()=>{this.stopRowMutationObserver()},onEnd:t=>{t.stopPropagation();const{to:e,newIndex:s,oldIndex:i,item:a}=t;this.dropRow.emit({newIndex:s,oldIndex:i,item:a,itemId:a.id??a.querySelector(":scope > swirl-table-row").id,newNextSiblingItemId:s<e.children.length-1?e.children[s+1].id:void 0,newPrevSiblingItemId:s>0?e.children[s-1].id:void 0}),this.startRowMutationObserver()}})}}async onVisibilityChange(t){t.some((t=>t.isIntersecting))&&setTimeout((async()=>{await this.updateLayout()}),100)}async componentDidRender(){await this.updateLayout(),this.updateEmptyState()}async onWindowResize(){await this.updateLayout()}async rerender(){this.triggerRerender()}resetEmptyRowStyles(){const t=this.el.querySelector(".table__empty-row");t&&(t.style.width="")}resetRowGroupStyles(){Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width="")}))}resetColumnStyles(){this.getColumns().forEach((t=>{t.classList.remove("table-column--has-shadow","table-column--is-sticky","table-column--is-sticky-right"),t.style.right="",t.style.left="",t.style.position="",t.style.zIndex=""}))}resetCellStyles(){this.getCells().forEach((t=>{t.classList.remove("table-cell--has-shadow","table-cell--is-sticky","table-cell--is-sticky-right"),t.style.flex="",t.style.left="",t.style.right="",t.style.position="",t.style.zIndex=""}))}updateScrolledState(){const t=c();if(void 0===this.container)return;const e=this.container.scrollWidth>this.container.clientWidth,s=this.container.scrollLeft>0,i=Math.ceil(this.container.clientWidth+this.container.scrollLeft)>=Math.floor(this.container.scrollWidth);e!==this.scrollable&&(e&&!t?this.container.classList.add("table__container--scrollable"):this.container.classList.remove("table__container--scrollable")),s!==this.scrolled&&(s&&!t?this.container.classList.add("table__container--scrolled"):this.container.classList.remove("table__container--scrolled")),i!==this.scrolledToEnd&&(i&&!t?this.container.classList.add("table__container--scrolled-to-end"):this.container.classList.remove("table__container--scrolled-to-end"))}getColumns(){return Array.from(this.el.querySelectorAll("swirl-table-column"))}getCells(){return Array.from(this.el.querySelectorAll("swirl-table-cell"))}layoutEmptyRow(){const t=this.el.querySelector(".table__empty-row");if(!t)return;const e=this.el.querySelector(".table__container").scrollWidth+"px";t.style.width=e}layoutRowGroups(){const t=Array.from(this.el.querySelectorAll("swirl-table-row-group")),e=this.el.querySelector(".table__container")?.scrollWidth+"px";t.forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width=e)}))}layOutCellsAndColumns(){const t=this.getColumns(),e=this.getCells();t.forEach(((s,i)=>{const a=this.getCellsForColumn(e,t,i),r=this.calculateColumnProperties(s,t,i);a.forEach((t=>this.applyCellStyles(t,s,r))),this.applyColumnStyles(s,r)}))}getCellsForColumn(t,e,s){return t.filter(((t,i)=>(s-i)%e.length==0))}calculateColumnProperties(t,e,s){return{leftOffsetForStickyColumn:t.sticky?this.getLeftOffsetForStickyColumn(e,s):0,columnWidth:t.getBoundingClientRect().width+"px",isLastColumnSticky:t.sticky&&e.length===s+1,hasShadowRight:t.sticky&&!this.hasStickyColumnsToRight(e,s)}}applyCellStyles(t,e,s){const{leftOffsetForStickyColumn:i,columnWidth:a,isLastColumnSticky:r,hasShadowRight:o}=s;t.style.flex=a?"0 0 "+a:"",c()\|\|(e.sticky&&!r&&(t.classList.add("table-cell--is-sticky"),t.style.left=i+"px",o&&t.classList.add("table-cell--has-shadow-right")),r&&t.classList.add("table-cell--is-sticky-right","table-cell--has-shadow-left"))}applyColumnStyles(t,e){if(c())return;const{leftOffsetForStickyColumn:s,isLastColumnSticky:i,hasShadowRight:a}=e;t.sticky&&!i&&(t.classList.add("table-column--is-sticky"),t.style.left=s+"px",a&&t.classList.add("table-column--has-shadow-right")),i&&t.classList.add("table-column--is-sticky-right","table-column--has-shadow-left")}getLeftOffsetForStickyColumn(t,e){return t.slice(0,e).reduce(((t,e)=>{if(e.sticky)return t+e.getBoundingClientRect().width}),0)}hasStickyColumnsToRight(t,e){return t.slice(e+1,t.length-1).some((t=>t.sticky))}updateEmptyState(){const t=this.el.querySelector('[slot="rows"]');this.empty=!t\|\|0===t.children.length}updateLiveRegionText(t,e={}){let s=t?this.dragDropInstructions[t]:"";for(const[t,i]of Object.entries(e??{}))s=s.replaceAll(`{${t}}`,i+"");s!==this.liveRegionText&&(this.liveRegionText=s)}toggleKeyboardMove(t){this.movingViaKeyboard?this.endKeyboardMove(t):this.startKeyboardMove(t)}startKeyboardMove(t){this.movingViaKeyboard=!0,this.positionBeforeKeyboardMove=Array.from(this.dragDropContainer.children).indexOf(t),t.classList.add("table-row--moving"),this.updateLiveRegionText("start",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length})}endKeyboardMove(t){this.movingViaKeyboard=!1,t.classList.remove("table-row--moving"),this.updateLiveRegionText("end",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length}),this.dropRow.emit({item:t,newIndex:Array.from(this.dragDropContainer.children).indexOf(t),oldIndex:this.positionBeforeKeyboardMove,itemId:t.id,newNextSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)<this.dragDropContainer.children.length-1?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)+1].id:void 0,newPrevSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)>0?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)-1].id:void 0}),this.positionBeforeKeyboardMove=void 0}cancelKeyboardMove(){if(!this.movingViaKeyboard)return;const t=this.el.querySelector(".table-row--moving");t&&(t.classList.remove("table-row--moving"),this.movingViaKeyboard=!1,void 0!==this.positionBeforeKeyboardMove&&this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[this.positionBeforeKeyboardMove]))}moveRow(t,e){if(!this.movingViaKeyboard)return;let s;if("up"===e){const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.max(0,e-1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s])}else{const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.min(this.dragDropContainer.children.length-1,e+1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s+1])}this.updateLiveRegionText("moved",{position:s+1,rowCount:this.dragDropContainer.children.length}),this.focusDragHandleOfRow(t)}focusDragHandleOfRow(t){const e=d(t,this.dragDropHandle)?.[0];"BUTTON"===e.tagName?e.focus():e.querySelector("button")?.focus()}render(){const t=!!this.el.querySelector('[slot="empty"]'),e=l("table",{"table--show-empty-state":this.empty&&!this.loading,"table--keyboard-move":this.movingViaKeyboard});return i(a,{key:"16d0611e24b24ee9f79cc38e0095a67672d74c2e"},i("div",{key:"aec12bf6d94bef63f68acfaf028658254d01f181",class:e},this.enableDragDrop&&i("swirl-visually-hidden",{key:"0af23c204985e8578aee552beff188f5e599275f"},i("span",{key:"0f4bcc195d7bd265c028b70604ba74b1531e3c25","aria-live":"assertive"},this.liveRegionText)),i("div",{key:"77e6c52ecbf5e81d268b9c49364cbe166e8ba45e",class:"table__container",onFocusin:this.onFocus,onFocusout:this.onBlur,onKeyDown:this.onKeyDown,onScroll:this.onScroll,ref:t=>this.container=t,tabIndex:-1},i("div",{key:"21156e4f5d0a98c1c11cdab2c8d812833d1af031","aria-describedby":this.caption?"caption":void 0,"aria-label":this.label,role:"table",class:"table__table"},this.caption&&i("swirl-visually-hidden",{key:"deea452f4a44ffaf0f8472e0ba07446f555de0c2"},i("div",{key:"e0f7da4bf4009659451e3890827861a64045d740",id:"caption"},this.caption)),i("div",{key:"ce3b91d7709fb0b607cf3b4fa48f5d118d04ac4f",role:"rowgroup"},i("div",{key:"15c9d000b9d69eedc6ca1285a9dcfa20ca2bec02",class:"table__header",ref:t=>this.headerEl=t,role:"row"},i("slot",{key:"31f61474ba47292819e5fbaf655817ed28a03434",name:"columns"}))),i("div",{key:"2d5e8fab1af067c1eb59ad84db517113cc6935e3",class:"table__body",ref:t=>this.bodyEl=t},i("slot",{key:"47f0b034e0412de19194c87bf2dd1eea524af173",name:"rows"}),i("div",{key:"4b97574c5c5919c35fd5a9ce48a4b4dbb24d9518",class:"table__empty-row",role:"row"},i("div",{key:"e8d44d595d30450512ad57defb3c61fd77f2040a","aria-colspan":this.getColumns().length,class:"table__empty-row-cell",role:"cell"},i("slot",{key:"6551e8e625520b44e608a41e67d58e65a06c20d2",name:"empty"}),!t&&i("swirl-text",{key:"7689d667f7574ddd4dfa3ad54d05906e1822c035",align:"center",size:"sm"},this.emptyStateLabel))))))))}get el(){return this}static get watchers(){return{enableDragDrop:[{handleEnableDragDropChange:0}]}}static get style(){return".sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(23, 23, 23, 0.2);position:relative;display:block}.sc-swirl-table-h .sc-swirl-table{box-sizing:border-box}html.theme-dark.sc-swirl-table-h,html.theme-dark .sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(0, 0, 0, 0.2)}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid var(--s-border-highlight)}.table--show-empty-state.sc-swirl-table .table__empty-row.sc-swirl-table{display:flex}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px var(--swirl-table-shadow-rgba), 2px 0 4px -2px var(--swirl-table-shadow-rgba)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px var(--swirl-table-shadow-rgba), 0px 1px 4px 0px var(--swirl-table-shadow-rgba)}.table__table.sc-swirl-table{width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>,.table__header .sc-swirl-table-s>{display:flex}.table__empty-row.sc-swirl-table{display:none}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>.sc-swirl-table{flex-grow:1}"}},[262,"swirl-table",{caption:[1],dragDropHandle:[1,"drag-drop-handle"],dragDropInstructions:[16],emptyStateLabel:[1,"empty-state-label"],enableDragDrop:[4,"enable-drag-drop"],label:[1],loading:[4],empty:[32],liveRegionText:[32],scrollable:[32],scrolled:[32],scrolledToEnd:[32],rerender:[64]},[[9,"resize","onWindowResize"]],{enableDragDrop:[{handleEnableDragDropChange:0}]}]),g=y,v=function(){"undefined"!=typeof customElements&&["swirl-table","swirl-text","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-table":customElements.get(r(t))\|\|customElements.define(r(t),y);break;case"swirl-text":customElements.get(r(t))\|\|b();break;case"swirl-visually-hidden":customElements.get(r(t))\|\|w()}}))};export{g as SwirlTable,v as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as a,transformTag as r}from"@stencil/core/internal/client";import{g as o,c as l}from"./index2.js";import{S as n}from"./sortable.esm.js";import{d as h,i as c,q as d}from"./utils.js";import{d as b}from"./swirl-text2.js";import{d as w}from"./swirl-visually-hidden2.js";var u,p,f=o((p\|\|(p=1,u=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=void 0,a=void 0,r=void 0,o=[];return function(){var n=function(t){return"function"==typeof t?t():t}(e),h=(new Date).getTime(),c=!i\|\|h-i>n;i=h;for(var d=arguments.length,b=Array(d),w=0;w<d;w++)b[w]=arguments[w];if(c&&s.leading)return s.accumulate?Promise.resolve(t.call(this,[b])).then((function(t){return t[0]})):Promise.resolve(t.call.apply(t,[this].concat(b)));if(a?clearTimeout(r):a=function(){var t={};return t.promise=new Promise((function(e,s){t.resolve=e,t.reject=s})),t}(),o.push(b),r=setTimeout(l.bind(this),n),s.accumulate){var u=o.length-1;return a.promise.then((function(t){return t[u]}))}return a.promise};function l(){var e=a;clearTimeout(r),Promise.resolve(s.accumulate?t.call(this,o):t.apply(this,o[o.length-1])).then(e.resolve,e.reject),o=[],a=null}}),u));const m={end:"Dropped. Final position in table: {position} of {rowCount}.",initial:"Press space to move the row.",moved:"Current position in table: {position} of {rowCount}.",start:"Row grabbed. Current position in table: {position} of {rowCount}. Press up and down arrow keys to change position, Space to drop."},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropRow=s(this,"dropRow",7),this.dragDropInstructions=m,this.emptyStateLabel="No results found.",this.liveRegionText="",this.triggerRerender=h((async()=>{await this.updateLayout(),this.updateEmptyState()}),0,!0),this.updateLayout=f((async()=>{this.resetCellStyles(),this.resetColumnStyles(),this.resetEmptyRowStyles(),this.resetRowGroupStyles(),this.layoutEmptyRow(),this.layoutRowGroups(),this.layOutCellsAndColumns(),this.updateScrolledState()}),16,{leading:!0}),this.onScroll=()=>{this.updateScrolledState()},this.onFocus=t=>{if(this.movingViaKeyboard){const t=this.el.querySelector(".table-row--moving");t&&this.focusDragHandleOfRow(t)}const e=!!t.target?.closest(this.dragDropHandle);""===this.liveRegionText&&e&&this.updateLiveRegionText("initial")},this.onBlur=t=>{const e=t.relatedTarget,s=!!e?.closest(this.dragDropHandle);this.el.contains(e)&&s\|\|""!==this.liveRegionText&&this.updateLiveRegionText()},this.onKeyDown=t=>{if(!this.enableDragDrop)return;const e=t.target?.closest("swirl-table-row");t.target?.closest(this.dragDropHandle)&&("Space"===t.code?(t.preventDefault(),t.stopPropagation(),this.toggleKeyboardMove(e)):"ArrowUp"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"up")):"ArrowDown"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"down")):"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.cancelKeyboardMove()))}}async componentDidLoad(){this.setupIntersectionObserver(),this.setupMutationObservers(),queueMicrotask((()=>{this.setupDragDrop()}))}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.columnMutationObserver?.disconnect(),this.rowMutationObserver?.disconnect(),this.sortable?.destroy()}handleEnableDragDropChange(){queueMicrotask((()=>{this.setupDragDrop()}))}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.container)}setupMutationObservers(){this.columnMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length\|\|t.removedNodes.length))&&this.updateLayout()})),this.columnMutationObserver.observe(this.headerEl,{childList:!0,subtree:!0}),this.rowMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length\|\|t.removedNodes.length))&&(this.updateEmptyState(),this.setupDragDrop())})),this.startRowMutationObserver()}startRowMutationObserver(){this.rowMutationObserver?.observe(this.bodyEl,{childList:!0,subtree:!0})}stopRowMutationObserver(){this.rowMutationObserver?.disconnect()}setupDragDrop(){if(this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop){if(this.el.querySelector("swirl-table-row-group"))return void console.warn('[Swirl] Drag & drop is not yet supported for swirl-tables using the "swirl-table-row-group" component.');if(!this.dragDropHandle)return void console.warn('[Swirl] swirl-table required the "dragDropHandle" prop to be set when drag & drop is enabled.');const t=this.el.querySelector('[slot="rows"]');this.dragDropContainer="SWIRL-TABLE-ROW"!==t?.tagName?t??this.bodyEl:this.bodyEl,this.sortable=new n(this.dragDropContainer,{animation:100,direction:"vertical",handle:this.dragDropHandle,fallbackOnBody:!0,group:"swirl-table-"+(""+Math.random()).substring(2),onStart:()=>{this.stopRowMutationObserver()},onEnd:t=>{t.stopPropagation();const{to:e,newIndex:s,oldIndex:i,item:a}=t;this.dropRow.emit({newIndex:s,oldIndex:i,item:a,itemId:a.id??a.querySelector(":scope > swirl-table-row").id,newNextSiblingItemId:s<e.children.length-1?e.children[s+1].id:void 0,newPrevSiblingItemId:s>0?e.children[s-1].id:void 0}),this.startRowMutationObserver()}})}}async onVisibilityChange(t){t.some((t=>t.isIntersecting))&&setTimeout((async()=>{await this.updateLayout()}),100)}async componentDidRender(){await this.updateLayout(),this.updateEmptyState()}async onWindowResize(){await this.updateLayout()}async rerender(){this.triggerRerender()}resetEmptyRowStyles(){const t=this.el.querySelector(".table__empty-row");t&&(t.style.width="")}resetRowGroupStyles(){Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width="")}))}resetColumnStyles(){this.getColumns().forEach((t=>{t.classList.remove("table-column--has-shadow","table-column--is-sticky","table-column--is-sticky-right"),t.style.right="",t.style.left="",t.style.position="",t.style.zIndex=""}))}resetCellStyles(){this.getCells().forEach((t=>{t.classList.remove("table-cell--has-shadow","table-cell--is-sticky","table-cell--is-sticky-right"),t.style.flex="",t.style.left="",t.style.right="",t.style.position="",t.style.zIndex=""}))}updateScrolledState(){const t=c();if(void 0===this.container)return;const e=this.container.scrollWidth>this.container.clientWidth,s=this.container.scrollLeft>0,i=Math.ceil(this.container.clientWidth+this.container.scrollLeft)>=Math.floor(this.container.scrollWidth);e!==this.scrollable&&(e&&!t?this.container.classList.add("table__container--scrollable"):this.container.classList.remove("table__container--scrollable")),s!==this.scrolled&&(s&&!t?this.container.classList.add("table__container--scrolled"):this.container.classList.remove("table__container--scrolled")),i!==this.scrolledToEnd&&(i&&!t?this.container.classList.add("table__container--scrolled-to-end"):this.container.classList.remove("table__container--scrolled-to-end"))}getColumns(){return Array.from(this.el.querySelectorAll("swirl-table-column"))}getCells(){return Array.from(this.el.querySelectorAll("swirl-table-cell"))}layoutEmptyRow(){const t=this.el.querySelector(".table__empty-row");if(!t)return;const e=this.el.querySelector(".table__container").scrollWidth+"px";t.style.width=e}layoutRowGroups(){const t=Array.from(this.el.querySelectorAll("swirl-table-row-group")),e=this.el.querySelector(".table__container")?.scrollWidth+"px";t.forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width=e)}))}layOutCellsAndColumns(){const t=this.getColumns(),e=this.getCells();t.forEach(((s,i)=>{const a=this.getCellsForColumn(e,t,i),r=this.calculateColumnProperties(s,t,i);a.forEach((t=>this.applyCellStyles(t,s,r))),this.applyColumnStyles(s,r)}))}getCellsForColumn(t,e,s){return t.filter(((t,i)=>(s-i)%e.length==0))}calculateColumnProperties(t,e,s){return{leftOffsetForStickyColumn:t.sticky?this.getLeftOffsetForStickyColumn(e,s):0,columnWidth:t.getBoundingClientRect().width+"px",isLastColumnSticky:t.sticky&&e.length===s+1,hasShadowRight:t.sticky&&!this.hasStickyColumnsToRight(e,s)}}applyCellStyles(t,e,s){const{leftOffsetForStickyColumn:i,columnWidth:a,isLastColumnSticky:r,hasShadowRight:o}=s;t.style.flex=a?"0 0 "+a:"",c()\|\|(e.sticky&&!r&&(t.classList.add("table-cell--is-sticky"),t.style.left=i+"px",o&&t.classList.add("table-cell--has-shadow-right")),r&&t.classList.add("table-cell--is-sticky-right","table-cell--has-shadow-left"))}applyColumnStyles(t,e){if(c())return;const{leftOffsetForStickyColumn:s,isLastColumnSticky:i,hasShadowRight:a}=e;t.sticky&&!i&&(t.classList.add("table-column--is-sticky"),t.style.left=s+"px",a&&t.classList.add("table-column--has-shadow-right")),i&&t.classList.add("table-column--is-sticky-right","table-column--has-shadow-left")}getLeftOffsetForStickyColumn(t,e){return t.slice(0,e).reduce(((t,e)=>{if(e.sticky)return t+e.getBoundingClientRect().width}),0)}hasStickyColumnsToRight(t,e){return t.slice(e+1,t.length-1).some((t=>t.sticky))}updateEmptyState(){const t=this.el.querySelector('[slot="rows"]');this.empty=!t\|\|0===t.children.length}updateLiveRegionText(t,e={}){let s=t?this.dragDropInstructions[t]:"";for(const[t,i]of Object.entries(e??{}))s=s.replaceAll(`{${t}}`,i+"");s!==this.liveRegionText&&(this.liveRegionText=s)}toggleKeyboardMove(t){this.movingViaKeyboard?this.endKeyboardMove(t):this.startKeyboardMove(t)}startKeyboardMove(t){this.movingViaKeyboard=!0,this.positionBeforeKeyboardMove=Array.from(this.dragDropContainer.children).indexOf(t),t.classList.add("table-row--moving"),this.updateLiveRegionText("start",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length})}endKeyboardMove(t){this.movingViaKeyboard=!1,t.classList.remove("table-row--moving"),this.updateLiveRegionText("end",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length}),this.dropRow.emit({item:t,newIndex:Array.from(this.dragDropContainer.children).indexOf(t),oldIndex:this.positionBeforeKeyboardMove,itemId:t.id,newNextSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)<this.dragDropContainer.children.length-1?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)+1].id:void 0,newPrevSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)>0?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)-1].id:void 0}),this.positionBeforeKeyboardMove=void 0}cancelKeyboardMove(){if(!this.movingViaKeyboard)return;const t=this.el.querySelector(".table-row--moving");t&&(t.classList.remove("table-row--moving"),this.movingViaKeyboard=!1,void 0!==this.positionBeforeKeyboardMove&&this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[this.positionBeforeKeyboardMove]))}moveRow(t,e){if(!this.movingViaKeyboard)return;let s;if("up"===e){const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.max(0,e-1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s])}else{const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.min(this.dragDropContainer.children.length-1,e+1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s+1])}this.updateLiveRegionText("moved",{position:s+1,rowCount:this.dragDropContainer.children.length}),this.focusDragHandleOfRow(t)}focusDragHandleOfRow(t){const e=d(t,this.dragDropHandle)?.[0];"BUTTON"===e.tagName?e.focus():e.querySelector("button")?.focus()}render(){const t=!!this.el.querySelector('[slot="empty"]'),e=l("table",{"table--show-empty-state":this.empty&&!this.loading,"table--keyboard-move":this.movingViaKeyboard});return i(a,{key:"f010ed1d36f52302f23347c0dc93aed097516e65"},i("div",{key:"9742063612ec69b890acf923d236cf82c537fd06",class:e},this.enableDragDrop&&i("swirl-visually-hidden",{key:"f30a65945fe1de2ea2c6cb63a86c2ed998e9e59a"},i("span",{key:"f4371d140c521db62802a80db68ede59068b49f8","aria-live":"assertive"},this.liveRegionText)),i("div",{key:"3852e79d00186ffd4d7f4f85c42a313a5fe0b015",class:"table__container",onFocusin:this.onFocus,onFocusout:this.onBlur,onKeyDown:this.onKeyDown,onScroll:this.onScroll,ref:t=>this.container=t,tabIndex:-1},i("div",{key:"42991348af11c57637d027dda61dfb7c1f8486b8","aria-describedby":this.caption?"caption":void 0,"aria-label":this.label,role:"table",class:"table__table"},this.caption&&i("swirl-visually-hidden",{key:"b48ceca32faeb003d3d25e3e52bdab1c4bf92559"},i("div",{key:"b8c2faadc7d9cc79a3e615afa739b05600ffaf1c",id:"caption"},this.caption)),i("div",{key:"33a98dde151e2dd908ff96a9f5766591db70c897",role:"rowgroup"},i("div",{key:"bafb23b47e6a277a147a112c33a9f73dc1cb5fb7",class:"table__header",ref:t=>this.headerEl=t,role:"row"},i("slot",{key:"2703a00ffafc3734431422b81a2e3f35bd359dd8",name:"columns"}))),i("div",{key:"37f52de1cf09c30c4b53532de040318d8fe8060b",class:"table__body",ref:t=>this.bodyEl=t},i("slot",{key:"ffcf70254fa500850c7a1680ebfca60913231659",name:"rows"}),i("div",{key:"46695b7fb76a3261d67e2e3683042f0fadb7eb8a",class:"table__empty-row",role:"row"},i("div",{key:"d8bb4db839d87af2a5cf60abbd0ca106e03c5baf","aria-colspan":this.getColumns().length,class:"table__empty-row-cell",role:"cell"},i("slot",{key:"27d38687544f12c0b1d6702ca614ce411263b288",name:"empty"}),!t&&i("swirl-text",{key:"f77d31e7b5df3e0b28625d55d40cac75e0139c85",align:"center",size:"sm"},this.emptyStateLabel))))))))}get el(){return this}static get watchers(){return{enableDragDrop:[{handleEnableDragDropChange:0}]}}static get style(){return".sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(23, 23, 23, 0.2);position:relative;display:block}.sc-swirl-table-h .sc-swirl-table{box-sizing:border-box}html.theme-dark.sc-swirl-table-h,html.theme-dark .sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(0, 0, 0, 0.2)}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid var(--s-border-highlight)}.table--show-empty-state.sc-swirl-table .table__empty-row.sc-swirl-table{display:flex}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px var(--swirl-table-shadow-rgba), 2px 0 4px -2px var(--swirl-table-shadow-rgba)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px var(--swirl-table-shadow-rgba), 0px 1px 4px 0px var(--swirl-table-shadow-rgba)}.table__table.sc-swirl-table{width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>,.table__header .sc-swirl-table-s>{display:flex}.table__empty-row.sc-swirl-table{display:none}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>.sc-swirl-table{flex-grow:1}"}},[262,"swirl-table",{caption:[1],dragDropHandle:[1,"drag-drop-handle"],dragDropInstructions:[16],emptyStateLabel:[1,"empty-state-label"],enableDragDrop:[4,"enable-drag-drop"],label:[1],loading:[4],empty:[32],liveRegionText:[32],scrollable:[32],scrolled:[32],scrolledToEnd:[32],rerender:[64]},[[9,"resize","onWindowResize"]],{enableDragDrop:[{handleEnableDragDropChange:0}]}]),g=y,v=function(){"undefined"!=typeof customElements&&["swirl-table","swirl-text","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-table":customElements.get(r(t))\|\|customElements.define(r(t),y);break;case"swirl-text":customElements.get(r(t))\|\|b();break;case"swirl-visually-hidden":customElements.get(r(t))\|\|w()}}))};export{g as SwirlTable,v as defineCustomElement}

package/dist/components/swirl-tabs.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as s,Host as e,transformTag as r}from"@stencil/core/internal/client";import{o as b}from"./utils.js";import{d as n}from"./swirl-badge2.js";import{d as l}from"./swirl-tab-bar2.js";import{d ~~as c~~}from"./swirl-tooltip2.js";import{d}from"./swirl-visually-hidden2.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabActivated=a(this,"tabActivated",7),this.tabBarVariant="default",this.tabBarTabs=[],this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)}}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const i=this.tabs.find((i=>i.tabId===t));i&&(i.active=!0,this.tabActivated.emit(i),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=b(t+1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=b(t-1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(t?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({active:this.activeTab===t.tabId,badge:t.badge,icon:t.icon,id:t.tabId,label:t.label,tooltip:t.tooltip})))}render(){return s(e,{key:"~~fd343cff53ccf5f806d192f321e6bf0bbb7d96dc~~"},s("div",{key:"~~40c79cfa0a500a53f2c3a6a57a27669ca80131ea~~",class:"tabs"},s("swirl-tab-bar",{key:"~~3cf0542d88f7c6204757cd9b030f76fc68f1870d~~",label:this.label,onActivateNextTab:this.onActivateNextTab,onActivatePreviousTab:this.onActivatePreviousTab,onActivateTab:this.onActivateTab,tabs:this.tabBarTabs,justify:this.justifyTabBar,paddingBlockEnd:this.tabBarPaddingBlockEnd,paddingBlockStart:this.tabBarPaddingBlockStart,paddingInlineEnd:this.tabBarPaddingInlineEnd,paddingInlineStart:this.tabBarPaddingInlineStart,variant:this.tabBarVariant})),s("slot",{key:"~~a60f248a2e3c2a83115c8ddb682759dd94a4f7b9~~"}))}get el(){return this}static get style(){return".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}"}},[262,"swirl-tabs",{initialTab:[1,"initial-tab"],label:[1],justifyTabBar:[1,"justify-tab-bar"],tabBarPaddingBlockEnd:[1,"tab-bar-padding-block-end"],tabBarPaddingBlockStart:[1,"tab-bar-padding-block-start"],tabBarPaddingInlineEnd:[1,"tab-bar-padding-inline-end"],tabBarPaddingInlineStart:[1,"tab-bar-padding-inline-start"],tabBarVariant:[1,"tab-bar-variant"],activeTab:[32],tabBarTabs:[32],activateTab:[64]}]),o=h,f=function(){"undefined"!=typeof customElements&&["swirl-tabs","swirl-badge","swirl-tab-bar","swirl-tooltip","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-tabs":customElements.get(r(t))\|\|customElements.define(r(t),h);break;case"swirl-badge":customElements.get(r(t))\|\|n();break;case"swirl-tab-bar":customElements.get(r(t))\|\|l();break;case"swirl-tooltip":customElements.get(r(t))\|\|c();break;case"swirl-visually-hidden":customElements.get(r(t))\|\|d()}}))};export{o as SwirlTabs,f as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as a,Host as e,transformTag as r}from"@stencil/core/internal/client";import{o as b}from"./utils.js";import{d as n}from"./swirl-badge2.js";import{d as l}from"./swirl-tab-bar2.js";import{d}from"./swirl-tooltip2.js";import{d as c}from"./swirl-visually-hidden2.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabActivated=s(this,"tabActivated",7),this.tabBarVariant="default",this.tabBarTabs=[],this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)}}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const i=this.tabs.find((i=>i.tabId===t));i&&(i.active=!0,this.tabActivated.emit(i),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=b(t+1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=b(t-1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(t?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({active:this.activeTab===t.tabId,badge:t.badge,icon:t.icon,id:t.tabId,label:t.label,tooltip:t.tooltip})))}render(){return a(e,{key:"84003dfbef14f9f9cd8929b0bf83182657cf31d6"},a("div",{key:"dfb62268a5be2166eb91dbe5a71f023c8e50169a",class:"tabs"},a("swirl-tab-bar",{key:"e903d9d0b7a2ec7439ffa71d56b1832ab9bc8c3c",label:this.label,onActivateNextTab:this.onActivateNextTab,onActivatePreviousTab:this.onActivatePreviousTab,onActivateTab:this.onActivateTab,tabs:this.tabBarTabs,justify:this.justifyTabBar,paddingBlockEnd:this.tabBarPaddingBlockEnd,paddingBlockStart:this.tabBarPaddingBlockStart,paddingInlineEnd:this.tabBarPaddingInlineEnd,paddingInlineStart:this.tabBarPaddingInlineStart,variant:this.tabBarVariant})),a("slot",{key:"16ce20aa7b159625f19039225927b4b2fe1d0893"}))}get el(){return this}static get style(){return".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}"}},[262,"swirl-tabs",{initialTab:[1,"initial-tab"],label:[1],justifyTabBar:[1,"justify-tab-bar"],tabBarPaddingBlockEnd:[1,"tab-bar-padding-block-end"],tabBarPaddingBlockStart:[1,"tab-bar-padding-block-start"],tabBarPaddingInlineEnd:[1,"tab-bar-padding-inline-end"],tabBarPaddingInlineStart:[1,"tab-bar-padding-inline-start"],tabBarVariant:[1,"tab-bar-variant"],activeTab:[32],tabBarTabs:[32],activateTab:[64]}]),o=h,m=function(){"undefined"!=typeof customElements&&["swirl-tabs","swirl-badge","swirl-tab-bar","swirl-tooltip","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-tabs":customElements.get(r(t))\|\|customElements.define(r(t),h);break;case"swirl-badge":customElements.get(r(t))\|\|n();break;case"swirl-tab-bar":customElements.get(r(t))\|\|l();break;case"swirl-tooltip":customElements.get(r(t))\|\|d();break;case"swirl-visually-hidden":customElements.get(r(t))\|\|c()}}))};export{o as SwirlTabs,m as defineCustomElement}

package/dist/components/swirl-tag2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as a,createEvent as r,h as e,Host as o,transformTag as i}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{d as s}from"./swirl-icon-close2.js";import{d as c}from"./swirl-visually-hidden2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.removeTag=r(this,"remove",7),this.tagClick=r(this,"tagClick",7),this.iconPosition="start",this.intent="default",this.interactive=!1,this.size="m",this.removalButtonLabel="Remove",this.variant="default",this.onRemove=t=>{this.removeTag?.emit(t)},this.onClick=t=>{this.tagClick.emit(t)}}componentDidLoad(){this.forceIconProps()}componentWillLoad(){this.forceVariant()}componentDidRender(){this.forceIconProps()}forceIconProps(){const t=this.iconEl?.children[0];t?.setAttribute("size","16")}forceVariant(){Boolean(this.bordered)&&(console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'),this.variant="outline")}render(){const t=this.interactive?"button":"span",a=n("tag",`tag--icon-position-${this.iconPosition}`,`tag--intent-${this.intent}`,`tag--size-${this.size}`,`tag--variant-${this.variant}`,{"tag--hide-label":this.hideLabel,"tag--interactive":this.interactive});return e(o,{key:"~~4ab5d9f7112162a8f3f2c6dbc3237dc3830ddb1b~~"},e(t,{key:"~~d690e8a0eb95291c61e04587230a235ad0c725f2~~",class:a,onClick:this.interactive?this.onClick:void 0,part:"tag",tabIndex:this.interactive&&"true"===this.el.ariaHidden?-1:void 0,type:this.interactive?"button":void 0},this.icon&&e("span",{key:"~~19968e5bbef6e80830378a2c7f993cd89e332163~~",class:"tag__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),this.hideLabel?e("swirl-visually-hidden",null,this.label):e("span",{class:"tag__label"},this.label),this.removable&&e("button",{key:"~~f72194eaf3563457c2b51979186e55a710f0d7f5~~","aria-label":this.removalButtonLabel,class:"tag__removal-button",onClick:this.onRemove,tabIndex:"true"===this.el.ariaHidden?-1:void 0,type:"button"},e("swirl-icon-close",{key:"~~fc7194c146a8a94af6e501158ccfb49bb35c295a~~",size:16}))))}get el(){return this}static get style(){return':host{display:inline-flex;max-width:100%}:host {box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;border-style:solid;border-width:var(--s-border-width-default);border-color:transparent}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-s.tag--icon-position-end .tag__icon{margin-right:calc(-1 var(--s-space-2))}.tag--size-s .tag__icon{margin-left:calc(-1 * var(--s-space-2))}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);order:2}.tag--hide-label{padding-right:0;padding-left:0}.tag--hide-label.tag--size-s .tag__icon{margin-right:0;margin-left:0}.tag--hide-label .tag__icon{margin-right:var(--s-space-2);margin-left:var(--s-space-2)}.tag--variant-outline{border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag--interactive{position:relative;font-family:inherit;cursor:pointer}.tag--interactive::after{position:absolute;border-radius:inherit;content:"";inset:calc(-1 * var(--s-border-width-default));pointer-events:none}.tag--interactive:hover::after{background-color:var(--s-state-hovered)}.tag--interactive:active::after{background-color:var(--s-state-pressed)}.tag--interactive:focus:not(:focus-visible){outline:none}.tag--interactive:focus-visible{outline-color:var(--s-focus-default)}.tag__icon{display:inline-flex;margin-right:var(--s-space-4);margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}'}},[1,"swirl-tag",{hideLabel:[4,"hide-label"],icon:[1],iconPosition:[1,"icon-position"],intent:[1],interactive:[4],label:[1],removable:[4],bordered:[4],size:[1],removalButtonLabel:[1,"removal-button-label"],variant:[1025]}]);function g(){"undefined"!=typeof customElements&&["swirl-tag","swirl-icon-close","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-tag":customElements.get(i(t))\|\|customElements.define(i(t),l);break;case"swirl-icon-close":customElements.get(i(t))\|\|s();break;case"swirl-visually-hidden":customElements.get(i(t))\|\|c()}}))}export{l as S,g as d}
1	+ import{proxyCustomElement as t,HTMLElement as a,createEvent as r,h as e,Host as o,transformTag as i}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{d as s}from"./swirl-icon-close2.js";import{d as c}from"./swirl-visually-hidden2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.removeTag=r(this,"remove",7),this.tagClick=r(this,"tagClick",7),this.iconPosition="start",this.intent="default",this.interactive=!1,this.size="m",this.removalButtonLabel="Remove",this.variant="default",this.onRemove=t=>{this.removeTag?.emit(t)},this.onClick=t=>{this.tagClick.emit(t)}}componentDidLoad(){this.forceIconProps()}componentWillLoad(){this.forceVariant()}componentDidRender(){this.forceIconProps()}forceIconProps(){const t=this.iconEl?.children[0];t?.setAttribute("size","16")}forceVariant(){Boolean(this.bordered)&&(console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'),this.variant="outline")}render(){const t=this.interactive?"button":"span",a=n("tag",`tag--icon-position-${this.iconPosition}`,`tag--intent-${this.intent}`,`tag--size-${this.size}`,`tag--variant-${this.variant}`,{"tag--hide-label":this.hideLabel,"tag--interactive":this.interactive});return e(o,{key:"5709a99ac30fbe8974ed15518ff326d0ac6cd5c4"},e(t,{key:"309b0378fa3d8610660b5f27abed255decd0bc5a",class:a,onClick:this.interactive?this.onClick:void 0,part:"tag",tabIndex:this.interactive&&"true"===this.el.ariaHidden?-1:void 0,type:this.interactive?"button":void 0},this.icon&&e("span",{key:"47668e1b948333052fba95ab06fd84d03acea380",class:"tag__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),this.hideLabel?e("swirl-visually-hidden",null,this.label):e("span",{class:"tag__label"},this.label),this.removable&&e("button",{key:"764d25e754f0911fa9661278c404471fa9d5e67f","aria-label":this.removalButtonLabel,class:"tag__removal-button",onClick:this.onRemove,tabIndex:"true"===this.el.ariaHidden?-1:void 0,type:"button"},e("swirl-icon-close",{key:"fb50cb9cf0237d0af1f5fc66a9d8dba7c6a5b6de",size:16}))))}get el(){return this}static get style(){return':host{display:inline-flex;max-width:100%}:host {box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;border-style:solid;border-width:var(--s-border-width-default);border-color:transparent}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-s.tag--icon-position-end .tag__icon{margin-right:calc(-1 var(--s-space-2))}.tag--size-s .tag__icon{margin-left:calc(-1 * var(--s-space-2))}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);order:2}.tag--hide-label{padding-right:0;padding-left:0}.tag--hide-label.tag--size-s .tag__icon{margin-right:0;margin-left:0}.tag--hide-label .tag__icon{margin-right:var(--s-space-2);margin-left:var(--s-space-2)}.tag--variant-outline{border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag--interactive{position:relative;font-family:inherit;cursor:pointer}.tag--interactive::after{position:absolute;border-radius:inherit;content:"";inset:calc(-1 * var(--s-border-width-default));pointer-events:none}.tag--interactive:hover::after{background-color:var(--s-state-hovered)}.tag--interactive:active::after{background-color:var(--s-state-pressed)}.tag--interactive:focus:not(:focus-visible){outline:none}.tag--interactive:focus-visible{outline-color:var(--s-focus-default)}.tag__icon{display:inline-flex;margin-right:var(--s-space-4);margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}'}},[1,"swirl-tag",{hideLabel:[4,"hide-label"],icon:[1],iconPosition:[1,"icon-position"],intent:[1],interactive:[4],label:[1],removable:[4],bordered:[4],size:[1],removalButtonLabel:[1,"removal-button-label"],variant:[1025]}]);function g(){"undefined"!=typeof customElements&&["swirl-tag","swirl-icon-close","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-tag":customElements.get(i(t))\|\|customElements.define(i(t),l);break;case"swirl-icon-close":customElements.get(i(t))\|\|s();break;case"swirl-visually-hidden":customElements.get(i(t))\|\|c()}}))}export{l as S,g as d}

package/dist/components/swirl-text2.js CHANGED Viewed

@@ -6,4 +6,4 @@ import{proxyCustomElement as t,HTMLElement as e,h as i,Host as n,transformTag as
   @author Jeff Wainwright <yowainwright@gmail.com> (jeffry.in)
   @license MIT
 **/
-function d(t){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var i,n,s=e.call(t),o=[];try{for(;!(i=s.next()).done;)o.push(i.value)}catch(t){n={error:t}}finally{try{i&&!i.done&&(e=s.return)&&e.call(s)}finally{if(n)throw n.error}}return o}function u(t,e,i){if(2===arguments.length)for(var n,s=0,o=e.length;s<o;s++)!n&&s in e||(n||(n=Array.prototype.slice.call(e,0,s)),n[s]=e[s]);return t.concat(n||Array.prototype.slice.call(e))}const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.align="start",this.as="p",this.color="default",this.fontFamily="text",this.fontStyle="normal",this.responsive=!0,this.size="base",this.truncateDirection="end",this.weight="normal",this.whiteSpace="normal"}componentDidRender(){this.rebalance(),this.handleTruncation()}onWindowResize(){this.rebalance(),this.handleTruncation()}handleTruncation(){if(!this.truncate||!Boolean(this.lines)||1===this.lines)return;const t=+window.getComputedStyle(this.textEl,null).getPropertyValue("line-height").replace("px","");t>0&&function(t,e,i){if(void 0===i&&(i={}),void 0===e||isNaN(e))throw Error("maxHeight is required");var n=function(t){return"string"==typeof t?u([],d(document.querySelectorAll(t)),!1):"length"in t?u([],d(t),!1):[t]}(t);if(n.length)for(var s=i.character,o=void 0===s?"…":s,r=i.classname,a=void 0===r?"js-shave":r,l=i.spaces,c=void 0===l||l,h=i.charclassname,x=void 0===h?"js-shave-char":h,f=i.link,w=void 0===f?{}:f,g="boolean"!=typeof c||c,v=w&&"{}"!==JSON.stringify(w)&&w.href,m=v?"a":"span",p=0;p<n.length;p+=1){var b=n[p],y=b.style,z=b.querySelector("."+a),$=void 0===b.textContent?"innerText":"textContent";z&&(b.removeChild(b.querySelector("."+x)),b[$]=b[$]);var S=b[$],k=g?S.split(" "):S;if(!(k.length<2)){var M=y.height;y.height="auto";var j=y.maxHeight;if(y.maxHeight="none",b.offsetHeight<=e)y.height=M,y.maxHeight=j;else{var B=v&&w.textContent?w.textContent:o,A=document.createElement(m),E={className:x,textContent:B};for(var N in E)A[N]=E[N],A.textContent=o;if(v)for(var T in w)A[T]=w[T];for(var C=k.length-1,D=0,R=void 0;D<C;)R=D+C+1>>1,b[$]=g?k.slice(0,R).join(" "):k.slice(0,R),b.insertAdjacentElement("beforeend",A),b.offsetHeight>e?C=R-1:D=R;b[$]=g?k.slice(0,C).join(" "):k.slice(0,C),b.insertAdjacentElement("beforeend",A);var O=g?" ".concat(k.slice(C).join(" ")):k.slice(C),W=document.createTextNode(O),q=document.createElement("span");q.classList.add(a),q.style.display="none",q.appendChild(W),b.insertAdjacentElement("beforeend",q),y.height=M,y.maxHeight=j}}}}(this.textEl,t*this.lines)}rebalance(){this.balance&&Boolean(this.textEl)&&f(this.textEl)}render(){const t=this.as,e=this.truncate&&(!Boolean(this.lines)||1===this.lines),s=r("text",`text--align-${this.align}`,`text--color-${this.color}`,`text--font-family-${this.fontFamily}`,`text--font-style-${this.fontStyle}`,`text--size-${this.size}`,`text--truncate-direction-${this.truncateDirection}`,`text--weight-${this.weight}`,{"text--truncate":e,"text--responsive":this.responsive});return i(n,{key:"7876251f346121249f38d006c3d8a4ad7fa37327"},i(t,{key:"62331a315bd3203bc9bd4f79709dd0f373fc44df",class:s,ref:t=>this.textEl=t,style:{whiteSpace:e?"nowrap":this.whiteSpace}},i("slot",{key:"15e6057c97796a810d718c0b7d88c95af6453c3e"})))}get el(){return this}static get style(){return".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-disabled.sc-swirl-text{color:var(--s-text-disabled)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.text--responsive.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.text--responsive.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}"}},[262,"swirl-text",{align:[1],as:[1],balance:[4],color:[1],fontFamily:[1,"font-family"],fontStyle:[1,"font-style"],lines:[2],responsive:[4],size:[1],truncate:[4],truncateDirection:[1,"truncate-direction"],weight:[1],whiteSpace:[1,"white-space"]},[[9,"resize","onWindowResize"]]]);function g(){"undefined"!=typeof customElements&&["swirl-text"].forEach((t=>{"swirl-text"===t&&(customElements.get(s(t))||customElements.define(s(t),w))}))}export{w as S,g as d}
+function d(t){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var i,n,s=e.call(t),o=[];try{for(;!(i=s.next()).done;)o.push(i.value)}catch(t){n={error:t}}finally{try{i&&!i.done&&(e=s.return)&&e.call(s)}finally{if(n)throw n.error}}return o}function u(t,e,i){if(2===arguments.length)for(var n,s=0,o=e.length;s<o;s++)!n&&s in e||(n||(n=Array.prototype.slice.call(e,0,s)),n[s]=e[s]);return t.concat(n||Array.prototype.slice.call(e))}const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.align="start",this.as="p",this.color="default",this.fontFamily="text",this.fontStyle="normal",this.responsive=!0,this.size="base",this.truncateDirection="end",this.weight="normal",this.whiteSpace="normal"}componentDidRender(){this.rebalance(),this.handleTruncation()}onWindowResize(){this.rebalance(),this.handleTruncation()}handleTruncation(){if(!this.truncate||!Boolean(this.lines)||1===this.lines)return;const t=+window.getComputedStyle(this.textEl,null).getPropertyValue("line-height").replace("px","");t>0&&function(t,e,i){if(void 0===i&&(i={}),void 0===e||isNaN(e))throw Error("maxHeight is required");var n=function(t){return"string"==typeof t?u([],d(document.querySelectorAll(t)),!1):"length"in t?u([],d(t),!1):[t]}(t);if(n.length)for(var s=i.character,o=void 0===s?"…":s,r=i.classname,a=void 0===r?"js-shave":r,l=i.spaces,c=void 0===l||l,h=i.charclassname,x=void 0===h?"js-shave-char":h,f=i.link,w=void 0===f?{}:f,g="boolean"!=typeof c||c,v=w&&"{}"!==JSON.stringify(w)&&w.href,m=v?"a":"span",p=0;p<n.length;p+=1){var b=n[p],y=b.style,z=b.querySelector("."+a),$=void 0===b.textContent?"innerText":"textContent";z&&(b.removeChild(b.querySelector("."+x)),b[$]=b[$]);var S=b[$],k=g?S.split(" "):S;if(!(k.length<2)){var M=y.height;y.height="auto";var j=y.maxHeight;if(y.maxHeight="none",b.offsetHeight<=e)y.height=M,y.maxHeight=j;else{var B=v&&w.textContent?w.textContent:o,A=document.createElement(m),E={className:x,textContent:B};for(var N in E)A[N]=E[N],A.textContent=o;if(v)for(var T in w)A[T]=w[T];for(var C=k.length-1,D=0,R=void 0;D<C;)R=D+C+1>>1,b[$]=g?k.slice(0,R).join(" "):k.slice(0,R),b.insertAdjacentElement("beforeend",A),b.offsetHeight>e?C=R-1:D=R;b[$]=g?k.slice(0,C).join(" "):k.slice(0,C),b.insertAdjacentElement("beforeend",A);var O=g?" ".concat(k.slice(C).join(" ")):k.slice(C),W=document.createTextNode(O),q=document.createElement("span");q.classList.add(a),q.style.display="none",q.appendChild(W),b.insertAdjacentElement("beforeend",q),y.height=M,y.maxHeight=j}}}}(this.textEl,t*this.lines)}rebalance(){this.balance&&Boolean(this.textEl)&&f(this.textEl)}render(){const t=this.as,e=this.truncate&&(!Boolean(this.lines)||1===this.lines),s=r("text",`text--align-${this.align}`,`text--color-${this.color}`,`text--font-family-${this.fontFamily}`,`text--font-style-${this.fontStyle}`,`text--size-${this.size}`,`text--truncate-direction-${this.truncateDirection}`,`text--weight-${this.weight}`,{"text--truncate":e,"text--responsive":this.responsive});return i(n,{key:"c95b9a0e8ed20bc6c8bcaee831e966dd4cd4f574"},i(t,{key:"3d7efc6c4ecbdf5c9a70a27f60a8033f67107aed",class:s,ref:t=>this.textEl=t,style:{whiteSpace:e?"nowrap":this.whiteSpace}},i("slot",{key:"30d9d6c5a3e2166057659e1981057f7e9f2e0c4e"})))}get el(){return this}static get style(){return".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-disabled.sc-swirl-text{color:var(--s-text-disabled)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.text--responsive.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.text--responsive.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}"}},[262,"swirl-text",{align:[1],as:[1],balance:[4],color:[1],fontFamily:[1,"font-family"],fontStyle:[1,"font-style"],lines:[2],responsive:[4],size:[1],truncate:[4],truncateDirection:[1,"truncate-direction"],weight:[1],whiteSpace:[1,"white-space"]},[[9,"resize","onWindowResize"]]]);function g(){"undefined"!=typeof customElements&&["swirl-text"].forEach((t=>{"swirl-text"===t&&(customElements.get(s(t))||customElements.define(s(t),w))}))}export{w as S,g as d}

package/dist/components/swirl-theme-provider.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as h,transformTag as r}from"@stencil/core/internal/client";const n="swirl-preferred-theme",c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.appThemeUpdated=i(this,"appThemeUpdated",7),this.themeChange=i(this,"themeChange",7),this.darkThemeMediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.setDesignTokens=[],this.osThemeChangeHandler=e=>{this.osTheme=e.matches?"dark":"light",this.updateAppTheme()}}componentWillLoad(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}disconnectedCallback(){this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler)}watchConfig(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}async getActiveOSTheme(){return this.appOSTheme}async getPreferredOSTheme(){if(this.resolvedConfig.storage)return this.resolvedConfig.storage.getItem(n)}async setPreferredOSTheme(e){this.resolvedConfig.storage&&this.resolvedConfig.enabledThemes.includes(e)&&(this.resolvedConfig.storage.setItem(n,e),this.updateAppTheme())}async resetPreferredOSTheme(){this.resolvedConfig.storage&&(this.resolvedConfig.storage.removeItem(n),this.updateAppTheme())}resolveConfig(){if(this.resolvedConfig={...this.config\|\|{},enabledThemes:this.config?.enabledThemes\|\|["light","dark"],rootElement:this.config?.rootElement\|\|document.documentElement,storage:this.config?.storage\|\|window?.localStorage},!this.resolvedConfig.enabledThemes.includes("light"))throw Error("[Swirl Theme Provider] Light theme must be enabled.")}determineOSTheme(){window.matchMedia?(this.osTheme=this.darkThemeMediaQuery.matches?"dark":"light",this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler),this.darkThemeMediaQuery.addEventListener("change",this.osThemeChangeHandler)):this.osTheme="light"}async updateAppTheme(){const e=await this.getPreferredOSTheme()\|\|this.osTheme;this.appOSTheme=this.resolvedConfig.enabledThemes.includes(e)?e:"light","dark"===this.appOSTheme?(document.documentElement.classList.remove("theme-light"),document.documentElement.classList.add("theme-dark")):(document.documentElement.classList.remove("theme-dark"),document.documentElement.classList.add("theme-light")),this.updateTenantVariables(),this.updateTenantAssets();const t={activeTheme:await this.getActiveOSTheme(),preferredTheme:await this.getPreferredOSTheme()};this.recentOSThemeChangeEventData&&t.activeTheme===this.recentOSThemeChangeEventData.activeTheme&&t.preferredTheme===this.recentOSThemeChangeEventData.preferredTheme\|\|(this.recentOSThemeChangeEventData=t,this.themeChange.emit(this.recentOSThemeChangeEventData)),this.appThemeUpdated.emit()}updateTenantAssets(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];e&&document.head.querySelector('link[rel="icon"]')?.setAttribute("href",e.favicon.link)}updateTenantVariables(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];if(!e)return void this.resetTenantVariables();const t=this.resolvedConfig.rootElement;this.setDesignTokens=[],e.design_tokens.forEach((e=>{const i="--s-"+e.id;t.style.setProperty(i,`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${e.color.a})`),this.setDesignTokens.push(i)}))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;this.setDesignTokens.forEach((t=>{e.style.removeProperty(t)})),this.setDesignTokens=[]}render(){return s(h,{key:"~~5b05a848c3ba8b04839379eb50cb1531fbe912ec~~"},s("slot",{key:"~~b1dcf819a11012f72445e63339bc986b8fc62a1d~~"}))}static get watchers(){return{config:[{watchConfig:0}]}}static get style(){return".sc-swirl-theme-provider-h{display:unset}"}},[262,"swirl-theme-provider",{config:[16],getActiveOSTheme:[64],getPreferredOSTheme:[64],setPreferredOSTheme:[64],resetPreferredOSTheme:[64]},void 0,{config:[{watchConfig:0}]}]),o=c,a=function(){"undefined"!=typeof customElements&&["swirl-theme-provider"].forEach((e=>{"swirl-theme-provider"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),c))}))};export{o as SwirlThemeProvider,a as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as h,transformTag as r}from"@stencil/core/internal/client";const n="swirl-preferred-theme",c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.appThemeUpdated=i(this,"appThemeUpdated",7),this.themeChange=i(this,"themeChange",7),this.darkThemeMediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.setDesignTokens=[],this.osThemeChangeHandler=e=>{this.osTheme=e.matches?"dark":"light",this.updateAppTheme()}}componentWillLoad(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}disconnectedCallback(){this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler)}watchConfig(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}async getActiveOSTheme(){return this.appOSTheme}async getPreferredOSTheme(){if(this.resolvedConfig.storage)return this.resolvedConfig.storage.getItem(n)}async setPreferredOSTheme(e){this.resolvedConfig.storage&&this.resolvedConfig.enabledThemes.includes(e)&&(this.resolvedConfig.storage.setItem(n,e),this.updateAppTheme())}async resetPreferredOSTheme(){this.resolvedConfig.storage&&(this.resolvedConfig.storage.removeItem(n),this.updateAppTheme())}resolveConfig(){if(this.resolvedConfig={...this.config\|\|{},enabledThemes:this.config?.enabledThemes\|\|["light","dark"],rootElement:this.config?.rootElement\|\|document.documentElement,storage:this.config?.storage\|\|window?.localStorage},!this.resolvedConfig.enabledThemes.includes("light"))throw Error("[Swirl Theme Provider] Light theme must be enabled.")}determineOSTheme(){window.matchMedia?(this.osTheme=this.darkThemeMediaQuery.matches?"dark":"light",this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler),this.darkThemeMediaQuery.addEventListener("change",this.osThemeChangeHandler)):this.osTheme="light"}async updateAppTheme(){const e=await this.getPreferredOSTheme()\|\|this.osTheme;this.appOSTheme=this.resolvedConfig.enabledThemes.includes(e)?e:"light","dark"===this.appOSTheme?(document.documentElement.classList.remove("theme-light"),document.documentElement.classList.add("theme-dark")):(document.documentElement.classList.remove("theme-dark"),document.documentElement.classList.add("theme-light")),this.updateTenantVariables(),this.updateTenantAssets();const t={activeTheme:await this.getActiveOSTheme(),preferredTheme:await this.getPreferredOSTheme()};this.recentOSThemeChangeEventData&&t.activeTheme===this.recentOSThemeChangeEventData.activeTheme&&t.preferredTheme===this.recentOSThemeChangeEventData.preferredTheme\|\|(this.recentOSThemeChangeEventData=t,this.themeChange.emit(this.recentOSThemeChangeEventData)),this.appThemeUpdated.emit()}updateTenantAssets(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];e&&document.head.querySelector('link[rel="icon"]')?.setAttribute("href",e.favicon.link)}updateTenantVariables(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];if(!e)return void this.resetTenantVariables();const t=this.resolvedConfig.rootElement;this.setDesignTokens=[],e.design_tokens.forEach((e=>{const i="--s-"+e.id;t.style.setProperty(i,`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${e.color.a})`),this.setDesignTokens.push(i)}))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;this.setDesignTokens.forEach((t=>{e.style.removeProperty(t)})),this.setDesignTokens=[]}render(){return s(h,{key:"da0c9c06c832c4551537f591eb2cda888834da79"},s("slot",{key:"86cdbe5451dbbadb78e0b6fa38cc8ecdcd4fa292"}))}static get watchers(){return{config:[{watchConfig:0}]}}static get style(){return".sc-swirl-theme-provider-h{display:unset}"}},[262,"swirl-theme-provider",{config:[16],getActiveOSTheme:[64],getPreferredOSTheme:[64],setPreferredOSTheme:[64],resetPreferredOSTheme:[64]},void 0,{config:[{watchConfig:0}]}]),a=c,o=function(){"undefined"!=typeof customElements&&["swirl-theme-provider"].forEach((e=>{"swirl-theme-provider"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),c))}))};export{a as SwirlThemeProvider,o as defineCustomElement}

package/dist/components/swirl-thumbnail.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d as n}from"./swirl-action-list2.js";import{d as l}from"./swirl-action-list-item2.js";import{d as c}from"./swirl-button2.js";import{d as b}from"./swirl-button-group2.js";import{d as m}from"./swirl-icon-error2.js";import{d as h}from"./swirl-icon-more-horizontal2.js";import{d as u}from"./swirl-popover2.js";import{d}from"./swirl-popover-trigger2.js";import{d as p}from"./swirl-progress-indicator2.js";import{d as f}from"./swirl-stack2.js";const w=["s","m","l"],v=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.edit=e(this,"edit",7),this.removeThumbnail=e(this,"remove",7),this.thumbnailClick=e(this,"thumbnailClick",7),this.cursor="pointer",this.editButtonIcon="<swirl-icon-crop></swirl-icon-crop>",this.editButtonLabel="Edit",this.format="landscape",this.menuButtonLabel="More actions",this.openButtonIcon="<swirl-icon-visibility></swirl-icon-visibility>",this.openButtonLabel="Open",this.progressLabel="Loading progress",this.removeButtonIcon="<swirl-icon-delete></swirl-icon-delete>",this.removeButtonLabel="Remove",this.size="m",this.hasHover=!0,this.onEditClick=i=>{this.edit.emit(i),this.popoverEl?.close()},this.onOpenClick=i=>{this.thumbnailClick.emit(i),this.popoverEl?.close()},this.onRemoveClick=i=>{this.removeThumbnail.emit(i),this.popoverEl?.close()},this.onHoverChange=i=>{this.hasHover=i.matches}}connectedCallback(){"undefined"!=typeof window&&window.matchMedia&&(this.hoverMediaQuery=window.matchMedia("(hover: hover)"),this.hasHover=this.hoverMediaQuery.matches,this.hoverMediaQuery.addEventListener?.("change",this.onHoverChange))}disconnectedCallback(){this.hoverMediaQuery?.removeEventListener?.("change",this.onHoverChange),this.hoverMediaQuery=void 0}componentDidRender(){this.popoverTriggerEl&&this.popoverEl&&(this.popoverTriggerEl.swirlPopover=this.popoverEl)}render(){const i=w.includes(this.size),t=void 0!==this.progress,e=!!this.error,o=t&&!e,n=!!this.showEditButton,l=!!this.showRemoveButton,c=n\|\|l,b=!this.hasHover&&c,m=i&&this.hasHover&&n&&l,h=i&&this.hasHover&&n&&!l,u=i&&this.hasHover&&l&&!n,d=!i&&this.hasHover&&c,p=m\|\|b,f=b&&this.interactive,v=!!this.timestamp&&"s"!==this.size,g=t&&i,_=this.interactive\|\|b,k=_?"button":"span",y=r("thumbnail","thumbnail--format-"+this.format,"thumbnail--size-"+this.size,{"thumbnail--interactive":this.interactive,"thumbnail--uploading-bar":t&&!i}),z=s(k,{key:"ea3f0c67da5935a39ab476559594d7604303746e",class:"thumbnail__image-wrapper",onClick:b?void 0:this.thumbnailClick.emit,style:_&&"pointer"!==this.cursor?{cursor:this.cursor}:void 0,type:_?"button":void 0},s("img",{key:"d140c9450394aeb51ba1f2e13a1bb73e7de0d6cc",alt:this.alt,class:"thumbnail__image",loading:"lazy",src:this.src}));return s(a,{key:"c120e25611076bc68c6e26f92ec3a7ba9f3c33b9"},s("span",{key:"09e46d5cca60f68a26443c7ded24d2db291f444a",class:y,role:"group"},b?s("swirl-popover-trigger",{ref:i=>this.popoverTriggerEl=i,swirlPopover:this.popoverEl},z):z,o&&s("span",{key:"ba91ae07e4c98811f65ecf89d6d0cdbd436a5a0d",class:i?"thumbnail__uploading-overlay":"thumbnail__progress-indicator"},s("swirl-progress-indicator",{key:"1388cb3399939b1fe9029c5fb26f898d894f61f8",label:this.progressLabel,size:i?"s":void 0,value:this.progress,variant:i?"circle":void 0})),e&&s("span",{key:"9e8c53138b170c7d06f51bf79f8e66bab468ab59",class:"thumbnail__error"},s("swirl-icon-error",{key:"88d70f137ed892f81eb367ec708b5ca5ccdba8ad",color:"critical"})),d&&s("swirl-button-group",{key:"3948b9f02f14a92674334cf193ff42c3a5161f3c",class:"thumbnail__buttons",segmented:n&&l},n&&s("span",{key:"1a12677f382b5b5e08210750ad3708db6be661fa"},s("swirl-button",{key:"518c80493af5aa711307b4307dbea0136db56b3d",hideLabel:!0,icon:this.editButtonIcon,label:this.editButtonLabel,onClick:this.edit.emit,variant:"on-image"})),l&&s("span",{key:"8c06c3dc5cb9f2898c4cc525ce4caa8a9e2286da"},s("swirl-button",{key:"341ec503f6844d056658fe3e1ca55fb15e65f7f3",hideLabel:!0,icon:this.removeButtonIcon,label:this.removeButtonLabel,onClick:this.removeThumbnail.emit,variant:"on-image"}))),(h\|\|u)&&s("span",{key:"e748fb32c09ed85fe897d8408f43d075d23cd1ea",class:"thumbnail__compact-action"},s("button",{key:"8d995e22627953e71cf7161d19d2625e87602c5d","aria-label":h?this.editButtonLabel:this.removeButtonLabel,class:"thumbnail__compact-button",onClick:h?this.edit.emit:this.removeThumbnail.emit,type:"button"},s("span",{key:"e6f8cfea63ed922e8fc4d38f0e4b22d7e79ab9b3",innerHTML:h?this.editButtonIcon:this.removeButtonIcon,ref:i=>i?.children[0]?.setAttribute("size","20")}))),m&&s("span",{key:"fd299281ea1712b3e2115c95d6d7eaf469e60074",class:"thumbnail__compact-action"},s("swirl-popover-trigger",{key:"2bd27ee0e23bfe766646f2d0b1cffce9cb773c04",ref:i=>this.popoverTriggerEl=i,swirlPopover:this.popoverEl},s("button",{key:"fee1b3be46212144f0ae707fc49a2ee1307a9b51","aria-label":this.menuButtonLabel,class:"thumbnail__compact-button",type:"button"},s("swirl-icon-more-horizontal",{key:"4a5bb72248b527fd87c84eedcf2a5f07d372aec6",size:20})))),p&&s("swirl-popover",{key:"67eb40b06977471d708abde705a62f9908de6e5d",label:this.menuButtonLabel,placement:"bottom-end",padded:!1,ref:i=>this.popoverEl=i},s("swirl-action-list",{key:"68739c8265a07020bee47b07d75626fc3ea4002c"},f&&s("swirl-action-list-item",{key:"d05c24d87a7c868eb9982ae46ddf168d261b54c5",icon:this.openButtonIcon,label:this.openButtonLabel,onClick:this.onOpenClick}),n&&s("swirl-action-list-item",{key:"8d30a6b23750f91b24bb6901b267586486e1d9ab",icon:this.editButtonIcon,label:this.editButtonLabel,onClick:this.onEditClick}),l&&s("swirl-action-list-item",{key:"c3ea0265ccdcf808a18f5dd3f70ba59a20d600e0",icon:this.removeButtonIcon,intent:"critical",label:this.removeButtonLabel,onClick:this.onRemoveClick}))),v&&!g&&s("span",{key:"09656507322fe691fde8edbe7b91844417094118",class:"thumbnail__timestamp"},this.timestamp)))}static get style(){return':host{display:inline-flex}:host {box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;border-radius:var(--s-border-radius-s)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem;--swirl-thumbnail-compact-button-size:1.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem;--swirl-thumbnail-compact-button-size:1.5rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem;--swirl-thumbnail-compact-button-size:1.5rem}.thumbnail--size-xl{--swirl-thumbnail-size:5.5rem;--swirl-thumbnail-compact-button-size:1.75rem;border-radius:var(--s-border-radius-sm)}.thumbnail--size-2xl{--swirl-thumbnail-size:7.5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--uploading-bar .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail__image-wrapper{position:relative;overflow:hidden;width:100%;height:100%;padding:0;border:none;border-radius:inherit;background-color:transparent;box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail__image-wrapper:focus:not(:focus-visible){outline:none}.thumbnail__image-wrapper:focus-visible{outline:0.125rem solid var(--s-focus-default);outline-offset:calc(-1 0.125rem)}.thumbnail--interactive .thumbnail__image-wrapper{cursor:pointer}.thumbnail--interactive .thumbnail__image-wrapper:hover:after{position:absolute;background-color:rgba(0, 0, 0, 0.15);content:"";inset:0}.thumbnail--interactive .thumbnail__image-wrapper:active:after{position:absolute;background-color:rgba(0, 0, 0, 0.3);content:"";inset:0}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__progress-indicator,.thumbnail__uploading-overlay{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__uploading-overlay{inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--s-surface-on-image-default)}.thumbnail__error{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--s-surface-on-image-default)}.thumbnail__buttons{position:absolute;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}.thumbnail__compact-action{position:absolute;z-index:2;top:0;right:0}.thumbnail__compact-button{width:var(--swirl-thumbnail-compact-button-size, 1.5rem);height:var(--swirl-thumbnail-compact-button-size, 1.5rem);padding:0;border:none;border-bottom-left-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default);cursor:pointer}.thumbnail__compact-button:focus:not(:focus-visible){outline:none}.thumbnail__compact-button:focus-visible{outline:0.125rem solid var(--s-focus-default);outline-offset:calc(-1 * 0.125rem)}.thumbnail__buttons,.thumbnail__compact-action{opacity:0}.thumbnail:hover .thumbnail__buttons,.thumbnail:hover .thumbnail__compact-action,.thumbnail:focus-within .thumbnail__buttons,.thumbnail:focus-within .thumbnail__compact-action{opacity:1}.thumbnail__timestamp{position:absolute;z-index:1;bottom:0;left:0;display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.25rem;padding-right:var(--s-space-4);padding-left:var(--s-space-4);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default);font-size:var(--s-font-size-sm);line-height:1.25rem;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}'}},[1,"swirl-thumbnail",{alt:[1],cursor:[1],editButtonIcon:[1,"edit-button-icon"],editButtonLabel:[1,"edit-button-label"],error:[4],format:[1],interactive:[4],menuButtonLabel:[1,"menu-button-label"],openButtonIcon:[1,"open-button-icon"],openButtonLabel:[1,"open-button-label"],progress:[2],progressLabel:[1,"progress-label"],removeButtonIcon:[1,"remove-button-icon"],removeButtonLabel:[1,"remove-button-label"],showEditButton:[4,"show-edit-button"],showRemoveButton:[4,"show-remove-button"],size:[1],src:[1],timestamp:[1],hasHover:[32]}]),g=v,_=function(){"undefined"!=typeof customElements&&["swirl-thumbnail","swirl-action-list","swirl-action-list-item","swirl-button","swirl-button-group","swirl-icon-error","swirl-icon-more-horizontal","swirl-popover","swirl-popover-trigger","swirl-progress-indicator","swirl-stack"].forEach((i=>{switch(i){case"swirl-thumbnail":customElements.get(o(i))\|\|customElements.define(o(i),v);break;case"swirl-action-list":customElements.get(o(i))\|\|n();break;case"swirl-action-list-item":customElements.get(o(i))\|\|l();break;case"swirl-button":customElements.get(o(i))\|\|c();break;case"swirl-button-group":customElements.get(o(i))\|\|b();break;case"swirl-icon-error":customElements.get(o(i))\|\|m();break;case"swirl-icon-more-horizontal":customElements.get(o(i))\|\|h();break;case"swirl-popover":customElements.get(o(i))\|\|u();break;case"swirl-popover-trigger":customElements.get(o(i))\|\|d();break;case"swirl-progress-indicator":customElements.get(o(i))\|\|p();break;case"swirl-stack":customElements.get(o(i))\|\|f()}}))};export{g as SwirlThumbnail,_ as defineCustomElement}
1	+ import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d as n}from"./swirl-action-list2.js";import{d as l}from"./swirl-action-list-item2.js";import{d as c}from"./swirl-button2.js";import{d as b}from"./swirl-button-group2.js";import{d as m}from"./swirl-icon-error2.js";import{d as h}from"./swirl-icon-more-horizontal2.js";import{d}from"./swirl-popover2.js";import{d as u}from"./swirl-popover-trigger2.js";import{d as p}from"./swirl-progress-indicator2.js";import{d as f}from"./swirl-stack2.js";const w=["s","m","l"],v=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.edit=e(this,"edit",7),this.removeThumbnail=e(this,"remove",7),this.thumbnailClick=e(this,"thumbnailClick",7),this.cursor="pointer",this.editButtonIcon="<swirl-icon-crop></swirl-icon-crop>",this.editButtonLabel="Edit",this.format="landscape",this.menuButtonLabel="More actions",this.openButtonIcon="<swirl-icon-visibility></swirl-icon-visibility>",this.openButtonLabel="Open",this.progressLabel="Loading progress",this.removeButtonIcon="<swirl-icon-delete></swirl-icon-delete>",this.removeButtonLabel="Remove",this.size="m",this.hasHover=!0,this.onEditClick=i=>{this.edit.emit(i),this.popoverEl?.close()},this.onOpenClick=i=>{this.thumbnailClick.emit(i),this.popoverEl?.close()},this.onRemoveClick=i=>{this.removeThumbnail.emit(i),this.popoverEl?.close()},this.onHoverChange=i=>{this.hasHover=i.matches}}connectedCallback(){"undefined"!=typeof window&&window.matchMedia&&(this.hoverMediaQuery=window.matchMedia("(hover: hover)"),this.hasHover=this.hoverMediaQuery.matches,this.hoverMediaQuery.addEventListener?.("change",this.onHoverChange))}disconnectedCallback(){this.hoverMediaQuery?.removeEventListener?.("change",this.onHoverChange),this.hoverMediaQuery=void 0}componentDidRender(){this.popoverTriggerEl&&this.popoverEl&&(this.popoverTriggerEl.swirlPopover=this.popoverEl)}render(){const i=w.includes(this.size),t=void 0!==this.progress,e=!!this.error,o=t&&!e,n=!!this.showEditButton,l=!!this.showRemoveButton,c=n\|\|l,b=!this.hasHover&&c,m=i&&this.hasHover&&n&&l,h=i&&this.hasHover&&n&&!l,d=i&&this.hasHover&&l&&!n,u=!i&&this.hasHover&&c,p=m\|\|b,f=b&&this.interactive,v=!!this.timestamp&&"s"!==this.size,g=t&&i,_=this.interactive\|\|b,k=_?"button":"span",y=r("thumbnail","thumbnail--format-"+this.format,"thumbnail--size-"+this.size,{"thumbnail--interactive":this.interactive,"thumbnail--uploading-bar":t&&!i}),z=s(k,{key:"cfe5d7bb0a4bf73e78cbb4cf7386db4e479f3d43",class:"thumbnail__image-wrapper",onClick:b?void 0:this.thumbnailClick.emit,style:_&&"pointer"!==this.cursor?{cursor:this.cursor}:void 0,type:_?"button":void 0},s("img",{key:"7fda59a3da31d29e325770d9438328d07f1b7b83",alt:this.alt,class:"thumbnail__image",loading:"lazy",src:this.src}));return s(a,{key:"2e4088e94a6cd261f0967d94f71607964321fce7"},s("span",{key:"4008100af1ef9f4b24ca2e15bdc9f19033da4a7b",class:y,role:"group"},b?s("swirl-popover-trigger",{ref:i=>this.popoverTriggerEl=i,swirlPopover:this.popoverEl},z):z,o&&s("span",{key:"764df0892d041baadfb54ee60d2efc4d51d7525e",class:i?"thumbnail__uploading-overlay":"thumbnail__progress-indicator"},s("swirl-progress-indicator",{key:"2f188b7059f3b3c3ce9150fb7d444a687b71631b",label:this.progressLabel,size:i?"s":void 0,value:this.progress,variant:i?"circle":void 0})),e&&s("span",{key:"9c2613c90b5c432eba58958a3eb9448b18f851fc",class:"thumbnail__error"},s("swirl-icon-error",{key:"002cf8c3ef8cff3e5230857566b8b7b2e826d2da",color:"critical"})),u&&s("swirl-button-group",{key:"161b82970cd8b2da04ae17de8bfbe30cf11f948b",class:"thumbnail__buttons",segmented:n&&l},n&&s("span",{key:"bb7bdadaa1d586c7ce89a420597caf0677419012"},s("swirl-button",{key:"570b8bf266f773814fef5e55bd024392dd6bf793",hideLabel:!0,icon:this.editButtonIcon,label:this.editButtonLabel,onClick:this.edit.emit,variant:"on-image"})),l&&s("span",{key:"3dd3a3ddfa251fd439ad39cf71e8face07e12376"},s("swirl-button",{key:"229e00fc4383cbd221eb9dc265901874cd1ff3ea",hideLabel:!0,icon:this.removeButtonIcon,label:this.removeButtonLabel,onClick:this.removeThumbnail.emit,variant:"on-image"}))),(h\|\|d)&&s("span",{key:"cc7f94037914d84cfa71419eaa8df0eaa9b88767",class:"thumbnail__compact-action"},s("button",{key:"0a3838a2d945be7fc2281aeb745378c945c14b41","aria-label":h?this.editButtonLabel:this.removeButtonLabel,class:"thumbnail__compact-button",onClick:h?this.edit.emit:this.removeThumbnail.emit,type:"button"},s("span",{key:"20aa84dd0f85eaed5fdf00e4dd897efa0d7d8a25",innerHTML:h?this.editButtonIcon:this.removeButtonIcon,ref:i=>i?.children[0]?.setAttribute("size","20")}))),m&&s("span",{key:"ac3d469b85fa3c0ff8e0188ddd2def069a3cabe3",class:"thumbnail__compact-action"},s("swirl-popover-trigger",{key:"b1b97eaa8038efd29dd670a35e621456c2365aac",ref:i=>this.popoverTriggerEl=i,swirlPopover:this.popoverEl},s("button",{key:"59d0599b2ac4b9d733080a49cc86f353501e4a7c","aria-label":this.menuButtonLabel,class:"thumbnail__compact-button",type:"button"},s("swirl-icon-more-horizontal",{key:"d69ed433a02967e2399493490b9698231b2bcca6",size:20})))),p&&s("swirl-popover",{key:"41da8f1bf0d31314e42a6320cd0785ed57a2a035",label:this.menuButtonLabel,placement:"bottom-end",padded:!1,ref:i=>this.popoverEl=i},s("swirl-action-list",{key:"adb936cbf9cdec5563b93fae4128d2da40465dde"},f&&s("swirl-action-list-item",{key:"e469742c3d47f8f29858f3b62722d2a6e48ea22c",icon:this.openButtonIcon,label:this.openButtonLabel,onClick:this.onOpenClick}),n&&s("swirl-action-list-item",{key:"56ee1949b6da5e5e451572d1623f642292c7625d",icon:this.editButtonIcon,label:this.editButtonLabel,onClick:this.onEditClick}),l&&s("swirl-action-list-item",{key:"a66ba02a4a1fb830e45482dab6304c0135392700",icon:this.removeButtonIcon,intent:"critical",label:this.removeButtonLabel,onClick:this.onRemoveClick}))),v&&!g&&s("span",{key:"9d6017ccf671955ead409f0cd3ecfd79eba71e83",class:"thumbnail__timestamp"},this.timestamp)))}static get style(){return':host{display:inline-flex}:host {box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;border-radius:var(--s-border-radius-s)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem;--swirl-thumbnail-compact-button-size:1.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem;--swirl-thumbnail-compact-button-size:1.5rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem;--swirl-thumbnail-compact-button-size:1.5rem}.thumbnail--size-xl{--swirl-thumbnail-size:5.5rem;--swirl-thumbnail-compact-button-size:1.75rem;border-radius:var(--s-border-radius-sm)}.thumbnail--size-2xl{--swirl-thumbnail-size:7.5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--uploading-bar .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail__image-wrapper{position:relative;overflow:hidden;width:100%;height:100%;padding:0;border:none;border-radius:inherit;background-color:transparent;box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail__image-wrapper:focus:not(:focus-visible){outline:none}.thumbnail__image-wrapper:focus-visible{outline:0.125rem solid var(--s-focus-default);outline-offset:calc(-1 0.125rem)}.thumbnail--interactive .thumbnail__image-wrapper{cursor:pointer}.thumbnail--interactive .thumbnail__image-wrapper:hover:after{position:absolute;background-color:rgba(0, 0, 0, 0.15);content:"";inset:0}.thumbnail--interactive .thumbnail__image-wrapper:active:after{position:absolute;background-color:rgba(0, 0, 0, 0.3);content:"";inset:0}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__progress-indicator,.thumbnail__uploading-overlay{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__uploading-overlay{inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--s-surface-on-image-default)}.thumbnail__error{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--s-surface-on-image-default)}.thumbnail__buttons{position:absolute;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}.thumbnail__compact-action{position:absolute;z-index:2;top:0;right:0}.thumbnail__compact-button{width:var(--swirl-thumbnail-compact-button-size, 1.5rem);height:var(--swirl-thumbnail-compact-button-size, 1.5rem);padding:0;border:none;border-bottom-left-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default);cursor:pointer}.thumbnail__compact-button:focus:not(:focus-visible){outline:none}.thumbnail__compact-button:focus-visible{outline:0.125rem solid var(--s-focus-default);outline-offset:calc(-1 * 0.125rem)}.thumbnail__buttons,.thumbnail__compact-action{opacity:0}.thumbnail:hover .thumbnail__buttons,.thumbnail:hover .thumbnail__compact-action,.thumbnail:focus-within .thumbnail__buttons,.thumbnail:focus-within .thumbnail__compact-action{opacity:1}.thumbnail__timestamp{position:absolute;z-index:1;bottom:0;left:0;display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.25rem;padding-right:var(--s-space-4);padding-left:var(--s-space-4);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default);font-size:var(--s-font-size-sm);line-height:1.25rem;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}'}},[1,"swirl-thumbnail",{alt:[1],cursor:[1],editButtonIcon:[1,"edit-button-icon"],editButtonLabel:[1,"edit-button-label"],error:[4],format:[1],interactive:[4],menuButtonLabel:[1,"menu-button-label"],openButtonIcon:[1,"open-button-icon"],openButtonLabel:[1,"open-button-label"],progress:[2],progressLabel:[1,"progress-label"],removeButtonIcon:[1,"remove-button-icon"],removeButtonLabel:[1,"remove-button-label"],showEditButton:[4,"show-edit-button"],showRemoveButton:[4,"show-remove-button"],size:[1],src:[1],timestamp:[1],hasHover:[32]}]),g=v,_=function(){"undefined"!=typeof customElements&&["swirl-thumbnail","swirl-action-list","swirl-action-list-item","swirl-button","swirl-button-group","swirl-icon-error","swirl-icon-more-horizontal","swirl-popover","swirl-popover-trigger","swirl-progress-indicator","swirl-stack"].forEach((i=>{switch(i){case"swirl-thumbnail":customElements.get(o(i))\|\|customElements.define(o(i),v);break;case"swirl-action-list":customElements.get(o(i))\|\|n();break;case"swirl-action-list-item":customElements.get(o(i))\|\|l();break;case"swirl-button":customElements.get(o(i))\|\|c();break;case"swirl-button-group":customElements.get(o(i))\|\|b();break;case"swirl-icon-error":customElements.get(o(i))\|\|m();break;case"swirl-icon-more-horizontal":customElements.get(o(i))\|\|h();break;case"swirl-popover":customElements.get(o(i))\|\|d();break;case"swirl-popover-trigger":customElements.get(o(i))\|\|u();break;case"swirl-progress-indicator":customElements.get(o(i))\|\|p();break;case"swirl-stack":customElements.get(o(i))\|\|f()}}))};export{g as SwirlThumbnail,_ as defineCustomElement}

package/dist/components/swirl-time-input.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Host as n,transformTag as a}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{p as o,i as l,f as h,I as c}from"./index3.js";import{D as m}from"./media-query.service.js";const p="HH:mm:ss",u=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.valueChange=e(this,"valueChange",7),this.format="HH:mm",this.placeholder="hh:mm",this.iconSize=24,this.mediaQueryUnsubscribe=()=>{},this.onBlur=i=>{this.inputBlur.emit(i)},this.onClick=i=>{i.preventDefault()},this.onFocus=i=>{this.inputFocus.emit(i),this.handleAutoSelect(i)}}componentWillLoad(){const i=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id="swirl-time-input-"+i}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=m.subscribe((i=>{this.updateIconSize(i)})),this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(i,t){if(i!==t)if(this.valueChange.emit(i),this.mask&&i){const t=this.getPattern();let e=o(i,p,new Date);if(l(e)\|\|(e=o(i,t,new Date)),l(e)){const i=h(e,t);this.mask.value=i}}else this.mask&&!i&&(this.mask.value="")}updateIconSize(i){this.iconSize=i?20:24}getPattern(){return this.format.replace(/(?<!H)H(?!H)/g,"HH").replace(/(?<!h)h(?!h)/g,"hh").replace(/(?<!m)m(?!m)/g,"mm").replace(/(?<!s)s(?!s)/g,"ss").replace(/(?<!a)a(?!a)/g,"aa")}handleAutoSelect(i){this.autoSelect?i.target&&i.target instanceof HTMLInputElement&&i.target.select():setTimeout((()=>{i.target&&i.target instanceof HTMLInputElement&&i.target.setSelectionRange&&i.target.setSelectionRange(0,0)}))}setupMask(){this.mask?.destroy();const i=this.getPattern();if(this.mask=c(this.inputEl,{mask:Date,pattern:i.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",prepareChar:i=>i.toUpperCase(),blocks:{HH:{mask:c.MaskedRange,from:0,to:23,maxLength:2},hh:{mask:c.MaskedRange,from:1,to:12,maxLength:2},mm:{mask:c.MaskedRange,from:0,to:59,maxLength:2},ss:{mask:c.MaskedRange,from:0,to:59,maxLength:2},aa:{mask:c.MaskedEnum,enum:["AM","PM"],maxLength:2}},format:t=>l(t)?(this.value=h(t,p),h(t,i)):"",parse:t=>o(t,i,new Date)}),this.value){const t=o(this.value,p,new Date);if(l(t)){const e=h(t,i);this.mask.value=e}}}render(){const i=!0===this.invalid\|\|!1===this.invalid?this.invalid+"":void 0,t=r("time-input",{"time-input--inline":this.inline});return s(n,{key:"~~eba34cb17c38001315c309b3d4170c5ca01b237e~~"},s("div",{key:"~~639fd0537254d1f956364440683cb2cea387f2d3~~",class:t},s("input",{key:"~~4b1460f29e7a44f11f4b78c438ebe94b8a372c24~~","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":i,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,inputmode:"numeric",onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder,ref:i=>this.inputEl=i,required:this.required,type:"text",readonly:this.readonly}),s("span",{key:"~~0447e09fd23b848cb2a60718f34b066af753ca3b~~",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"~~d3dce1776c7b94f8f6b310e6b9ef1941679df321~~",size:this.iconSize}))))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h .sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input--inline.sc-swirl-time-input .time-input__input.sc-swirl-time-input::-moz-placeholder{color:transparent}.time-input--inline.sc-swirl-time-input .time-input__input.sc-swirl-time-input::placeholder{color:transparent}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}.time-input__input.sc-swirl-time-input::-moz-placeholder{color:var(--swirl-input-placeholder-color)}.time-input__input.sc-swirl-time-input::placeholder{color:var(--swirl-input-placeholder-color)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}"}},[2,"swirl-time-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],format:[1],inline:[4],invalid:[4],placeholder:[1],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),d=u,w=function(){"undefined"!=typeof customElements&&["swirl-time-input"].forEach((i=>{"swirl-time-input"===i&&(customElements.get(a(i))\|\|customElements.define(a(i),u))}))};export{d as SwirlTimeInput,w as defineCustomElement}
1	+ import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Host as n,transformTag as a}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{p as o,i as l,f as h,I as m}from"./index3.js";import{D as c}from"./media-query.service.js";const p="HH:mm:ss",u=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.valueChange=e(this,"valueChange",7),this.format="HH:mm",this.placeholder="hh:mm",this.iconSize=24,this.mediaQueryUnsubscribe=()=>{},this.onBlur=i=>{this.inputBlur.emit(i)},this.onClick=i=>{i.preventDefault()},this.onFocus=i=>{this.inputFocus.emit(i),this.handleAutoSelect(i)}}componentWillLoad(){const i=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id="swirl-time-input-"+i}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=c.subscribe((i=>{this.updateIconSize(i)})),this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(i,t){if(i!==t)if(this.valueChange.emit(i),this.mask&&i){const t=this.getPattern();let e=o(i,p,new Date);if(l(e)\|\|(e=o(i,t,new Date)),l(e)){const i=h(e,t);this.mask.value=i}}else this.mask&&!i&&(this.mask.value="")}updateIconSize(i){this.iconSize=i?20:24}getPattern(){return this.format.replace(/(?<!H)H(?!H)/g,"HH").replace(/(?<!h)h(?!h)/g,"hh").replace(/(?<!m)m(?!m)/g,"mm").replace(/(?<!s)s(?!s)/g,"ss").replace(/(?<!a)a(?!a)/g,"aa")}handleAutoSelect(i){this.autoSelect?i.target&&i.target instanceof HTMLInputElement&&i.target.select():setTimeout((()=>{i.target&&i.target instanceof HTMLInputElement&&i.target.setSelectionRange&&i.target.setSelectionRange(0,0)}))}setupMask(){this.mask?.destroy();const i=this.getPattern();if(this.mask=m(this.inputEl,{mask:Date,pattern:i.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",prepareChar:i=>i.toUpperCase(),blocks:{HH:{mask:m.MaskedRange,from:0,to:23,maxLength:2},hh:{mask:m.MaskedRange,from:1,to:12,maxLength:2},mm:{mask:m.MaskedRange,from:0,to:59,maxLength:2},ss:{mask:m.MaskedRange,from:0,to:59,maxLength:2},aa:{mask:m.MaskedEnum,enum:["AM","PM"],maxLength:2}},format:t=>l(t)?(this.value=h(t,p),h(t,i)):"",parse:t=>o(t,i,new Date)}),this.value){const t=o(this.value,p,new Date);if(l(t)){const e=h(t,i);this.mask.value=e}}}render(){const i=!0===this.invalid\|\|!1===this.invalid?this.invalid+"":void 0,t=r("time-input",{"time-input--inline":this.inline});return s(n,{key:"20a78d4fc4907fd5d451032132e8d46116294e33"},s("div",{key:"845a9a6a1da1ec61d1b2f1310d97b41fa4708af5",class:t},s("input",{key:"59b182929630efe0de4378b57920c9f2af257bdd","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":i,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,inputmode:"numeric",onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder,ref:i=>this.inputEl=i,required:this.required,type:"text",readonly:this.readonly}),s("span",{key:"20db0f04219d404f2b5fcefb726c8404e7875cbe",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"47efb6d4371f838a9fe3d5c747f9b2d9d59995af",size:this.iconSize}))))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h .sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input--inline.sc-swirl-time-input .time-input__input.sc-swirl-time-input::-moz-placeholder{color:transparent}.time-input--inline.sc-swirl-time-input .time-input__input.sc-swirl-time-input::placeholder{color:transparent}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}.time-input__input.sc-swirl-time-input::-moz-placeholder{color:var(--swirl-input-placeholder-color)}.time-input__input.sc-swirl-time-input::placeholder{color:var(--swirl-input-placeholder-color)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}"}},[2,"swirl-time-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],format:[1],inline:[4],invalid:[4],placeholder:[1],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),d=u,f=function(){"undefined"!=typeof customElements&&["swirl-time-input"].forEach((i=>{"swirl-time-input"===i&&(customElements.get(a(i))\|\|customElements.define(a(i),u))}))};export{d as SwirlTimeInput,f as defineCustomElement}