@gravitee/ui-components 3.25.3-typescript-8a53edf → 3.25.3-typescript-e7256ca

package/src/mixins/input-element.js

@@ -1,144 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { css, html } from 'lit';
-
-export function InputElement(ParentClass) {
-  /**
-   * @mixinClass
-   */
-  return class extends ParentClass {
-    static get properties() {
-      return {
-        disabled: { type: Boolean, reflect: true },
-        required: { type: Boolean, reflect: true },
-        readonly: { type: Boolean, reflect: true },
-        skeleton: { type: Boolean },
-        value: { type: String, reflect: true },
-        label: { type: String },
-        title: { type: String },
-        name: { type: String },
-        placeholder: { type: String },
-        description: { type: String },
-        autofocus: { type: Boolean },
-        invalid: { type: Boolean, reflect: true },
-        valid: { type: Boolean, reflect: true },
-      };
-    }
-
-    static get styles() {
-      return [
-        // language=CSS
-        css`
-          :host {
-            box-sizing: border-box;
-            margin: 0.2rem;
-            display: block;
-          }
-
-          :host([invalid]) :not(.clipboard) input,
-          :host([invalid]) :not(.clipboard) ::slotted(.input),
-          :host([invalid]) :not(.clipboard) .box-icon-left,
-          :host([invalid]) :not(.clipboard) textarea,
-          :host([invalid]) :not(.clipboard) select,
-          :host([invalid]) :not(.clipboard) .input {
-            box-shadow: inset 3px 0 0 var(--gv-input-invalid--bxshc, var(--gv-theme-color-error, #da1a1b));
-          }
-
-          :host([readonly]) :not(.clipboard) input,
-          :host([readonly]) :not(.clipboard) ::slotted(.input),
-          :host([readonly]) .textarea,
-          :host([readonly]) :not(.clipboard) select,
-          :host([readonly]) .input {
-            border-left: 1px solid var(--gv-input--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
-          }
-
-          :host([readonly]) input::placeholder {
-            color: transparent;
-          }
-        `,
-      ];
-    }
-
-    constructor() {
-      super();
-      this._id = `gv-input-${new Date().getTime()}`;
-      this.valid = true;
-      this.invalid = false;
-    }
-
-    updateState(value) {
-      if (this.required && !this.readonly) {
-        this.setValidity(value == null || value.length === 0 || (typeof value === 'string' && value.trim() === ''), 'field is required');
-      } else {
-        this.setValidity();
-      }
-    }
-
-    setValidity(isInvalid = false, violation = '') {
-      const element = this.getInputElement();
-      if (element && element.setCustomValidity) {
-        if (isInvalid) {
-          if (violation == null || violation.trim() === '') {
-            violation = 'field is not valid';
-          }
-          element.setCustomValidity(violation);
-        } else {
-          element.setCustomValidity('');
-        }
-        element.reportValidity();
-      }
-      this.invalid = isInvalid;
-      this.valid = !this.invalid;
-    }
-
-    firstUpdated() {
-      if (this.autofocus) {
-        const input = this.getInputElement();
-        if (input != null) {
-          this.getInputElement().focus();
-        }
-      }
-      this.updateState(this.value);
-    }
-
-    updated(changedProperties) {
-      if (changedProperties.has('value')) {
-        this.updateState(this.value);
-      }
-    }
-
-    getInputElement() {
-      return this.shadowRoot ? this.shadowRoot.querySelector('input') : null;
-    }
-
-    get offsetHeight() {
-      if (this.description != null) {
-        const element = this.shadowRoot.querySelector('.description');
-        if (element != null) {
-          return super.offsetHeight - element.offsetHeight;
-        }
-      }
-      return super.offsetHeight;
-    }
-
-    renderLabel() {
-      if (this.label) {
-        return html`<label for=${this.id} title="${this.label}">${this.label}</label>`;
-      }
-      return '';
-    }
-  };
-}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.InputElement=void 0;const t=require("lit");exports.InputElement=function(e){return class extends e{static get properties(){return{disabled:{type:Boolean,reflect:!0},required:{type:Boolean,reflect:!0},readonly:{type:Boolean,reflect:!0},skeleton:{type:Boolean},value:{type:String,reflect:!0},label:{type:String},title:{type:String},name:{type:String},placeholder:{type:String},description:{type:String},autofocus:{type:Boolean},invalid:{type:Boolean,reflect:!0},valid:{type:Boolean,reflect:!0}}}static get styles(){return[t.css`:host{box-sizing:border-box;margin:.2rem;display:block}:host([invalid]) :not(.clipboard) .box-icon-left,:host([invalid]) :not(.clipboard) .input,:host([invalid]) :not(.clipboard) ::slotted(.input),:host([invalid]) :not(.clipboard) input,:host([invalid]) :not(.clipboard) select,:host([invalid]) :not(.clipboard) textarea{box-shadow:inset 3px 0 0 var(--gv-input-invalid--bxshc,var(--gv-theme-color-error,#da1a1b))}:host([readonly]) .input,:host([readonly]) .textarea,:host([readonly]) :not(.clipboard) ::slotted(.input),:host([readonly]) :not(.clipboard) input,:host([readonly]) :not(.clipboard) select{border-left:1px solid var(--gv-input--bdc,var(--gv-theme-neutral-color-dark,#d9d9d9))}:host([readonly]) input::placeholder{color:transparent}`]}constructor(){super(),this._id=`gv-input-${(new Date).getTime()}`,this.valid=!0,this.invalid=!1}updateState(t){this.required&&!this.readonly?this.setValidity(null==t||0===t.length||"string"==typeof t&&""===t.trim(),"field is required"):this.setValidity()}setValidity(t=!1,e=""){const i=this.getInputElement();i&&i.setCustomValidity&&(t?(null!=e&&""!==e.trim()||(e="field is not valid"),i.setCustomValidity(e)):i.setCustomValidity(""),i.reportValidity()),this.invalid=t,this.valid=!this.invalid}firstUpdated(){if(this.autofocus){null!=this.getInputElement()&&this.getInputElement().focus()}this.updateState(this.value)}updated(t){t.has("value")&&this.updateState(this.value)}getInputElement(){return this.shadowRoot?this.shadowRoot.querySelector("input"):null}get offsetHeight(){if(null!=this.description){const t=this.shadowRoot.querySelector(".description");if(null!=t)return super.offsetHeight-t.offsetHeight}return super.offsetHeight}renderLabel(){return this.label?t.html`<label for="${this.id}" title="${this.label}">${this.label}</label>`:""}}};

