@spectrum-web-components/tooltip 0.41.1 → 0.41.2

package/src/tooltip.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["tooltip.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#tooltip{opacity:0;pointer-events:none;transition:transform var(\n--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s)\n) ease-in-out,opacity var(\n--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s)\n) ease-in-out,visibility 0s linear var(\n--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s)\n);visibility:hidden}:host([open]) #tooltip{opacity:1;pointer-events:auto;transition-delay:var(\n--mod-overlay-animation-duration-opened,var(--spectrum-animation-duration-0,0s)\n);visibility:visible}#tooltip{--spectrum-tooltip-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-tooltip-margin:0px;--spectrum-tooltip-height:var(--spectrum-component-height-75);--spectrum-tooltip-max-inline-size:var(--spectrum-tooltip-maximum-width);--spectrum-tooltip-border-radius:var(--spectrum-corner-radius-100);--spectrum-tooltip-icon-width:var(--spectrum-workflow-icon-size-50);--spectrum-tooltip-icon-height:var(--spectrum-workflow-icon-size-50);--spectrum-tooltip-font-size:var(--spectrum-font-size-75);--spectrum-tooltip-line-height:var(--spectrum-line-height-100);--spectrum-tooltip-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-tooltip-font-weight:var(--spectrum-regular-font-weight);--spectrum-tooltip-spacing-inline:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-tooltip-spacing-block-start:var(\n--spectrum-component-top-to-text-75\n);--spectrum-tooltip-spacing-block-end:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-tooltip-icon-spacing-inline-start:var(\n--spectrum-text-to-visual-75\n);--spectrum-tooltip-icon-spacing-inline-end:var(\n--spectrum-text-to-visual-75\n);--spectrum-tooltip-icon-spacing-block-start:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-tooltip-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-tooltip-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-tooltip-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-tooltip-content-color:var(--spectrum-white);--spectrum-tooltip-tip-inline-size:var(--spectrum-tooltip-tip-width);--spectrum-tooltip-tip-block-size:var(--spectrum-tooltip-tip-height);--spectrum-tooltip-tip-square-size:var(--spectrum-tooltip-tip-inline-size);--spectrum-tooltip-tip-height-percentage:50%;--spectrum-tooltip-tip-antialiasing-inset:0.5px;--spectrum-tooltip-pointer-corner-spacing:var(\n--spectrum-corner-radius-100\n);--spectrum-tooltip-background-color-default:var(\n--spectrum-tooltip-backgound-color-default-neutral\n)}@media (forced-colors:active){#tooltip{border:1px solid #0000}#tip{forced-color-adjust:none;--highcontrast-tooltip-background-color-default:CanvasText;--highcontrast-tooltip-background-color-informative:CanvasText;--highcontrast-tooltip-background-color-positive:CanvasText;--highcontrast-tooltip-background-color-negative:CanvasText}}#tooltip{background-color:var(\n--highcontrast-tooltip-background-color-default,var(\n--mod-tooltip-background-color-default,var(--spectrum-tooltip-background-color-default)\n)\n);border-radius:var(\n--mod-tooltip-border-radius,var(--spectrum-tooltip-border-radius)\n);box-sizing:border-box;color:var(\n--mod-tooltip-content-color,var(--spectrum-tooltip-content-color)\n);font-size:var(--mod-tooltip-font-size,var(--spectrum-tooltip-font-size));font-weight:var(\n--mod-tooltip-font-weight,var(--spectrum-tooltip-font-weight)\n);line-height:var(\n--mod-tooltip-line-height,var(--spectrum-tooltip-line-height)\n);max-inline-size:var(\n--mod-tooltip-max-inline-size,var(--spectrum-tooltip-max-inline-size)\n);min-block-size:var(--mod-tooltip-height,var(--spectrum-tooltip-height));padding-inline:var(\n--mod-tooltip-spacing-inline,var(--spectrum-tooltip-spacing-inline)\n);vertical-align:top;word-break:break-word;-webkit-font-smoothing:antialiased;align-items:center;block-size:auto;display:inline-flex;flex-direction:row;inline-size:auto;position:relative}:host(:lang(ja)) #tooltip,:host(:lang(ko)) #tooltip,:host(:lang(zh)) #tooltip{line-height:var(\n--mod-tooltip-cjk-line-height,var(--spectrum-tooltip-cjk-line-height)\n)}#tooltip{cursor:default;-webkit-user-select:none;user-select:none}#tooltip p{margin:0}:host([variant=info]) #tooltip{background-color:var(\n--highcontrast-tooltip-background-color-informative,var(\n--mod-tooltip-background-color-informative,var(--spectrum-tooltip-background-color-informative)\n)\n)}:host([variant=positive]) #tooltip{background-color:var(\n--highcontrast-tooltip-background-color-positive,var(\n--mod-tooltip-background-color-positive,var(--spectrum-tooltip-background-color-positive)\n)\n)}:host([variant=negative]) #tooltip{background-color:var(\n--highcontrast-tooltip-background-color-negative,var(\n--mod-tooltip-background-color-negative,var(--spectrum-tooltip-background-color-negative)\n)\n)}#tip{background-color:var(\n--highcontrast-tooltip-background-color-default,var(\n--mod-tooltip-background-color-default,var(--spectrum-tooltip-background-color-default)\n)\n);block-size:var(\n--mod-tooltip-tip-square-size,var(--spectrum-tooltip-tip-square-size)\n);clip-path:polygon(0 calc(0% - var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)),50% var(\n--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)\n),100% calc(0% - var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)));inline-size:var(\n--mod-tooltip-tip-square-size,var(--spectrum-tooltip-tip-square-size)\n);left:50%;position:absolute;top:100%;transform:translateX(-50%)}:host([variant=info]) #tooltip #tip{background-color:var(\n--highcontrast-tooltip-background-color-informative,var(\n--mod-tooltip-background-color-informative,var(--spectrum-tooltip-background-color-informative)\n)\n)}:host([variant=positive]) #tooltip #tip{background-color:var(\n--highcontrast-tooltip-background-color-positive,var(\n--mod-tooltip-background-color-positive,var(--spectrum-tooltip-background-color-positive)\n)\n)}:host([variant=negative]) #tooltip #tip{background-color:var(\n--highcontrast-tooltip-background-color-negative,var(\n--mod-tooltip-background-color-negative,var(--spectrum-tooltip-background-color-negative)\n)\n)}.spectrum-Tooltip--top-end #tip,.spectrum-Tooltip--top-left #tip,.spectrum-Tooltip--top-right #tip,.spectrum-Tooltip--top-start #tip,:host([placement*=top]) #tooltip #tip{top:100%}.spectrum-Tooltip--bottom-end #tip,.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--bottom-start #tip,:host([placement*=bottom]) #tooltip #tip{bottom:100%;clip-path:polygon(50% calc(100% - var(\n--mod-tooltip-tip-height-percentage,\nvar(--spectrum-tooltip-tip-height-percentage)\n)),0 calc(100% + var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)),100% calc(100% + var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)));top:auto}.spectrum-Tooltip--bottom-end #tip,.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--bottom-start #tip,.spectrum-Tooltip--top-end #tip,.spectrum-Tooltip--top-left #tip,.spectrum-Tooltip--top-right #tip,.spectrum-Tooltip--top-start #tip{transform:none}.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--top-left #tip{left:var(\n--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing)\n)}.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--top-right #tip{left:auto;right:var(\n--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing)\n)}.spectrum-Tooltip--bottom-start #tip,.spectrum-Tooltip--top-start #tip{left:var(\n--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing)\n);right:auto}:host([dir=rtl]) .spectrum-Tooltip--bottom-start #tip,:host([dir=rtl]) .spectrum-Tooltip--top-start #tip{left:auto;right:var(\n--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing)\n)}.spectrum-Tooltip--bottom-end #tip,.spectrum-Tooltip--top-end #tip{left:auto;right:var(\n--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing)\n)}:host([dir=rtl]) .spectrum-Tooltip--bottom-end #tip,:host([dir=rtl]) .spectrum-Tooltip--top-end #tip{left:var(\n--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing)\n);right:auto}.spectrum-Tooltip--end #tip,.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--start #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--start-top #tip,:host([placement*=left]) #tooltip #tip,:host([placement*=right]) #tooltip #tip{top:50%;transform:translateY(-50%)}.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--start-top #tip{top:auto;transform:none}.spectrum-Tooltip--end #tip,.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,:host([placement*=right]) #tooltip #tip{clip-path:polygon(calc(100% - var(\n--mod-tooltip-tip-height-percentage,\nvar(--spectrum-tooltip-tip-height-percentage)\n)) 50%,calc(100% + var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)) 100%,calc(100% + var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)) 0);left:auto;right:100%}.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--start #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--start-top #tip,:host([placement*=left]) #tooltip #tip{clip-path:polygon(calc(0% - var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)) 0,calc(0% - var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)) 100%,var(\n--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)\n) 50%);left:100%}.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--start-top #tip{top:var(\n--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing)\n)}.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--start-bottom #tip{bottom:var(\n--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing)\n)}:host([dir=rtl]) .spectrum-Tooltip--end #tip,:host([dir=rtl]) .spectrum-Tooltip--end-bottom #tip,:host([dir=rtl]) .spectrum-Tooltip--end-top #tip{clip-path:polygon(calc(0% - var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)) 0,calc(0% - var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)) 100%,var(\n--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)\n) 50%);left:100%;right:auto}:host([dir=rtl]) .spectrum-Tooltip--start #tip,:host([dir=rtl]) .spectrum-Tooltip--start-bottom #tip,:host([dir=rtl]) .spectrum-Tooltip--start-top #tip{clip-path:polygon(var(\n--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)\n) 50%,calc(100% + var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)) 100%,calc(100% + var(\n--mod-tooltip-tip-antialiasing-inset,\nvar(--spectrum-tooltip-tip-antialiasing-inset)\n)) 0);left:auto;right:100%}::slotted([slot=icon]){align-self:flex-start;block-size:var(\n--mod-tooltip-icon-height,var(--spectrum-tooltip-icon-height)\n);flex-shrink:0;inline-size:var(\n--mod-tooltip-icon-width,var(--spectrum-tooltip-icon-width)\n);margin-block-start:var(\n--mod-tooltip-icon-spacing-block-start,var(--spectrum-tooltip-icon-spacing-block-start)\n);margin-inline-end:var(\n--mod-tooltip-icon-spacing-inline-end,var(--spectrum-tooltip-icon-spacing-inline-end)\n);margin-inline-start:calc(var(\n--mod-tooltip-icon-spacing-inline-start,\nvar(--spectrum-tooltip-icon-spacing-inline-start)\n) - var(\n--mod-tooltip-spacing-inline,\nvar(--spectrum-tooltip-spacing-inline)\n))}#label{line-height:var(\n--mod-tooltip-line-height,var(--spectrum-tooltip-line-height)\n);margin-block-end:var(\n--mod-tooltip-spacing-block-end,var(--spectrum-tooltip-spacing-block-end)\n);margin-block-start:var(\n--mod-tooltip-spacing-block-start,var(--spectrum-tooltip-spacing-block-start)\n)}#tooltip,.spectrum-Tooltip--top-end,.spectrum-Tooltip--top-left,.spectrum-Tooltip--top-right,.spectrum-Tooltip--top-start,:host([placement*=top]) #tooltip{margin-bottom:calc(var(\n--mod-tooltip-tip-block-size,\nvar(--spectrum-tooltip-tip-block-size)\n) + var(--mod-tooltip-margin, var(--spectrum-tooltip-margin)))}:host([open]) #tooltip,:host([open]) .spectrum-Tooltip--top-end,:host([open]) .spectrum-Tooltip--top-left,:host([open]) .spectrum-Tooltip--top-right,:host([open]) .spectrum-Tooltip--top-start,:host([placement*=top][open]) #tooltip{transform:translateY(calc(var(\n--mod-tooltip-animation-distance,\nvar(--spectrum-tooltip-animation-distance)\n)*-1))}.spectrum-Tooltip--bottom-end,.spectrum-Tooltip--bottom-left,.spectrum-Tooltip--bottom-right,.spectrum-Tooltip--bottom-start,:host([placement*=bottom]) #tooltip{margin-top:calc(var(\n--mod-tooltip-tip-block-size,\nvar(--spectrum-tooltip-tip-block-size)\n) + var(--mod-tooltip-margin, var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--bottom-end,:host([open]) .spectrum-Tooltip--bottom-left,:host([open]) .spectrum-Tooltip--bottom-right,:host([open]) .spectrum-Tooltip--bottom-start,:host([placement*=bottom][open]) #tooltip{transform:translateY(var(\n--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)\n))}.spectrum-Tooltip--right-bottom,.spectrum-Tooltip--right-top,:host([placement*=right]) #tooltip{margin-left:calc(var(\n--mod-tooltip-tip-block-size,\nvar(--spectrum-tooltip-tip-block-size)\n) + var(--mod-tooltip-margin, var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--right-bottom,:host([open]) .spectrum-Tooltip--right-top,:host([placement*=right][open]) #tooltip{transform:translateX(var(\n--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)\n))}.spectrum-Tooltip--left-bottom,.spectrum-Tooltip--left-top,:host([placement*=left]) #tooltip{margin-right:calc(var(\n--mod-tooltip-tip-block-size,\nvar(--spectrum-tooltip-tip-block-size)\n) + var(--mod-tooltip-margin, var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--left-bottom,:host([open]) .spectrum-Tooltip--left-top,:host([placement*=left][open]) #tooltip{transform:translateX(calc(var(\n--mod-tooltip-animation-distance,\nvar(--spectrum-tooltip-animation-distance)\n)*-1))}.spectrum-Tooltip--start,.spectrum-Tooltip--start-bottom,.spectrum-Tooltip--start-top{margin-inline-end:calc(var(\n--mod-tooltip-tip-block-size,\nvar(--spectrum-tooltip-tip-block-size)\n) + var(--mod-tooltip-margin, var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--start,:host([open]) .spectrum-Tooltip--start-bottom,:host([open]) .spectrum-Tooltip--start-top{transform:translateX(calc(var(\n--mod-tooltip-animation-distance,\nvar(--spectrum-tooltip-animation-distance)\n)*-1))}:host([dir=rtl][open]) .spectrum-Tooltip--start,:host([dir=rtl][open]) .spectrum-Tooltip--start-bottom,:host([dir=rtl][open]) .spectrum-Tooltip--start-top{transform:translateX(var(\n--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)\n))}.spectrum-Tooltip--end,.spectrum-Tooltip--end-bottom,.spectrum-Tooltip--end-top{margin-inline-start:calc(var(\n--mod-tooltip-tip-block-size,\nvar(--spectrum-tooltip-tip-block-size)\n) + var(--mod-tooltip-margin, var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--end,:host([open]) .spectrum-Tooltip--end-bottom,:host([open]) .spectrum-Tooltip--end-top{transform:translateX(var(\n--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)\n))}:host([dir=rtl][open]) .spectrum-Tooltip--end,:host([dir=rtl][open]) .spectrum-Tooltip--end-bottom,:host([dir=rtl][open]) .spectrum-Tooltip--end-top{transform:translateX(calc(var(\n--mod-tooltip-animation-distance,\nvar(--spectrum-tooltip-animation-distance)\n)*-1))}#tooltip{--spectrum-tooltip-backgound-color-default-neutral:var(\n--system-spectrum-tooltip-backgound-color-default-neutral\n)}:host{display:contents;white-space:normal}#tooltip{inline-size:max-content}#tip{clip-path:polygon(0 -5%,50% 50%,100% -5%);height:var(--spectrum-tooltip-tip-inline-size)!important;width:var(--spectrum-tooltip-tip-inline-size)!important}#tip[style]{transform:none!important}:host(:not([placement*=top])) #tooltip{margin-bottom:0}:host([placement*=top]) #tooltip #tip{top:100%}:host([placement*=bottom]) #tooltip #tip{bottom:100%;clip-path:polygon(50% 50%,0 105%,100% 105%);top:auto}:host([placement*=left]) #tooltip #tip,:host([placement*=right]) #tooltip #tip{top:50%;transform:translateY(-50%)}:host([placement*=right]) #tooltip #tip{clip-path:polygon(50% 50%,105% 100%,105% 0);left:calc(var(\n--mod-tooltip-tip-block-size,\nvar(--spectrum-tooltip-tip-block-size)\n)*-2);right:100%}:host([placement*=left]) #tooltip #tip{clip-path:polygon(-5% 0,-5% 100%,50% 50%);left:100%}sp-overlay:not(:defined){display:none}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsNf,eAAeC",
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    #tooltip{pointer-events:none;visibility:hidden;opacity:0;transition:transform var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,opacity var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,visibility 0s linear var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))}:host([open]) #tooltip{pointer-events:auto;visibility:visible;opacity:1;transition-delay:var(--mod-overlay-animation-duration-opened,var(--spectrum-animation-duration-0,0s))}#tooltip{--spectrum-tooltip-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tooltip-margin:0px;--spectrum-tooltip-height:var(--spectrum-component-height-75);--spectrum-tooltip-max-inline-size:var(--spectrum-tooltip-maximum-width);--spectrum-tooltip-border-radius:var(--spectrum-corner-radius-100);--spectrum-tooltip-icon-width:var(--spectrum-workflow-icon-size-50);--spectrum-tooltip-icon-height:var(--spectrum-workflow-icon-size-50);--spectrum-tooltip-font-size:var(--spectrum-font-size-75);--spectrum-tooltip-line-height:var(--spectrum-line-height-100);--spectrum-tooltip-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-tooltip-font-weight:var(--spectrum-regular-font-weight);--spectrum-tooltip-spacing-inline:var(--spectrum-component-edge-to-text-75);--spectrum-tooltip-spacing-block-start:var(--spectrum-component-top-to-text-75);--spectrum-tooltip-spacing-block-end:var(--spectrum-component-bottom-to-text-75);--spectrum-tooltip-icon-spacing-inline-start:var(--spectrum-text-to-visual-75);--spectrum-tooltip-icon-spacing-inline-end:var(--spectrum-text-to-visual-75);--spectrum-tooltip-icon-spacing-block-start:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-tooltip-background-color-informative:var(--spectrum-informative-background-color-default);--spectrum-tooltip-background-color-positive:var(--spectrum-positive-background-color-default);--spectrum-tooltip-background-color-negative:var(--spectrum-negative-background-color-default);--spectrum-tooltip-content-color:var(--spectrum-white);--spectrum-tooltip-tip-inline-size:var(--spectrum-tooltip-tip-width);--spectrum-tooltip-tip-block-size:var(--spectrum-tooltip-tip-height);--spectrum-tooltip-tip-square-size:var(--spectrum-tooltip-tip-inline-size);--spectrum-tooltip-tip-height-percentage:50%;--spectrum-tooltip-tip-antialiasing-inset:.5px;--spectrum-tooltip-pointer-corner-spacing:var(--spectrum-corner-radius-100);--spectrum-tooltip-background-color-default:var(--spectrum-tooltip-backgound-color-default-neutral)}@media (forced-colors:active){#tooltip{border:1px solid #0000}#tip{forced-color-adjust:none;--highcontrast-tooltip-background-color-default:CanvasText;--highcontrast-tooltip-background-color-informative:CanvasText;--highcontrast-tooltip-background-color-positive:CanvasText;--highcontrast-tooltip-background-color-negative:CanvasText}}#tooltip{box-sizing:border-box;vertical-align:top;padding-inline:var(--mod-tooltip-spacing-inline,var(--spectrum-tooltip-spacing-inline));border-radius:var(--mod-tooltip-border-radius,var(--spectrum-tooltip-border-radius));min-block-size:var(--mod-tooltip-height,var(--spectrum-tooltip-height));max-inline-size:var(--mod-tooltip-max-inline-size,var(--spectrum-tooltip-max-inline-size));background-color:var(--highcontrast-tooltip-background-color-default,var(--mod-tooltip-background-color-default,var(--spectrum-tooltip-background-color-default)));color:var(--mod-tooltip-content-color,var(--spectrum-tooltip-content-color));font-size:var(--mod-tooltip-font-size,var(--spectrum-tooltip-font-size));font-weight:var(--mod-tooltip-font-weight,var(--spectrum-tooltip-font-weight));line-height:var(--mod-tooltip-line-height,var(--spectrum-tooltip-line-height));word-break:break-word;-webkit-font-smoothing:antialiased;flex-direction:row;align-items:center;block-size:auto;inline-size:auto;display:inline-flex;position:relative}:host(:lang(ja)) #tooltip,:host(:lang(zh)) #tooltip,:host(:lang(ko)) #tooltip{line-height:var(--mod-tooltip-cjk-line-height,var(--spectrum-tooltip-cjk-line-height))}#tooltip{cursor:default;-webkit-user-select:none;user-select:none}#tooltip p{margin:0}:host([variant=info]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--mod-tooltip-background-color-informative,var(--spectrum-tooltip-background-color-informative)))}:host([variant=positive]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--mod-tooltip-background-color-positive,var(--spectrum-tooltip-background-color-positive)))}:host([variant=negative]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--mod-tooltip-background-color-negative,var(--spectrum-tooltip-background-color-negative)))}#tip{block-size:var(--mod-tooltip-tip-square-size,var(--spectrum-tooltip-tip-square-size));inline-size:var(--mod-tooltip-tip-square-size,var(--spectrum-tooltip-tip-square-size));background-color:var(--highcontrast-tooltip-background-color-default,var(--mod-tooltip-background-color-default,var(--spectrum-tooltip-background-color-default)));clip-path:polygon(0 calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))),50% var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)),100% calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))));position:absolute;top:100%;left:50%;transform:translate(-50%)}:host([variant=info]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--mod-tooltip-background-color-informative,var(--spectrum-tooltip-background-color-informative)))}:host([variant=positive]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--mod-tooltip-background-color-positive,var(--spectrum-tooltip-background-color-positive)))}:host([variant=negative]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--mod-tooltip-background-color-negative,var(--spectrum-tooltip-background-color-negative)))}:host([placement*=top]) #tooltip #tip,.spectrum-Tooltip--top-left #tip,.spectrum-Tooltip--top-right #tip,.spectrum-Tooltip--top-start #tip,.spectrum-Tooltip--top-end #tip{top:100%}:host([placement*=bottom]) #tooltip #tip,.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--bottom-start #tip,.spectrum-Tooltip--bottom-end #tip{clip-path:polygon(50% calc(100% - var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))),0 calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))),100% calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))));top:auto;bottom:100%}.spectrum-Tooltip--top-left #tip,.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--top-right #tip,.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--top-start #tip,.spectrum-Tooltip--bottom-start #tip,.spectrum-Tooltip--top-end #tip,.spectrum-Tooltip--bottom-end #tip{transform:none}.spectrum-Tooltip--top-left #tip,.spectrum-Tooltip--bottom-left #tip{left:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--top-right #tip,.spectrum-Tooltip--bottom-right #tip{left:auto;right:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--top-start #tip,.spectrum-Tooltip--bottom-start #tip{left:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing));right:auto}:host([dir=rtl]) .spectrum-Tooltip--top-start #tip,:host([dir=rtl]) .spectrum-Tooltip--bottom-start #tip{right:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing));left:auto}.spectrum-Tooltip--top-end #tip,.spectrum-Tooltip--bottom-end #tip{left:auto;right:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}:host([dir=rtl]) .spectrum-Tooltip--top-end #tip,:host([dir=rtl]) .spectrum-Tooltip--bottom-end #tip{left:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing));right:auto}:host([placement*=right]) #tooltip #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,:host([placement*=left]) #tooltip #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--start #tip,.spectrum-Tooltip--start-top #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--end #tip,.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--end-bottom #tip{top:50%;transform:translateY(-50%)}.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--start-top #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--end-bottom #tip{top:auto;transform:none}:host([placement*=right]) #tooltip #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--end #tip,.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--end-bottom #tip{clip-path:polygon(calc(100% - var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)))50%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0);left:auto;right:100%}:host([placement*=left]) #tooltip #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--start #tip,.spectrum-Tooltip--start-top #tip,.spectrum-Tooltip--start-bottom #tip{clip-path:polygon(calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0,calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))50%);left:100%}.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--start-top #tip,.spectrum-Tooltip--end-top #tip{top:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--end-bottom #tip{bottom:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}:host([dir=rtl]) .spectrum-Tooltip--end #tip,:host([dir=rtl]) .spectrum-Tooltip--end-top #tip,:host([dir=rtl]) .spectrum-Tooltip--end-bottom #tip{clip-path:polygon(calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0,calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))50%);left:100%;right:auto}:host([dir=rtl]) .spectrum-Tooltip--start #tip,:host([dir=rtl]) .spectrum-Tooltip--start-top #tip,:host([dir=rtl]) .spectrum-Tooltip--start-bottom #tip{clip-path:polygon(var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))50%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0);left:auto;right:100%}::slotted([slot=icon]){inline-size:var(--mod-tooltip-icon-width,var(--spectrum-tooltip-icon-width));block-size:var(--mod-tooltip-icon-height,var(--spectrum-tooltip-icon-height));flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-tooltip-icon-spacing-block-start,var(--spectrum-tooltip-icon-spacing-block-start));margin-inline-start:calc(var(--mod-tooltip-icon-spacing-inline-start,var(--spectrum-tooltip-icon-spacing-inline-start)) - var(--mod-tooltip-spacing-inline,var(--spectrum-tooltip-spacing-inline)));margin-inline-end:var(--mod-tooltip-icon-spacing-inline-end,var(--spectrum-tooltip-icon-spacing-inline-end))}#label{line-height:var(--mod-tooltip-line-height,var(--spectrum-tooltip-line-height));margin-block-start:var(--mod-tooltip-spacing-block-start,var(--spectrum-tooltip-spacing-block-start));margin-block-end:var(--mod-tooltip-spacing-block-end,var(--spectrum-tooltip-spacing-block-end))}#tooltip,:host([placement*=top]) #tooltip,.spectrum-Tooltip--top-left,.spectrum-Tooltip--top-right,.spectrum-Tooltip--top-start,.spectrum-Tooltip--top-end{margin-bottom:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) #tooltip,:host([placement*=top][open]) #tooltip,:host([open]) .spectrum-Tooltip--top-left,:host([open]) .spectrum-Tooltip--top-right,:host([open]) .spectrum-Tooltip--top-start,:host([open]) .spectrum-Tooltip--top-end{transform:translateY(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}:host([placement*=bottom]) #tooltip,.spectrum-Tooltip--bottom-left,.spectrum-Tooltip--bottom-right,.spectrum-Tooltip--bottom-start,.spectrum-Tooltip--bottom-end{margin-top:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([placement*=bottom][open]) #tooltip,:host([open]) .spectrum-Tooltip--bottom-left,:host([open]) .spectrum-Tooltip--bottom-right,:host([open]) .spectrum-Tooltip--bottom-start,:host([open]) .spectrum-Tooltip--bottom-end{transform:translateY(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}:host([placement*=right]) #tooltip,.spectrum-Tooltip--right-bottom,.spectrum-Tooltip--right-top{margin-left:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([placement*=right][open]) #tooltip,:host([open]) .spectrum-Tooltip--right-bottom,:host([open]) .spectrum-Tooltip--right-top{transform:translateX(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}:host([placement*=left]) #tooltip,.spectrum-Tooltip--left-bottom,.spectrum-Tooltip--left-top{margin-right:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([placement*=left][open]) #tooltip,:host([open]) .spectrum-Tooltip--left-bottom,:host([open]) .spectrum-Tooltip--left-top{transform:translateX(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}.spectrum-Tooltip--start,.spectrum-Tooltip--start-top,.spectrum-Tooltip--start-bottom{margin-inline-end:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--start,:host([open]) .spectrum-Tooltip--start-top,:host([open]) .spectrum-Tooltip--start-bottom{transform:translateX(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}:host([dir=rtl][open]) .spectrum-Tooltip--start,:host([dir=rtl][open]) .spectrum-Tooltip--start-top,:host([dir=rtl][open]) .spectrum-Tooltip--start-bottom{transform:translateX(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}.spectrum-Tooltip--end,.spectrum-Tooltip--end-top,.spectrum-Tooltip--end-bottom{margin-inline-start:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--end,:host([open]) .spectrum-Tooltip--end-top,:host([open]) .spectrum-Tooltip--end-bottom{transform:translateX(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}:host([dir=rtl][open]) .spectrum-Tooltip--end,:host([dir=rtl][open]) .spectrum-Tooltip--end-top,:host([dir=rtl][open]) .spectrum-Tooltip--end-bottom{transform:translateX(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}#tooltip{--spectrum-tooltip-backgound-color-default-neutral:var(--system-spectrum-tooltip-backgound-color-default-neutral)}:host{white-space:initial;display:contents}#tooltip{inline-size:max-content}#tip{clip-path:polygon(0 -5%,50% 50%,100% -5%);width:var(--spectrum-tooltip-tip-inline-size)!important;height:var(--spectrum-tooltip-tip-inline-size)!important}#tip[style]{transform:none!important}:host(:not([placement*=top])) #tooltip{margin-bottom:0}:host([placement*=top]) #tooltip #tip{top:100%}:host([placement*=bottom]) #tooltip #tip{clip-path:polygon(50% 50%,0 105%,100% 105%);top:auto;bottom:100%}:host([placement*=left]) #tooltip #tip,:host([placement*=right]) #tooltip #tip{top:50%;transform:translateY(-50%)}:host([placement*=right]) #tooltip #tip{clip-path:polygon(50% 50%,105% 100%,105% 0);left:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size))*-2);right:100%}:host([placement*=left]) #tooltip #tip{clip-path:polygon(-5% 0,-5% 100%,50% 50%);left:100%}sp-overlay:not(:defined){display:none}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/stories/tooltip-directive.stories.js

@@ -0,0 +1,111 @@
+"use strict";
+import { tooltip } from "@spectrum-web-components/tooltip/src/tooltip-directive.js";
+import { html } from "@spectrum-web-components/base";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-checkmark.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-info.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-edit.js";
+import "@spectrum-web-components/button/sp-button.js";
+import "@spectrum-web-components/action-button/sp-action-button.js";
+import "@spectrum-web-components/overlay/overlay-trigger.js";
+export default {
+  component: "sp-tooltip",
+  title: "Tooltip Directive"
+};
+export const Default = ({
+  placement,
+  text,
+  variant
+}) => {
+  return html`
+        <sp-button
+            ${tooltip(
+    () => html`
+                        ${text || "Tooltip"}
+                    `,
+    {
+      overlayOptions: { placement },
+      variant
+    }
+  )}
+        >
+            Hover me
+        </sp-button>
+    `;
+};
+Default.args = {
+  open: true,
+  placement: "top",
+  variant: "",
+  text: "Tooltip"
+};
+Default.argTypes = {
+  open: {
+    name: "open",
+    type: { name: "boolean", required: false },
+    description: "Whether the tooltip is open.",
+    table: {
+      type: { summary: "boolean" },
+      defaultValue: { summary: false }
+    },
+    control: {
+      type: "boolean"
+    }
+  },
+  placement: {
+    name: "placement",
+    type: { name: "string", required: false },
+    description: "The placement of the tooltip in relation to its parent",
+    table: {
+      type: { summary: "string" },
+      defaultValue: { summary: "top" }
+    },
+    control: {
+      type: "inline-radio",
+      options: [
+        "auto",
+        "auto-start",
+        "auto-end",
+        "top",
+        "bottom",
+        "right",
+        "left",
+        "top-start",
+        "top-end",
+        "bottom-start",
+        "bottom-end",
+        "right-start",
+        "right-end",
+        "left-start",
+        "left-end",
+        "none"
+      ]
+    }
+  },
+  text: {
+    name: "text",
+    type: { name: "string", required: false },
+    table: {
+      type: { summary: "string" },
+      defaultValue: { summary: "" }
+    },
+    control: "text"
+  },
+  variant: {
+    name: "variant",
+    type: { name: "string", required: false },
+    description: "The style of the tooltip.",
+    table: {
+      type: { summary: "string" },
+      defaultValue: { summary: "" }
+    },
+    control: {
+      type: "inline-radio",
+      options: ["info", "positive", "negative", ""]
+    }
+  }
+};
+Default.swc_vrt = {
+  skip: true
+};
+//# sourceMappingURL=tooltip-directive.stories.js.map

package/stories/tooltip-directive.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tooltip-directive.stories.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { tooltip } from '@spectrum-web-components/tooltip/src/tooltip-directive.js';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-checkmark.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-info.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-edit.js';\nimport '@spectrum-web-components/button/sp-button.js';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport { Placement } from '@spectrum-web-components/overlay';\nimport '@spectrum-web-components/overlay/overlay-trigger.js';\n\nexport default {\n    component: 'sp-tooltip',\n    title: 'Tooltip Directive',\n};\n\ninterface Properties {\n    open?: boolean;\n    placement?: Placement;\n    text?: string;\n    variant?: string;\n    offset?: number;\n    delayed?: boolean;\n}\n\nexport const Default = ({\n    placement,\n    text,\n    variant,\n}: Properties): TemplateResult => {\n    return html`\n        <sp-button\n            ${tooltip(\n                () =>\n                    html`\n                        ${text || 'Tooltip'}\n                    `,\n                {\n                    overlayOptions: { placement },\n                    variant,\n                }\n            )}\n        >\n            Hover me\n        </sp-button>\n    `;\n};\nDefault.args = {\n    open: true,\n    placement: 'top',\n    variant: '',\n    text: 'Tooltip',\n};\nDefault.argTypes = {\n    open: {\n        name: 'open',\n        type: { name: 'boolean', required: false },\n        description: 'Whether the tooltip is open.',\n        table: {\n            type: { summary: 'boolean' },\n            defaultValue: { summary: false },\n        },\n        control: {\n            type: 'boolean',\n        },\n    },\n    placement: {\n        name: 'placement',\n        type: { name: 'string', required: false },\n        description: 'The placement of the tooltip in relation to its parent',\n        table: {\n            type: { summary: 'string' },\n            defaultValue: { summary: 'top' },\n        },\n        control: {\n            type: 'inline-radio',\n            options: [\n                'auto',\n                'auto-start',\n                'auto-end',\n                'top',\n                'bottom',\n                'right',\n                'left',\n                'top-start',\n                'top-end',\n                'bottom-start',\n                'bottom-end',\n                'right-start',\n                'right-end',\n                'left-start',\n                'left-end',\n                'none',\n            ],\n        },\n    },\n    text: {\n        name: 'text',\n        type: { name: 'string', required: false },\n        table: {\n            type: { summary: 'string' },\n            defaultValue: { summary: '' },\n        },\n        control: 'text',\n    },\n    variant: {\n        name: 'variant',\n        type: { name: 'string', required: false },\n        description: 'The style of the tooltip.',\n        table: {\n            type: { summary: 'string' },\n            defaultValue: { summary: '' },\n        },\n        control: {\n            type: 'inline-radio',\n            options: ['info', 'positive', 'negative', ''],\n        },\n    },\n};\nDefault.swc_vrt = {\n    skip: true,\n};\n"],
+  "mappings": ";AAWA,SAAS,eAAe;AACxB,SAAS,YAA4B;AACrC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,OAAO;AAEP,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAWO,aAAM,UAAU,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACJ,MAAkC;AAC9B,SAAO;AAAA;AAAA,cAEG;AAAA,IACE,MACI;AAAA,0BACM,QAAQ,SAAS;AAAA;AAAA,IAE3B;AAAA,MACI,gBAAgB,EAAE,UAAU;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ,CAAC;AAAA;AAAA;AAAA;AAAA;AAKb;AACA,QAAQ,OAAO;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACV;AACA,QAAQ,WAAW;AAAA,EACf,MAAM;AAAA,IACF,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,IACzC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,UAAU;AAAA,MAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,IACnC;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EACA,WAAW;AAAA,IACP,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,UAAU,UAAU,MAAM;AAAA,IACxC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,SAAS;AAAA,MAC1B,cAAc,EAAE,SAAS,MAAM;AAAA,IACnC;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,UAAU,UAAU,MAAM;AAAA,IACxC,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,SAAS;AAAA,MAC1B,cAAc,EAAE,SAAS,GAAG;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,EACb;AAAA,EACA,SAAS;AAAA,IACL,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,UAAU,UAAU,MAAM;AAAA,IACxC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,SAAS;AAAA,MAC1B,cAAc,EAAE,SAAS,GAAG;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,CAAC,QAAQ,YAAY,YAAY,EAAE;AAAA,IAChD;AAAA,EACJ;AACJ;AACA,QAAQ,UAAU;AAAA,EACd,MAAM;AACV;",
+  "names": []
+}

