@fluentui/web-components 3.0.0-beta.13 → 3.0.0-beta.131

package/dist/esm/textarea/textarea.js

@@ -0,0 +1,73 @@
+import { __decorate } from "tslib";
+import { attr, Observable } from '@microsoft/fast-element';
+import { BaseTextArea } from './textarea.base.js';
+import { TextAreaAppearance } from './textarea.options.js';
+/**
+ * The Fluent TextArea Element.
+ *
+ * @tag fluent-text-area
+ *
+ */
+export class TextArea extends BaseTextArea {
+    constructor() {
+        super(...arguments);
+        /**
+         * Indicates the visual appearance of the element.
+         *
+         * @public
+         * @remarks
+         * HTML Attribute: `appearance`
+         */
+        this.appearance = TextAreaAppearance.outline;
+        /**
+         * Indicates whether the textarea should be a block-level element.
+         *
+         * @public
+         * @remarks
+         * HTML Attribute: `block`
+         */
+        this.block = false;
+    }
+    labelSlottedNodesChanged() {
+        super.labelSlottedNodesChanged();
+        this.labelSlottedNodes.forEach(node => {
+            node.size = this.size;
+        });
+    }
+    /**
+     * @internal
+     */
+    handleChange(_, propertyName) {
+        switch (propertyName) {
+            case 'size':
+                this.labelSlottedNodes.forEach(node => {
+                    node.size = this.size;
+                });
+                break;
+        }
+    }
+    /**
+     * @internal
+     */
+    connectedCallback() {
+        super.connectedCallback();
+        Observable.getNotifier(this).subscribe(this, 'size');
+    }
+    /**
+     * @internal
+     */
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        Observable.getNotifier(this).unsubscribe(this, 'size');
+    }
+}
+__decorate([
+    attr({ mode: 'fromView' })
+], TextArea.prototype, "appearance", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], TextArea.prototype, "block", void 0);
+__decorate([
+    attr
+], TextArea.prototype, "size", void 0);
+//# sourceMappingURL=textarea.js.map

package/dist/esm/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/textarea/textarea.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,uBAAuB,CAAC;AAEzE;;;;;GAKG;AACH,MAAM,OAAO,QAAS,SAAQ,YAAY;IAA1C;;QASE;;;;;;WAMG;QAEI,eAAU,GAAuB,kBAAkB,CAAC,OAAO,CAAC;QAEnE;;;;;;WAMG;QAEI,UAAK,GAAY,KAAK,CAAC;IA0ChC,CAAC;IApEW,wBAAwB;QAChC,KAAK,CAAC,wBAAwB,EAAE,CAAC;QAEjC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACpC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAgCD;;OAEG;IACI,YAAY,CAAC,CAAM,EAAE,YAAoB;QAC9C,QAAQ,YAAY,EAAE,CAAC;YACrB,KAAK,MAAM;gBACT,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACpC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;gBACxB,CAAC,CAAC,CAAC;gBACH,MAAM;QACV,CAAC;IACH,CAAC;IAED;;OAEG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACvD,CAAC;IAED;;OAEG;IACI,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACzD,CAAC;CACF;AApDQ;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;4CACwC;AAU5D;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;uCACI;AAUvB;IADN,IAAI;sCACsB"}

package/dist/esm/textarea/textarea.options.d.ts

