@nectary/components 0.9.0 → 0.11.0
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/accordion/index.js +5 -1
- package/accordion-item/index.js +7 -7
- package/alert/index.js +2 -2
- package/alert-button/index.js +1 -1
- package/alert-close/index.js +2 -2
- package/button/index.d.ts +2 -1
- package/button/index.js +7 -3
- package/card/index.d.ts +23 -0
- package/card/index.js +164 -0
- package/card-button/index.d.ts +27 -0
- package/card-button/index.js +83 -0
- package/card-link/index.d.ts +29 -0
- package/card-link/index.js +121 -0
- package/checkbox/index.d.ts +3 -0
- package/checkbox/index.js +27 -18
- package/dialog/index.d.ts +23 -0
- package/dialog/index.js +181 -0
- package/dropdown/index.d.ts +34 -0
- package/dropdown/index.js +451 -0
- package/dropdown-option/index.d.ts +44 -0
- package/dropdown-option/index.js +116 -0
- package/help-tooltip/index.js +5 -1
- package/icon/arrow-back/index.d.ts +11 -0
- package/icon/arrow-back/index.js +4 -0
- package/icon/arrow-downward/index.d.ts +11 -0
- package/icon/arrow-downward/index.js +4 -0
- package/icon/arrow-forward/index.d.ts +11 -0
- package/icon/arrow-forward/index.js +4 -0
- package/icon/arrow-upward/index.d.ts +11 -0
- package/icon/arrow-upward/index.js +4 -0
- package/icon/cancel/index.js +1 -1
- package/icon/close/index.js +1 -1
- package/icon/create-icon-class.js +1 -1
- package/icon/east/index.js +1 -1
- package/icon/help-outline/index.js +1 -1
- package/icon/more-horiz/index.js +1 -1
- package/icon/more-vert/index.js +1 -1
- package/icon/north/index.js +1 -1
- package/icon/north-east/index.js +1 -1
- package/icon/north-west/index.js +1 -1
- package/icon/open-in-new/index.js +1 -1
- package/icon/south/index.js +1 -1
- package/icon/south-east/index.js +1 -1
- package/icon/south-west/index.js +1 -1
- package/icon/west/index.js +1 -1
- package/icon-branded/barchart-down/index.js +1 -1
- package/icon-branded/barchart-up/index.js +1 -1
- package/icon-branded/campaigns/index.js +1 -1
- package/icon-branded/chatbot/index.js +1 -1
- package/icon-branded/contact/index.js +1 -1
- package/icon-branded/create-icon-class.js +1 -1
- package/icon-branded/home/index.js +1 -1
- package/icon-branded/multiple-channels/index.js +1 -1
- package/icon-branded/rocket/index.js +1 -1
- package/icon-branded/settings/index.js +1 -1
- package/icon-branded/user/index.js +1 -1
- package/icon-branded/users/index.js +1 -1
- package/illustration/create-illustration-class.d.ts +308 -0
- package/illustration/create-illustration-class.js +53 -0
- package/illustration/phone-and-cat/index.d.ts +11 -0
- package/illustration/phone-and-cat/index.js +4 -0
- package/illustration/types.d.ts +7 -0
- package/illustration/types.js +1 -0
- package/index.d.ts +11 -0
- package/index.js +12 -1
- package/input/index.d.ts +3 -1
- package/input/index.js +59 -11
- package/link/index.js +2 -2
- package/logo/create-logo-class.js +1 -1
- package/logo/sinch-icon/index.js +1 -1
- package/logo/sinch-icon-wordmark/index.js +1 -1
- package/package.json +1 -1
- package/pagination/index.js +1 -6
- package/radio/index.d.ts +1 -0
- package/radio/index.js +97 -71
- package/radio-option/index.d.ts +1 -0
- package/radio-option/index.js +4 -1
- package/select/index.d.ts +4 -1
- package/select/index.js +72 -265
- package/select-option/index.d.ts +3 -17
- package/select-option/index.js +4 -103
- package/spinner/index.js +1 -1
- package/table/index.js +1 -1
- package/table-body/index.js +1 -1
- package/table-cell/index.js +1 -1
- package/table-head/index.js +1 -1
- package/table-head-cell/index.js +3 -2
- package/table-head-sort/index.d.ts +1 -0
- package/table-head-sort/index.js +3 -1
- package/table-row/index.js +1 -1
- package/tabs/index.d.ts +1 -0
- package/tabs/index.js +96 -66
- package/tabs-option/index.d.ts +1 -0
- package/tabs-option/index.js +4 -2
- package/tag/index.js +1 -1
- package/tag-close/index.js +2 -2
- package/textarea/index.d.ts +3 -1
- package/textarea/index.js +58 -11
- package/theme.css +6 -2
- package/toggle/index.d.ts +1 -0
- package/toggle/index.js +4 -5
- package/tooltip/index.d.ts +2 -1
- package/tooltip/index.js +7 -3
- package/types.d.ts +7 -0
- package/utils.d.ts +3 -0
- package/utils.js +17 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-arrow-upward': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-arrow-upward': TSinchIconElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24"><path d="M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0a.996.996 0 0 0 0-1.41l-6.59-6.59a.996.996 0 0 0-1.41 0l-6.6 6.58a.996.996 0 1 0 1.41 1.41L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-arrow-upward', createIconClass(templateHTML));
|
package/icon/cancel/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm4.3 14.3a.996.996 0 0 1-1.41 0L12 13.41 9.11 16.3a.996.996 0 1 1-1.41-1.41L10.59 12 7.7 9.11A.996.996 0 1 1 9.11 7.7L12 10.59l2.89-2.89a.996.996 0 1 1 1.41 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-cancel', createIconClass(templateHTML));
|
package/icon/close/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-close', createIconClass(templateHTML));
|
|
@@ -10,7 +10,7 @@ export const createIconClass = templateHTML => {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
super();
|
|
12
12
|
const shadowRoot = this.attachShadow({
|
|
13
|
-
mode: '
|
|
13
|
+
mode: 'closed'
|
|
14
14
|
});
|
|
15
15
|
shadowRoot.appendChild(template.content.cloneNode(true));
|
|
16
16
|
this.$svg = shadowRoot.querySelector('svg');
|
package/icon/east/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14.29 5.71a.996.996 0 0 0 0 1.41L18.17 11H3c-.55 0-1 .45-1 1s.45 1 1 1h15.18l-3.88 3.88a.996.996 0 1 0 1.41 1.41l5.59-5.59a.996.996 0 0 0 0-1.41l-5.6-5.58a.996.996 0 0 0-1.41 0Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-east', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm-1-4h2v2h-2v-2Zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-help-outline', createIconClass(templateHTML));
|
package/icon/more-horiz/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-more-horiz', createIconClass(templateHTML));
|
package/icon/more-vert/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-more-vert', createIconClass(templateHTML));
|
package/icon/north/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5.71 9.7c.39.39 1.02.39 1.41 0L11 5.83V21c0 .55.45 1 1 1s1-.45 1-1V5.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 2.7a.996.996 0 0 0-1.41 0L5.71 8.29a.996.996 0 0 0 0 1.41Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-north', createIconClass(templateHTML));
|
package/icon/north-east/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6c0 .56.45 1 1 1h5.59L4.7 17.89a.996.996 0 1 0 1.41 1.41L17 8.41V14c0 .55.45 1 1 1s1-.45 1-1V6c0-.55-.45-1-1-1h-8c-.55 0-1 .45-1 1Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-north-east', createIconClass(templateHTML));
|
package/icon/north-west/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 15c.56 0 1-.45 1-1V8.41L17.89 19.3a.996.996 0 1 0 1.41-1.41L8.41 7H14c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-north-west', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1ZM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-open-in-new', createIconClass(templateHTML));
|
package/icon/south/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.3 14.29a.996.996 0 0 0-1.41 0L13 18.17V3c0-.55-.45-1-1-1s-1 .45-1 1v15.18L7.12 14.3a.996.996 0 1 0-1.41 1.41l5.59 5.59c.39.39 1.02.39 1.41 0l5.59-5.59c.38-.39.38-1.03 0-1.42Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-south', createIconClass(templateHTML));
|
package/icon/south-east/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 9c-.56 0-1 .45-1 1v5.59L6.12 4.7a.996.996 0 1 0-1.41 1.41L15.59 17H10c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-south-east', createIconClass(templateHTML));
|
package/icon/south-west/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 18c0-.56-.45-1-1-1H8.41L19.3 6.11a.996.996 0 1 0-1.41-1.41L7 15.59V10c0-.55-.45-1-1-1s-1 .45-1 1v8c0 .55.45 1 1 1h8c.55 0 1-.45 1-1Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-south-west', createIconClass(templateHTML));
|
package/icon/west/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 24 24"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.7 18.3a.996.996 0 0 0 0-1.41L5.83 13H21c.55 0 1-.45 1-1s-.45-1-1-1H5.83l3.88-3.88A.996.996 0 1 0 8.3 5.71L2.7 11.3a.996.996 0 0 0 0 1.41l5.59 5.59c.39.38 1.03.38 1.41 0Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-west', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2 37h25.6c.59 0 1.2-.448 1.2-1V12c0-.552-.61-1-1.2-1H11.2c-.59 0-1.2.448-1.2 1v24c0 .552.61 1 1.2 1Zm25.6 2c1.767 0 3.2-1.343 3.2-3V12c0-1.657-1.433-3-3.2-3H11.2C9.433 9 8 10.343 8 12v24c0 1.657 1.433 3 3.2 3h25.6Z"/><path id="accent" d="M35 33a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6Zm-8 0a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V22a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v11Zm-9 1a1 1 0 0 0 1-1V15a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h4Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-barchart-down', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M36.8 11H11.2c-.59 0-1.2.448-1.2 1v24c0 .552.61 1 1.2 1h25.6c.59 0 1.2-.448 1.2-1V12c0-.552-.61-1-1.2-1ZM11.2 9C9.433 9 8 10.343 8 12v24c0 1.657 1.433 3 3.2 3h25.6c1.767 0 3.2-1.343 3.2-3V12c0-1.657-1.433-3-3.2-3H11.2Z"/><path id="accent" d="M30 14a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V15a1 1 0 0 0-1-1h-4Zm-9 8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V22Zm-8 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-barchart-up', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M40.761 11.657 7.085 20.52a.114.114 0 0 0-.017.216l9.857 4.413-1.855 1.36-8.82-3.948a2.115 2.115 0 0 1 .326-3.975l34.355-9.04a1.506 1.506 0 0 1 1.884 1.587l-1.785 20.52c-.02.23-.083.453-.186.658a5.471 5.471 0 0 1-7.129 2.547l-12.391-5.549 1.855-1.36 11.354 5.083a3.47 3.47 0 0 0 4.508-1.586l1.72-19.789Z"/><path id="accent" d="M24.854 30.89 19 37.394v-8.863L37.06 16.33a1 1 0 1 0-1.12-1.658L17 27.47v9.925c0 1.833 2.26 2.7 3.487 1.338l6.285-6.983-1.918-.86Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-campaigns', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M25 10.874A4.002 4.002 0 0 0 24 3a4 4 0 0 0-1 7.874V13H12a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h2v5.69L23.95 35H36a3 3 0 0 0 3-3V16a3 3 0 0 0-3-3H25v-2.126ZM26 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm10 8.01a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H23.43L16 37.25V33h-4a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1l24 .01Z"/><path id="accent" d="M18 18a4 4 0 0 0-3.465 6s1.152-2 3.465-2c2.313 0 3.465 2 3.465 2A4 4 0 0 0 18 18Zm12 0a4 4 0 0 0-3.465 6s1.152-2 3.465-2c2.313 0 3.465 2 3.465 2A4 4 0 0 0 30 18ZM19 28a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm8 1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-chatbot', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M25 11h-8c-5.523 0-10 4.477-10 10v10h18c5.523 0 10-4.477 10-10s-4.477-10-10-10Zm-8-2C10.373 9 5 14.373 5 21v12h20c6.627 0 12-5.373 12-12S31.627 9 25 9h-8Z"/><path d="M16 21a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/><path id="accent" d="M23 39a11.97 11.97 0 0 1-8.944-4h2.943A9.956 9.956 0 0 0 23 37h18V26.922a9.91 9.91 0 0 0-4.198-8.106 11.906 11.906 0 0 0-.878-2.79A11.923 11.923 0 0 1 43 26.922V39H23Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-contact', createIconClass(templateHTML));
|
|
@@ -10,7 +10,7 @@ export const createIconClass = templateHTML => {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
super();
|
|
12
12
|
const shadowRoot = this.attachShadow({
|
|
13
|
-
mode: '
|
|
13
|
+
mode: 'closed'
|
|
14
14
|
});
|
|
15
15
|
shadowRoot.appendChild(template.content.cloneNode(true));
|
|
16
16
|
this.$svg = shadowRoot.querySelector('svg');
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.076 10.128a1 1 0 0 0-1.152 0l-11.5 8.092a1 1 0 0 0-.424.818V35.5c0 .552.448 1.5 1 1.5h6V24.5a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3V37h6c.552 0 1-.948 1-1.5V19.038a1 1 0 0 0-.425-.818l-11.5-8.092ZM28 37V24.5a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1V37h7ZM22.773 8.492a3 3 0 0 1 3.454 0l11.5 8.093A3 3 0 0 1 39 19.038V35.5c0 1.657-1.343 3.5-3 3.5H13c-1.657 0-3-1.843-3-3.5V19.038a3 3 0 0 1 1.274-2.453l11.5-8.093Z"/><path id="accent" fill-rule="evenodd" clip-rule="evenodd" d="M23.923 3.183a1 1 0 0 1 1.17.011l17 12.5a1 1 0 0 1-1.185 1.612L24.488 5.232 11.587 14.34l-3.99 2.964a1 1 0 1 1-1.193-1.606L10 13.026V7a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1v2.128l8.423-5.945ZM13.501 10.54V8H12v3.599l1.5-1.06Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-home', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h2v5.266L20.777 24H28a2 2 0 0 0 2-2V12h7.5a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5H34v4.131L27.803 26h-6.56l-2.513 1.545c.346.284.788.455 1.27.455h7.197L36 33.868V32h1.5a.5.5 0 0 1 .5.5v4c0 .5 0 1.5-.5 1.5h-27c-.5 0-.5-.5-.5-1.5v-4a.5.5 0 0 1 .5-.5h16.78L25 30H10a2 2 0 0 0-2 2v5c0 2 0 3 2 3h28c2 0 2-1 2-3v-5a2 2 0 0 0-2-2h-2v-2h2a2 2 0 0 0 2-2V12a2 2 0 0 0-2-2h-8V8a2 2 0 0 0-2-2H10Zm0 2.5a.5.5 0 0 1 .5-.5h17a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5h-7.277L14 25.734V22h-3.5a.5.5 0 0 1-.5-.5v-13Z"/><path id="accent" fill-rule="evenodd" clip-rule="evenodd" d="M13 12a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Zm0 4a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Zm-1 19a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm16 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-multiple-channels', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.643 6.083c.953.142 2.045.523 2.743 1.222.298.298.46.688.557 1.02.103.353.166.754.2 1.175.07.844.034 1.867-.097 2.945-.26 2.142-1.085 4.626-2.173 6.53-1.086 1.902-2.941 3.741-4.46 5.07a39.759 39.759 0 0 1-2.408 1.944v8.464a2 2 0 0 1-.867 1.648l-6.38 4.386a2 2 0 0 1-3.073-1.163l-1.583-6.333-6.108-6.109L7.66 25.3a2 2 0 0 1-1.163-3.073l4.386-6.38a2 2 0 0 1 1.648-.866h7.95a30.882 30.882 0 0 1 2.054-2.578c1.405-1.58 3.408-3.479 5.6-4.351 1.991-.793 4.324-1.575 6.444-1.897 1.06-.16 2.112-.214 3.064-.071ZM19.163 16.98H12.53l-4.386 6.379 5.91 1.477 5.107-7.856Zm-3.378 8.865 5.334 5.334 9.312-6.518.002-.002.01-.006.038-.027.154-.111a37.704 37.704 0 0 0 2.462-1.975c1.481-1.296 3.126-2.957 4.04-4.556.912-1.597 1.684-3.797 1.924-5.78.12-.985.145-1.867.09-2.54a4.046 4.046 0 0 0-.127-.776.96.96 0 0 0-.072-.188c-.302-.292-.936-.54-1.604-.64-.684-.102-1.52-.072-2.469.071-1.897.288-4.065 1.006-6.004 1.778-1.739.692-3.485 2.292-4.847 3.822a28.839 28.839 0 0 0-2.04 2.582l-.113.164-.027.041-.006.01h-.001l-6.056 9.317Zm14.22 1.555-7.863 5.505 1.484 5.934 6.379-4.386V27.4Z"/><path id="accent" d="M30 18.984a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM12.583 38.532a3.5 3.5 0 1 0-4.193-5.605c-1.548 1.158-2.205 4.904-2.205 6.904 0 .5 4.85-.14 6.398-1.299Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-rocket', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="m32.204 13.831-.313.195c-2.46 1.537-5.662.153-6.317-2.713-.388-1.701-2.76-1.701-3.148 0-.655 2.866-3.856 4.25-6.317 2.713l-.313-.195c-1.348-.842-2.935.775-2.04 2.177 1.595 2.497.26 5.865-2.595 6.502-1.562.35-1.562 2.63 0 2.98 2.854.637 4.19 4.006 2.596 6.502-.896 1.402.69 3.019 2.04 2.177l.311-.195c2.462-1.537 5.663-.153 6.318 2.713.388 1.701 2.76 1.701 3.148 0 .655-2.866 3.856-4.25 6.317-2.713l.313.195c1.348.842 2.935-.775 2.04-2.177-1.595-2.497-.26-5.865 2.595-6.502 1.562-.35 1.562-2.63 0-2.98-2.854-.637-4.19-4.006-2.596-6.502.896-1.402-.69-3.019-2.04-2.177ZM27.51 10.85c-.867-3.799-6.155-3.799-7.022 0-.348 1.52-2.044 2.25-3.345 1.438l-.312-.195c-3.184-1.988-6.781 1.836-4.74 5.031.833 1.306.133 3.064-1.355 3.397-3.65.815-3.65 6.145 0 6.96 1.488.333 2.188 2.091 1.355 3.397-2.041 3.195 1.556 7.019 4.74 5.031l.312-.195c1.301-.812 2.998-.081 3.345 1.438.867 3.799 6.155 3.799 7.022 0 .348-1.52 2.044-2.25 3.345-1.438l.312.195c3.184 1.988 6.781-1.836 4.74-5.031-.833-1.306-.133-3.064 1.355-3.397 3.65-.815 3.65-6.145 0-6.96-1.488-.333-2.188-2.091-1.355-3.397 2.041-3.195-1.556-7.019-4.74-5.031l-.312.195c-1.301.812-2.998.081-3.345-1.438Z"/><path id="accent" fill-rule="evenodd" clip-rule="evenodd" d="M24 21a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-settings', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path id="accent" fill-rule="evenodd" clip-rule="evenodd" d="M24 13a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-6 4a6 6 0 1 1 12 0 6 6 0 0 1-12 0Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.724 31.24C16.111 32.705 15 34.929 15 38a1 1 0 1 1-2 0c0-3.596 1.322-6.371 3.378-8.24 2.04-1.854 4.74-2.76 7.425-2.76 5.385 0 10.909 3.675 11.196 10.96a1 1 0 1 1-1.998.08c-.239-6.05-4.715-9.04-9.198-9.04-2.25 0-4.451.76-6.08 2.24Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-user', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 11a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm-4 6a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z"/><path d="M10 38c0-3.071 1.112-5.295 2.723-6.76 1.628-1.48 3.83-2.24 6.08-2.24 4.483 0 8.959 2.991 9.198 9.04a1 1 0 1 0 1.998-.08C29.712 30.676 24.188 27 18.803 27c-2.685 0-5.385.906-7.425 2.76C9.322 31.629 8 34.404 8 38a1 1 0 1 0 2 0Z"/><path id="accent" d="M30.296 11.457A6 6 0 0 0 28 11v2a4 4 0 0 1 0 8v2a6 6 0 0 0 2.296-11.543ZM32 29.804v-2.158c3.731 1.352 6.793 4.82 7 10.316a1 1 0 1 1-2 .075c-.16-4.26-2.296-6.982-5-8.233Z"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-users', createIconClass(templateHTML));
|
|
@@ -0,0 +1,308 @@
|
|
|
1
|
+
export declare const createIllustrationClass: (templateHTML: string) => {
|
|
2
|
+
new (): {
|
|
3
|
+
$svg: SVGElement;
|
|
4
|
+
size: number;
|
|
5
|
+
connectedCallback(): void;
|
|
6
|
+
attributeChangedCallback(name: string, _: string | null, newVal: string | null): void;
|
|
7
|
+
accessKey: string;
|
|
8
|
+
readonly accessKeyLabel: string;
|
|
9
|
+
autocapitalize: string;
|
|
10
|
+
dir: string;
|
|
11
|
+
draggable: boolean;
|
|
12
|
+
hidden: boolean;
|
|
13
|
+
innerText: string;
|
|
14
|
+
lang: string;
|
|
15
|
+
readonly offsetHeight: number;
|
|
16
|
+
readonly offsetLeft: number;
|
|
17
|
+
readonly offsetParent: Element | null;
|
|
18
|
+
readonly offsetTop: number;
|
|
19
|
+
readonly offsetWidth: number;
|
|
20
|
+
outerText: string;
|
|
21
|
+
spellcheck: boolean;
|
|
22
|
+
title: string;
|
|
23
|
+
translate: boolean;
|
|
24
|
+
attachInternals(): ElementInternals;
|
|
25
|
+
click(): void;
|
|
26
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
27
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
28
|
+
removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
|
|
29
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
|
|
30
|
+
readonly attributes: NamedNodeMap;
|
|
31
|
+
readonly classList: DOMTokenList;
|
|
32
|
+
className: string;
|
|
33
|
+
readonly clientHeight: number;
|
|
34
|
+
readonly clientLeft: number;
|
|
35
|
+
readonly clientTop: number;
|
|
36
|
+
readonly clientWidth: number;
|
|
37
|
+
id: string;
|
|
38
|
+
readonly localName: string;
|
|
39
|
+
readonly namespaceURI: string | null;
|
|
40
|
+
onfullscreenchange: ((this: Element, ev: Event) => any) | null;
|
|
41
|
+
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
|
|
42
|
+
outerHTML: string;
|
|
43
|
+
readonly ownerDocument: Document;
|
|
44
|
+
readonly part: DOMTokenList;
|
|
45
|
+
readonly prefix: string | null;
|
|
46
|
+
readonly scrollHeight: number;
|
|
47
|
+
scrollLeft: number;
|
|
48
|
+
scrollTop: number;
|
|
49
|
+
readonly scrollWidth: number;
|
|
50
|
+
readonly shadowRoot: ShadowRoot | null;
|
|
51
|
+
slot: string;
|
|
52
|
+
readonly tagName: string;
|
|
53
|
+
attachShadow(init: ShadowRootInit): ShadowRoot;
|
|
54
|
+
closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
|
|
55
|
+
closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
|
|
56
|
+
closest<E extends Element = Element>(selectors: string): E | null;
|
|
57
|
+
getAttribute(qualifiedName: string): string | null;
|
|
58
|
+
getAttributeNS(namespace: string | null, localName: string): string | null;
|
|
59
|
+
getAttributeNames(): string[];
|
|
60
|
+
getAttributeNode(qualifiedName: string): Attr | null;
|
|
61
|
+
getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
|
|
62
|
+
getBoundingClientRect(): DOMRect;
|
|
63
|
+
getClientRects(): DOMRectList;
|
|
64
|
+
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
|
|
65
|
+
getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
|
|
66
|
+
getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
|
|
67
|
+
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
|
|
68
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
|
69
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
|
70
|
+
getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
|
|
71
|
+
hasAttribute(qualifiedName: string): boolean;
|
|
72
|
+
hasAttributeNS(namespace: string | null, localName: string): boolean;
|
|
73
|
+
hasAttributes(): boolean;
|
|
74
|
+
hasPointerCapture(pointerId: number): boolean;
|
|
75
|
+
insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
|
|
76
|
+
insertAdjacentHTML(position: InsertPosition, text: string): void;
|
|
77
|
+
insertAdjacentText(where: InsertPosition, data: string): void;
|
|
78
|
+
matches(selectors: string): boolean;
|
|
79
|
+
releasePointerCapture(pointerId: number): void;
|
|
80
|
+
removeAttribute(qualifiedName: string): void;
|
|
81
|
+
removeAttributeNS(namespace: string | null, localName: string): void;
|
|
82
|
+
removeAttributeNode(attr: Attr): Attr;
|
|
83
|
+
requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
|
|
84
|
+
requestPointerLock(): void;
|
|
85
|
+
scroll(options?: ScrollToOptions | undefined): void;
|
|
86
|
+
scroll(x: number, y: number): void;
|
|
87
|
+
scrollBy(options?: ScrollToOptions | undefined): void;
|
|
88
|
+
scrollBy(x: number, y: number): void;
|
|
89
|
+
scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
|
|
90
|
+
scrollTo(options?: ScrollToOptions | undefined): void;
|
|
91
|
+
scrollTo(x: number, y: number): void;
|
|
92
|
+
setAttribute(qualifiedName: string, value: string): void;
|
|
93
|
+
setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
|
|
94
|
+
setAttributeNode(attr: Attr): Attr | null;
|
|
95
|
+
setAttributeNodeNS(attr: Attr): Attr | null;
|
|
96
|
+
setPointerCapture(pointerId: number): void;
|
|
97
|
+
toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
|
|
98
|
+
webkitMatchesSelector(selectors: string): boolean;
|
|
99
|
+
readonly baseURI: string;
|
|
100
|
+
readonly childNodes: NodeListOf<ChildNode>;
|
|
101
|
+
readonly firstChild: ChildNode | null;
|
|
102
|
+
readonly isConnected: boolean;
|
|
103
|
+
readonly lastChild: ChildNode | null;
|
|
104
|
+
readonly nextSibling: ChildNode | null;
|
|
105
|
+
readonly nodeName: string;
|
|
106
|
+
readonly nodeType: number;
|
|
107
|
+
nodeValue: string | null;
|
|
108
|
+
readonly parentElement: HTMLElement | null;
|
|
109
|
+
readonly parentNode: ParentNode | null;
|
|
110
|
+
readonly previousSibling: ChildNode | null;
|
|
111
|
+
textContent: string | null;
|
|
112
|
+
appendChild<T extends Node>(node: T): T;
|
|
113
|
+
cloneNode(deep?: boolean | undefined): Node;
|
|
114
|
+
compareDocumentPosition(other: Node): number;
|
|
115
|
+
contains(other: Node | null): boolean;
|
|
116
|
+
getRootNode(options?: GetRootNodeOptions | undefined): Node;
|
|
117
|
+
hasChildNodes(): boolean;
|
|
118
|
+
insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
|
|
119
|
+
isDefaultNamespace(namespace: string | null): boolean;
|
|
120
|
+
isEqualNode(otherNode: Node | null): boolean;
|
|
121
|
+
isSameNode(otherNode: Node | null): boolean;
|
|
122
|
+
lookupNamespaceURI(prefix: string | null): string | null;
|
|
123
|
+
lookupPrefix(namespace: string | null): string | null;
|
|
124
|
+
normalize(): void;
|
|
125
|
+
removeChild<T_2 extends Node>(child: T_2): T_2;
|
|
126
|
+
replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
|
|
127
|
+
readonly ATTRIBUTE_NODE: number;
|
|
128
|
+
readonly CDATA_SECTION_NODE: number;
|
|
129
|
+
readonly COMMENT_NODE: number;
|
|
130
|
+
readonly DOCUMENT_FRAGMENT_NODE: number;
|
|
131
|
+
readonly DOCUMENT_NODE: number;
|
|
132
|
+
readonly DOCUMENT_POSITION_CONTAINED_BY: number;
|
|
133
|
+
readonly DOCUMENT_POSITION_CONTAINS: number;
|
|
134
|
+
readonly DOCUMENT_POSITION_DISCONNECTED: number;
|
|
135
|
+
readonly DOCUMENT_POSITION_FOLLOWING: number;
|
|
136
|
+
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
|
|
137
|
+
readonly DOCUMENT_POSITION_PRECEDING: number;
|
|
138
|
+
readonly DOCUMENT_TYPE_NODE: number;
|
|
139
|
+
readonly ELEMENT_NODE: number;
|
|
140
|
+
readonly ENTITY_NODE: number;
|
|
141
|
+
readonly ENTITY_REFERENCE_NODE: number;
|
|
142
|
+
readonly NOTATION_NODE: number;
|
|
143
|
+
readonly PROCESSING_INSTRUCTION_NODE: number;
|
|
144
|
+
readonly TEXT_NODE: number;
|
|
145
|
+
dispatchEvent(event: Event): boolean;
|
|
146
|
+
ariaAtomic: string;
|
|
147
|
+
ariaAutoComplete: string;
|
|
148
|
+
ariaBusy: string;
|
|
149
|
+
ariaChecked: string;
|
|
150
|
+
ariaColCount: string;
|
|
151
|
+
ariaColIndex: string;
|
|
152
|
+
ariaColSpan: string;
|
|
153
|
+
ariaCurrent: string;
|
|
154
|
+
ariaDisabled: string;
|
|
155
|
+
ariaExpanded: string;
|
|
156
|
+
ariaHasPopup: string;
|
|
157
|
+
ariaHidden: string;
|
|
158
|
+
ariaKeyShortcuts: string;
|
|
159
|
+
ariaLabel: string;
|
|
160
|
+
ariaLevel: string;
|
|
161
|
+
ariaLive: string;
|
|
162
|
+
ariaModal: string;
|
|
163
|
+
ariaMultiLine: string;
|
|
164
|
+
ariaMultiSelectable: string;
|
|
165
|
+
ariaOrientation: string;
|
|
166
|
+
ariaPlaceholder: string;
|
|
167
|
+
ariaPosInSet: string;
|
|
168
|
+
ariaPressed: string;
|
|
169
|
+
ariaReadOnly: string;
|
|
170
|
+
ariaRequired: string;
|
|
171
|
+
ariaRoleDescription: string;
|
|
172
|
+
ariaRowCount: string;
|
|
173
|
+
ariaRowIndex: string;
|
|
174
|
+
ariaRowSpan: string;
|
|
175
|
+
ariaSelected: string;
|
|
176
|
+
ariaSetSize: string;
|
|
177
|
+
ariaSort: string;
|
|
178
|
+
ariaValueMax: string;
|
|
179
|
+
ariaValueMin: string;
|
|
180
|
+
ariaValueNow: string;
|
|
181
|
+
ariaValueText: string;
|
|
182
|
+
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
|
|
183
|
+
getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
|
|
184
|
+
after(...nodes: (string | Node)[]): void;
|
|
185
|
+
before(...nodes: (string | Node)[]): void;
|
|
186
|
+
remove(): void;
|
|
187
|
+
replaceWith(...nodes: (string | Node)[]): void;
|
|
188
|
+
innerHTML: string;
|
|
189
|
+
readonly nextElementSibling: Element | null;
|
|
190
|
+
readonly previousElementSibling: Element | null;
|
|
191
|
+
readonly childElementCount: number;
|
|
192
|
+
readonly children: HTMLCollection;
|
|
193
|
+
readonly firstElementChild: Element | null;
|
|
194
|
+
readonly lastElementChild: Element | null;
|
|
195
|
+
append(...nodes: (string | Node)[]): void;
|
|
196
|
+
prepend(...nodes: (string | Node)[]): void;
|
|
197
|
+
querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
|
|
198
|
+
querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
|
|
199
|
+
querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
|
|
200
|
+
querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
|
|
201
|
+
querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
|
|
202
|
+
querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
|
|
203
|
+
replaceChildren(...nodes: (string | Node)[]): void;
|
|
204
|
+
readonly assignedSlot: HTMLSlotElement | null;
|
|
205
|
+
oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
206
|
+
oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
207
|
+
onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
208
|
+
readonly style: CSSStyleDeclaration;
|
|
209
|
+
contentEditable: string;
|
|
210
|
+
enterKeyHint: string;
|
|
211
|
+
inputMode: string;
|
|
212
|
+
readonly isContentEditable: boolean;
|
|
213
|
+
onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
214
|
+
onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
215
|
+
onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
216
|
+
onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
217
|
+
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
218
|
+
onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
219
|
+
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
220
|
+
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
221
|
+
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
222
|
+
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
223
|
+
onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
224
|
+
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
225
|
+
oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
226
|
+
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
227
|
+
ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
228
|
+
ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
229
|
+
ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
230
|
+
ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
231
|
+
ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
232
|
+
ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
233
|
+
ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
234
|
+
ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
235
|
+
ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
236
|
+
onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
237
|
+
onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
238
|
+
onerror: OnErrorEventHandler;
|
|
239
|
+
onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
240
|
+
onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
|
|
241
|
+
ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
242
|
+
oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
243
|
+
oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
244
|
+
onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
245
|
+
onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
246
|
+
onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
247
|
+
onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
248
|
+
onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
249
|
+
onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
250
|
+
onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
251
|
+
onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
252
|
+
onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
253
|
+
onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
254
|
+
onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
255
|
+
onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
256
|
+
onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
257
|
+
onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
258
|
+
onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
259
|
+
onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
260
|
+
onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
261
|
+
onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
262
|
+
onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
263
|
+
onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
264
|
+
onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
265
|
+
onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
266
|
+
onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
267
|
+
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
268
|
+
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
269
|
+
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
270
|
+
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
|
|
271
|
+
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
272
|
+
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
273
|
+
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
274
|
+
onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
275
|
+
onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
276
|
+
onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
277
|
+
onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
278
|
+
onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
279
|
+
onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
280
|
+
onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
281
|
+
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
|
|
282
|
+
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
283
|
+
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
284
|
+
ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
285
|
+
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
286
|
+
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
287
|
+
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
288
|
+
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
289
|
+
ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
290
|
+
ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
291
|
+
ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
292
|
+
ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
293
|
+
onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
294
|
+
onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
295
|
+
onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
296
|
+
onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
297
|
+
onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
298
|
+
onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
299
|
+
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
300
|
+
autofocus: boolean;
|
|
301
|
+
readonly dataset: DOMStringMap;
|
|
302
|
+
nonce?: string | undefined;
|
|
303
|
+
tabIndex: number;
|
|
304
|
+
blur(): void;
|
|
305
|
+
focus(options?: FocusOptions | undefined): void;
|
|
306
|
+
};
|
|
307
|
+
readonly observedAttributes: string[];
|
|
308
|
+
};
|