package/test/benchmark/test-basic.js

@@ -1,11 +1,13 @@
 "use strict";
 import "@spectrum-web-components/tooltip/sp-tooltip.js";
 import "@spectrum-web-components/action-button/sp-action-button.js";
+import "@spectrum-web-components/overlay/sp-overlay.js";
 import { html } from "lit";
 import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
 measureFixtureCreation(html`
     <sp-action-button>
-        <sp-tooltip open self-managed>Tip me!</sp-tooltip>
+        I'm a button...
+        <sp-tooltip self-managed>Tip me!</sp-tooltip>
     </sp-action-button>
 `);
 //# sourceMappingURL=test-basic.js.map

package/test/benchmark/test-basic.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["test-basic.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/tooltip/sp-tooltip.js';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-action-button>\n        <sp-tooltip open self-managed>Tip me!</sp-tooltip>\n    </sp-action-button>\n`);\n"],
-  "mappings": ";AAYA,OAAO;AACP,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA;AAAA;AAAA,CAItB;",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/tooltip/sp-tooltip.js';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-action-button>\n        I'm a button...\n        <sp-tooltip self-managed>Tip me!</sp-tooltip>\n    </sp-action-button>\n`);\n"],
+  "mappings": ";AAYA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,CAKtB;",
   "names": []
 }

package/test/benchmark/test-directive.js

@@ -0,0 +1,13 @@
+"use strict";
+import { tooltip } from "@spectrum-web-components/tooltip/src/tooltip-directive.js";
+import "@spectrum-web-components/action-button/sp-action-button.js";
+import { html } from "lit";
+import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
+measureFixtureCreation(html`
+    <sp-action-button
+        ${tooltip(() => html`Tip me!`)}
+    >
+        I'm a button...
+    </sp-action-button>
+`);
+//# sourceMappingURL=test-directive.js.map

package/test/benchmark/test-directive.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["test-directive.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { tooltip } from '@spectrum-web-components/tooltip/src/tooltip-directive.js';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-action-button\n        ${tooltip(() => html`Tip me!`)}\n    >\n        I'm a button...\n    </sp-action-button>\n`);\n"],
+  "mappings": ";AAYA,SAAS,eAAe;AACxB,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA,UAEb,QAAQ,MAAM,aAAa,CAAC;AAAA;AAAA;AAAA;AAAA,CAIrC;",
+  "names": []
+}

