@fluid-topics/ft-text-area 1.1.2 → 1.1.3
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.
- package/build/ft-text-area.min.js +15 -15
- package/package.json +5 -5
|
@@ -12,38 +12,38 @@
|
|
|
12
12
|
* subject to an additional IP rights grant found at
|
|
13
13
|
* http://polymer.github.io/PATENTS.txt
|
|
14
14
|
*/
|
|
15
|
-
if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,o=window.customElements.get,r=window.customElements,i=new WeakMap,a=new WeakMap,n=new WeakMap,s=new WeakMap;let l;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,i){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(i))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const s=i.prototype.attributeChangedCallback,l=new Set(i.observedAttributes||[]);h(i,l,s);const c={elementClass:i,connectedCallback:i.prototype.connectedCallback,disconnectedCallback:i.prototype.disconnectedCallback,adoptedCallback:i.prototype.adoptedCallback,attributeChangedCallback:s,formAssociated:i.formAssociated,formAssociatedCallback:i.prototype.formAssociatedCallback,formDisabledCallback:i.prototype.formDisabledCallback,formResetCallback:i.prototype.formResetCallback,formStateRestoreCallback:i.prototype.formStateRestoreCallback,observedAttributes:l};this._definitionsByTag.set(t,c),this._definitionsByClass.set(i,c);let p=o.call(r,t);p||(p=f(t),e.call(r,t,p)),this===window.customElements&&(n.set(i,c),c.standInClass=p);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)a.delete(t),y(t,c,!0)}const g=this._whenDefinedPromises.get(t);return void 0!==g&&(g.resolve(i),this._whenDefinedPromises.delete(t)),i}upgrade(){u.push(this),r.upgrade.apply(r,arguments),u.pop()}get(t){const e=this._definitionsByTag.get(t);return e?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let o=this._whenDefinedPromises.get(t);return void 0===o&&(o={},o.promise=new Promise((t=>o.resolve=t)),this._whenDefinedPromises.set(t,o)),o.promise}_upgradeWhenDefined(t,e,o){let r=this._awaitingUpgrade.get(e);r||this._awaitingUpgrade.set(e,r=new Set),o?r.add(t):r.delete(t)}},window.HTMLElement=function(){let e=l;if(e)return l=void 0,e;const o=n.get(this.constructor);if(!o)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],o.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),i.set(e,o),e},window.HTMLElement.prototype=t.prototype;const c=t=>t===document||t instanceof ShadowRoot,p=t=>{let e=t.getRootNode();if(!c(e)){const t=u[u.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),c(e)||(e=s.get(e)?.getRootNode()||document)}return e.customElements},f=e=>class{static get formAssociated(){return!0}constructor(){const o=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(o,HTMLElement.prototype);const r=p(o)||window.customElements,i=r._getDefinition(e);return i?y(o,i):a.set(o,r),o}connectedCallback(){const t=i.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):a.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=i.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):a.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){const t=i.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=i.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=i.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=i.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=i.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},h=(t,e,o)=>{if(0===e.size||void 0===o)return;const r=t.prototype.setAttribute;r&&(t.prototype.setAttribute=function(t,i){const a=t.toLowerCase();if(e.has(a)){const t=this.getAttribute(a);r.call(this,a,i),o.call(this,a,t,i)}else r.call(this,a,i)});const i=t.prototype.removeAttribute;i&&(t.prototype.removeAttribute=function(t){const r=t.toLowerCase();if(e.has(r)){const t=this.getAttribute(r);i.call(this,r),o.call(this,r,t,null)}else i.call(this,r)});const a=t.prototype.toggleAttribute;a&&(t.prototype.toggleAttribute=function(t,r){const i=t.toLowerCase();if(e.has(i)){const t=this.getAttribute(i);a.call(this,i,r);const e=this.getAttribute(i);o.call(this,i,t,e)}else a.call(this,i,r)})},d=e=>{const o=Object.getPrototypeOf(e);if(o!==window.HTMLElement)return o===t?Object.setPrototypeOf(e,window.HTMLElement):d(o)},y=(t,e,o=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),i.set(t,e),l=t;try{new e.elementClass}catch(t){d(e.elementClass),new e.elementClass}e.attributeChangedCallback&&e.observedAttributes.forEach((o=>{t.hasAttribute(o)&&e.attributeChangedCallback.call(t,o,null,t.getAttribute(o))})),o&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},g=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=g.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let u=[document];const b=(t,e,o=void 0)=>{const r=(o?Object.getPrototypeOf(o):t.prototype)[e];t.prototype[e]=function(){u.push(this);const t=r.apply(o||this,arguments);return void 0!==t&&s.set(t,this),u.pop(),t}};b(ShadowRoot,"createElement",document),b(ShadowRoot,"importNode",document),b(Element,"insertAdjacentHTML");const m=(t,e)=>{const o=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...o,set(t){u.push(this),o.set.call(this,t),u.pop()}})};if(m(Element,"innerHTML"),m(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,o=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...o){const r=e.call(this,...o);return t.set(r,this),r},o.forEach((e=>{const o=window.ElementInternals.prototype,r=o[e];o[e]=function(...e){const o=t.get(this);if(!0===i.get(o).formAssociated)return r?.call(this,...e);throw new DOMException(`Failed to execute ${r} on 'ElementInternals': The target element is not a form-associated custom element.`)}}));class r extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class a{constructor(t){const e=new Map;t.forEach(((t,o)=>{const r=t.getAttribute("name"),i=e.get(r)||[];this[+o]=t,i.push(t),e.set(r,i)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new r(t))}))}namedItem(t){return this[t]}}const n=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=n.get.call(this,[]),e=[];for(const o of t){const t=i.get(o);t&&!0!==t.formAssociated||e.push(o)}return new a(e)}})}}try{window.customElements.define("custom-element",null)}catch(cr){const t=window.customElements.define;window.customElements.define=(e,o,r)=>{if(null!==o)try{t.bind(window.customElements)(e,o,r)}catch(t){console.info(e,o,r,t)}}}
|
|
15
|
+
if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,o=window.customElements.get,r=window.customElements,i=new WeakMap,a=new WeakMap,n=new WeakMap,s=new WeakMap;let l;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,i){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(i))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const s=i.prototype.attributeChangedCallback,l=new Set(i.observedAttributes||[]);h(i,l,s);const c={elementClass:i,connectedCallback:i.prototype.connectedCallback,disconnectedCallback:i.prototype.disconnectedCallback,adoptedCallback:i.prototype.adoptedCallback,attributeChangedCallback:s,formAssociated:i.formAssociated,formAssociatedCallback:i.prototype.formAssociatedCallback,formDisabledCallback:i.prototype.formDisabledCallback,formResetCallback:i.prototype.formResetCallback,formStateRestoreCallback:i.prototype.formStateRestoreCallback,observedAttributes:l};this._definitionsByTag.set(t,c),this._definitionsByClass.set(i,c);let p=o.call(r,t);p||(p=f(t),e.call(r,t,p)),this===window.customElements&&(n.set(i,c),c.standInClass=p);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)a.delete(t),y(t,c,!0)}const g=this._whenDefinedPromises.get(t);return void 0!==g&&(g.resolve(i),this._whenDefinedPromises.delete(t)),i}upgrade(){u.push(this),r.upgrade.apply(r,arguments),u.pop()}get(t){const e=this._definitionsByTag.get(t);return e?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let o=this._whenDefinedPromises.get(t);return void 0===o&&(o={},o.promise=new Promise((t=>o.resolve=t)),this._whenDefinedPromises.set(t,o)),o.promise}_upgradeWhenDefined(t,e,o){let r=this._awaitingUpgrade.get(e);r||this._awaitingUpgrade.set(e,r=new Set),o?r.add(t):r.delete(t)}},window.HTMLElement=function(){let e=l;if(e)return l=void 0,e;const o=n.get(this.constructor);if(!o)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],o.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),i.set(e,o),e},window.HTMLElement.prototype=t.prototype;const c=t=>t===document||t instanceof ShadowRoot,p=t=>{let e=t.getRootNode();if(!c(e)){const t=u[u.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),c(e)||(e=s.get(e)?.getRootNode()||document)}return e.customElements},f=e=>class{static get formAssociated(){return!0}constructor(){const o=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(o,HTMLElement.prototype);const r=p(o)||window.customElements,i=r._getDefinition(e);return i?y(o,i):a.set(o,r),o}connectedCallback(){const t=i.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):a.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=i.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):a.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){const t=i.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=i.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=i.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=i.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=i.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},h=(t,e,o)=>{if(0===e.size||void 0===o)return;const r=t.prototype.setAttribute;r&&(t.prototype.setAttribute=function(t,i){const a=t.toLowerCase();if(e.has(a)){const t=this.getAttribute(a);r.call(this,a,i),o.call(this,a,t,i)}else r.call(this,a,i)});const i=t.prototype.removeAttribute;i&&(t.prototype.removeAttribute=function(t){const r=t.toLowerCase();if(e.has(r)){const t=this.getAttribute(r);i.call(this,r),o.call(this,r,t,null)}else i.call(this,r)});const a=t.prototype.toggleAttribute;a&&(t.prototype.toggleAttribute=function(t,r){const i=t.toLowerCase();if(e.has(i)){const t=this.getAttribute(i);a.call(this,i,r);const e=this.getAttribute(i);o.call(this,i,t,e)}else a.call(this,i,r)})},d=e=>{const o=Object.getPrototypeOf(e);if(o!==window.HTMLElement)return o===t?Object.setPrototypeOf(e,window.HTMLElement):d(o)},y=(t,e,o=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),i.set(t,e),l=t;try{new e.elementClass}catch(t){d(e.elementClass),new e.elementClass}e.attributeChangedCallback&&e.observedAttributes.forEach((o=>{t.hasAttribute(o)&&e.attributeChangedCallback.call(t,o,null,t.getAttribute(o))})),o&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},g=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=g.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let u=[document];const b=(t,e,o=void 0)=>{const r=(o?Object.getPrototypeOf(o):t.prototype)[e];t.prototype[e]=function(){u.push(this);const t=r.apply(o||this,arguments);return void 0!==t&&s.set(t,this),u.pop(),t}};b(ShadowRoot,"createElement",document),b(ShadowRoot,"importNode",document),b(Element,"insertAdjacentHTML");const m=(t,e)=>{const o=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...o,set(t){u.push(this),o.set.call(this,t),u.pop()}})};if(m(Element,"innerHTML"),m(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,o=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...o){const r=e.call(this,...o);return t.set(r,this),r},o.forEach((e=>{const o=window.ElementInternals.prototype,r=o[e];o[e]=function(...e){const o=t.get(this);if(!0===i.get(o).formAssociated)return r?.call(this,...e);throw new DOMException(`Failed to execute ${r} on 'ElementInternals': The target element is not a form-associated custom element.`)}}));class r extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class a{constructor(t){const e=new Map;t.forEach(((t,o)=>{const r=t.getAttribute("name"),i=e.get(r)||[];this[+o]=t,i.push(t),e.set(r,i)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new r(t))}))}namedItem(t){return this[t]}}const n=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=n.get.call(this,[]),e=[];for(const o of t){const t=i.get(o);t&&!0!==t.formAssociated||e.push(o)}return new a(e)}})}}try{window.customElements.define("custom-element",null)}catch(cr){const t=window.customElements.define;window.customElements.define=(e,o,r)=>{if(null!==o)try{t.bind(window.customElements)(e,o,r)}catch(t){console.info(e,o,r,t)}}}
|
|
16
16
|
/**
|
|
17
17
|
* @license
|
|
18
18
|
* Copyright 2019 Google LLC
|
|
19
19
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
20
|
-
*/const
|
|
20
|
+
*/const e=globalThis,o=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,r=Symbol(),i=new WeakMap;const a=t=>new class{constructor(t,e,o){if(this._$cssResult$=!0,o!==r)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(o&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=i.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&i.set(e,t))}return t}toString(){return this.cssText}}("string"==typeof t?t:t+"",void 0,r),n=o?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return a(e)})(t):t
|
|
21
21
|
/**
|
|
22
22
|
* @license
|
|
23
23
|
* Copyright 2017 Google LLC
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/,{is:
|
|
25
|
+
*/,{is:s,defineProperty:l,getOwnPropertyDescriptor:c,getOwnPropertyNames:p,getOwnPropertySymbols:f,getPrototypeOf:h}=Object,d=globalThis,y=d.trustedTypes,g=y?y.emptyScript:"",u=d.reactiveElementPolyfillSupport,b=(t,e)=>t,m={toAttribute(t,e){switch(e){case Boolean:t=t?g:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},x=(t,e)=>!s(t,e),O={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x};Symbol.metadata??=Symbol("metadata"),d.litPropertyMetadata??=new WeakMap;let N=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=O){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),r=this.getPropertyDescriptor(t,o,e);void 0!==r&&l(this.prototype,t,r)}}static getPropertyDescriptor(t,e,o){const{get:r,set:i}=c(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return r?.call(this)},set(e){const a=r?.call(this);i.call(this,e),this.requestUpdate(t,a,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??O}static _$Ei(){if(this.hasOwnProperty(b("elementProperties")))return;const t=h(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(b("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(b("properties"))){const t=this.properties,e=[...p(t),...f(t)];for(const o of e)this.createProperty(o,t[o])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,o]of e)this.elementProperties.set(t,o)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const o=this._$Eu(t,e);void 0!==o&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(n(t))}else void 0!==t&&e.push(n(t));return e}static _$Eu(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$Eg=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$ES(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$E_??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$E_?.delete(t)}_$ES(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,r)=>{if(o)t.adoptedStyleSheets=r.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const o of r){const r=document.createElement("style"),i=e.litNonce;void 0!==i&&r.setAttribute("nonce",i),r.textContent=o.cssText,t.appendChild(r)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$E_?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$E_?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e){const o=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,o);if(void 0!==r&&!0===o.reflect){const i=(void 0!==o.converter?.toAttribute?o.converter:m).toAttribute(e,o.type);this._$Em=t,null==i?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(t,e){const o=this.constructor,r=o._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=o.getPropertyOptions(r),i="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:m;this._$Em=r,this[r]=i.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,o,r=!1,i){if(void 0!==t){if(o??=this.constructor.getPropertyOptions(t),!(o.hasChanged??x)(r?i:this[t],e))return;this.C(t,e,o)}!1===this.isUpdatePending&&(this._$Eg=this._$EP())}C(t,e,o){this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,o]of t)!0!==o.wrapped||this._$AL.has(e)||void 0===this[e]||this.C(e,this[e],o)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$E_?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$ET()}catch(e){throw t=!1,this._$ET(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$E_?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EO(t,this[t]))),this._$ET()}updated(t){}firstUpdated(t){}};N.elementStyles=[],N.shadowRootOptions={mode:"open"},N[b("elementProperties")]=new Map,N[b("finalized")]=new Map,u?.({ReactiveElement:N}),(d.reactiveElementVersions??=[]).push("2.0.2");
|
|
26
26
|
/**
|
|
27
27
|
* @license
|
|
28
28
|
* Copyright 2017 Google LLC
|
|
29
29
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
30
30
|
*/
|
|
31
|
-
const
|
|
31
|
+
const v={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x},S=(t=v,e,o)=>{const{kind:r,metadata:i}=o;let a=globalThis.litPropertyMetadata.get(i);if(void 0===a&&globalThis.litPropertyMetadata.set(i,a=new Map),a.set(o.name,t),"accessor"===r){const{name:r}=o;return{set(o){const i=e.get.call(this);e.set.call(this,o),this.requestUpdate(r,i,t)},init(e){return void 0!==e&&this.C(r,void 0,t),e}}}if("setter"===r){const{name:r}=o;return function(o){const i=this[r];e.call(this,o),this.requestUpdate(r,i,t)}}throw Error("Unsupported decorator location: "+r)};function w(t){return(e,o)=>"object"==typeof o?S(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)
|
|
32
32
|
/**
|
|
33
33
|
* @license
|
|
34
34
|
* Copyright 2017 Google LLC
|
|
35
35
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
36
|
-
*/}function
|
|
36
|
+
*/}function C(t){return w({...t,state:!0,attribute:!1})}
|
|
37
37
|
/**
|
|
38
38
|
* @license
|
|
39
39
|
* Copyright 2017 Google LLC
|
|
40
40
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
41
|
-
*/const
|
|
41
|
+
*/const $=(t,e,o)=>(o.configurable=!0,o.enumerable=!0,o)
|
|
42
42
|
/**
|
|
43
43
|
* @license
|
|
44
44
|
* Copyright 2017 Google LLC
|
|
45
45
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
46
|
-
*/;function
|
|
46
|
+
*/;function E(t,e){return(o,r,i)=>{const a=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof r?o:i??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return $(0,0,{get(){let o=t.call(this);return void 0===o&&(o=a(this),(null!==o||this.hasUpdated)&&e.call(this,o)),o}})}return $(0,0,{get(){return a(this)}})}}class R{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,e){return this.callbacks=[t],this.debounce(e)}queue(t,e){return this.callbacks.push(t),this.debounce(e)}cancel(){this.clearTimeout(),this.resolvePromise&&this.resolvePromise(!1),this.clearPromise()}debounce(t){return null==this.promise&&(this.promise=new Promise(((t,e)=>{this.resolvePromise=t,this.rejectPromise=e}))),this.clearTimeout(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout),this.promise}async runCallbacks(){var t,e;const o=[...this.callbacks];this.callbacks=[];const r=null!==(t=this.rejectPromise)&&void 0!==t?t:()=>null,i=null!==(e=this.resolvePromise)&&void 0!==e?e:()=>null;this.clearPromise();for(let t of o)try{await t()}catch(t){return void r(t)}i(!0)}clearTimeout(){null!=this._debounce&&window.clearTimeout(this._debounce)}clearPromise(){this.promise=void 0,this.resolvePromise=void 0,this.rejectPromise=void 0}}function U(t,e){try{return function(t,e){if(t===e)return!0;if(t&&e&&"object"==typeof t&&"object"==typeof e){if(t.constructor!==e.constructor)return!1;var o,r,i;if(Array.isArray(t)){if((o=t.length)!=e.length)return!1;for(r=o;0!=r--;)if(!U(t[r],e[r]))return!1;return!0}if(t instanceof Map&&e instanceof Map){if(t.size!==e.size)return!1;for(r of t.entries())if(!e.has(r[0]))return!1;for(r of t.entries())if(!U(r[1],e.get(r[0])))return!1;return!0}if(t instanceof Set&&e instanceof Set){if(t.size!==e.size)return!1;for(r of t.entries())if(!e.has(r[0]))return!1;return!0}if(t.constructor===RegExp)return t.source===e.source&&t.flags===e.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===e.valueOf();if((o=(i=Object.keys(t)).length)!==Object.keys(e).length)return!1;for(r=o;0!=r--;)if(!Object.prototype.hasOwnProperty.call(e,i[r]))return!1;for(r=o;0!=r--;){var a=i[r];if(!U(t[a],e[a]))return!1}return!0}return t!=t&&e!=e}(t,e)}catch(t){return!1}}const I=t=>e=>{window.customElements.get(t)||window.customElements.define(t,e)};
|
|
47
47
|
/**
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2017 Google LLC
|
|
@@ -77,7 +77,7 @@ class ge extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
|
|
|
77
77
|
* @license
|
|
78
78
|
* Copyright 2019 Google LLC
|
|
79
79
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
80
|
-
*/class $e extends ge{createRenderRoot(){const t=this.constructor;t.elementDefinitions&&!t.registry&&(t.registry=new CustomElementRegistry,Object.entries(t.elementDefinitions).forEach((([e,o])=>t.registry.define(e,o))));const e={...t.shadowRootOptions,customElements:t.registry},o=this.renderOptions.creationScope=this.attachShadow(e);return((t,e)=>{Ce?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),r=we.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}))})(o,t.elementStyles),o}}var Ee,Re=function(t,e,o,r){for(var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,s=t.length-1;s>=0;s--)(i=t[s])&&(n=(a<3?i(n):a>3?i(e,o,n):i(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};const Ue=Symbol("constructorPrototype"),Ie=Symbol("constructorName"),We=Symbol("exportpartsDebouncer");class ke extends $e{constructor(){super(),this[Ee]=new
|
|
80
|
+
*/class $e extends ge{createRenderRoot(){const t=this.constructor;t.elementDefinitions&&!t.registry&&(t.registry=new CustomElementRegistry,Object.entries(t.elementDefinitions).forEach((([e,o])=>t.registry.define(e,o))));const e={...t.shadowRootOptions,customElements:t.registry},o=this.renderOptions.creationScope=this.attachShadow(e);return((t,e)=>{Ce?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),r=we.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}))})(o,t.elementStyles),o}}var Ee,Re=function(t,e,o,r){for(var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,s=t.length-1;s>=0;s--)(i=t[s])&&(n=(a<3?i(n):a>3?i(e,o,n):i(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};const Ue=Symbol("constructorPrototype"),Ie=Symbol("constructorName"),We=Symbol("exportpartsDebouncer");class ke extends $e{constructor(){super(),this[Ee]=new R(5),this[Ie]=this.constructor.name,this[Ue]=this.constructor.prototype}adoptedCallback(){this.constructor.name!==this[Ie]&&Object.setPrototypeOf(this,this[Ue])}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var e,o;if((null!==(o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==o?o:[]).forEach((t=>t.remove())),this.customStylesheet){const t=document.createElement("style");t.classList.add("ft-lit-element--custom-stylesheet"),t.innerHTML=this.customStylesheet,this.shadowRoot.append(t)}}scheduleExportpartsUpdate(){this[We].run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var e,o,r,i,a,n;const s=t=>null!=t&&t.trim().length>0,l=t.filter(s).map((t=>t.trim()));if(0===l.length)return void this.removeAttribute("exportparts");const c=new Set;for(let t of null!==(o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==o?o:[]){const e=null!==(i=null===(r=t.getAttribute("part"))||void 0===r?void 0:r.split(" "))&&void 0!==i?i:[],o=null!==(n=null===(a=t.getAttribute("exportparts"))||void 0===a?void 0:a.split(",").map((t=>t.split(":")[1])))&&void 0!==n?n:[];new Array(...e,...o).filter(s).map((t=>t.trim())).forEach((t=>c.add(t)))}if(0===c.size)return void this.removeAttribute("exportparts");const p=[...c.values()].flatMap((t=>l.map((e=>`${t}:${e}--${t}`))));this.setAttribute("exportparts",[...this.part,...p].join(", "))}}Ee=We,Re([w()],ke.prototype,"exportpartsPrefix",void 0),Re([function(t,e){const o=()=>JSON.parse(JSON.stringify(t));return w({type:Object,converter:{fromAttribute:t=>{if(null==t)return o();try{return JSON.parse(t)}catch{return o()}},toAttribute:t=>JSON.stringify(t)},hasChanged:(t,e)=>!U(t,e),...null!=e?e:{}})}([])],ke.prototype,"exportpartsPrefixes",void 0),Re([w()],ke.prototype,"customStylesheet",void 0);const Le=me.create("--ft-utils-highlight-html-background-color","","COLOR","#FFF26E");bt`
|
|
81
81
|
.highlight-html-match {
|
|
82
82
|
background: ${Le};
|
|
83
83
|
}
|
|
@@ -240,7 +240,7 @@ const De=1,Me=2,Ae=t=>(...e)=>({_$litDirective$:t,values:e});let Be=class{constr
|
|
|
240
240
|
</${_e(this.element)}>
|
|
241
241
|
`:Ge`
|
|
242
242
|
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
243
|
-
`}}lr.styles=[Vo,Jo,qo,Xo,Qo,tr,er,or,rr,ir,ar,...nr],sr([
|
|
243
|
+
`}}lr.styles=[Vo,Jo,qo,Xo,Qo,tr,er,or,rr,ir,ar,...nr],sr([w()],lr.prototype,"element",void 0),sr([w()],lr.prototype,"variant",void 0),I("ft-typography")(lr);
|
|
244
244
|
/**
|
|
245
245
|
* @license
|
|
246
246
|
* Copyright 2017 Google LLC
|
|
@@ -299,7 +299,7 @@ class cr extends Be{constructor(t){if(super(t),this.et=X,t.type!==Me)throw Error
|
|
|
299
299
|
${pr(this.resolvedIcon)}
|
|
300
300
|
<slot ?hidden=${e}></slot>
|
|
301
301
|
</i>
|
|
302
|
-
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case xr.file_format:this.resolvedIcon=null!==(t=hr[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case xr.material:this.resolvedIcon=this.value||ee;break;default:this.resolvedIcon=null!==(e=fr[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Nr.elementDefinitions={},Nr.styles=mr,Or([
|
|
302
|
+
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case xr.file_format:this.resolvedIcon=null!==(t=hr[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case xr.material:this.resolvedIcon=this.value||ee;break;default:this.resolvedIcon=null!==(e=fr[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Nr.elementDefinitions={},Nr.styles=mr,Or([w()],Nr.prototype,"variant",void 0),Or([w()],Nr.prototype,"value",void 0),Or([C()],Nr.prototype,"resolvedIcon",void 0),Or([E("slot")],Nr.prototype,"slottedContent",void 0),I("ft-icon")(Nr);const vr=me.external(Se.colorOutline,"Design system"),Sr=me.external(Se.colorOnSurfaceMedium,"Design system"),wr=bt`
|
|
303
303
|
:host {
|
|
304
304
|
display: block;
|
|
305
305
|
}
|
|
@@ -328,7 +328,7 @@ class cr extends Be{constructor(t){if(super(t),this.et=X,t.type!==Me)throw Error
|
|
|
328
328
|
@touchstart=${this.initDragFromTouch}>
|
|
329
329
|
<ft-icon .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
330
330
|
</div>
|
|
331
|
-
`}initDragFromMouse(t){this.initDrag(t.clientX,t.clientY)}initDragFromTouch(t){t.preventDefault(),t.stopPropagation(),this.initDrag(t.touches[0].clientX,t.touches[0].clientY)}initDrag(t,e){this.dragging=!0,this.startX=t,this.startY=e,this.fixedWidth=this.initialWidth,this.fixedHeight=this.initialHeight,this.installDocumentEventListeners()}installDocumentEventListeners(){document.addEventListener("mousemove",this.doDragFromMouse,!1),document.addEventListener("mouseup",this.stopDrag,!1),document.addEventListener("touchmove",this.doDragFromTouch,!1),document.addEventListener("touchend",this.stopDrag,!1),document.addEventListener("touchcancel",this.stopDrag,!1)}doDrag(t,e){let o=this.fixedWidth+t-this.startX,r=this.fixedHeight+e-this.startY;this.dispatchEvent(new $r(o,r))}}Er.elementDefinitions={"ft-icon":Nr},Er.styles=[ze,wr],Cr([
|
|
331
|
+
`}initDragFromMouse(t){this.initDrag(t.clientX,t.clientY)}initDragFromTouch(t){t.preventDefault(),t.stopPropagation(),this.initDrag(t.touches[0].clientX,t.touches[0].clientY)}initDrag(t,e){this.dragging=!0,this.startX=t,this.startY=e,this.fixedWidth=this.initialWidth,this.fixedHeight=this.initialHeight,this.installDocumentEventListeners()}installDocumentEventListeners(){document.addEventListener("mousemove",this.doDragFromMouse,!1),document.addEventListener("mouseup",this.stopDrag,!1),document.addEventListener("touchmove",this.doDragFromTouch,!1),document.addEventListener("touchend",this.stopDrag,!1),document.addEventListener("touchcancel",this.stopDrag,!1)}doDrag(t,e){let o=this.fixedWidth+t-this.startX,r=this.fixedHeight+e-this.startY;this.dispatchEvent(new $r(o,r))}}Er.elementDefinitions={"ft-icon":Nr},Er.styles=[ze,wr],Cr([w({type:Number})],Er.prototype,"initialWidth",void 0),Cr([w({type:Number})],Er.prototype,"initialHeight",void 0),Cr([w()],Er.prototype,"icon",void 0),Cr([w()],Er.prototype,"iconVariant",void 0),Cr([w()],Er.prototype,"cursor",void 0),Cr([C()],Er.prototype,"dragging",void 0),I("ft-resizer")(Er);const Rr={fontSize:me.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:me.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:me.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:me.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:me.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:me.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:me.extend("--ft-input-label-border-color","",Se.colorOutline),textColor:me.extend("--ft-input-label-text-color","",Se.colorOnSurfaceMedium),disabledTextColor:me.extend("--ft-input-label-disabled-text-color","",Se.colorOnSurfaceDisabled),colorSurface:me.external(Se.colorSurface,"Design system"),borderRadiusS:me.external(Se.borderRadiusS,"Design system"),colorError:me.external(Se.colorError,"Design system")},Ur=bt`
|
|
332
332
|
.ft-input-label {
|
|
333
333
|
position: absolute;
|
|
334
334
|
inset: 0;
|
|
@@ -459,7 +459,7 @@ class cr extends Be{constructor(t){if(super(t),this.et=X,t.type!==Me)throw Error
|
|
|
459
459
|
</div>
|
|
460
460
|
`:null}
|
|
461
461
|
</div>
|
|
462
|
-
`}}Wr.elementDefinitions={},Wr.styles=[er,Ur],Ir([
|
|
462
|
+
`}}Wr.elementDefinitions={},Wr.styles=[er,Ur],Ir([w({type:String})],Wr.prototype,"text",void 0),Ir([w({type:Boolean})],Wr.prototype,"raised",void 0),Ir([w({type:Boolean})],Wr.prototype,"outlined",void 0),Ir([w({type:Boolean})],Wr.prototype,"disabled",void 0),Ir([w({type:Boolean})],Wr.prototype,"error",void 0),I("ft-input-label")(Wr);const kr=me.extend("--ft-ripple-color","",Se.colorContent),Lr={color:kr,backgroundColor:me.extend("--ft-ripple-background-color","",kr),opacityContentOnSurfacePressed:me.external(Se.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:me.external(Se.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:me.external(Se.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:me.external(Se.opacityContentOnSurfaceSelected,"Design system"),borderRadius:me.create("--ft-ripple-border-radius","","SIZE","0px")},zr=me.extend("--ft-ripple-color","",Se.colorPrimary),Kr=zr,Zr=me.extend("--ft-ripple-background-color","",zr),Fr=me.extend("--ft-ripple-color","",Se.colorSecondary),Dr=Fr,Mr=me.extend("--ft-ripple-background-color","",Fr),Ar=bt`
|
|
463
463
|
:host {
|
|
464
464
|
display: contents;
|
|
465
465
|
}
|
|
@@ -571,7 +571,7 @@ class cr extends Be{constructor(t){if(super(t),this.et=X,t.type!==Me)throw Error
|
|
|
571
571
|
opacity: ${Lr.opacityContentOnSurfacePressed};
|
|
572
572
|
transform: translate(-50%, -50%) scale(1);
|
|
573
573
|
}
|
|
574
|
-
`;var Br=function(t,e,o,r){for(var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,s=t.length-1;s>=0;s--)(i=t[s])&&(n=(a<3?i(n):a>3?i(e,o,n):i(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Pr extends ke{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.originX=0,this.originY=0,this.debouncer=new
|
|
574
|
+
`;var Br=function(t,e,o,r){for(var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,s=t.length-1;s>=0;s--)(i=t[s])&&(n=(a<3?i(n):a>3?i(e,o,n):i(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Pr extends ke{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.originX=0,this.originY=0,this.debouncer=new R(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.setupDebouncer=new R(10),this.moveRipple=t=>{var e,o;let{x:r,y:i}=this.getCoordinates(t),a=null!==(o=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==o?o:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=r?r-a.x:a.width/2),this.originY=Math.round(null!=i?i-a.y:a.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=this.isFocusVisible(null==t?void 0:t.target)&&!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return Qt`
|
|
575
575
|
<style>
|
|
576
576
|
.ft-ripple .ft-ripple--effect {
|
|
577
577
|
left: ${this.originX}px;
|
|
@@ -582,7 +582,7 @@ class cr extends Be{constructor(t){if(super(t),this.et=X,t.type!==Me)throw Error
|
|
|
582
582
|
<div class="ft-ripple--background"></div>
|
|
583
583
|
<div class="ft-ripple--effect"></div>
|
|
584
584
|
</div>
|
|
585
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var e,o;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(o=this.target)||void 0===o||o.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,e;const o=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;o&&this.setupFor(null!==(e=this.target)&&void 0!==e?e:o)}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},o=e("mouseup","contextmenu"),r=e("touchend","touchcancel"),i=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",o),t.addEventListener("touchstart",r),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",i),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",o),t.removeEventListener("touchstart",r),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",i),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const e=t,o=t;let r,i;return null!=e.x?({x:r,y:i}=e):null!=o.touches&&(r=o.touches[0].clientX,i=o.touches[0].clientY),{x:r,y:i}}isFocusVisible(t){return!(t instanceof HTMLElement)||t.matches(":focus-visible")}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}}Pr.elementDefinitions={},Pr.styles=Ar,Br([
|
|
585
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var e,o;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(o=this.target)||void 0===o||o.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,e;const o=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;o&&this.setupFor(null!==(e=this.target)&&void 0!==e?e:o)}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},o=e("mouseup","contextmenu"),r=e("touchend","touchcancel"),i=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",o),t.addEventListener("touchstart",r),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",i),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",o),t.removeEventListener("touchstart",r),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",i),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const e=t,o=t;let r,i;return null!=e.x?({x:r,y:i}=e):null!=o.touches&&(r=o.touches[0].clientX,i=o.touches[0].clientY),{x:r,y:i}}isFocusVisible(t){return!(t instanceof HTMLElement)||t.matches(":focus-visible")}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}}Pr.elementDefinitions={},Pr.styles=Ar,Br([w({type:Boolean})],Pr.prototype,"primary",void 0),Br([w({type:Boolean})],Pr.prototype,"secondary",void 0),Br([w({type:Boolean})],Pr.prototype,"unbounded",void 0),Br([w({type:Boolean})],Pr.prototype,"activated",void 0),Br([w({type:Boolean})],Pr.prototype,"selected",void 0),Br([w({type:Boolean})],Pr.prototype,"disabled",void 0),Br([C()],Pr.prototype,"hovered",void 0),Br([C()],Pr.prototype,"focused",void 0),Br([C()],Pr.prototype,"pressed",void 0),Br([C()],Pr.prototype,"rippling",void 0),Br([C()],Pr.prototype,"originX",void 0),Br([C()],Pr.prototype,"originY",void 0),Br([E(".ft-ripple")],Pr.prototype,"ripple",void 0),Br([E(".ft-ripple--effect")],Pr.prototype,"rippleEffect",void 0),I("ft-ripple")(Pr);const Hr={fontSize:me.create("--ft-text-area-font-size","","SIZE","14px"),labelSize:me.create("--ft-text-area-label-size","","SIZE","11px"),verticalSpacing:me.create("--ft-text-area-vertical-spacing","","SIZE","4px"),horizontalSpacing:me.create("--ft-text-area-horizontal-spacing","","SIZE","16px"),helperColor:me.extend("--ft-text-area-helper-color","",Se.colorOnSurfaceMedium),colorPrimary:me.external(Se.colorPrimary,"Design system"),colorOnSurface:me.external(Se.colorOnSurface,"Design system"),colorOnSurfaceDisabled:me.external(Se.colorOnSurfaceDisabled,"Design system"),borderRadiusS:me.external(Se.borderRadiusS,"Design system"),colorError:me.external(Se.colorError,"Design system")},jr=bt`
|
|
586
586
|
*:focus {
|
|
587
587
|
outline: none;
|
|
588
588
|
}
|
|
@@ -724,4 +724,4 @@ class cr extends Be{constructor(t){if(super(t),this.et=X,t.type!==Me)throw Error
|
|
|
724
724
|
${this.helper}
|
|
725
725
|
</ft-typography>`:void 0}
|
|
726
726
|
</div>
|
|
727
|
-
`}setValue(t,e=!1){this.value=t,this.setFormValue(t),e&&(this.dispatchEvent(new CustomEvent("live-change",{detail:this.value})),this.dispatchEvent(new CustomEvent("change",{detail:this.value})))}contentAvailableCallback(t){super.contentAvailableCallback(t),this.requestUpdate()}onKeyDown(t){"Enter"!==t.key&&" "!==t.key||t.stopPropagation()}updateValueFromInputField(){this.dispatchEvent(new CustomEvent("change",{detail:this.value}))}liveUpdateValueFromInputField(){var t;this.value=(null===(t=this.textarea)||void 0===t?void 0:t.value)||"",this.setFormValue(this.value),this.dispatchEvent(new CustomEvent("live-change",{detail:this.value}))}onResize(t){t.detail.height>=50&&(this.height=t.detail.height)}}Tr.elementDefinitions={"ft-input-label":Wr,"ft-resizer":Er,"ft-ripple":Pr,"ft-typography":lr},Tr.styles=[Qo,jr],_r([
|
|
727
|
+
`}setValue(t,e=!1){this.value=t,this.setFormValue(t),e&&(this.dispatchEvent(new CustomEvent("live-change",{detail:this.value})),this.dispatchEvent(new CustomEvent("change",{detail:this.value})))}contentAvailableCallback(t){super.contentAvailableCallback(t),this.requestUpdate()}onKeyDown(t){"Enter"!==t.key&&" "!==t.key||t.stopPropagation()}updateValueFromInputField(){this.dispatchEvent(new CustomEvent("change",{detail:this.value}))}liveUpdateValueFromInputField(){var t;this.value=(null===(t=this.textarea)||void 0===t?void 0:t.value)||"",this.setFormValue(this.value),this.dispatchEvent(new CustomEvent("live-change",{detail:this.value}))}onResize(t){t.detail.height>=50&&(this.height=t.detail.height)}}Tr.elementDefinitions={"ft-input-label":Wr,"ft-resizer":Er,"ft-ripple":Pr,"ft-typography":lr},Tr.styles=[Qo,jr],_r([w({type:String})],Tr.prototype,"label",void 0),_r([w({reflect:!0})],Tr.prototype,"value",void 0),_r([w({type:String})],Tr.prototype,"helper",void 0),_r([w({type:Boolean})],Tr.prototype,"outlined",void 0),_r([w({type:Boolean})],Tr.prototype,"disabled",void 0),_r([w({type:Boolean})],Tr.prototype,"error",void 0),_r([w({type:Number,reflect:!0})],Tr.prototype,"height",void 0),_r([E("textarea")],Tr.prototype,"textarea",void 0),_r([C()],Tr.prototype,"focused",void 0),I("ft-text-area")(Tr),t.FtTextArea=Tr,t.FtTextAreaCssVariables=Hr,t.styles=jr}({});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-text-area",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
4
4
|
"description": "A fluidtopics text field",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-resizer": "1.1.
|
|
23
|
-
"@fluid-topics/ft-ripple": "1.1.
|
|
24
|
-
"@fluid-topics/ft-wc-utils": "1.1.
|
|
22
|
+
"@fluid-topics/ft-resizer": "1.1.3",
|
|
23
|
+
"@fluid-topics/ft-ripple": "1.1.3",
|
|
24
|
+
"@fluid-topics/ft-wc-utils": "1.1.3",
|
|
25
25
|
"lit": "3.1.0"
|
|
26
26
|
},
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "0d44a470e710f185c37e42ee87be4481a3bdf793"
|
|
28
28
|
}
|