@synergy-design-system/components 1.20.2 → 1.21.0

package/dist/components/tag/tag.js

@@ -1,23 +1,23 @@
 import {
   tag_default
-} from "../../chunks/chunk.FY6RKBHN.js";
-import "../../chunks/chunk.I3Z5BJVJ.js";
+} from "../../chunks/chunk.4UQWOVA3.js";
+import "../../chunks/chunk.MJ5Z7CGD.js";
 import "../../chunks/chunk.B6R3IVGO.js";
 import "../../chunks/chunk.BGHK4NQA.js";
-import "../../chunks/chunk.O6VO5OOH.js";
+import "../../chunks/chunk.VJCLMFVL.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.LJQ7LEPV.js";
-import "../../chunks/chunk.4WCOATRK.js";
+import "../../chunks/chunk.NL4KNMYG.js";
 import "../../chunks/chunk.66MOXMDP.js";
 import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.VTKIDI7N.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
-import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.GEHO4WRP.js";
 import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.VHIXUBHR.js";
+import "../../chunks/chunk.P2DUZ56G.js";
+import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   tag_default as default

package/dist/components/textarea/textarea.component.js

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "../../chunks/chunk.27X4TAN2.js";
+} from "../../chunks/chunk.TQPVSFZU.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.2EI3TNL7.js";
 import "../../chunks/chunk.WFAJR3FN.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.TTL762VF.js";
 import "../../chunks/chunk.JUJZBRXD.js";
 import "../../chunks/chunk.66WXVGAW.js";
 import "../../chunks/chunk.AVTU2BGE.js";
-import "../../chunks/chunk.VHIXUBHR.js";
+import "../../chunks/chunk.P2DUZ56G.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynTextarea as default

package/dist/components/textarea/textarea.js

@@ -1,7 +1,7 @@
 import {
   textarea_default
-} from "../../chunks/chunk.DZKYLTD4.js";
-import "../../chunks/chunk.27X4TAN2.js";
+} from "../../chunks/chunk.VRYEBHPZ.js";
+import "../../chunks/chunk.TQPVSFZU.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.2EI3TNL7.js";
 import "../../chunks/chunk.WFAJR3FN.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.TTL762VF.js";
 import "../../chunks/chunk.JUJZBRXD.js";
 import "../../chunks/chunk.66WXVGAW.js";
 import "../../chunks/chunk.AVTU2BGE.js";
-import "../../chunks/chunk.VHIXUBHR.js";
+import "../../chunks/chunk.P2DUZ56G.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   textarea_default as default

package/dist/components/tooltip/tooltip.component.d.ts