package/test/tooltip-directive.test-vrt.js

@@ -0,0 +1,5 @@
+"use strict";
+import * as stories from "../stories/tooltip-directive.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("TooltipDirectiveStories", stories);
+//# sourceMappingURL=tooltip-directive.test-vrt.js.map

package/test/tooltip-directive.test-vrt.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tooltip-directive.test-vrt.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/tooltip-directive.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('TooltipDirectiveStories', stories as unknown as TestsType);\n"],
+  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,2BAA2B,OAA+B;",
+  "names": []
+}

package/test/tooltip-directive.test.js

@@ -0,0 +1,82 @@
+"use strict";
+import "@spectrum-web-components/tooltip/sp-tooltip.js";
+import {
+  elementUpdated,
+  expect,
+  fixture,
+  html,
+  nextFrame,
+  oneEvent
+} from "@open-wc/testing";
+import "@spectrum-web-components/button/sp-button.js";
+import { tooltip } from "@spectrum-web-components/tooltip/src/tooltip-directive.js";
+describe("Tooltip Directive", () => {
+  it("opens an Overlay that was previously not on the DOM", async function() {
+    const el = await fixture(html`
+            <sp-button
+                ${tooltip(
+      () => html`
+                            Tip me!
+                        `
+    )}
+            >
+                I'm a button...
+            </sp-button>
+        `);
+    await elementUpdated(el);
+    let overlays = document.querySelectorAll("sp-overlay");
+    expect(overlays.length).to.equal(0);
+    const opened = oneEvent(el, "sp-opened");
+    el.focus();
+    await opened;
+    overlays = document.querySelectorAll("sp-overlay");
+    expect(overlays.length).to.equal(1);
+    const closed = oneEvent(overlays[0], "slottable-request");
+    el.blur();
+    await closed;
+    await nextFrame();
+    await nextFrame();
+    overlays = document.querySelectorAll("sp-overlay");
+    expect(overlays.length).to.equal(0);
+  });
+  it("accepts `options`", async function() {
+    const variant = "positive";
+    const offset = 10;
+    const el = await fixture(html`
+            <sp-button
+                ${tooltip(
+      () => html`
+                            Tip me!
+                        `,
+      {
+        variant,
+        overlayOptions: {
+          offset
+        }
+      }
+    )}
+            >
+                I'm a button...
+            </sp-button>
+        `);
+    await elementUpdated(el);
+    let overlays = document.querySelectorAll("sp-overlay");
+    expect(overlays.length).to.equal(0);
+    const opened = oneEvent(el, "sp-opened");
+    el.focus();
+    await opened;
+    overlays = document.querySelectorAll("sp-overlay");
+    expect(overlays.length).to.equal(1);
+    expect(overlays[0].offset).to.equal(offset);
+    const tooltipEl = overlays[0].querySelector("sp-tooltip");
+    expect(tooltipEl.variant).to.equal(variant);
+    const closed = oneEvent(overlays[0], "slottable-request");
+    el.blur();
+    await closed;
+    await nextFrame();
+    await nextFrame();
+    overlays = document.querySelectorAll("sp-overlay");
+    expect(overlays.length).to.equal(0);
+  });
+});
+//# sourceMappingURL=tooltip-directive.test.js.map

