primevuelab 4.0.0-beta.4

package/toolbar/Toolbar.d.ts

@@ -0,0 +1,153 @@
+/**
+ *
+ * Toolbar is a grouping component for buttons and other content.
+ *
+ * [Live Demo](https://www.primevuelab.org/toolbar/)
+ *
+ * @module toolbar
+ *
+ */
+import { VNode } from 'vue';
+import { ComponentHooks } from '../../../core/src/basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type ToolbarPassThroughOptionType = ToolbarPassThroughAttributes | ((options: ToolbarPassThroughMethodOptions) => ToolbarPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ToolbarPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: ToolbarProps;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ToolbarProps.pt}
+ */
+export interface ToolbarPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: ToolbarPassThroughOptionType;
+    /**
+     * Used to pass attributes to the start's DOM element.
+     */
+    start?: ToolbarPassThroughOptionType;
+    /**
+     * Used to pass attributes to the center's DOM element.
+     */
+    center?: ToolbarPassThroughOptionType;
+    /**
+     * Used to pass attributes to the right's DOM element.
+     */
+    end?: ToolbarPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface ToolbarPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in Toolbar component.
+ */
+export interface ToolbarProps {
+    /**
+     * Defines a string value that labels an interactive element.
+     */
+    ariaLabelledby?: string | undefined;
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {ToolbarPassThroughOptions}
+     */
+    pt?: PassThrough<ToolbarPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * Defines valid slots in Toolbar slots.
+ */
+export interface ToolbarSlots {
+    /**
+     * Custom start template.
+     */
+    start(): VNode[];
+
+    /**
+     * Custom center template.
+     */
+    center(): VNode[];
+
+    /**
+     * Custom end template.
+     */
+    end(): VNode[];
+}
+/**
+ * Defines valid emits in Toolbar component.
+ */
+export interface ToolbarEmitsOptions {}
+
+export declare type ToolbarEmits = EmitFn<ToolbarEmitsOptions>;
+
+/**
+ * **primevuelab - Toolbar**
+ *
+ * _Toolbar is a grouping component for buttons and other content._
+ *
+ * [Live Demo](https://www.primevuelab.org/toolbar/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const Toolbar: DefineComponent<ToolbarProps, ToolbarSlots, ToolbarEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        Toolbar: GlobalComponentConstructor<ToolbarProps, ToolbarSlots, ToolbarEmits>;
+    }
+}
+
+export default Toolbar;

package/toolbar/Toolbar.vue

@@ -0,0 +1,23 @@
+<template>
+    <div :class="cx('root')" role="toolbar" :aria-labelledby="ariaLabelledby" v-bind="ptmi('root')">
+        <div :class="cx('start')" v-bind="ptm('start')">
+            <slot name="start"></slot>
+        </div>
+        <div :class="cx('center')" v-bind="ptm('center')">
+            <slot name="center"></slot>
+        </div>
+        <div :class="cx('end')" v-bind="ptm('end')">
+            <slot name="end"></slot>
+        </div>
+    </div>
+</template>
+
+<script>
+import BaseToolbar from './BaseToolbar.vue';
+
+export default {
+    name: 'Toolbar',
+    extends: BaseToolbar,
+    inheritAttrs: false
+};
+</script>

package/toolbar/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "toolbar.mjs",
+    "module": "toolbar.mjs",
+    "types": "./Toolbar.d.ts",
+    "browser": {
+        "./sfc": "./Toolbar.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/toolbar/style/ToolbarStyle.d.ts

@@ -0,0 +1,31 @@
+/**
+ *
+ * Toolbar is a grouping component for buttons and other content.
+ *
+ * [Live Demo](https://www.primevuelab.org/toolbar/)
+ *
+ * @module toolbarstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum ToolbarClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-toolbar',
+    /**
+     * Class name of the start element
+     */
+    start = 'p-toolbar-start',
+    /**
+     * Class name of the center element
+     */
+    center = 'p-toolbar-center',
+    /**
+     * Class name of the end element
+     */
+    end = 'p-toolbar-end'
+}
+
+export interface ToolbarStyle extends BaseStyle {}

