@quartzds/core 1.0.0-beta.81 → 1.0.0-beta.83

package/dist/types/stencil-public-runtime.d.ts

@@ -1015,6 +1015,8 @@ export declare namespace JSXBase {
         autoPlay?: boolean;
         autoplay?: boolean | string;
         controls?: boolean;
+        controlslist?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
+        controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
         crossOrigin?: string;
         crossorigin?: string;
         loop?: boolean;
@@ -1564,6 +1566,10 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
+        onBeforeToggle?: (event: Event) => void;
+        onBeforeToggleCapture?: (event: Event) => void;
+        onToggle?: (event: Event) => void;
+        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;

package/dist/vscode.html-custom-data.json

@@ -424,10 +424,6 @@
         "value": "`<qds-checkbox>` elements are rendered as boxes that are checked (ticked)\nwhen activated, like you might see in an official government paper form. A\ncheckbox allows you to select single values for submission in a form (or not)."
       },
       "attributes": [
-        {
-          "name": "autofocus",
-          "description": "Specify whether the checkbox should have focus when the page loads."
-        },
         {
           "name": "checked",
           "description": "Sets the checkbox's state."
@@ -496,10 +492,6 @@
         "value": "`<qds-chip>` elements are interactive elements that represent selections.\nChips allow users to make a selection from a list of options or display\nitems like filters or tags."
       },
       "attributes": [
-        {
-          "name": "autofocus",
-          "description": "Specify whether the chip should have focus when the page loads."
-        },
         {
           "name": "checked",
           "description": "Sets the selectable chip's state."
@@ -860,38 +852,10 @@
           "name": "accept",
           "description": "Defines the file types the `file` type input should accept. This is a\ncomma-separated list of [unique file type specifiers][]. Because a given\nfile type may be identified in more than one manner, it's useful to\nprovide a thorough set of type specifiers when you files of a given format\nare needed.\n\nFor instance, there are a number of ways Microsoft Word files can be\nidentified, so a site that accepts Word files might use a `<qds-input>`\nlike this:"
         },
-        {
-          "name": "autocapitalize",
-          "description": "Controls whether and how input is automatically capitalized as it is\nentered/edited by the user. Only valid for `search`, `tel`, and `text`\ninputs. Possible values:\n\n- `\"off\"` or `\"none\"`: No auto-capitalization is applied (all letters\ndefault to lowercase).\n- `\"on\"` or `\"sentences\"`: The first letter of each sentence defaults to a\ncapital letter; all other letters default to lowercase.\n- `\"words\"`: The first letter of each word defaults to a capital letter;\nall other letters default to lowercase.\n- `\"characters\"`: All letters default to uppercase.",
-          "values": [
-            {
-              "name": "characters"
-            },
-            {
-              "name": "none"
-            },
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            },
-            {
-              "name": "sentences"
-            },
-            {
-              "name": "words"
-            }
-          ]
-        },
         {
           "name": "autocomplete",
           "description": "Provides a hint for a [user agent's][] autocomplete feature. See\n[the HTML `autocomplete` attribute][autocomplete] for a complete list of\nvalues and details on how to use `autoComplete`.\n\n[user agent's]: https://developer.mozilla.org/docs/Glossary/User_agent\n[autocomplete]: https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete"
         },
-        {
-          "name": "autofocus",
-          "description": "Specify whether the input should have focus when the page loads."
-        },
         {
           "name": "capture",
           "description": "Specifies that a new file should be captured and which device should be\nused to capture that new media of the type defined by `accept`.\n\nValues include `user`, `environment`, and `''`:\n\n- `user`: The user-facing camera and/or microphone should be used.\n- `environment`: The outward-facing camera and/or microphone should be\nused.\n- `''`: The implementation-specific capture state.",
@@ -1047,10 +1011,6 @@
             }
           ]
         },
-        {
-          "name": "spellcheck",
-          "description": "Defines whether the input may be checked for spelling errors."
-        },
         {
           "name": "step",
           "description": "Specifies the granularity that the `value` must adhere to. Only valid for\n`date`, `datetime-local`, `month`, `number`, `time`, and `week` inputs.\n\nThe value must be a positive number—integer or float—or the special value\n`any`, which means no stepping is implied, and any value is allowed\n(barring other constraints, such as `min` and `max`).\n\nIf `any` is not explicitly set, valid values for the `number` are the\nbasis for stepping — the `min` value and increments of the step value, up\nto the `max` value, if specified.",
@@ -1448,10 +1408,6 @@
           "name": "autocomplete",
           "description": "Provides a hint for a [user agent's][] autocomplete feature. See\n[the HTML `autocomplete` attribute][] for a complete list of values and\ndetails on how to use `autoComplete`.\n\n[user agent's]: https://developer.mozilla.org/docs/Glossary/User_agent\n[the HTML `autocomplete` attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete"
         },
