@pine-ds/core 3.0.0-mercury.0 → 3.0.0

package/dist/types/components/pds-text/pds-text.d.ts

@@ -0,0 +1,40 @@
+export declare class PdsText {
+    el: HTMLPdsTextElement;
+    /**
+     * Sets the text alignment.
+     */
+    align?: 'start' | 'center' | 'end' | 'justify';
+    /**
+     * Sets the text color.
+     */
+    color?: string;
+    /**
+     * Sets the text decoration.
+     */
+    decoration?: 'strikethrough' | 'underline-dotted';
+    /**
+     * Set the bottom margin for the text.
+     */
+    gutter?: '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
+    /**
+     * If set or `true`, the text will be italic.
+     */
+    italic?: boolean;
+    /**
+     * Sets the font size.
+     */
+    size?: '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Sets the font weight.
+     */
+    weight?: 'extra-light' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold';
+    /**
+     * Determines what semantic text tag to render.
+     */
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'code' | 'pre' | 'strong' | 'em';
+    /**
+     * If set or `true`, the text will be truncated. Must add a `width` to the element.
+     */
+    truncate?: boolean;
+    render(): any;
+}

package/dist/types/components/pds-textarea/pds-textarea.d.ts

@@ -1,64 +1,121 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { TextareaChangeEventDetail } from './textarea-interface';
+import { TextareaChangeEventDetail, TextareaInputEventDetail } from './textarea-interface';
 export declare class PdsTextarea {
+    private nativeTextarea?;
+    private focusedValue?;
+    private inheritedAttributes;
+    private originalPdsInput?;
     el: HTMLPdsTextareaElement;
+    /**
+     * Emitted when the input loses focus.
+     */
+    pdsBlur: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the input has focus.
+     */
+    pdsFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when a keyboard input occurs.
+     *
+     * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
+     * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
+     * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
+     * the input is cleared on edit, the type is `null`.
+     */
+    pdsInput: EventEmitter<TextareaInputEventDetail>;
+    /**
+     * Event emitted whenever the value of the textarea changes.
+     *
+     * This event will not emit when programmatically setting the `value` property.
+     */
+    pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;
+    /**
+     * Sets focus on the native `textarea` in the `pds-texarea`. Use this method instead of the global
+     * `textarea.focus()`.
+     */
+    setFocus(): Promise<void>;
+    /**
+     * Specifies if and how the browser provides `autocomplete` assistance for the field.
+     */
+    autocomplete: string;
     /**
      * A unique identifier used for the underlying component `id` attribute.
      */
     componentId: string;
     /**
-     * Indicates whether or not the textarea is disabled
+     * Determines whether or not the textarea is disabled.
      * @defaultValue false
      */
     disabled: boolean;
     /**
-     * Specifies the error text and provides an error-themed treatment to the field
+     * The amount of time, in milliseconds, to wait to trigger the event after each keystroke.
+     */
+    debounce?: number;
+    /**
+     * Displays an error message below the textarea field.
      */
     errorMessage?: string;
     /**
-     * Displays a hint or description of the textarea
+     * Displays a message or hint below the textarea field.
      */
     helperMessage?: string;
     /**
-     * Indicates whether or not the textarea is invalid or throws an error
+     * Determines whether or not the textarea is invalid or throws an error.
      * @defaultValue false
      */
     invalid: boolean;
     /**
-     * Text to be displayed as the textarea label
+     * Text to be displayed as the textarea label.
      */
     label?: string;
     /**
-     * Specifies the name, submitted with the form name/value pair. This value will mirror the componentId
+     * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.
      */
     name: string;
     /**
-     * Specifies a short hint that describes the expected value of the textarea
+     * Specifies a short hint that describes the expected value of the textarea.
      */
     placeholder?: string;
     /**
-     * Indicates whether or not the textarea is readonly
+     * Determines whether or not the textarea is readonly.
      * @defaultValue false
      */
     readonly: boolean;
     /**
-     * Indicates whether or not the textarea is required
+     * Determines whether or not the textarea is required.
      * @defaultValue false
      */
     required: boolean;
     /**
-     * Sets number of rows of text visible without needing to scroll in the textarea
+     * Sets number of rows of text visible without needing to scroll in the textarea.
      */
     rows?: number;
     /**
-     * The value of the textarea
+     * The value of the textarea.
      */
-    value?: string;
+    value?: string | null;
+    hasFocus: boolean;
+    protected debounceChanged(): void;
     /**
-     * Event emitted whenever the value of the textarea changes
+     * Update the native input element when the value changes
      */
-    pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;
+    protected valueChanged(): void;
+    /**
+     * Emits an `pdsInput` event.
+     */
+    private emitInputChange;
+    /**
+     * Emits an `pdsTextareaChange` event.
+     */
+    private emitValueChange;
+    private getValue;
+    private onBlur;
+    private onFocus;
+    private onInput;
     private onTextareaChange;
     private textareaClassNames;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/pds-textarea/textarea-interface.d.ts

@@ -1,6 +1,10 @@
 export interface TextareaChangeEventDetail {
     event?: Event;
-    value: string | null;
+    value?: string | null;
+}
+export interface TextareaInputEventDetail {
+    event?: Event;
+    value?: string | null;
 }
 export interface TextareaEvent<T = TextareaChangeEventDetail> extends CustomEvent {
     detail: T;

package/dist/types/components/pds-tooltip/pds-tooltip.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @slot (default) - The tooltip's target element
  * @slot content - HTML content for the tooltip
@@ -37,21 +36,19 @@ export declare class PdsTooltip {
      * @defaultValue "right"
      */
     placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    /**
+     * Sets the maximum width of the tooltip content
+     * @defaultValue "352px"
+     */
+    maxWidth: string;
     /**
      * Determines whether or not the tooltip is visible
      * @defaultValue false
      */
     opened: boolean;
     handleOpenToggle(): void;
-    /**
-     * Emitted after a tooltip is closed
-     */
-    pdsTooltipHide: EventEmitter;
-    /**
-     * Emitted after a tooltip is shown
-     */
-    pdsTooltipShow: EventEmitter;
     componentWillLoad(): void;
+    componentDidLoad(): () => void;
     componentDidUpdate(): void;
     componentDidRender(): void;
     /**
@@ -64,5 +61,6 @@ export declare class PdsTooltip {
     hideTooltip(): Promise<void>;
     private handleHide;
     private handleShow;
+    private handlePageShow;
     render(): any;
 }