package/src/mixins/item-resource.d.ts

@@ -0,0 +1,56 @@
+/**
+ * This is a mixin for ItemResource
+ * @mixinFunction
+ */
+export function ItemResource(ParentClass: any): {
+    new (): {
+        [x: string]: any;
+        _skeletonAttribute: string;
+        _onImageLoaded(): void;
+        _skeleton: boolean;
+        _renderImage(): "" | import("lit-html").TemplateResult<1>;
+        _onTagClick(tagValue: any, event: any): void;
+        _renderLabels(clickable: any): unknown;
+        _renderStates(): unknown;
+        _onClickToMetrics(event: any): void;
+        _renderMetricsWithRating(): "" | import("lit-html").TemplateResult<1>;
+        _renderInfoRating(): "" | import("lit-html").TemplateResult<1>;
+        _invisible: boolean;
+        _error: boolean;
+        _empty: boolean;
+        updated(changedProperties: any): void;
+    };
+    readonly properties: {
+        /** @required */
+        item: {
+            type: ObjectConstructor;
+        };
+        href: {
+            type: StringConstructor;
+        };
+        metrics: {
+            type: ObjectConstructor;
+        };
+        _item: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        _invisible: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _skeleton: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _empty: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    readonly styles: import("lit").CSSResult[];
+};

package/src/mixins/item-resource.js

@@ -1,120 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { html } from 'lit';
-import { repeat } from 'lit/directives/repeat';
-import '../molecules/gv-identity-picture';
-import { getLabels, getPicture, getStates, getRating, getPictureDisplayName } from '../lib/item';
-import { withSkeletonAttribute } from './with-skeleton-attribute';
-
-/**
- * This is a mixin for ItemResource
- * @mixinFunction
- */
-export function ItemResource(ParentClass) {
-  /**
-   * @mixinClass
-   */
-  return class extends withSkeletonAttribute(ParentClass) {
-    static get properties() {
-      return {
-        ...super.properties,
-        /** @required */
-        item: { type: Object },
-        href: { type: String },
-        metrics: { type: Object },
-        _item: { type: Object, attribute: false },
-      };
-    }
-
-    constructor() {
-      super();
-      this._skeletonAttribute = 'item';
-    }
-
-    _onImageLoaded() {
-      if (this._item) {
-        this._skeleton = false;
-      }
-    }
-
-    _renderImage() {
-      if (this._item && !this._empty) {
-        return html`<gv-identity-picture
-          .skeleton="${this._skeleton}"
-          .display_name="${getPictureDisplayName(this._item)}"
-          .picture="${getPicture(this._item)}"
-          @load="${this._onImageLoaded}"
-        ></gv-identity-picture>`;
-      }
-      return '';
-    }
-
-    _onTagClick(tagValue, event) {
-      event.detail.tagValue = tagValue;
-    }
-
-    _renderLabels(clickable) {
-      const labels = getLabels(this._item);
-      if (labels) {
-        return repeat(
-          labels,
-          (label) => label,
-          (label) =>
-            html`<gv-tag ?clickable="${clickable}" @gv-tag:click="${this._onTagClick.bind(this, label)}" ?skeleton="${this._skeleton}" major
-              >${label}</gv-tag
-            >`,
-        );
-      }
-      return '';
-    }
-
-    _renderStates() {
-      const states = getStates(this._item);
-      if (states) {
-        return repeat(
-          states,
-          (state) => state,
-          ({ value, major, minor }) => html`
-            <gv-state ?skeleton="${this._skeleton}" ?major="${major === true}" ?minor="${minor === true}">${value}</gv-state>
-          `,
-        );
-      }
-      return '';
-    }
-
-    _onClickToMetrics(event) {
-      event.detail.item = this._item;
-    }
-
-    _renderMetricsWithRating() {
-      if (this.metrics) {
-        return html`
-          <gv-metrics .metrics="${this.metrics}" @gv-metrics:click="${this._onClickToMetrics}"> ${this._renderInfoRating()} </gv-metrics>
-        `;
-      } else {
-        return this._renderInfoRating();
-      }
-    }
-
-    _renderInfoRating() {
-      const rating = getRating(this._item);
-      if (rating && rating.count) {
-        return html`<gv-rating readonly .skeleton="${this._skeleton}" .value="${rating.average}" .count="${rating.count}"></gv-rating>`;
-      }
-      return '';
-    }
-  };
-}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.ItemResource=void 0;const e=require("lit"),t=require("lit/directives/repeat");require("../molecules/gv-identity-picture");const i=require("../lib/item"),r=require("./with-skeleton-attribute");exports.ItemResource=function(s){return class extends((0,r.withSkeletonAttribute)(s)){static get properties(){return{...super.properties,item:{type:Object},href:{type:String},metrics:{type:Object},_item:{type:Object,attribute:!1}}}constructor(){super(),this._skeletonAttribute="item"}_onImageLoaded(){this._item&&(this._skeleton=!1)}_renderImage(){return this._item&&!this._empty?e.html`<gv-identity-picture .skeleton="${this._skeleton}" .display_name="${(0,i.getPictureDisplayName)(this._item)}" .picture="${(0,i.getPicture)(this._item)}" @load="${this._onImageLoaded}"></gv-identity-picture>`:""}_onTagClick(e,t){t.detail.tagValue=e}_renderLabels(r){const s=(0,i.getLabels)(this._item);return s?(0,t.repeat)(s,(e=>e),(t=>e.html`<gv-tag ?clickable="${r}" @gv-tag:click="${this._onTagClick.bind(this,t)}" ?skeleton="${this._skeleton}" major>${t}</gv-tag>`)):""}_renderStates(){const r=(0,i.getStates)(this._item);return r?(0,t.repeat)(r,(e=>e),(({value:t,major:i,minor:r})=>e.html`<gv-state ?skeleton="${this._skeleton}" ?major="${!0===i}" ?minor="${!0===r}">${t}</gv-state>`)):""}_onClickToMetrics(e){e.detail.item=this._item}_renderMetricsWithRating(){return this.metrics?e.html`<gv-metrics .metrics="${this.metrics}" @gv-metrics:click="${this._onClickToMetrics}">${this._renderInfoRating()}</gv-metrics>`:this._renderInfoRating()}_renderInfoRating(){const t=(0,i.getRating)(this._item);return t&&t.count?e.html`<gv-rating readonly="readonly" .skeleton="${this._skeleton}" .value="${t.average}" .count="${t.count}"></gv-rating>`:""}}};

package/src/mixins/keyboard-element.d.ts

@@ -0,0 +1,25 @@
+export function KeyboardElement(ParentClass: any): {
+    new (): {
+        [x: string]: any;
+        _controller: {};
+        _handleKeyDown: (e: any) => void;
+        _handleKeyUp: (e: any) => void;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        _onKeyDown(e: any): void;
+        _onKeyUp(e: any): void;
+        isPressed(...keys: any[]): boolean;
+        onKeyboard(controller: any): void;
+    };
+    [x: string]: any;
+};
+export namespace KEYS {
+    const ArrowDown: string;
+    const ArrowLeft: string;
+    const ArrowRight: string;
+    const ArrowUp: string;
+    const Ctrl: string;
+    const Esc: string;
+    const Shift: string;
+    const Space: string;
+}

package/src/mixins/keyboard-element.js

@@ -1,69 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export const KEYS = {
-  ArrowDown: '40',
-  ArrowLeft: '37',
-  ArrowRight: '39',
-  ArrowUp: '38',
-  Ctrl: '17',
-  Esc: '27',
-  Shift: '16',
-  Space: '32',
-};
-
-export function KeyboardElement(ParentClass) {
-  /**
-   * @mixinClass
-   */
-  return class extends ParentClass {
-    constructor() {
-      super();
-      this._controller = {};
-      this._handleKeyDown = this._onKeyDown.bind(this);
-      this._handleKeyUp = this._onKeyUp.bind(this);
-    }
-
-    connectedCallback() {
-      super.connectedCallback();
-      window.addEventListener('keydown', this._handleKeyDown);
-      window.addEventListener('keyup', this._handleKeyUp);
-    }
-
-    disconnectedCallback() {
-      window.removeEventListener('keydown', this._handleKeyDown);
-      window.removeEventListener('keyup', this._handleKeyUp);
-      super.disconnectedCallback();
-    }
-
-    _onKeyDown(e) {
-      this._controller[e.keyCode] = true;
-      this.onKeyboard(this._controller);
-    }
-
-    _onKeyUp(e) {
-      if (this._controller[e.keyCode]) {
-        this._controller[e.keyCode] = null;
-      }
-    }
-
-    isPressed(...keys) {
-      return keys.find((key) => this._controller[key] == null) == null;
-    }
-
-    // abstract
-    onKeyboard(controller) {}
-  };
-}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.KeyboardElement=exports.KEYS=void 0,exports.KEYS={ArrowDown:"40",ArrowLeft:"37",ArrowRight:"39",ArrowUp:"38",Ctrl:"17",Esc:"27",Shift:"16",Space:"32"},exports.KeyboardElement=function(e){return class extends e{constructor(){super(),this._controller={},this._handleKeyDown=this._onKeyDown.bind(this),this._handleKeyUp=this._onKeyUp.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._handleKeyDown),window.addEventListener("keyup",this._handleKeyUp)}disconnectedCallback(){window.removeEventListener("keydown",this._handleKeyDown),window.removeEventListener("keyup",this._handleKeyUp),super.disconnectedCallback()}_onKeyDown(e){this._controller[e.keyCode]=!0,this.onKeyboard(this._controller)}_onKeyUp(e){this._controller[e.keyCode]&&(this._controller[e.keyCode]=null)}isPressed(...e){return null==e.find((e=>null==this._controller[e]))}onKeyboard(e){}}};

