@spw-ds/spw-stencil-library 0.0.1

package/dist/types/stories/components/spw-accordion/spw-accordion.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-breadcrumb/spw-breadcrumb.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;
+export declare const MultiLine: any;

package/dist/types/stories/components/spw-button/spw-button.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Primary: any;
+export declare const Secondary: any;
+export declare const Tertiary: any;
+export declare const WithIcon: any;

package/dist/types/stories/components/spw-card/spw-card.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;
+export declare const WithoutImage: any;
+export declare const Light: any;
+export declare const Vertical: any;
+export declare const Event: any;
+export declare const Video: any;
+export declare const Mini: any;

package/dist/types/stories/components/spw-checkbox/spw-checkbox.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-cookies/spw-cookies.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-field-message/spw-field-message.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Hint: any;
+export declare const Error: any;
+export declare const Success: any;

package/dist/types/stories/components/spw-file-upload/spw-file-upload.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-footer/spw-footer.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;
+export declare const Light: any;

package/dist/types/stories/components/spw-group/spw-group.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;
+export declare const Vertical: any;
+export declare const Links: any;

package/dist/types/stories/components/spw-header/spw-header.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-icon/spw-icon.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-link/spw-link.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Primary: any;
+export declare const WithIcon: any;

package/dist/types/stories/components/spw-loading/spw-loading.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;
+export declare const WithoutText: any;

package/dist/types/stories/components/spw-message/spw-message.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;
+export declare const Success: any;
+export declare const Alert: any;
+export declare const Info: any;
+export declare const Warning: any;

package/dist/types/stories/components/spw-modal/spw-modal.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/web-components';
+import '../../assets/css/components.css';
+declare const meta: Meta;
+export default meta;
+export declare const Small: any;
+export declare const Medium: any;
+export declare const Large: any;
+export declare const Fluid: any;

package/dist/types/stories/components/spw-mosaic/spw-mosaic.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-pagination/spw-pagination.stories.d.ts

