@mhmo91/schmancy 0.4.56 → 0.4.57

package/dist/{textarea-Dvd1VFKN.cjs.map → textarea-zXQTFn05.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-Dvd1VFKN.cjs","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","firstUpdated","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}
+{"version":3,"file":"textarea-zXQTFn05.cjs","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","firstUpdated","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}

package/dist/textarea.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./textarea-Dvd1VFKN.cjs");
+"use strict";require("./textarea-zXQTFn05.cjs");
 //# sourceMappingURL=textarea.cjs.map

package/dist/textarea.js

@@ -1,2 +1,2 @@
-import "./textarea-CXSBrd0S.js";
+import "./textarea-BFCDQ2GT.js";
 //# sourceMappingURL=textarea.js.map

package/dist/{theme-button-CarTFeLZ.js → theme-button-C7wWyjKO.js}

@@ -1,7 +1,7 @@
 import "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as i } from "./tailwind.mixin-D4iX2lD7.js";
+import { T as i } from "./tailwind.mixin-CzyZKLbe.js";
 import { query as p, customElement as l } from "lit/decorators.js";
 import { html as h } from "lit";
 var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, s = (a, r, e, o) => {
@@ -23,4 +23,4 @@ let m = class extends i() {
   }
 };
 s([p("#color")], m.prototype, "color", 2), m = s([l("schmancy-theme-button")], m);
-//# sourceMappingURL=theme-button-CarTFeLZ.js.map
+//# sourceMappingURL=theme-button-C7wWyjKO.js.map

package/dist/{theme-button-CarTFeLZ.js.map → theme-button-C7wWyjKO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-button-CarTFeLZ.js","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":";;;;;;;;;;AAKA,IAAqBA,IAArB,cAAiDC,EAAAA,EAAAA;AAAAA,EAGtC,SAAAC;AACT,WAAOC;AAAAA;AAAAA,aAEI,MAAA;AAKRC,WAAKC,MAAMC,QAAQ,CAAC,EAAEC,WAAW,eAAA,GAAkB,EAAEA,WAAW,iBAAA,CAAA,GAAqB,EACpFC,UAAU,IAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUf;AAAA;AArBiBC,EAAA,CAAhBC,EAAM,QAAA,CAAA,GADaV,EACHW,WAAA,SAAA,CAAA,GADGX,IAArBS,EAAA,CADCG,EAAc,uBAAA,CAAA,GACMZ,CAAAA;"}
+{"version":3,"file":"theme-button-C7wWyjKO.js","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":";;;;;;;;;;AAKA,IAAqBA,IAArB,cAAiDC,EAAAA,EAAAA;AAAAA,EAGtC,SAAAC;AACT,WAAOC;AAAAA;AAAAA,aAEI,MAAA;AAKRC,WAAKC,MAAMC,QAAQ,CAAC,EAAEC,WAAW,eAAA,GAAkB,EAAEA,WAAW,iBAAA,CAAA,GAAqB,EACpFC,UAAU,IAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUf;AAAA;AArBiBC,EAAA,CAAhBC,EAAM,QAAA,CAAA,GADaV,EACHW,WAAA,SAAA,CAAA,GADGX,IAArBS,EAAA,CADCG,EAAc,uBAAA,CAAA,GACMZ,CAAAA;"}

package/dist/{theme-button-A-aEIS5T.cjs → theme-button-DzIOCd3h.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("./tailwind.mixin-Cl3yu0Cj.cjs"),u=require("lit/decorators.js"),m=require("lit");var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(a,r,c,t)=>{for(var o,e=t>1?void 0:t?h(r,c):r,i=a.length-1;i>=0;i--)(o=a[i])&&(e=(t?o(r,c,e):o(e))||e);return t&&e&&d(r,c,e),e};let n=class extends l.TailwindElement(){render(){return m.html`
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("./tailwind.mixin-CZTk9eGO.cjs"),u=require("lit/decorators.js"),m=require("lit");var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(a,r,c,t)=>{for(var o,e=t>1?void 0:t?h(r,c):r,i=a.length-1;i>=0;i--)(o=a[i])&&(e=(t?o(r,c,e):o(e))||e);return t&&e&&d(r,c,e),e};let n=class extends l.TailwindElement(){render(){return m.html`
 			<schmancy-button
 				@click=${()=>{this.color.animate([{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],{duration:300})}}
 				variant="text"
@@ -6,4 +6,4 @@
 				<schmancy-icon id="color">palette</schmancy-icon>
 			</schmancy-button>
 		`}};s([u.query("#color")],n.prototype,"color",2),n=s([u.customElement("schmancy-theme-button")],n);
-//# sourceMappingURL=theme-button-A-aEIS5T.cjs.map
+//# sourceMappingURL=theme-button-DzIOCd3h.cjs.map

package/dist/{theme-button-A-aEIS5T.cjs.map → theme-button-DzIOCd3h.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-button-A-aEIS5T.cjs","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":"4YAKA,IAAqBA,EAArB,cAAiDC,EAAAA,gBAAAA,CAAAA,CAGtC,QAAAC,CACT,OAAOC,EAAAA;AAAAA;AAAAA,aAEI,IAAA,CAKRC,KAAKC,MAAMC,QAAQ,CAAC,CAAEC,UAAW,cAAA,EAAkB,CAAEA,UAAW,gBAAA,CAAA,EAAqB,CACpFC,SAAU,GAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUf,CAAA,EArBiBC,EAAA,CAAhBC,EAAAA,MAAM,WADaV,EACHW,UAAA,QAAA,CAAA,EADGX,EAArBS,EAAA,CADCG,EAAAA,cAAc,uBAAA,CAAA,EACMZ,CAAAA"}
+{"version":3,"file":"theme-button-DzIOCd3h.cjs","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":"4YAKA,IAAqBA,EAArB,cAAiDC,EAAAA,gBAAAA,CAAAA,CAGtC,QAAAC,CACT,OAAOC,EAAAA;AAAAA;AAAAA,aAEI,IAAA,CAKRC,KAAKC,MAAMC,QAAQ,CAAC,CAAEC,UAAW,cAAA,EAAkB,CAAEA,UAAW,gBAAA,CAAA,EAAqB,CACpFC,SAAU,GAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUf,CAAA,EArBiBC,EAAA,CAAhBC,EAAAA,MAAM,WADaV,EACHW,UAAA,QAAA,CAAA,EADGX,EAArBS,EAAA,CADCG,EAAAA,cAAc,uBAAA,CAAA,EACMZ,CAAAA"}

package/dist/theme-button.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./theme-button-A-aEIS5T.cjs");
+"use strict";require("./theme-button-DzIOCd3h.cjs");
 //# sourceMappingURL=theme-button.cjs.map

package/dist/theme-button.js

@@ -1,2 +1,2 @@
-import "./theme-button-CarTFeLZ.js";
+import "./theme-button-C7wWyjKO.js";
 //# sourceMappingURL=theme-button.js.map

package/dist/theme.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.component-BQvaBDDQ.cjs"),m=require("./theme.interface-Xg5Zi46a.cjs");Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),exports.ThemeHereIAm=e.ThemeHereIAm,exports.ThemeWhereAreYou=e.ThemeWhereAreYou,exports.formateTheme=e.formateTheme,exports.tailwindStyles=e.tailwindStyles,exports.SchmancyTheme=m.SchmancyTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.component-DuN_MT-I.cjs"),m=require("./theme.interface-Xg5Zi46a.cjs");Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),exports.ThemeHereIAm=e.ThemeHereIAm,exports.ThemeWhereAreYou=e.ThemeWhereAreYou,exports.formateTheme=e.formateTheme,exports.tailwindStyles=e.tailwindStyles,exports.SchmancyTheme=m.SchmancyTheme;
 //# sourceMappingURL=theme.cjs.map

package/dist/{theme.component-qwakcK7J.js → theme.component-BKgJfpNl.js}

@@ -1,5 +1,5 @@
 import { n as Dr, e as Sr } from "./provide-tcktw8xB.js";
-import { T as Ir } from "./tailwind.mixin-D4iX2lD7.js";
+import { T as Ir } from "./tailwind.mixin-CzyZKLbe.js";
 import { unsafeCSS as Lr, html as Br } from "lit";
 import { property as cr, customElement as Fr } from "lit/decorators.js";
 import { Observable as Vr, of as kr, switchMap as Tr, fromEvent as Ar, takeUntil as Or } from "rxjs";
@@ -735,4 +735,4 @@ export {
   qr as f,
   Kr as t
 };
-//# sourceMappingURL=theme.component-qwakcK7J.js.map
+//# sourceMappingURL=theme.component-BKgJfpNl.js.map