package/src/mixins/update-after-browser.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This is a mixin for update component after browser
+ * @mixinFunction
+ */
+export function UpdateAfterBrowser(ParentClass: any): {
+    new (): {
+        [x: string]: any;
+        performUpdate(): Promise<void>;
+    };
+    [x: string]: any;
+};

package/src/mixins/update-after-browser.js

@@ -1,30 +1 @@
-/*
- * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * This is a mixin for update component after browser
- * @mixinFunction
- */
-export function UpdateAfterBrowser(ParentClass) {
-  /**
-   * @mixinClass
-   */
-  return class extends ParentClass {
-    async performUpdate() {
-      await new Promise((resolve) => requestAnimationFrame(() => resolve()));
-      super.performUpdate();
-    }
-  };
-}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.UpdateAfterBrowser=void 0,exports.UpdateAfterBrowser=function(e){return class extends e{async performUpdate(){await new Promise((e=>requestAnimationFrame((()=>e())))),super.performUpdate()}}};

package/src/mixins/with-resize-observer.d.ts

@@ -0,0 +1,12 @@
+export function withResizeObserver(ParentClass: any): {
+    new (): {
+        [x: string]: any;
+        _onResize({ width }: {
+            width: any;
+        }): void;
+        connectedCallback(): Promise<void>;
+        _unobserveResize: (() => any) | undefined;
+        disconnectedCallback(): void;
+    };
+    [x: string]: any;
+};