@@ -0,0 +1,88 @@
+import SynergyElement from '../../internal/synergy-element.js';
+import SynPopup from '../popup/popup.component.js';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Tooltips display additional information based on a specific action.
+ * @documentation https://synergy.style/components/tooltip
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency syn-popup
+ *
+ * @slot - The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.
+ * @slot content - The content to render in the tooltip. Alternatively, you can use the `content` attribute.
+ *
+ * @event syn-show - Emitted when the tooltip begins to show.
+ * @event syn-after-show - Emitted after the tooltip has shown and all animations are complete.
+ * @event syn-hide - Emitted when the tooltip begins to hide.
+ * @event syn-after-hide - Emitted after the tooltip has hidden and all animations are complete.
+ *
+ * @csspart base - The component's base wrapper, an `<syn-popup>` element.
+ * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.
+ * @csspart base__arrow - The popup's exported `arrow` part. Use this to target the tooltip's arrow.
+ * @csspart body - The tooltip's body where its content is rendered.
+ *
+ * @cssproperty --max-width - The maximum width of the tooltip before its content will wrap.
+ * @cssproperty --hide-delay - The amount of time to wait before hiding the tooltip when hovering.
+ * @cssproperty --show-delay - The amount of time to wait before showing the tooltip when hovering.
+ *
+ * @animation tooltip.show - The animation to use when showing the tooltip.
+ * @animation tooltip.hide - The animation to use when hiding the tooltip.
+ */
+export default class SynTooltip extends SynergyElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-popup': typeof SynPopup;
+    };
+    private hoverTimeout;
+    private readonly localize;
+    private closeWatcher;
+    defaultSlot: HTMLSlotElement;
+    body: HTMLElement;
+    popup: SynPopup;
+    /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */
+    content: string;
+    /**
+     * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
+     * inside of the viewport.
+     */
+    placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    /** Disables the tooltip so it won't show when triggered. */
+    disabled: boolean;
+    /** The distance in pixels from which to offset the tooltip away from its target. */
+    distance: number;
+    /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
+    open: boolean;
+    /** The distance in pixels from which to offset the tooltip along its target. */
+    skidding: number;
+    /**
+     * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
+     * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
+     * programmatically.
+     */
+    trigger: string;
+    /**
+     * Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
+     * `overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,
+     * scenarios.
+     */
+    hoist: boolean;
+    constructor();
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private handleBlur;
+    private handleClick;
+    private handleFocus;
+    private handleDocumentKeyDown;
+    private handleMouseOver;
+    private handleMouseOut;
+    private hasTrigger;
+    handleOpenChange(): Promise<void>;
+    handleOptionsChange(): Promise<void>;
+    handleDisabledChange(): void;
+    /** Shows the tooltip. */
+    show(): Promise<void>;
+    /** Hides the tooltip */
+    hide(): Promise<void>;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/tooltip/tooltip.component.js

@@ -0,0 +1,18 @@
+import {
+  SynTooltip
+} from "../../chunks/chunk.PAGHMRBR.js";
+import "../../chunks/chunk.4X3HY2V5.js";
+import "../../chunks/chunk.YHRXL2XR.js";
+import "../../chunks/chunk.EP326OJQ.js";
+import "../../chunks/chunk.MIMALEWP.js";
+import "../../chunks/chunk.UMKKOHXB.js";
+import "../../chunks/chunk.QAUTITK3.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.GEHO4WRP.js";
+import "../../chunks/chunk.QY3GFWGZ.js";
+import "../../chunks/chunk.P2DUZ56G.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  SynTooltip as default
+};
+//# sourceMappingURL=tooltip.component.js.map

package/dist/components/tooltip/tooltip.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tooltip/tooltip.custom.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/tooltip/tooltip.custom.styles.js

@@ -0,0 +1,8 @@
+import {
+  tooltip_custom_styles_default
+} from "../../chunks/chunk.4X3HY2V5.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tooltip_custom_styles_default as default
+};
+//# sourceMappingURL=tooltip.custom.styles.js.map

package/dist/components/tooltip/tooltip.custom.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,8 @@
+import SynTooltip from './tooltip.component.js';
+export * from './tooltip.component.js';
+export default SynTooltip;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-tooltip': SynTooltip;
+    }
+}

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,19 @@
+import {
+  tooltip_default
+} from "../../chunks/chunk.F542RYWK.js";
+import "../../chunks/chunk.PAGHMRBR.js";
+import "../../chunks/chunk.4X3HY2V5.js";
+import "../../chunks/chunk.YHRXL2XR.js";
+import "../../chunks/chunk.EP326OJQ.js";
+import "../../chunks/chunk.MIMALEWP.js";
+import "../../chunks/chunk.UMKKOHXB.js";
+import "../../chunks/chunk.QAUTITK3.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.GEHO4WRP.js";
+import "../../chunks/chunk.QY3GFWGZ.js";
+import "../../chunks/chunk.P2DUZ56G.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tooltip_default as default
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip/tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tooltip/tooltip.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/tooltip/tooltip.styles.js

@@ -0,0 +1,8 @@
+import {
+  tooltip_styles_default
+} from "../../chunks/chunk.YHRXL2XR.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tooltip_styles_default as default
+};
+//# sourceMappingURL=tooltip.styles.js.map

package/dist/components/tooltip/tooltip.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}