-        {
-          "name": "autofocus",
-          "description": "Specify whether the select should have focus when the page loads."
-        },
         {
           "name": "disabled",
           "description": "Prevents the select from being interacted with: it cannot be pressed or\nfocused."
@@ -1647,10 +1603,6 @@
         "value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
       },
       "attributes": [
-        {
-          "name": "autofocus",
-          "description": "Specify whether the switch should have focus when the page loads."
-        },
         {
           "name": "checked",
           "description": "Sets the switch's state."
@@ -2142,30 +2094,6 @@
         "value": "The `<qds-textarea>` element represents a multi-line plain-text editing\ncontrol, useful when you want to allow users to enter a sizeable amount of\nfree-form text, for example a comment on a review or feedback form."
       },
       "attributes": [
-        {
-          "name": "autocapitalize",
-          "description": "Controls whether and how input is automatically capitalized as it is\nentered/edited by the user. Possible values:\n\n- `\"off\"` or `\"none\"`: No auto-capitalization is applied (all letters\ndefault to lowercase).\n- `\"on\"` or `\"sentences\"`: The first letter of each sentence defaults to a\ncapital letter; all other letters default to lowercase.\n- `\"words\"`: The first letter of each word defaults to a capital letter;\nall other letters default to lowercase.\n- `\"characters\"`: All letters default to uppercase.",
-          "values": [
-            {
-              "name": "characters"
-            },
-            {
-              "name": "none"
-            },
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            },
-            {
-              "name": "sentences"
-            },
-            {
-              "name": "words"
-            }
-          ]
-        },
         {
           "name": "autocomplete",
           "description": "Indicates whether the value of the textarea can be automatically completed\nby the browser. Possible values:\n\n`off`: The user must explicitly enter a value into this field for every\nuse, or the document provides its own auto-completion method; the browser\ndoes not automatically complete the entry.\n`on`: The browser can automatically complete the value based on values\nthat the user has entered during previous uses.\n\nIf the `autocomplete` attribute is not specified on a `<qds-textarea>`\nelement, then the browser uses the `autocomplete` attribute value of the\n`<qds-textarea>` element's form owner. The form owner is either the\n[`<form>`][] element that this `<qds-textarea>` element is a descendant of\nor the form element whose `id` is specified by the `form` attribute of the\n`qds-textarea` element. For more information, see the [`autocomplete`]\nattribute in [`<form>`][].\n\n[`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form\n[`autocomplete`]: https://developer.mozilla.org/docs/Web/HTML/Element/form#autocomplete",
@@ -2178,10 +2106,6 @@
             }
           ]
         },
-        {
-          "name": "autofocus",
-          "description": "Specify whether the input should have focus when the page loads."
-        },
         {
           "name": "cols",
           "description": "The visible width of the text control, in average character widths. If it\nis specified, it must be a positive integer. If it is not specified, the\ndefault value is `20`."
@@ -2313,10 +2237,6 @@
             }
           ]
         },
-        {
-          "name": "spellcheck",
-          "description": "Defines whether the textarea may be checked for spelling errors."
-        },
         {
           "name": "validation-message",
           "description": "The error message that would be shown to the user if the `<qds-select>`\nwas to be checked for validity."

package/hydrate/index.d.ts

@@ -3,6 +3,7 @@
 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
@@ -137,18 +138,40 @@ export interface SerializeDocumentOptions extends HydrateDocumentOptions {
 	 */
 	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
+	 * Configure how Stencil serializes the components shadow root.
+	 * - If set to `declarative-shadow-dom` the component will be rendered within a Declarative Shadow DOM.
+	 * - If set to `scoped` Stencil will render the contents of the shadow root as a `scoped: true` component
+	 *   and the shadow DOM will be created during client-side hydration.
+	 * - Alternatively you can mix and match the two by providing an object with `declarative-shadow-dom` and `scoped` keys,
+	 * the value arrays containing the tag names of the components that should be rendered in that mode.
+	 *
+	 * Examples:
+	 * - `{ 'declarative-shadow-dom': ['my-component-1', 'another-component'], default: 'scoped' }`
+	 * Render all components as `scoped` apart from `my-component-1` and `another-component`
+	 * -  `{ 'scoped': ['an-option-component'], default: 'declarative-shadow-dom' }`
+	 * Render all components within `declarative-shadow-dom` apart from `an-option-component`
+	 * - `'scoped'` Render all components as `scoped`
+	 * - `false` disables shadow root serialization
+	 *
+	 * *NOTE* `true` has been deprecated in favor of `declarative-shadow-dom` and `scoped`
+	 * @default 'declarative-shadow-dom'
 	 */
-	serializeShadowRoot?: boolean;
+	serializeShadowRoot?: "declarative-shadow-dom" | "scoped" | {
+		"declarative-shadow-dom"?: string[];
+		scoped?: string[];
+		default: "declarative-shadow-dom" | "scoped";
+	} | 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;