package/src/mixins/with-resize-observer.js

@@ -1,68 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export function withResizeObserver(ParentClass) {
-  // Load native impl or polyfill (without poluting global scope)
-  const ResizeObserverPromise =
-    'ResizeObserver' in window
-      ? Promise.resolve(window.ResizeObserver)
-      : import('resize-observer-polyfill/dist/ResizeObserver.es.js').then((mod) => mod.default);
-
-  return class extends ParentClass {
-    _onResize({ width }) {
-      if (this.onResize != null) {
-        this.onResize({ width });
-      }
-      if (this.breakpoints != null) {
-        this.breakpoints.width.forEach((breakpoint) => {
-          const gteAttr = 'w-gte-' + breakpoint;
-          breakpoint <= width ? this.setAttribute(gteAttr, '') : this.removeAttribute(gteAttr);
-
-          const ltAttr = 'w-lt-' + breakpoint;
-          width < breakpoint ? this.setAttribute(ltAttr, '') : this.removeAttribute(ltAttr);
-        });
-      }
-    }
-
-    async connectedCallback() {
-      if (super.connectedCallback != null) {
-        super.connectedCallback();
-      }
-      const ResizeObserver = await ResizeObserverPromise;
-      const ro = new ResizeObserver((entries) => {
-        // We wrap it in requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded
-        window.requestAnimationFrame(() => {
-          if (!Array.isArray(entries) || !entries.length) {
-            return;
-          }
-          const { width } = this.getBoundingClientRect();
-          this._onResize({ width });
-        });
-      });
-
-      ro.observe(this);
-      this._unobserveResize = () => ro.unobserve(this);
-    }
-
-    disconnectedCallback() {
-      if (super.connectedCallback != null) {
-        super.disconnectedCallback();
-      }
-      if (this._unobserveResize) {
-        this._unobserveResize();
-      }
-    }
-  };
-}
+var e=Object.create?function(e,t,i,n){void 0===n&&(n=i),Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[i]}})}:function(e,t,i,n){void 0===n&&(n=i),e[n]=t[i]},t=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},i=function(i){if(i&&i.__esModule)return i;var n={};if(null!=i)for(var r in i)"default"!==r&&Object.prototype.hasOwnProperty.call(i,r)&&e(n,i,r);return t(n,i),n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.withResizeObserver=void 0,exports.withResizeObserver=function(e){const t="ResizeObserver"in window?Promise.resolve(window.ResizeObserver):Promise.resolve().then((()=>i(require("resize-observer-polyfill/dist/ResizeObserver.es.js")))).then((e=>e.default));return class extends e{_onResize({width:e}){null!=this.onResize&&this.onResize({width:e}),null!=this.breakpoints&&this.breakpoints.width.forEach((t=>{const i="w-gte-"+t;t<=e?this.setAttribute(i,""):this.removeAttribute(i);const n="w-lt-"+t;e<t?this.setAttribute(n,""):this.removeAttribute(n)}))}async connectedCallback(){null!=super.connectedCallback&&super.connectedCallback();const e=new(await t)((e=>{window.requestAnimationFrame((()=>{if(!Array.isArray(e)||!e.length)return;const{width:t}=this.getBoundingClientRect();this._onResize({width:t})}))}));e.observe(this),this._unobserveResize=()=>e.unobserve(this)}disconnectedCallback(){null!=super.connectedCallback&&super.disconnectedCallback(),this._unobserveResize&&this._unobserveResize()}}};

package/src/mixins/with-skeleton-attribute.d.ts

@@ -0,0 +1,35 @@
+/**
+ * This is a mixin for withSkeletonStates
+ * @mixinFunction
+ */
+export function withSkeletonAttribute(ParentClass: any): {
+    new (): {
+        [x: string]: any;
+        _invisible: boolean;
+        _skeleton: boolean;
+        _error: boolean;
+        _empty: boolean;
+        updated(changedProperties: any): void;
+    };
+    [x: string]: any;
+    readonly properties: {
+        /** @required */
+        _invisible: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _skeleton: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _empty: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    readonly styles: import("lit").CSSResult[];
+};