package/toolbar/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "toolbarstyle.mjs",
+    "module": "toolbarstyle.mjs",
+    "types": "./ToolbarStyle.d.ts",
+    "sideEffects": false
+}

package/toolbar/style/toolbarstyle.mjs

@@ -0,0 +1,20 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    padding: ".concat(dt('toolbar.padding'), ";\n    background: ").concat(dt('toolbar.background'), ";\n    border: 1px solid ").concat(dt('toolbar.border.color'), ";\n    color: ").concat(dt('toolbar.color'), ";\n    border-radius: ").concat(dt('toolbar.border.radius'), ";\n    gap: ").concat(dt('toolbar.gap'), ";\n}\n\n.p-toolbar-start,\n.p-toolbar-center,\n.p-toolbar-end {\n    display: flex;\n    align-items: center;\n}\n");
+};
+var classes = {
+  root: 'p-toolbar p-component',
+  start: 'p-toolbar-start',
+  center: 'p-toolbar-center',
+  end: 'p-toolbar-end'
+};
+var ToolbarStyle = BaseStyle.extend({
+  name: 'toolbar',
+  theme: theme,
+  classes: classes
+});
+
+export { ToolbarStyle as default };
+//# sourceMappingURL=toolbarstyle.mjs.map

package/toolbar/style/toolbarstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarstyle.mjs","sources":["../../../src/toolbar/style/ToolbarStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    padding: ${dt('toolbar.padding')};\n    background: ${dt('toolbar.background')};\n    border: 1px solid ${dt('toolbar.border.color')};\n    color: ${dt('toolbar.color')};\n    border-radius: ${dt('toolbar.border.radius')};\n    gap: ${dt('toolbar.gap')};\n}\n\n.p-toolbar-start,\n.p-toolbar-center,\n.p-toolbar-end {\n    display: flex;\n    align-items: center;\n}\n`;\n\nconst classes = {\n    root: 'p-toolbar p-component',\n    start: 'p-toolbar-start',\n    center: 'p-toolbar-center',\n    end: 'p-toolbar-end'\n};\n\nexport default BaseStyle.extend({\n    name: 'toolbar',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","start","center","end","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,wIAAA,CAAAC,MAAA,CAMJD,EAAE,CAAC,iBAAiB,CAAC,yBAAAC,MAAA,CAClBD,EAAE,CAAC,oBAAoB,CAAC,EAAA,2BAAA,CAAA,CAAAC,MAAA,CAClBD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACrCD,EAAE,CAAC,eAAe,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CACXD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,cAAAA,CAAAA,CAAAA,MAAA,CACrCD,EAAE,CAAC,aAAa,CAAC,EAAA,oHAAA,CAAA,CAAA;AAAA,CAS3B,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,iBAAiB;AACxBC,EAAAA,MAAM,EAAE,kBAAkB;AAC1BC,EAAAA,GAAG,EAAE,eAAA;AACT,CAAC,CAAA;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfX,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/toolbar/toolbar.mjs

@@ -0,0 +1,47 @@
+import BaseComponent from '@primevuelab/core/basecomponent';
+import ToolbarStyle from 'primevuelab/toolbar/style';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot } from 'vue';
+
+var script$1 = {
+  name: 'BaseToolbar',
+  "extends": BaseComponent,
+  props: {
+    ariaLabelledby: {
+      type: String,
+      "default": null
+    }
+  },
+  style: ToolbarStyle,
+  provide: function provide() {
+    return {
+      $pcToolbar: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'Toolbar',
+  "extends": script$1,
+  inheritAttrs: false
+};
+
+var _hoisted_1 = ["aria-labelledby"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root'),
+    role: "toolbar",
+    "aria-labelledby": _ctx.ariaLabelledby
+  }, _ctx.ptmi('root')), [createElementVNode("div", mergeProps({
+    "class": _ctx.cx('start')
+  }, _ctx.ptm('start')), [renderSlot(_ctx.$slots, "start")], 16), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('center')
+  }, _ctx.ptm('center')), [renderSlot(_ctx.$slots, "center")], 16), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('end')
+  }, _ctx.ptm('end')), [renderSlot(_ctx.$slots, "end")], 16)], 16, _hoisted_1);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=toolbar.mjs.map

package/toolbar/toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.mjs","sources":["../../src/toolbar/BaseToolbar.vue","../../src/toolbar/Toolbar.vue","../../src/toolbar/Toolbar.vue?vue&type=template&id=e193645c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport ToolbarStyle from 'primevuelab/toolbar/style';\n\nexport default {\n    name: 'BaseToolbar',\n    extends: BaseComponent,\n    props: {\n        ariaLabelledby: {\n            type: String,\n            default: null\n        }\n    },\n    style: ToolbarStyle,\n    provide() {\n        return {\n            $pcToolbar: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"toolbar\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('start')\" v-bind=\"ptm('start')\">\n            <slot name=\"start\"></slot>\n        </div>\n        <div :class=\"cx('center')\" v-bind=\"ptm('center')\">\n            <slot name=\"center\"></slot>\n        </div>\n        <div :class=\"cx('end')\" v-bind=\"ptm('end')\">\n            <slot name=\"end\"></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport BaseToolbar from './BaseToolbar.vue';\n\nexport default {\n    name: 'Toolbar',\n    extends: BaseToolbar,\n    inheritAttrs: false\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"toolbar\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('start')\" v-bind=\"ptm('start')\">\n            <slot name=\"start\"></slot>\n        </div>\n        <div :class=\"cx('center')\" v-bind=\"ptm('center')\">\n            <slot name=\"center\"></slot>\n        </div>\n        <div :class=\"cx('end')\" v-bind=\"ptm('end')\">\n            <slot name=\"end\"></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport BaseToolbar from './BaseToolbar.vue';\n\nexport default {\n    name: 'Toolbar',\n    extends: BaseToolbar,\n    inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","props","ariaLabelledby","type","String","style","ToolbarStyle","provide","$pcToolbar","$parentInstance","BaseToolbar","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","_createElementVNode","ptm","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,cAAc,EAAE;AACZC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;AACb,KAAA;GACH;AACDC,EAAAA,KAAK,EAAEC,YAAY;EACnBC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACHD,aAAe;AACXV,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASW,QAAW;AACpBC,EAAAA,YAAY,EAAE,KAAA;AAClB,CAAC;;;;ECpBG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAUK,OAVLC,UAUK,CAAA;AAVC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAUC,IAAAA,IAAI,EAAC;IAAW,iBAAe,EAAEF,IAAc,CAAAb,cAAAA;KAAUa,IAAI,CAAAG,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAClFC,kBAAA,CAEK,OAFLL,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA;KAAmBD,IAAG,CAAAK,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CACjCC,UAAyB,CAAAN,IAAA,CAAAO,MAAA,EAAA,OAAA,CAAA,QAE7BH,kBAAA,CAEK,OAFLL,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,QAAA,CAAA;KAAoBD,IAAG,CAAAK,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAClCC,UAA0B,CAAAN,IAAA,CAAAO,MAAA,EAAA,QAAA,CAAA,QAE9BH,kBAAA,CAEK,OAFLL,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,KAAA,CAAA;KAAiBD,IAAG,CAAAK,GAAA,CAAA,KAAA,CAAA,CAAA,EAAA,CAC/BC,UAAuB,CAAAN,IAAA,CAAAO,MAAA,EAAA,KAAA,CAAA;;;;;;;"}

package/tooltip/Tooltip.d.ts

@@ -0,0 +1,214 @@
+/**
+ *
+ * Tooltip directive provides advisory information for a component.
+ *
+ * [Live Demo](https://primevuelab.org/tooltip)
+ *
+ * @module tooltip
+ *
+ */
+import { DirectiveBinding, ObjectDirective } from 'vue';
+import { DirectiveHooks } from '../basedirective';
+import { PassThroughOptions } from '../passthrough';
+import { DesignToken, PassThrough } from '../ts-helpers';
+
+export declare type TooltipDirectivePassThroughOptionType = TooltipDirectivePassThroughAttributes | ((options: TooltipPassThroughMethodOptions) => TooltipDirectivePassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface TooltipPassThroughMethodOptions {
+    context: TooltipContext;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Defines options of Tooltip.
+ */
+export interface TooltipOptions {
+    /**
+     * Text of the tooltip.
+     */
+    value?: string | undefined;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When present, it adds a custom id to the tooltip.
+     */
+    id?: string | undefined;
+    /**
+     * When present, it adds a custom class to the tooltip.
+     */
+    class?: string | undefined;
+    /**
+     * By default the tooltip contents are not rendered as text. Set to false to support html tags in the content.
+     * @defaultValue true
+     */
+    escape?: boolean | undefined;
+    /**
+     * Automatically adjusts the element position when there is not enough space on the selected position.
+     * @defaultValue true
+     */
+    fitContent?: boolean | undefined;
+    /**
+     * When present, it adds a custom delay to the tooltip's display.
+     * @defaultValue 0
+     */
+    showDelay?: number | undefined;
+    /**
+     * When present, it adds a custom delay to the tooltip's hiding.
+     * @defaultValue 0
+     */
+    hideDelay?: number | undefined;
+    /**
+     * Whether to hide tooltip when hovering over tooltip content.
+     * @defaultValue true
+     */
+    autoHide?: boolean | undefined;
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {TooltipDirectivePassThroughOptions}
+     */
+    pt?: PassThrough<TooltipDirectivePassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link TooltipOptions.pt}
+ */
+export interface TooltipDirectivePassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: TooltipDirectivePassThroughOptionType;
+    /**
+     * Used to pass attributes to the text's DOM element.
+     */
+    text?: TooltipDirectivePassThroughOptionType;
+    /**
+     * Used to pass attributes to the arrow's DOM element.
+     */
+    arrow?: TooltipDirectivePassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseDirective.DirectiveHooks}
+     */
+    hooks?: DirectiveHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface TooltipDirectivePassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current options in Tooltip directive.
+ */
+export interface TooltipContext {
+    /**
+     * Current top position state as a boolean.
+     */
+    top: boolean;
+    /**
+     * Current right position state as a boolean.
+     */
+    right: boolean;
+    /**
+     * Current bottom position state as a boolean.
+     */
+    bottom: boolean;
+    /**
+     * Current left position state as a boolean.
+     */
+    left: boolean;
+}
+
+/**
+ * Defines modifiers of Tooltip.
+ */
+export interface TooltipDirectiveModifiers {
+    /**
+     * Right position for Tooltip.
+     *  @defaultValue true
+     */
+    right?: boolean | undefined;
+    /**
+     * Left position for Tooltip.
+     *  @defaultValue false
+     */
+    left?: boolean | undefined;
+    /**
+     * Top position for Tooltip.
+     *  @defaultValue false
+     */
+    top?: boolean | undefined;
+    /**
+     * Bottom position for Tooltip.
+     *  @defaultValue false
+     */
+    bottom?: boolean | undefined;
+    /**
+     * Focus event for Tooltip.
+     *  @defaultValue true
+     */
+    focus?: boolean | undefined;
+}
+
+/**
+ * Binding of Tooltip directive.
+ */
+export interface TooltipDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    /**
+     * Value of the tooltip.
+     */
+    value?: string | TooltipOptions | undefined;
+    /**
+     * Modifiers of the tooltip.
+     * @type {TooltipDirectiveModifiers}
+     */
+    modifiers?: TooltipDirectiveModifiers | undefined;
+}
+
+/**
+ * **primevuelab - Tooltip**
+ *
+ * _Tooltip directive provides advisory information for a component._
+ *
+ * [Live Demo](https://www.primevuelab.org/tooltip/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ */
+declare const Tooltip: ObjectDirective;
+
+export default Tooltip;

package/tooltip/package.json

@@ -0,0 +1,5 @@
+{
+    "main": "tooltip.mjs",
+    "module": "tooltip.mjs",
+    "types": "./Tooltip.d.ts"
+}

package/tooltip/style/TooltipStyle.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ * Tooltip directive provides advisory information for a component.
+ *
+ * [Live Demo](https://primevuelab.org/tooltip)
+ *
+ * @module tooltipstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum TooltipClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-tooltip',
+    /**
+     * Class name of the arrow element
+     */
+    arrow = 'p-tooltip-arrow',
+    /**
+     * Class name of the text element
+     */
+    text = 'p-tooltip-text'
+}
+
+export interface TooltipStyle extends BaseStyle {}

package/tooltip/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "tooltipstyle.mjs",
+    "module": "tooltipstyle.mjs",
+    "types": "./TooltipStyle.d.ts",
+    "sideEffects": false
+}

package/tooltip/style/tooltipstyle.mjs

@@ -0,0 +1,19 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-tooltip {\n    position: absolute;\n    display: none;\n    max-width: ".concat(dt('tooltip.max.width'), ";\n}\n\n.p-tooltip-right,\n.p-tooltip-left {\n    padding: 0 ").concat(dt('tooltip.gutter'), ";\n}\n\n.p-tooltip-top,\n.p-tooltip-bottom {\n    padding: ").concat(dt('tooltip.gutter'), " 0;\n}\n\n.p-tooltip-text {\n    white-space: pre-line;\n    word-break: break-word;\n    background: ").concat(dt('tooltip.background'), ";\n    color: ").concat(dt('tooltip.color'), ";\n    padding: ").concat(dt('tooltip.padding'), ";\n    box-shadow: ").concat(dt('tooltip.shadow'), ";\n    border-radius: ").concat(dt('tooltip.border.radius'), ";\n}\n\n.p-tooltip-arrow {\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-color: transparent;\n    border-style: solid;\n    scale: 2;\n}\n\n.p-tooltip-right .p-tooltip-arrow {\n    margin-top: calc(-1 * ").concat(dt('tooltip.gutter'), ");\n    border-width: ").concat(dt('tooltip.gutter'), " ").concat(dt('tooltip.gutter'), " ").concat(dt('tooltip.gutter'), " 0;\n    border-right-color: ").concat(dt('tooltip.background'), ";\n}\n\n.p-tooltip-left .p-tooltip-arrow {\n    margin-top: calc(-1 * ").concat(dt('tooltip.gutter'), ");\n    border-width: ").concat(dt('tooltip.gutter'), " 0 ").concat(dt('tooltip.gutter'), " ").concat(dt('tooltip.gutter'), ";\n    border-left-color: ").concat(dt('tooltip.background'), ";\n}\n\n.p-tooltip-top .p-tooltip-arrow {\n    margin-left: calc(-1 * ").concat(dt('tooltip.gutter'), ");\n    border-width: ").concat(dt('tooltip.gutter'), " ").concat(dt('tooltip.gutter'), " 0 ").concat(dt('tooltip.gutter'), ";\n    border-top-color: ").concat(dt('tooltip.background'), ";\n    border-bottom-color: ").concat(dt('tooltip.background'), ";\n}\n\n.p-tooltip-bottom .p-tooltip-arrow {\n    margin-left: calc(-1 * ").concat(dt('tooltip.gutter'), ");\n    border-width: 0 ").concat(dt('tooltip.gutter'), " ").concat(dt('tooltip.gutter'), " ").concat(dt('tooltip.gutter'), ";\n}\n");
+};
+var classes = {
+  root: 'p-tooltip p-component',
+  arrow: 'p-tooltip-arrow',
+  text: 'p-tooltip-text'
+};
+var TooltipStyle = BaseStyle.extend({
+  name: 'tooltip-directive',
+  theme: theme,
+  classes: classes
+});
+
+export { TooltipStyle as default };
+//# sourceMappingURL=tooltipstyle.mjs.map

package/tooltip/style/tooltipstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipstyle.mjs","sources":["../../../src/tooltip/style/TooltipStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-tooltip {\n    position: absolute;\n    display: none;\n    max-width: ${dt('tooltip.max.width')};\n}\n\n.p-tooltip-right,\n.p-tooltip-left {\n    padding: 0 ${dt('tooltip.gutter')};\n}\n\n.p-tooltip-top,\n.p-tooltip-bottom {\n    padding: ${dt('tooltip.gutter')} 0;\n}\n\n.p-tooltip-text {\n    white-space: pre-line;\n    word-break: break-word;\n    background: ${dt('tooltip.background')};\n    color: ${dt('tooltip.color')};\n    padding: ${dt('tooltip.padding')};\n    box-shadow: ${dt('tooltip.shadow')};\n    border-radius: ${dt('tooltip.border.radius')};\n}\n\n.p-tooltip-arrow {\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-color: transparent;\n    border-style: solid;\n    scale: 2;\n}\n\n.p-tooltip-right .p-tooltip-arrow {\n    margin-top: calc(-1 * ${dt('tooltip.gutter')});\n    border-width: ${dt('tooltip.gutter')} ${dt('tooltip.gutter')} ${dt('tooltip.gutter')} 0;\n    border-right-color: ${dt('tooltip.background')};\n}\n\n.p-tooltip-left .p-tooltip-arrow {\n    margin-top: calc(-1 * ${dt('tooltip.gutter')});\n    border-width: ${dt('tooltip.gutter')} 0 ${dt('tooltip.gutter')} ${dt('tooltip.gutter')};\n    border-left-color: ${dt('tooltip.background')};\n}\n\n.p-tooltip-top .p-tooltip-arrow {\n    margin-left: calc(-1 * ${dt('tooltip.gutter')});\n    border-width: ${dt('tooltip.gutter')} ${dt('tooltip.gutter')} 0 ${dt('tooltip.gutter')};\n    border-top-color: ${dt('tooltip.background')};\n    border-bottom-color: ${dt('tooltip.background')};\n}\n\n.p-tooltip-bottom .p-tooltip-arrow {\n    margin-left: calc(-1 * ${dt('tooltip.gutter')});\n    border-width: 0 ${dt('tooltip.gutter')} ${dt('tooltip.gutter')} ${dt('tooltip.gutter')};\n}\n`;\n\nconst classes = {\n    root: 'p-tooltip p-component',\n    arrow: 'p-tooltip-arrow',\n    text: 'p-tooltip-text'\n};\n\nexport default BaseStyle.extend({\n    name: 'tooltip-directive',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","arrow","text","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,8EAAAA,CAAAA,MAAA,CAIFD,EAAE,CAAC,mBAAmB,CAAC,EAAA,+DAAA,CAAA,CAAAC,MAAA,CAKvBD,EAAE,CAAC,gBAAgB,CAAC,iEAAAC,MAAA,CAKtBD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,wGAAAA,CAAAA,CAAAA,MAAA,CAMjBD,EAAE,CAAC,oBAAoB,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAC7BD,EAAE,CAAC,eAAe,CAAC,sBAAAC,MAAA,CACjBD,EAAE,CAAC,iBAAiB,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CAClBD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACjBD,EAAE,CAAC,uBAAuB,CAAC,EAAA,mOAAA,CAAA,CAAAC,MAAA,CAapBD,EAAE,CAAC,gBAAgB,CAAC,4BAAAC,MAAA,CAC5BD,EAAE,CAAC,gBAAgB,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,gBAAgB,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,gBAAgB,CAAC,EAAA,+BAAA,CAAA,CAAAC,MAAA,CAC9DD,EAAE,CAAC,oBAAoB,CAAC,4EAAAC,MAAA,CAItBD,EAAE,CAAC,gBAAgB,CAAC,4BAAAC,MAAA,CAC5BD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,KAAAA,CAAAA,CAAAA,MAAA,CAAMD,EAAE,CAAC,gBAAgB,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,gBAAgB,CAAC,gCAAAC,MAAA,CACjED,EAAE,CAAC,oBAAoB,CAAC,EAAAC,wEAAAA,CAAAA,CAAAA,MAAA,CAIpBD,EAAE,CAAC,gBAAgB,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CAC7BD,EAAE,CAAC,gBAAgB,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,gBAAgB,CAAC,SAAAC,MAAA,CAAMD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,2BAAAA,CAAAA,CAAAA,MAAA,CAClED,EAAE,CAAC,oBAAoB,CAAC,EAAA,8BAAA,CAAA,CAAAC,MAAA,CACrBD,EAAE,CAAC,oBAAoB,CAAC,EAAAC,2EAAAA,CAAAA,CAAAA,MAAA,CAItBD,EAAE,CAAC,gBAAgB,CAAC,8BAAAC,MAAA,CAC3BD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,gBAAgB,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,gBAAgB,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAEzF,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,iBAAiB;AACxBC,EAAAA,IAAI,EAAE,gBAAA;AACV,CAAC,CAAA;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,mBAAmB;AACzBV,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}