npm - @mhmo91/schmancy - Versions diffs - 0.5.34 → 0.5.36 - Mend

@mhmo91/schmancy 0.5.34 → 0.5.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (383) hide show

package/dist/textarea-ClgK_mP6.cjs ADDED Viewed

@@ -0,0 +1,44 @@
+"use strict";const d=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js");const n=require("./theme.interface-BMeNadVb.cjs"),c=require("lit"),r=require("lit/decorators.js"),h=require("lit/directives/if-defined.js"),f=require("lit/directives/ref.js"),m=require("lit/directives/when.js"),s=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-CvQn8Ynb.cjs");var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(e,o,a,p)=>{for(var u,l=p>1?void 0:p?b(o,a):o,y=e.length-1;y>=0;y--)(u=e[y])&&(l=(p?u(o,a,l):u(l))||l);return p&&l&&x(o,a,l),l};let t=class extends g.TailwindElement(":host{border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important;width:-webkit-fill-available;display:block}:host([fillHeight]){height:100%;display:flex;flex-direction:column}:host:focus{box-shadow:unset!important}textarea:focus-visible{outline:none!important}textarea{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;text-size-adjust:inherit;text-align-last:inherit;overflow-y:auto}@keyframes onAutoFillStart{}textarea:-webkit-autofill{animation-name:onAutoFillStart}"){constructor(){super(),this.textareaRef=f.createRef(),this.label="",this.name="name_"+Date.now(),this.placeholder="",this.value="",this.cols=20,this.rows=2,this.fillHeight=!1,this.autoHeight=!0,this.resize="vertical",this.wrap="soft",this.required=!1,this.disabled=!1,this.readonly=!1,this.spellcheck=!1,this.align="left",this.tabIndex=0,this.error=!1;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}firstUpdated(){this.autofocus&&this.focus(),this.autoHeight&&setTimeout(()=>this.adjustHeight(),0),s.fromEvent(this.textareaElement,"input").pipe(s.map(e=>e.target.value),s.distinctUntilChanged()).subscribe(e=>{this.value=e,this.autoHeight&&this.adjustHeight(),this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),s.fromEvent(this.textareaElement,"change").pipe(s.map(e=>e.target.value),s.distinctUntilChanged()).subscribe(e=>{this.value=e,this.autoHeight&&this.adjustHeight(),this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),s.fromEvent(this.textareaElement,"keyup").pipe(s.filter(e=>e.key==="Enter"),s.map(e=>e.target.value),s.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("enter",{detail:{value:e},bubbles:!0,composed:!0}))})}get form(){return this.internals?.form}reportValidity(){return this.textareaRef.value?.reportValidity()}checkValidity(){return this.textareaRef.value?.checkValidity()}setCustomValidity(e){return this.textareaRef.value?.setCustomValidity(e)}select(){return this.textareaRef.value?.select()}setSelectionRange(e,o,a){this.textareaRef.value?.setSelectionRange(e,o,a)}get selectionStart(){return this.textareaRef.value?.selectionStart??null}get selectionEnd(){return this.textareaRef.value?.selectionEnd??null}get selectionDirection(){return this.textareaRef.value?.selectionDirection??null}setRangeText(e){this.textareaRef.value?.setRangeText(e)}adjustHeight(){const e=this.textareaRef.value;if(e){const o=e.offsetHeight,a=e.scrollHeight;a>o&&(e.style.height=a+"px")}}validity(){return this.textareaRef.value?.validity}focus(e={preventScroll:!0}){this.textareaRef.value?.focus(e),this.dispatchEvent(new Event("focus"))}click(){this.textareaRef.value?.click(),this.dispatchEvent(new Event("click"))}blur(){this.textareaRef.value?.blur(),this.dispatchEvent(new Event("blur"))}render(){const e={"w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 ring-inset focus:ring-1 focus:ring-inset":!0,"ring-primary-default ring-outline focus:ring-primary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"text-center":this.align==="center","text-right":this.align==="right","h-full":this.fillHeight,"resize-none":this.resize==="none","resize-y":this.resize==="vertical","resize-x":this.resize==="horizontal",resize:this.resize==="both"},o={"opacity-40":this.disabled,"block mb-[4px]":!0},a={"flex flex-col h-full":this.fillHeight};return c.html`
+		<div class="${this.classMap(a)}">
+			${m.when(this.label,()=>c.html`<label
+						${d.color({color:this.error?n.SchmancyTheme.sys.color.error.default:n.SchmancyTheme.sys.color.primary.default})}
+						class="${this.classMap(o)}"
+						for=${this.id}
+					>
+						<schmancy-typography type="label" token="lg">${this.label}</schmancy-typography>
+					</label>`)}
+			<schmancy-typography type="body" token="lg" class="${this.fillHeight?"flex-grow flex flex-col":""}">
+				<textarea
+					${d.color({bgColor:n.SchmancyTheme.sys.color.surface.highest,color:n.SchmancyTheme.sys.color.surface.on})}
+					${f.ref(this.textareaRef)}
+					.value=${this.value}
+					.id=${this.id}
+					.name=${this.name}
+					.placeholder=${this.placeholder}
+					.required=${this.required}
+					class=${this.classMap(e)}
+					.disabled=${this.disabled}
+					minlength=${h.ifDefined(this.minlength)}
+					maxlength=${h.ifDefined(this.maxlength)}
+					.readonly=${this.readonly}
+					.spellcheck=${this.spellcheck}
+					cols=${h.ifDefined(this.cols)}
+					rows=${h.ifDefined(this.rows)}
+					wrap=${h.ifDefined(this.wrap)}
+					dirname=${h.ifDefined(this.dirname)}
+				></textarea>
+			</schmancy-typography>
+			${m.when(this.hint,()=>c.html`
+					<schmancy-typography
+						${d.color({color:this.error?n.SchmancyTheme.sys.color.error.default:n.SchmancyTheme.sys.color.primary.default})}
+						class="pt-[4px]"
+						type="body"
+						token="sm"
+					>
+						${this.hint}
+					</schmancy-typography>
+				`)}
+		</div>
+		`}};t.shadowRootOptions={...c.LitElement.shadowRootOptions,delegatesFocus:!0},t.formAssociated=!0,i([r.property()],t.prototype,"label",2),i([r.property()],t.prototype,"name",2),i([r.property()],t.prototype,"placeholder",2),i([r.property({type:String,reflect:!0})],t.prototype,"value",2),i([r.property({type:Number})],t.prototype,"minlength",2),i([r.property({type:Number})],t.prototype,"maxlength",2),i([r.property({type:Number})],t.prototype,"cols",2),i([r.property({type:Number})],t.prototype,"rows",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"fillHeight",2),i([r.property({type:Boolean})],t.prototype,"autoHeight",2),i([r.property({type:String,reflect:!0})],t.prototype,"resize",2),i([r.property({type:String})],t.prototype,"wrap",2),i([r.property({type:String})],t.prototype,"dirname",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"required",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"spellcheck",2),i([r.property({type:String,reflect:!0})],t.prototype,"align",2),i([r.property({type:Boolean})],t.prototype,"autofocus",2),i([r.property({type:Number})],t.prototype,"tabIndex",2),i([r.query("textarea")],t.prototype,"textareaElement",2),i([r.property()],t.prototype,"hint",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"error",2),t=i([r.customElement("schmancy-textarea")],t);
+//# sourceMappingURL=textarea-ClgK_mP6.cjs.map

package/dist/{textarea-qLA0vP78.cjs.map → textarea-ClgK_mP6.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea-qLA0vP78.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 Makes the textarea fill the height of its container.\n\t * @attr fillHeight\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean, reflect: true }) fillHeight = false\n\n\t/\n\t Automatically adjusts height based on content.\n\t * @attr autoHeight\n\t * @type {boolean}\n\t * @default true\n\t * @public\n\t /\n\t@property({ type: Boolean }) autoHeight = true\n\n\t/\n\t Controls whether the textarea can be resized by the user.\n\t * @attr resize\n\t * @type {'none' \| 'vertical' \| 'horizontal' \| 'both'}\n\t * @default 'vertical'\n\t * @public\n\t /\n\t@property({ type: String, reflect: true }) resize: 'none' \| 'vertical' \| 'horizontal' \| 'both' = 'vertical'\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\tif (this.autoHeight) {\n\t\t\t// Initial adjustment for pre-filled content\n\t\t\tsetTimeout(() => this.adjustHeight(), 0)\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\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\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\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\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\t// Only grow, never shrink\n\t\t\tconst currentHeight = textarea.offsetHeight\n\t\t\tconst scrollHeight = textarea.scrollHeight\n\t\t\tif (scrollHeight > currentHeight) {\n\t\t\t\ttextarea.style.height = scrollHeight + 'px'\n\t\t\t}\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\t'h-full': this.fillHeight,\n\t\t\t'resize-none': this.resize === 'none',\n\t\t\t'resize-y': this.resize === 'vertical',\n\t\t\t'resize-x': this.resize === 'horizontal',\n\t\t\t'resize': this.resize === 'both',\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\tconst containerClasses = {\n\t\t\t'flex flex-col h-full': this.fillHeight,\n\t\t}\n\t\treturn html`\n\t\t<div class=\"${this.classMap(containerClasses)}\">\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\" class=\"${this.fillHeight ? 'flex-grow flex flex-col' : ''}\">\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</div>\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","fillHeight","autoHeight","resize","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","firstUpdated","autofocus","focus","setTimeout","adjustHeight","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","currentHeight","offsetHeight","scrollHeight","style","height","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","containerClasses","html","classMap","when","color","SchmancyTheme","sys","default","primary","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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"}
1	+ {"version":3,"file":"textarea-ClgK_mP6.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 Makes the textarea fill the height of its container.\n\t * @attr fillHeight\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean, reflect: true }) fillHeight = false\n\n\t/\n\t Automatically adjusts height based on content.\n\t * @attr autoHeight\n\t * @type {boolean}\n\t * @default true\n\t * @public\n\t /\n\t@property({ type: Boolean }) autoHeight = true\n\n\t/\n\t Controls whether the textarea can be resized by the user.\n\t * @attr resize\n\t * @type {'none' \| 'vertical' \| 'horizontal' \| 'both'}\n\t * @default 'vertical'\n\t * @public\n\t /\n\t@property({ type: String, reflect: true }) resize: 'none' \| 'vertical' \| 'horizontal' \| 'both' = 'vertical'\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\tif (this.autoHeight) {\n\t\t\t// Initial adjustment for pre-filled content\n\t\t\tsetTimeout(() => this.adjustHeight(), 0)\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\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\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\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\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\t// Only grow, never shrink\n\t\t\tconst currentHeight = textarea.offsetHeight\n\t\t\tconst scrollHeight = textarea.scrollHeight\n\t\t\tif (scrollHeight > currentHeight) {\n\t\t\t\ttextarea.style.height = scrollHeight + 'px'\n\t\t\t}\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\t'h-full': this.fillHeight,\n\t\t\t'resize-none': this.resize === 'none',\n\t\t\t'resize-y': this.resize === 'vertical',\n\t\t\t'resize-x': this.resize === 'horizontal',\n\t\t\t'resize': this.resize === 'both',\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\tconst containerClasses = {\n\t\t\t'flex flex-col h-full': this.fillHeight,\n\t\t}\n\t\treturn html`\n\t\t<div class=\"${this.classMap(containerClasses)}\">\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\" class=\"${this.fillHeight ? 'flex-grow flex flex-col' : ''}\">\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</div>\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","fillHeight","autoHeight","resize","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","firstUpdated","autofocus","focus","setTimeout","adjustHeight","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","currentHeight","offsetHeight","scrollHeight","style","height","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","containerClasses","html","classMap","when","color","SchmancyTheme","sys","default","primary","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 CHANGED Viewed

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

package/dist/textarea.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import "./textarea-DHrDn-O6.js";
+import "./textarea-CBb2CzKu.js";
 //# sourceMappingURL=textarea.js.map

package/dist/theme-button-Dhp3ozyB.cjs ADDED Viewed

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

package/dist/{theme-button-D7fBEUGf.cjs.map → theme-button-Dhp3ozyB.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-button-~~D7fBEUGf~~.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"}
1	+ {"version":3,"file":"theme-button-Dhp3ozyB.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":"saAKA,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-BEUsbH5m.js → theme-button-Z_xWXMaf.js} RENAMED Viewed

@@ -1,11 +1,12 @@
 import "rxjs";
+import "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { query as i, customElement as p } from "lit/decorators.js";
-import { T as l } from "./tailwind.mixin-BjDGMGbj.js";
+import { T as l } from "./tailwind.mixin-DGLcZhRp.js";
 import { html as h } from "lit";
-var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, s = (a, r, e, o) => {
-  for (var c, t = o > 1 ? void 0 : o ? d(r, e) : r, n = a.length - 1; n >= 0; n--) (c = a[n]) && (t = (o ? c(r, e, t) : c(t)) || t);
+var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, a = (s, r, e, o) => {
+  for (var n, t = o > 1 ? void 0 : o ? d(r, e) : r, c = s.length - 1; c >= 0; c--) (n = s[c]) && (t = (o ? n(r, e, t) : n(t)) || t);
   return o && t && y(r, e, t), t;
 };
 let m = class extends l() {
@@ -22,5 +23,5 @@ let m = class extends l() {
 		`;
   }
 };
-s([i("#color")], m.prototype, "color", 2), m = s([p("schmancy-theme-button")], m);
-//# sourceMappingURL=theme-button-BEUsbH5m.js.map
+a([i("#color")], m.prototype, "color", 2), m = a([p("schmancy-theme-button")], m);
+//# sourceMappingURL=theme-button-Z_xWXMaf.js.map

package/dist/{theme-button-BEUsbH5m.js.map → theme-button-Z_xWXMaf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-button-~~BEUsbH5m~~.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;"}
1	+ {"version":3,"file":"theme-button-Z_xWXMaf.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.cjs CHANGED Viewed

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

package/dist/theme-button.js CHANGED Viewed

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

package/dist/theme.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./theme.interface-BMeNadVb.cjs"),e=require("./theme.component-CQ1trrZB.cjs"),t=require("./theme.events-Car6U_SQ.cjs");exports.SchmancyTheme=r.SchmancyTheme,Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),exports.createDarkTonalPaletteFromBaseColor=e.createDarkTonalPaletteFromBaseColor,exports.createLightTonalPaletteFromBaseColor=e.createLightTonalPaletteFromBaseColor,exports.formateTheme=e.formateTheme,exports.tailwindStyles=e.tailwindStyles,exports.theme=e.theme,exports.themeContext=e.themeContext,exports.ThemeHereIAm=t.ThemeHereIAm,exports.ThemeWhereAreYou=t.ThemeWhereAreYou;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./theme.interface-BMeNadVb.cjs"),e=require("./theme.controls-C_zAMJgA.cjs"),t=require("./theme.events-Car6U_SQ.cjs");exports.SchmancyTheme=r.SchmancyTheme,Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),Object.defineProperty(exports,"ThemeControls",{enumerable:!0,get:()=>e.ThemeControls}),exports.createDarkTonalPaletteFromBaseColor=e.createDarkTonalPaletteFromBaseColor,exports.createLightTonalPaletteFromBaseColor=e.createLightTonalPaletteFromBaseColor,exports.formateTheme=e.formateTheme,exports.schmancyTheme=e.schmancyTheme,exports.tailwindStyles=e.tailwindStyles,exports.theme=e.theme,exports.themeContext=e.themeContext,exports.ThemeHereIAm=t.ThemeHereIAm,exports.ThemeWhereAreYou=t.ThemeWhereAreYou;
 //# sourceMappingURL=theme.cjs.map