@@ -0,0 +1,22 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;
+export declare const Input: any;
+export declare const NavigationPhysique: {
+    args: {
+        totalItems: number;
+        itemsPerPage: number;
+        label: string;
+    };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/types/stories/components/spw-radio/spw-radio.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-search-field/spw-search-field.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-select/spw-select.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-separator/spw-separator.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Horizontal: any;
+export declare const Vertical: any;

package/dist/types/stories/components/spw-table/spw-table.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-text-field/spw-text-field.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-textarea/spw-textarea.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/stories/components/spw-tooltip/spw-tooltip.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/types/themes/themes.d.ts

@@ -0,0 +1,13 @@
+export declare const themes: {
+    rouge: string;
+    bleu: string;
+    bleuClair: string;
+    vert: string;
+    vertLeger: string;
+    orange: string;
+    turquoise: string;
+    indigo: string;
+    mauve: string;
+    gris: string;
+};
+export type SpwTheme = keyof typeof themes;

package/dist/types/utils/animation.d.ts

@@ -0,0 +1,13 @@
+export declare function animationTo(element: HTMLElement, keyframes: Keyframe | Keyframe[], options?: KeyframeAnimationOptions): Animation;
+export declare const KEYFRAMES: {
+    fadeIn: {
+        opacity: number;
+        easing: string;
+        offset: number;
+    }[];
+    fadeOut: {
+        opacity: number;
+        easing: string;
+        offset: number;
+    }[];
+};

package/dist/types/utils/focus-trap.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copy/pasted from https://github.com/andreasbm/focus-trap
+ */
+/**
+ * Traverses the slots of the open shadowroots and returns all children matching the query.
+ * We need to traverse each child-depth one at a time because if an element should be skipped
+ * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll("*")
+ * the information of whether the children is within a hidden parent is lost.
+ * @param {ShadowRoot | HTMLElement} root
+ * @param skipNode
+ * @param isMatch
+ * @param {number} maxDepth
+ * @param {number} depth
+ * @returns {HTMLElement[]}
+ */
+export declare function queryShadowRoot(root: ShadowRoot | HTMLElement, skipNode: ($elem: HTMLElement) => boolean, isMatch: ($elem: HTMLElement) => boolean, maxDepth?: number, depth?: number): HTMLElement[];
+/**
+ * Returns whether the element is hidden.
+ * @param $elem
+ */
+export declare function isHidden($elem: HTMLElement): boolean;
+/**
+ * Returns whether the element is disabled.
+ * @param $elem
+ */
+export declare function isDisabled($elem: HTMLElement): boolean;
+/**
+ * Determines whether an element is focusable.
+ * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194
+ * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable
+ * @param $elem
+ */
+export declare function isFocusable($elem: HTMLElement): boolean;

package/dist/types/utils/utils.d.ts

@@ -0,0 +1,11 @@
+export declare function format(first: string, middle: string, last: string): string;
+export declare function toKebabCase(str: string): string;
+export declare function formatDate(date: string): string;
+export declare function stripHtmlContent(content: string): string;
+export declare const generateComponentTable: (componentsData: any, tag: string) => string;
+export declare const withComponentControls: (componentsData: any, { tag }: {
+    tag: string;
+}) => any;
+export declare function extractArgTypes(componentsData: any, subComponentTags: string[]): any;
+export declare function formatFileSize(sizeInBytes: any): string;
+export declare function hasSlotContent(el: HTMLElement): boolean;

package/hydrate/index.d.ts

@@ -0,0 +1,242 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { Readable } from 'node:stream';
+
+export declare function createWindowFromHtml(templateHtml: string, uniqueId: string): any;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export interface HydrateDocumentOptions {
+	/**
+	 * Build ID that will be added to `<html data-stencil-build="BUILD_ID">`. By default
+	 * a random ID will be generated
+	 */
+	buildId?: string;
+	/**
+	 * Sets the `href` attribute on the `<link rel="canonical">`
+	 * tag within the `<head>`. If the value is not defined it will
+	 * ensure a canonical link tag is no included in the `<head>`.
+	 */
+	canonicalUrl?: string;
+	/**
+	 * Include the HTML comments and attributes used by the client-side
+	 * JavaScript to read the structure of the HTML and rebuild each
+	 * component. Defaults to `true`.
+	 */
+	clientHydrateAnnotations?: boolean;
+	/**
+	 * Constrain `setTimeout()` to 1ms, but still async. Also
+	 * only allows `setInterval()` to fire once, also constrained to 1ms.
+	 * Defaults to `true`.
+	 */
+	constrainTimeouts?: boolean;
+	/**
+	 * Sets `document.cookie`
+	 */
+	cookie?: string;
+	/**
+	 * Sets the `dir` attribute on the top level `<html>`.
+	 */
+	direction?: string;
+	/**
+	 * Component tag names listed here will not be prerendered, nor will
+	 * hydrated on the client-side. Components listed here will be ignored
+	 * as custom elements and treated no differently than a `<div>`.
+	 */
+	excludeComponents?: string[];
+	/**
+	 * Sets the `lang` attribute on the top level `<html>`.
+	 */
+	language?: string;
+	/**
+	 * Maximum number of components to hydrate on one page. Defaults to `300`.
+	 */
+	maxHydrateCount?: number;
+	/**
+	 * Sets `document.referrer`
+	 */
+	referrer?: string;
+	/**
+	 * Removes every `<script>` element found in the `document`. Defaults to `false`.
+	 */
+	removeScripts?: boolean;
+	/**
+	 * Removes CSS not used by elements within the `document`. Defaults to `true`.
+	 */
+	removeUnusedStyles?: boolean;
+	/**
+	 * The url the runtime uses for the resources, such as the assets directory.
+	 */
+	resourcesUrl?: string;
+	/**
+	 * Prints out runtime console logs to the NodeJS process. Defaults to `false`.
+	 */
+	runtimeLogging?: boolean;
+	/**
+	 * Component tags listed here will only be prerendered or server-side-rendered
+	 * and will not be client-side hydrated. This is useful for components that
+	 * are not dynamic and do not need to be defined as a custom element within the
+	 * browser. For example, a header or footer component would be a good example that
+	 * may not require any client-side JavaScript.
+	 */
+	staticComponents?: string[];
+	/**
+	 * The amount of milliseconds to wait for a page to finish rendering until
+	 * a timeout error is thrown. Defaults to `15000`.
+	 */
+	timeout?: number;
+	/**
+	 * Sets `document.title`.
+	 */
+	title?: string;
+	/**
+	 * Sets `location.href`
+	 */
+	url?: string;
+	/**
+	 * Sets `navigator.userAgent`
+	 */
+	userAgent?: string;
+}
+export interface SerializeDocumentOptions extends HydrateDocumentOptions {
+	/**
+	 * Runs after the `document` has been hydrated.
+	 */
+	afterHydrate?(document: any): any | Promise<any>;
+	/**
+	 * Sets an approximate line width the HTML should attempt to stay within.
+	 * Note that this is "approximate", in that HTML may often not be able
+	 * to be split at an exact line width. Additionally, new lines created
+	 * is where HTML naturally already has whitespace, such as before an
+	 * attribute or spaces between words. Defaults to `100`.
+	 */
+	approximateLineWidth?: number;
+	/**
+	 * Runs before the `document` has been hydrated.
+	 */
+	beforeHydrate?(document: any): any | Promise<any>;
+	/**
+	 * Format the HTML in a nicely indented format.
+	 * Defaults to `false`.
+	 */
+	prettyHtml?: boolean;
+	/**
+	 * Remove quotes from attribute values when possible.
+	 * Defaults to `true`.
+	 */
+	removeAttributeQuotes?: boolean;
+	/**
+	 * Remove the `=""` from standardized `boolean` attributes,
+	 * such as `hidden` or `checked`. Defaults to `true`.
+	 */
+	removeBooleanAttributeQuotes?: boolean;
+	/**
+	 * Remove these standardized attributes when their value is empty:
+	 * `class`, `dir`, `id`, `lang`, and `name`, `title`. Defaults to `true`.
+	 */
+	removeEmptyAttributes?: boolean;
+	/**
+	 * Remove HTML comments. Defaults to `true`.
+	 */
+	removeHtmlComments?: boolean;
+	/**
+	 * If set to `true` the component will be rendered within a Declarative Shadow DOM.
+	 * If set to `false` Stencil will ignore the contents of the shadow root and render the
+	 * element as given in provided template.
+	 * @default true
+	 */
+	serializeShadowRoot?: boolean;
+	/**
+	 * The `fullDocument` flag determines the format of the rendered output. Set it to true to
+	 * generate a complete HTML document, or false to render only the component.
+	 * @default true
+	 */
+	fullDocument?: boolean;
+	/**
+	 * Style modes to render the component in.
+	 * @see https://stenciljs.com/docs/styling#style-modes
+	 */
+	modes?: ResolutionHandler[];
+}
+export interface HydrateFactoryOptions extends SerializeDocumentOptions {
+	serializeToHtml: boolean;
+	destroyWindow: boolean;
+	destroyDocument: boolean;
+}
+export interface Diagnostic {
+	absFilePath?: string | undefined;
+	code?: string;
+	columnNumber?: number | undefined;
+	debugText?: string;
+	header?: string;
+	language?: string;
+	level: "error" | "warn" | "info" | "log" | "debug";
+	lineNumber?: number | undefined;
+	lines: PrintLine[];
+	messageText: string;
+	relFilePath?: string | undefined;
+	type: string;
+}
+export interface PrintLine {
+	lineIndex: number;
+	lineNumber: number;
+	text: string;
+	errorCharStart: number;
+	errorLength?: number;
+}
+export interface HydrateResults {
+	buildId: string;
+	diagnostics: Diagnostic[];
+	url: string;
+	host: string | null;
+	hostname: string | null;
+	href: string | null;
+	port: string | null;
+	pathname: string | null;
+	search: string | null;
+	hash: string | null;
+	html: string | null;
+	components: HydrateComponent[];
+	anchors: HydrateAnchorElement[];
+	imgs: HydrateImgElement[];
+	scripts: HydrateScriptElement[];
+	styles: HydrateStyleElement[];
+	staticData: HydrateStaticData[];
+	title: string | null;
+	hydratedCount: number;
+	httpStatus: number | null;
+}
+export interface HydrateComponent {
+	tag: string;
+	mode: string;
+	count: number;
+	depth: number;
+}
+export interface HydrateElement {
+	[attrName: string]: string | undefined;
+}
+export interface HydrateAnchorElement extends HydrateElement {
+	href?: string;
+	target?: string;
+}
+export interface HydrateImgElement extends HydrateElement {
+	src?: string;
+}
+export interface HydrateScriptElement extends HydrateElement {
+	src?: string;
+	type?: string;
+}
+export interface HydrateStyleElement extends HydrateElement {
+	href?: string;
+}
+export interface HydrateStaticData {
+	id: string;
+	type: string;
+	content: string;
+}
+export declare function streamToString(html: string | any, option?: SerializeDocumentOptions): Readable;
+export declare function renderToString(html: string | any, options?: SerializeDocumentOptions): Promise<HydrateResults>;
+export declare function renderToString(html: string | any, options: SerializeDocumentOptions | undefined, asStream: true): Readable;
+export declare function hydrateDocument(doc: any | string, options?: HydrateDocumentOptions): Promise<HydrateResults>;
+export declare function hydrateDocument(doc: any | string, options: HydrateDocumentOptions | undefined, asStream?: boolean): Readable;
+export declare function serializeDocumentToString(doc: Document, opts: HydrateFactoryOptions): string;
+
+export {};