package/test/tooltip-directive.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tooltip-directive.test.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/tooltip/sp-tooltip.js';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    nextFrame,\n    oneEvent,\n} from '@open-wc/testing';\nimport { Button } from '@spectrum-web-components/button';\nimport '@spectrum-web-components/button/sp-button.js';\nimport { tooltip } from '@spectrum-web-components/tooltip/src/tooltip-directive.js';\nimport type { Tooltip } from '@spectrum-web-components/tooltip';\n\ndescribe('Tooltip Directive', () => {\n    it('opens an Overlay that was previously not on the DOM', async function () {\n        const el = await fixture<Button>(html`\n            <sp-button\n                ${tooltip(\n                    () =>\n                        html`\n                            Tip me!\n                        `\n                )}\n            >\n                I'm a button...\n            </sp-button>\n        `);\n\n        await elementUpdated(el);\n\n        let overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\n\n        const opened = oneEvent(el, 'sp-opened');\n        el.focus();\n        await opened;\n\n        overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(1);\n\n        // `slottable-request` comes _after_ `sp-closed` and triggers DOM cleanup\n        const closed = oneEvent(overlays[0], 'slottable-request');\n        el.blur();\n        await closed;\n\n        // Wait for DOM clean up to complete\n        await nextFrame();\n        await nextFrame();\n\n        overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\n    });\n\n    it('accepts `options`', async function () {\n        const variant = 'positive';\n        const offset = 10;\n        const el = await fixture<Button>(html`\n            <sp-button\n                ${tooltip(\n                    () =>\n                        html`\n                            Tip me!\n                        `,\n                    {\n                        variant,\n                        overlayOptions: {\n                            offset,\n                        },\n                    }\n                )}\n            >\n                I'm a button...\n            </sp-button>\n        `);\n\n        await elementUpdated(el);\n\n        let overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\n\n        const opened = oneEvent(el, 'sp-opened');\n        el.focus();\n        await opened;\n\n        overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(1);\n        expect(overlays[0].offset).to.equal(offset);\n        const tooltipEl = overlays[0].querySelector('sp-tooltip') as Tooltip;\n        expect(tooltipEl.variant).to.equal(variant);\n\n        // `slottable-request` comes _after_ `sp-closed` and triggers DOM cleanup\n        const closed = oneEvent(overlays[0], 'slottable-request');\n        el.blur();\n        await closed;\n\n        // Wait for DOM clean up to complete\n        await nextFrame();\n        await nextFrame();\n\n        overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\n    });\n});\n"],
+  "mappings": ";AAYA,OAAO;AACP;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AAEP,OAAO;AACP,SAAS,eAAe;AAGxB,SAAS,qBAAqB,MAAM;AAChC,KAAG,uDAAuD,iBAAkB;AACxE,UAAM,KAAK,MAAM,QAAgB;AAAA;AAAA,kBAEvB;AAAA,MACE,MACI;AAAA;AAAA;AAAA,IAGR,CAAC;AAAA;AAAA;AAAA;AAAA,SAIR;AAED,UAAM,eAAe,EAAE;AAEvB,QAAI,WAAW,SAAS,iBAAiB,YAAY;AACrD,WAAO,SAAS,MAAM,EAAE,GAAG,MAAM,CAAC;AAElC,UAAM,SAAS,SAAS,IAAI,WAAW;AACvC,OAAG,MAAM;AACT,UAAM;AAEN,eAAW,SAAS,iBAAiB,YAAY;AACjD,WAAO,SAAS,MAAM,EAAE,GAAG,MAAM,CAAC;AAGlC,UAAM,SAAS,SAAS,SAAS,CAAC,GAAG,mBAAmB;AACxD,OAAG,KAAK;AACR,UAAM;AAGN,UAAM,UAAU;AAChB,UAAM,UAAU;AAEhB,eAAW,SAAS,iBAAiB,YAAY;AACjD,WAAO,SAAS,MAAM,EAAE,GAAG,MAAM,CAAC;AAAA,EACtC,CAAC;AAED,KAAG,qBAAqB,iBAAkB;AACtC,UAAM,UAAU;AAChB,UAAM,SAAS;AACf,UAAM,KAAK,MAAM,QAAgB;AAAA;AAAA,kBAEvB;AAAA,MACE,MACI;AAAA;AAAA;AAAA,MAGJ;AAAA,QACI;AAAA,QACA,gBAAgB;AAAA,UACZ;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA;AAAA;AAAA;AAAA,SAIR;AAED,UAAM,eAAe,EAAE;AAEvB,QAAI,WAAW,SAAS,iBAAiB,YAAY;AACrD,WAAO,SAAS,MAAM,EAAE,GAAG,MAAM,CAAC;AAElC,UAAM,SAAS,SAAS,IAAI,WAAW;AACvC,OAAG,MAAM;AACT,UAAM;AAEN,eAAW,SAAS,iBAAiB,YAAY;AACjD,WAAO,SAAS,MAAM,EAAE,GAAG,MAAM,CAAC;AAClC,WAAO,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM;AAC1C,UAAM,YAAY,SAAS,CAAC,EAAE,cAAc,YAAY;AACxD,WAAO,UAAU,OAAO,EAAE,GAAG,MAAM,OAAO;AAG1C,UAAM,SAAS,SAAS,SAAS,CAAC,GAAG,mBAAmB;AACxD,OAAG,KAAK;AACR,UAAM;AAGN,UAAM,UAAU;AAChB,UAAM,UAAU;AAEhB,eAAW,SAAS,iBAAiB,YAAY;AACjD,WAAO,SAAS,MAAM,EAAE,GAAG,MAAM,CAAC;AAAA,EACtC,CAAC;AACL,CAAC;",
+  "names": []
+}