@@ -0,0 +1,49 @@
+import type { ValuesOf } from '../utils/typings.js';
+/**
+ * Values for the `size` attribute on TextArea elements.
+ *
+ * @public
+ */
+export declare const TextAreaSize: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+export type TextAreaSize = ValuesOf<typeof TextAreaSize>;
+/**
+ * Values for the `appearance` attribute on TextArea elements.
+ *
+ * @public
+ */
+export declare const TextAreaAppearance: {
+    readonly outline: "outline";
+    readonly filledLighter: "filled-lighter";
+    readonly filledDarker: "filled-darker";
+};
+export type TextAreaAppearance = ValuesOf<typeof TextAreaAppearance>;
+/**
+ * Allowed values for `appearance` when `display-shadow` is set to true.
+ *
+ * @public
+ */
+export declare const TextAreaAppearancesForDisplayShadow: Partial<TextAreaAppearance[]>;
+/**
+ * Values for the `autocomplete` attribute on TextArea elements.
+ *
+ * @public
+ */
+export declare const TextAreaAutocomplete: {
+    readonly on: "on";
+    readonly off: "off";
+};
+export type TextAreaAutocomplete = ValuesOf<typeof TextAreaAutocomplete>;
+/**
+ * Values for the `resize` attribute on TextArea elements.
+ */
+export declare const TextAreaResize: {
+    readonly none: "none";
+    readonly both: "both";
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+export type TextAreaResize = ValuesOf<typeof TextAreaResize>;

package/dist/esm/textarea/textarea.options.js

@@ -0,0 +1,48 @@
+/**
+ * Values for the `size` attribute on TextArea elements.
+ *
+ * @public
+ */
+export const TextAreaSize = {
+    small: 'small',
+    medium: 'medium',
+    large: 'large',
+};
+/**
+ * Values for the `appearance` attribute on TextArea elements.
+ *
+ * @public
+ */
+export const TextAreaAppearance = {
+    outline: 'outline',
+    filledLighter: 'filled-lighter',
+    filledDarker: 'filled-darker',
+};
+/**
+ * Allowed values for `appearance` when `display-shadow` is set to true.
+ *
+ * @public
+ */
+export const TextAreaAppearancesForDisplayShadow = [
+    TextAreaAppearance.filledLighter,
+    TextAreaAppearance.filledDarker,
+];
+/**
+ * Values for the `autocomplete` attribute on TextArea elements.
+ *
+ * @public
+ */
+export const TextAreaAutocomplete = {
+    on: 'on',
+    off: 'off',
+};
+/**
+ * Values for the `resize` attribute on TextArea elements.
+ */
+export const TextAreaResize = {
+    none: 'none',
+    both: 'both',
+    horizontal: 'horizontal',
+    vertical: 'vertical',
+};
+//# sourceMappingURL=textarea.options.js.map

package/dist/esm/textarea/textarea.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.options.js","sourceRoot":"","sources":["../../../src/textarea/textarea.options.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAIX;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,gBAAgB;IAC/B,YAAY,EAAE,eAAe;CACrB,CAAC;AAIX;;;;GAIG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAkC;IAChF,kBAAkB,CAAC,aAAa;IAChC,kBAAkB,CAAC,YAAY;CAChC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,EAAE,EAAE,IAAI;IACR,GAAG,EAAE,KAAK;CACF,CAAC;AAIX;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACZ,CAAC"}

package/dist/esm/textarea/textarea.styles.d.ts

@@ -0,0 +1,7 @@
+import type { ElementStyles } from '@microsoft/fast-element';
+/**
+ * Styles for the TextArea component.
+ *
+ * @public
+ */
+export declare const styles: ElementStyles;

package/dist/esm/textarea/textarea.styles.js

@@ -0,0 +1,268 @@
+import { css } from '@microsoft/fast-element';
+import { borderRadiusMedium, colorCompoundBrandStroke, colorNeutralBackground1, colorNeutralBackground3, colorNeutralBackgroundInverted, colorNeutralForeground1, colorNeutralForeground4, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralStroke1, colorNeutralStroke1Hover, colorNeutralStroke1Pressed, colorNeutralStrokeAccessible, colorNeutralStrokeAccessibleHover, colorNeutralStrokeAccessiblePressed, colorNeutralStrokeDisabled, colorPaletteRedBorder2, colorTransparentBackground, curveAccelerateMid, curveDecelerateMid, durationNormal, durationUltraFast, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontWeightRegular, lineHeightBase200, lineHeightBase300, lineHeightBase400, shadow2, spacingHorizontalM, spacingHorizontalMNudge, spacingHorizontalSNudge, spacingHorizontalXS, spacingHorizontalXXS, spacingVerticalS, spacingVerticalSNudge, spacingVerticalXS, strokeWidthThin, } from '../theme/design-tokens.js';
+import { forcedColorsStylesheetBehavior } from '../utils/behaviors/match-media-stylesheet-behavior.js';
+import { display } from '../utils/display.js';
+import { userInvalidState } from '../styles/states/index.js';
+/**
+ * Styles for the TextArea component.
+ *
+ * @public
+ */
+export const styles = css `
+  ${display('inline-block')}
+
+  :host {
+    /* typography */
+    --font-size: ${fontSizeBase300};
+    --line-height: ${lineHeightBase300};
+
+    /* layout */
+    --padding-inline: ${spacingHorizontalMNudge};
+    --padding-block: ${spacingVerticalSNudge};
+    --min-block-size: 52px;
+    --block-size: var(--min-block-size);
+    --inline-size: 18rem;
+    --border-width: ${strokeWidthThin};
+    --control-padding-inline: ${spacingHorizontalXXS};
+
+    /* colors */
+    --color: ${colorNeutralForeground1};
+    --background-color: ${colorNeutralBackground1};
+    --border-color: ${colorNeutralStroke1};
+    --border-block-end-color: ${colorNeutralStrokeAccessible};
+    --placeholder-color: ${colorNeutralForeground4};
+    --focus-indicator-color: ${colorCompoundBrandStroke};
+
+    /* elevations */
+    --box-shadow: none;
+
+    /* others */
+    --contain-size: size;
+    --resize: none;
+
+    color: var(--color);
+    font-family: ${fontFamilyBase};
+    font-size: var(--font-size);
+    font-weight: ${fontWeightRegular};
+    line-height: var(--line-height);
+    position: relative;
+  }
+
+  :host(:hover) {
+    --border-color: ${colorNeutralStroke1Hover};
+    --border-block-end-color: ${colorNeutralStrokeAccessibleHover};
+  }
+
+  :host(:active) {
+    --border-color: ${colorNeutralStroke1Pressed};
+    --border-block-end-color: ${colorNeutralStrokeAccessiblePressed};
+  }
+
+  :host(:focus-within) {
+    outline: none;
+  }
+
+  :host([block]:not([hidden])) {
+    display: block;
+  }
+
+  :host([size='small']) {
+    --font-size: ${fontSizeBase200};
+    --line-height: ${lineHeightBase200};
+    --min-block-size: 40px;
+    --padding-block: ${spacingVerticalXS};
+    --padding-inline: ${spacingHorizontalSNudge};
+    --control-padding-inline: ${spacingHorizontalXXS};
+  }
+
+  :host([size='large']) {
+    --font-size: ${fontSizeBase400};
+    --line-height: ${lineHeightBase400};
+    --min-block-size: 64px;
+    --padding-block: ${spacingVerticalS};
+    --padding-inline: ${spacingHorizontalM};
+    --control-padding-inline: ${spacingHorizontalSNudge};
+  }
+
+  :host([resize='both']:not(:disabled)) {
+    --resize: both;
+  }
+
+  :host([resize='horizontal']:not(:disabled)) {
+    --resize: horizontal;
+  }
+
+  :host([resize='vertical']:not(:disabled)) {
+    --resize: vertical;
+  }
+
+  :host([auto-resize]) {
+    --block-size: auto;
+    --contain-size: inline-size;
+  }
+
+  :host([appearance='filled-darker']) {
+    --background-color: ${colorNeutralBackground3};
+    --border-color: var(--background-color);
+    --border-block-end-color: var(--border-color);
+  }
+
+  :host([appearance='filled-lighter']) {
+    --border-color: var(--background-color);
+    --border-block-end-color: var(--border-color);
+  }
+
+  :host([appearance='filled-darker'][display-shadow]),
+  :host([appearance='filled-lighter'][display-shadow]) {
+    --box-shadow: ${shadow2};
+  }
+
+  :host(${userInvalidState}) {
+    --border-color: ${colorPaletteRedBorder2};
+    --border-block-end-color: ${colorPaletteRedBorder2};
+  }
+
+  :host(:disabled) {
+    --color: ${colorNeutralForegroundDisabled};
+    --background-color: ${colorTransparentBackground};
+    --border-color: ${colorNeutralStrokeDisabled};
+    --border-block-end-color: var(--border-color);
+    --box-shadow: none;
+    --placeholder-color: ${colorNeutralForegroundDisabled};
+
+    cursor: no-drop;
+    user-select: none;
+  }
+
+  .root {
+    background-color: var(--background-color);
+    border: var(--border-width) solid var(--border-color);
+    border-block-end-color: var(--border-block-end-color);
+    border-radius: ${borderRadiusMedium};
+    box-sizing: border-box;
+    box-shadow: var(--box-shadow);
+    contain: paint layout style var(--contain-size);
+    display: grid;
+    grid-template: 1fr / 1fr;
+    inline-size: var(--inline-size);
+    min-block-size: var(--min-block-size);
+    block-size: var(--block-size);
+    overflow: hidden;
+    padding: var(--padding-block) var(--padding-inline);
+    position: relative;
+    resize: var(--resize);
+  }
+
+  :host([block]) .root {
+    inline-size: auto;
+  }
+
+  .root::after {
+    border-bottom: 2px solid var(--focus-indicator-color);
+    border-radius: 0 0 ${borderRadiusMedium} ${borderRadiusMedium};
+    box-sizing: border-box;
+    clip-path: inset(calc(100% - 2px) 1px 0px);
+    content: '';
+    height: max(2px, ${borderRadiusMedium});
+    inset: auto -1px 0;
+    position: absolute;
+    transform: scaleX(0);
+    transition-delay: ${curveAccelerateMid};
+    transition-duration: ${durationUltraFast};
+    transition-property: transform;
+  }
+
+  :host(:focus-within) .root::after {
+    transform: scaleX(1);
+    transition-property: transform;
+    transition-duration: ${durationNormal};
+    transition-delay: ${curveDecelerateMid};
+  }
+
+  :host([readonly]) .root::after,
+  :host(:disabled) .root::after {
+    content: none;
+  }
+
+  label {
+    color: var(--color);
+    display: flex;
+    inline-size: fit-content;
+    padding-block-end: ${spacingVerticalXS};
+    padding-inline-end: ${spacingHorizontalXS};
+  }
+
+  :host(:empty) label,
+  label[hidden] {
+    display: none;
+  }
+
+  .auto-sizer,
+  .control {
+    box-sizing: border-box;
+    font: inherit;
+    grid-column: 1 / -1;
+    grid-row: 1 / -1;
+    letter-space: inherit;
+    padding: 0 var(--control-padding-inline);
+  }
+
+  .auto-sizer {
+    display: none;
+    padding-block-end: 2px; /* avoid scroll bar in Firefox */
+    pointer-events: none;
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+
+  :host([auto-resize]) .auto-sizer {
+    display: block;
+  }
+
+  .control {
+    appearance: none;
+    background-color: transparent;
+    border: 0;
+    color: inherit;
+    field-sizing: content;
+    max-block-size: 100%;
+    outline: 0;
+    resize: none;
+    text-align: inherit;
+  }
+
+  .control:disabled {
+    cursor: inherit;
+  }
+
+  .control::placeholder {
+    color: var(--placeholder-color);
+  }
+
+  ::selection {
+    color: ${colorNeutralForegroundInverted};
+    background-color: ${colorNeutralBackgroundInverted};
+  }
+`.withBehaviors(forcedColorsStylesheetBehavior(css `
+    :host {
+      --border-color: FieldText;
+      --border-block-end-color: FieldText;
+      --focus-indicator-color: Highlight;
+      --placeholder-color: FieldText;
+    }
+
+    :host(:hover),
+    :host(:active),
+    :host(:focus-within) {
+      --border-color: Highlight;
+      --border-block-end-color: Highlight;
+    }
+
+    :host(:disabled) {
+      --color: GrayText;
+      --border-color: GrayText;
+      --border-block-end-color: GrayText;
+      --placeholder-color: GrayText;
+    }
+  `));
+//# sourceMappingURL=textarea.styles.js.map

package/dist/esm/textarea/textarea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.styles.js","sourceRoot":"","sources":["../../../src/textarea/textarea.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;IACpC,OAAO,CAAC,cAAc,CAAC;;;;mBAIR,eAAe;qBACb,iBAAiB;;;wBAGd,uBAAuB;uBACxB,qBAAqB;;;;sBAItB,eAAe;gCACL,oBAAoB;;;eAGrC,uBAAuB;0BACZ,uBAAuB;sBAC3B,mBAAmB;gCACT,4BAA4B;2BACjC,uBAAuB;+BACnB,wBAAwB;;;;;;;;;;mBAUpC,cAAc;;mBAEd,iBAAiB;;;;;;sBAMd,wBAAwB;gCACd,iCAAiC;;;;sBAI3C,0BAA0B;gCAChB,mCAAmC;;;;;;;;;;;;mBAYhD,eAAe;qBACb,iBAAiB;;uBAEf,iBAAiB;wBAChB,uBAAuB;gCACf,oBAAoB;;;;mBAIjC,eAAe;qBACb,iBAAiB;;uBAEf,gBAAgB;wBACf,kBAAkB;gCACV,uBAAuB;;;;;;;;;;;;;;;;;;;;;0BAqB7B,uBAAuB;;;;;;;;;;;;oBAY7B,OAAO;;;UAGjB,gBAAgB;sBACJ,sBAAsB;gCACZ,sBAAsB;;;;eAIvC,8BAA8B;0BACnB,0BAA0B;sBAC9B,0BAA0B;;;2BAGrB,8BAA8B;;;;;;;;;;qBAUpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;yBAqBd,kBAAkB,IAAI,kBAAkB;;;;uBAI1C,kBAAkB;;;;wBAIjB,kBAAkB;2BACf,iBAAiB;;;;;;;2BAOjB,cAAc;wBACjB,kBAAkB;;;;;;;;;;;;yBAYjB,iBAAiB;0BAChB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmDhC,8BAA8B;wBACnB,8BAA8B;;CAErD,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBjC,CAAC,CACH,CAAC"}

package/dist/esm/textarea/textarea.template.d.ts

@@ -0,0 +1,12 @@
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { TextArea } from './textarea.js';
+/**
+ * Generates a template for the TextArea component.
+ *
+ * @public
+ */
+export declare function textAreaTemplate<T extends TextArea>(): ElementViewTemplate<T>;
+/**
+ * @internal
+ */
+export declare const template: ElementViewTemplate<TextArea>;

package/dist/esm/textarea/textarea.template.js

@@ -0,0 +1,42 @@
+import { html, ref, slotted } from '@microsoft/fast-element';
+/**
+ * Generates a template for the TextArea component.
+ *
+ * @public
+ */
+export function textAreaTemplate() {
+    return html `
+    <template>
+      <label ${ref('labelEl')} for="control" part="label">
+        <slot name="label" ${slotted('labelSlottedNodes')}></slot>
+      </label>
+      <div class="root" part="root">
+        <textarea
+          ${ref('controlEl')}
+          id="control"
+          class="control"
+          part="control"
+          ?required="${x => x.required}"
+          ?disabled="${x => x.disabled}"
+          ?readonly="${x => x.readOnly}"
+          ?spellcheck="${x => x.spellcheck}"
+          autocomplete="${x => x.autocomplete}"
+          maxlength="${x => x.maxLength}"
+          minlength="${x => x.minLength}"
+          placeholder="${x => x.placeholder}"
+          @change="${x => x.handleControlChange()}"
+          @select="${x => x.handleControlSelect()}"
+          @input="${x => x.handleControlInput()}"
+        ></textarea>
+      </div>
+      <div hidden>
+        <slot ${slotted('defaultSlottedNodes')}></slot>
+      </div>
+    </template>
+  `;
+}
+/**
+ * @internal
+ */
+export const template = textAreaTemplate();
+//# sourceMappingURL=textarea.template.js.map

package/dist/esm/textarea/textarea.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.template.js","sourceRoot":"","sources":["../../../src/textarea/textarea.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvF;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAG;;eAED,GAAG,CAAC,SAAS,CAAC;6BACA,OAAO,CAAC,mBAAmB,CAAC;;;;YAI7C,GAAG,CAAC,WAAW,CAAC;;;;uBAIL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;uBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;uBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;0BAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;uBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;yBACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;qBACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;qBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;oBAC7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE;;;;gBAI/B,OAAO,CAAC,qBAAqB,CAAC;;;GAG3C,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAkC,gBAAgB,EAAE,CAAC"}