@govtechsg/sgds-web-component 0.0.10 → 0.0.12

package/components/CloseButton/sgds-closebutton.d.ts

@@ -0,0 +1,9 @@
+import SgdsElement from "../../base/sgds-element";
+export declare class SgdsCloseButton extends SgdsElement {
+    static styles: import("lit").CSSResultGroup[];
+    closed: boolean;
+    closeLabel: string;
+    handleClick(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+export default SgdsCloseButton;

package/components/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./sgds-dropdown";
+export * from "./sgds-dropdown-item";
+export type { DropdownButtonVariant, DropDirection } from "../../base/dropdown-element";

package/{lib → components}/Dropdown/sgds-dropdown-item.d.ts

@@ -1,7 +1,8 @@
-import LinkElement from "../utils/link-element";
-export declare class SgdsDropdownItem extends LinkElement {
-    static styles: import("lit").CSSResultGroup;
-    anchor: HTMLElement;
-    firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
-}
+import LinkElement from "../../base/link-element";
+export declare class SgdsDropdownItem extends LinkElement {
+    static styles: import("lit").CSSResultGroup[];
+    anchor: HTMLElement;
+    firstUpdated(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+export default SgdsDropdownItem;

package/{lib → components}/Dropdown/sgds-dropdown.d.ts

@@ -1,7 +1,8 @@
-import { DropdownElement } from "../utils/dropdown-element";
-export type DropDirection = "left" | "right" | "up" | "down";
-export declare class SgdsDropdown extends DropdownElement {
-    static styles: import("lit").CSSResultGroup;
-    constructor();
-    render(): import("lit").TemplateResult<1>;
-}
+import { DropdownElement } from "../../base/dropdown-element";
+export type DropDirection = "left" | "right" | "up" | "down";
+export declare class SgdsDropdown extends DropdownElement {
+    static styles: import("lit").CSSResultGroup[];
+    constructor();
+    render(): import("lit").TemplateResult<1>;
+}
+export default SgdsDropdown;

package/components/FileUpload/index.d.ts

@@ -0,0 +1 @@
+export { SgdsFileUpload } from "./sgds-fileupload";

package/components/FileUpload/sgds-fileupload.d.ts

@@ -0,0 +1,22 @@
+import SgdsElement from "../../base/sgds-element";
+export type FileUploadButtonVariant = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "link" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-danger" | "outline-warning" | "outline-info" | "outline-light" | "outline-dark";
+export declare class SgdsFileUpload extends SgdsElement {
+    /** The button's variant. */
+    variant: FileUploadButtonVariant;
+    disabled: boolean;
+    /** Button sizes */
+    size: "sm" | "lg";
+    checkedIcon?: string;
+    cancelIcon?: string;
+    private fileList;
+    private selectedFiles;
+    constructor();
+    setFileList(fileList: any): void;
+    static styles: import("lit").CSSResultGroup[];
+    private inputRef;
+    private handleClick;
+    private handleInputChange;
+    removeFileHandler(index: number): void;
+    render(): import("lit").TemplateResult<1>;
+}
+export default SgdsFileUpload;

package/components/Footer/index.d.ts

@@ -0,0 +1 @@
+export * from "./sgds-footer";

package/{lib → components}/Footer/sgds-footer.d.ts

@@ -1,23 +1,27 @@
-import SgdsElement from "../utils/sgds-element";
-export type Links = {
-    href: string;
-    label: string;
-};
-export interface ColumnLinks {
-    title: string;
-    links: Links[];
-}
-export declare class SgdsFooter extends SgdsElement {
-    static styles: import("lit").CSSResultGroup;
-    title: string;
-    description: string;
-    links: ColumnLinks[];
-    lastUpdatedDate: string;
-    contactHref: string;
-    feedbackHref: string;
-    vulnerabilityHref: string;
-    privacyHref: string;
-    termsOfUseHref: string;
-    render(): import("lit").TemplateResult<1>;
-}
-export default SgdsFooter;
+import SgdsElement from "../../base/sgds-element";
+export interface Links {
+    href: string;
+    label: string;
+}
+export interface ColumnLinks {
+    title: string;
+    links: Links[];
+}
+/**
+ * @csspart footer-top - The component's footer-top section container.
+ * @csspart footer-bottom - The component's footer-bottom section container.
+ */
+export declare class SgdsFooter extends SgdsElement {
+    static styles: import("lit").CSSResultGroup[];
+    title: string;
+    description: string;
+    links: ColumnLinks[];
+    lastUpdatedDate: string;
+    contactHref: string;
+    feedbackHref: string;
+    vulnerabilityHref: string;
+    privacyHref: string;
+    termsOfUseHref: string;
+    render(): import("lit").TemplateResult<1>;
+}
+export default SgdsFooter;

package/components/Input/index.d.ts

@@ -0,0 +1 @@
+export * from "./sgds-input";

package/{lib → components}/Input/sgds-input.d.ts

@@ -1,42 +1,42 @@
-import SgdsElement from "../utils/sgds-element";
-export declare class SgdsInput extends SgdsElement {
-    input: HTMLInputElement;
-    private hasFocus;
-    private readonly formSubmitController;
-    static styles: import("lit").CSSResultGroup;
-    type: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url';
-    label: string;
-    hintText: string;
-    inputId: string;
-    name: string;
-    inputClasses: string;
-    iconName: string;
-    value: string;
-    minlength: any;
-    maxlength: any;
-    placeholder: string;
-    pattern: any;
-    invalidFeedback: string;
-    autofocus: boolean;
-    disabled: boolean;
-    required: boolean;
-    /** Makes the input readonly. */
-    readonly: boolean;
-    invalid: boolean;
-    valid: boolean;
-    /** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
-    defaultValue: string;
-    /** Sets focus on the input. */
-    focus(options?: FocusOptions): void;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    handleInvalid(): void;
-    handleChange(event: string): void;
-    handleFocus(): void;
-    handleBlur(): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleDisabledChange(): void;
-    handleValueChange(): void;
-    render(): import("lit").TemplateResult<1 | 2>;
-}
-export default SgdsInput;
+import SgdsElement from "../../base/sgds-element";
+export declare class SgdsInput extends SgdsElement {
+    input: HTMLInputElement;
+    private hasFocus;
+    private readonly formSubmitController;
+    static styles: import("lit").CSSResultGroup[];
+    type: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text" | "time" | "url";
+    label: string;
+    hintText: string;
+    inputId: string;
+    name: string;
+    inputClasses: string;
+    iconName: string;
+    value: string;
+    minlength: any;
+    maxlength: any;
+    placeholder: string;
+    pattern: any;
+    invalidFeedback: string;
+    autofocus: boolean;
+    disabled: boolean;
+    required: boolean;
+    /** Makes the input readonly. */
+    readonly: boolean;
+    invalid: boolean;
+    valid: boolean;
+    /** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
+    defaultValue: string;
+    /** Sets focus on the input. */
+    focus(options?: FocusOptions): void;
+    /** Checks for validity and shows the browser's validation message if the control is invalid. */
+    reportValidity(): boolean;
+    handleInvalid(): void;
+    handleChange(event: string): void;
+    handleFocus(): void;
+    handleBlur(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleDisabledChange(): void;
+    handleValueChange(): void;
+    render(): import("lit").TemplateResult;
+}
+export default SgdsInput;

package/components/Mainnav/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./sgds-mainnav";
+export * from "./sgds-mainnav-item";
+export * from "./sgds-mainnav-dropdown";

package/components/Mainnav/sgds-mainnav-dropdown.d.ts

@@ -0,0 +1,6 @@
+import { DropdownElement } from "../../base/dropdown-element";
+export declare class SgdsMainnavDropdown extends DropdownElement {
+    static styles: import("lit").CSSResultGroup[];
+    render(): import("lit").TemplateResult<1>;
+}
+export default SgdsMainnavDropdown;

package/components/Mainnav/sgds-mainnav-item.d.ts

@@ -0,0 +1,8 @@
+import LinkElement from "../../base/link-element";
+/**
+ * @slot - Label for the anchor tag.
+ */
+export declare class SgdsMainnavItem extends LinkElement {
+    static styles: import("lit").CSSResultGroup[];
+}
+export default SgdsMainnavItem;

package/{lib → components}/Mainnav/sgds-mainnav.d.ts

@@ -1,22 +1,26 @@
-import SgdsElement from "../utils/sgds-element";
-export type MainnavExpandSize = "sm" | "md" | "lg" | "xl" | "xxl" | "always" | "never";
-export declare class SgdsMainnav extends SgdsElement {
-    static styles: import("lit").CSSResultGroup;
-    constructor();
-    private myCollapse;
-    private bsCollapse;
-    private myOffcanvas;
-    private bsOffcanvas;
-    private _onClickButton;
-    brandHref: string;
-    collapseId: string;
-    expand: MainnavExpandSize;
-    mode: "offcanvas" | "default";
-    breakpointReached: Boolean;
-    expanded: Boolean;
-    firstUpdated(): void;
-    _handleSlotChange(e: Event): void;
-    render(): import("lit").TemplateResult<1>;
-    _expandClass(): string;
-}
-export default SgdsMainnav;
+import SgdsElement from "../../base/sgds-element";
+export type MainnavExpandSize = "sm" | "md" | "lg" | "xl" | "xxl" | "always" | "never";
+/**
+ * @slot - Pass in SgdsMainnavItem elements here.
+ * @slot end - Elements in this slot will be positioned to the right end of .navbar-nav. Elements in this slot will also be included in collapsed menu.
+ */
+export declare class SgdsMainnav extends SgdsElement {
+    static styles: import("lit").CSSResultGroup[];
+    constructor();
+    private myCollapse;
+    private bsCollapse;
+    private myOffcanvas;
+    private bsOffcanvas;
+    private _onClickButton;
+    brandHref: string;
+    collapseId: string;
+    expand: MainnavExpandSize;
+    mode: "offcanvas" | "default";
+    breakpointReached: boolean;
+    expanded: boolean;
+    firstUpdated(): void;
+    _handleSlotChange(e: Event): void;
+    render(): import("lit").TemplateResult<1>;
+    _expandClass(): string;
+}
+export default SgdsMainnav;

package/components/Masthead/index.d.ts

@@ -0,0 +1 @@
+export * from "./sgds-masthead";

package/{lib → components}/Masthead/sgds-masthead.d.ts

@@ -1,12 +1,9 @@
-import SgdsElement from "../utils/sgds-element";
-/**
- * @property fluid - Include this attribute for full width container
- */
-export declare class SgdsMasthead extends SgdsElement {
-    static styles: import("lit").CSSResultGroup;
-    fluid: boolean;
-    toggleVisibility: boolean;
-    private _toggleVisibility;
-    render(): import("lit").TemplateResult<1>;
-}
-export default SgdsMasthead;
+import SgdsElement from "../../base/sgds-element";
+export declare class SgdsMasthead extends SgdsElement {
+    static styles: import("lit").CSSResultGroup[];
+    fluid: boolean;
+    toggleVisibility: boolean;
+    private _toggleVisibility;
+    render(): import("lit").TemplateResult<1>;
+}
+export default SgdsMasthead;

package/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export * from "./sgds-modal";

package/{lib → components}/Modal/sgds-modal.d.ts

@@ -1,28 +1,28 @@
-import SgdsElement from "../utils/sgds-element";
-export declare class SgdsModal extends SgdsElement {
-    static styles: import("lit").CSSResultGroup;
-    dialog: HTMLElement;
-    panel: HTMLElement;
-    overlay: HTMLElement;
-    private readonly hasSlotController;
-    private modal;
-    private originalTrigger;
-    open: boolean;
-    title: string;
-    titleIcon: string;
-    noHeader: boolean;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    /** Shows the dialog. */
-    show(): Promise<void>;
-    /** Hides the dialog */
-    hide(): Promise<void>;
-    private requestClose;
-    addOpenListeners(): void;
-    removeOpenListeners(): void;
-    handleDocumentKeyDown(event: KeyboardEvent): void;
-    handleOpenChange(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
-}
-export default SgdsModal;
+import SgdsElement from "../../base/sgds-element";
+export declare class SgdsModal extends SgdsElement {
+    static styles: import("lit").CSSResultGroup[];
+    dialog: HTMLElement;
+    panel: HTMLElement;
+    overlay: HTMLElement;
+    private readonly hasSlotController;
+    private modal;
+    private originalTrigger;
+    open: boolean;
+    title: string;
+    titleIcon: string;
+    noHeader: boolean;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    /** Shows the dialog. */
+    show(): Promise<void>;
+    /** Hides the dialog */
+    hide(): Promise<void>;
+    private requestClose;
+    addOpenListeners(): void;
+    removeOpenListeners(): void;
+    handleDocumentKeyDown(event: KeyboardEvent): void;
+    handleOpenChange(): Promise<void>;
+    render(): import("lit").TemplateResult<1>;
+}
+export default SgdsModal;

package/components/QuantityToggle/index.d.ts

@@ -0,0 +1 @@
+export * from "./sgds-quantity-toggle";

package/{lib/QuantityToggle/sgds-quantitytoggle.d.ts → components/QuantityToggle/sgds-quantity-toggle.d.ts}

@@ -1,30 +1,30 @@
-import SgdsElement from "../utils/sgds-element";
-import { SgdsButton } from "../Button";
-export declare class SgdsQuantityToggle extends SgdsElement {
-    input: HTMLInputElement;
-    leftBtn: SgdsButton;
-    lastBtn: SgdsButton;
-    static styles: import("lit").CSSResultGroup;
-    quantToggleId: string;
-    name: string;
-    /** The input's minimum value. */
-    min: number | string;
-    /** The input's maximum value. */
-    max: number | string;
-    size: 'sm' | 'lg' | "default";
-    count: number | string;
-    disabled: boolean;
-    quantityToggleClasses?: string;
-    /**
-    * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is
-    * implied, allowing any numeric value.
-    */
-    step: number;
-    /** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
-    defaultValue: string;
-    handleChange(event: string): void;
-    onPlus(event: MouseEvent): void;
-    onMinus(event: MouseEvent): void;
-    render(): import("lit").TemplateResult<1 | 2>;
-}
-export default SgdsQuantityToggle;
+import { SgdsButton } from "../Button";
+import SgdsElement from "../../base/sgds-element";
+export declare class SgdsQuantityToggle extends SgdsElement {
+    input: HTMLInputElement;
+    leftBtn: SgdsButton;
+    lastBtn: SgdsButton;
+    static styles: import("lit").CSSResultGroup[];
+    quantToggleId: string;
+    name: string;
+    /** The input's minimum value. */
+    min: number | string;
+    /** The input's maximum value. */
+    max: number | string;
+    size: "sm" | "lg" | "default";
+    count: number;
+    disabled: boolean;
+    quantityToggleClasses?: string;
+    /**
+     * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is
+     * implied, allowing any numeric value.
+     */
+    step: number;
+    /** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
+    defaultValue: string;
+    handleChange(event: string): void;
+    onPlus(event: MouseEvent): void;
+    onMinus(event: MouseEvent): void;
+    render(): import("lit").TemplateResult;
+}
+export default SgdsQuantityToggle;

package/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./sgds-radio";
+export * from "./sgds-radio-group";

package/{lib/Radio/sgds-radiogroup.d.ts → components/Radio/sgds-radio-group.d.ts}

@@ -1,41 +1,41 @@
-import SgdsElement from "../utils/sgds-element";
-import { FormSubmitController } from "../utils/form";
-export declare class SgdsRadioGroup extends SgdsElement {
-    static styles: import("lit").CSSResultGroup;
-    protected readonly formSubmitController: FormSubmitController;
-    defaultSlot: HTMLSlotElement;
-    input: HTMLInputElement;
-    private defaultValue;
-    private customErrorMessage;
-    /**
-     * The radio group label. Required for proper accessibility. If you need to display HTML, you can use the `label` slot
-     * instead.
-     */
-    label: string;
-    /** The selected value of the control. */
-    value: string;
-    /** The name assigned to the radio controls. */
-    name: string;
-    /** Ensures a child radio is checked before allowing the containing form to submit. */
-    required: boolean;
-    /**
-     * This will be true when the control is in an invalid state.
-     */
-    invalid: boolean;
-    invalidFeedback: string;
-    handleValueChange(): void;
-    connectedCallback(): void;
-    get validity(): ValidityState;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    private getAllRadios;
-    handleRadioClick(event: MouseEvent): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleLabelClick(): void;
-    handleSlotChange(): void;
-    handleInvalid(): void;
-    showNativeErrorMessage(): void;
-    updateCheckedRadio(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-export default SgdsRadioGroup;
+import SgdsElement from "../../base/sgds-element";
+import { FormSubmitController } from "../../utils/form";
+export declare class SgdsRadioGroup extends SgdsElement {
+    static styles: import("lit").CSSResultGroup[];
+    protected readonly formSubmitController: FormSubmitController;
+    defaultSlot: HTMLSlotElement;
+    input: HTMLInputElement;
+    private defaultValue;
+    private customErrorMessage;
+    /**
+     * The radio group label. Required for proper accessibility. If you need to display HTML, you can use the `label` slot
+     * instead.
+     */
+    label: string;
+    /** The selected value of the control. */
+    value: string;
+    /** The name assigned to the radio controls. */
+    name: string;
+    /** Ensures a child radio is checked before allowing the containing form to submit. */
+    required: boolean;
+    /**
+     * This will be true when the control is in an invalid state.
+     */
+    invalid: boolean;
+    invalidFeedback: string;
+    handleValueChange(): void;
+    connectedCallback(): void;
+    get validity(): ValidityState;
+    /** Checks for validity and shows the browser's validation message if the control is invalid. */
+    reportValidity(): boolean;
+    private getAllRadios;
+    handleRadioClick(event: MouseEvent): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleLabelClick(): void;
+    handleSlotChange(): void;
+    handleInvalid(): void;
+    showNativeErrorMessage(): void;
+    updateCheckedRadio(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+export default SgdsRadioGroup;

package/{lib → components}/Radio/sgds-radio.d.ts

@@ -1,31 +1,31 @@
-import SgdsElement from "../utils/sgds-element";
-export declare class SgdsRadio extends SgdsElement {
-    static styles: import("lit").CSSResultGroup;
-    checked: boolean;
-    protected hasFocus: boolean;
-    /** The radio's value attribute. */
-    value: string;
-    /** For id/for pair of the HTML form control. */
-    radioId: string;
-    /** Disables the radio. */
-    disabled: boolean;
-    /** Aligns the radios horizontally */
-    isInline: boolean;
-    /** For aria-label */
-    ariaLabel: string;
-    connectedCallback(): void;
-    handleCheckedChange(): void;
-    handleDisabledChange(): void;
-    private handleBlur;
-    private handleClick;
-    private handleFocus;
-    private addEventListeners;
-    private setInitialAttributes;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sgds-radio': SgdsRadio;
-    }
-}
-export default SgdsRadio;
+import SgdsElement from "../../base/sgds-element";
+export declare class SgdsRadio extends SgdsElement {
+    static styles: import("lit").CSSResultGroup[];
+    checked: boolean;
+    protected hasFocus: boolean;
+    /** The radio's value attribute. */
+    value: string;
+    /** For id/for pair of the HTML form control. */
+    radioId: string;
+    /** Disables the radio. */
+    disabled: boolean;
+    /** Aligns the radios horizontally */
+    isInline: boolean;
+    /** For aria-label */
+    ariaLabel: string;
+    connectedCallback(): void;
+    handleCheckedChange(): void;
+    handleDisabledChange(): void;
+    private handleBlur;
+    private handleClick;
+    private handleFocus;
+    private addEventListeners;
+    private setInitialAttributes;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sgds-radio": SgdsRadio;
+    }
+}
+export default SgdsRadio;

package/components/Sidenav/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./sgds-sidenav";
+export * from "./sgds-sidenav-item";
+export * from "./sgds-sidenav-link";