Fix/docs on prepublish (#2002)
* Revert "chore: revert release.yml, since it cannot run scripts atm"
This reverts commit eafffc3305.
* chore: automate prepublish docs step
This commit is contained in:
Thijs Louisse
GitHub
parent
fe7611bead
commit
951de3e9b2
285 changed files with 80 additions and 10232 deletions
4
.github/workflows/release.yml
vendored
4
.github/workflows/release.yml
vendored
|
|
@ -14,13 +14,13 @@ jobs:
|
|||
steps:
|
||||
- uses: google/wireit@setup-github-actions-caching/v1
|
||||
- name: Checkout Repo
|
||||
uses: actions/checkout@master
|
||||
uses: actions/checkout@v3
|
||||
with:
|
||||
# This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
|
||||
fetch-depth: 0
|
||||
|
||||
- name: Setup Node.js 16.x
|
||||
uses: actions/setup-node@master
|
||||
uses: actions/setup-node@v3
|
||||
with:
|
||||
node-version: 16.x
|
||||
registry-url: 'https://registry.npmjs.org'
|
||||
|
|
|
|||
1
packages/ui/.gitignore
vendored
Normal file
1
packages/ui/.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
./docs
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/accordion/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/accordion/overview.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/accordion/reference.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/accordion/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/button/examples.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/button/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/button/overview.md)
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
/**
|
||||
* @param {Function} tag
|
||||
*/
|
||||
export default tag =>
|
||||
tag`<svg focusable="false" style="width: 24px; height: 24px;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M44.8,44.2c-0.3-0.1-6.9-2.3-10-8c-0.9-1.7-1.7-3.6-2.4-5.4c-1.4-3.4-2.7-6.6-4.6-6.8l0.1-1.9c3.1,0.2,4.5,3.8,6.2,7.9 c0.7,1.7,1.4,3.5,2.3,5.2c2.7,5.1,8.9,7.1,8.9,7.1L44.8,44.2z"/></g><g><path d="M19.8,61.7v-1.9c4.7,0,10.7-6.6,13.4-10.7c2.6-4,11.2-2.1,12.2-1.9l-0.4,1.8c-2.3-0.5-8.6-1.4-10.2,1.1 C32.7,53.4,25.9,61.7,19.8,61.7z"/></g><g><path d="M25.1,86.5l-0.3-1.9c6-0.9,6.9-9.7,7.6-16.8c0.2-1.9,0.4-3.6,0.6-5.1c1.4-7.4,11.6-10.3,12.1-10.4l0.5,1.8 c-0.1,0-9.6,2.7-10.7,8.9c-0.3,1.4-0.4,3.1-0.6,5C33.5,75.3,32.5,85.4,25.1,86.5z"/></g><g><path d="M45.8,25.4c-0.1-1.4-0.1-4.7,0.9-5.7c0.3-0.3,0.6-0.4,1-0.4v1.9c0.2,0,0.3-0.1,0.4-0.2c-0.3,0.4-0.5,2.4-0.4,4.4 L45.8,25.4z"/></g><g><path d="M43.6,28c-0.3-0.3-6.8-6.2-6.8-11.4c0-5,1.4-8.7,1.5-8.8L40,8.5c0,0-1.3,3.6-1.3,8.1c0,4.4,6.2,10,6.2,10L43.6,28z"/></g><g><path d="M54.6,54.5c0-2.7,0.8-13-0.3-13c-1.1,0-1.8-2.2-1.8-3.4c0-1.1,4.1-3.4,4.1-8.1c0-4.8-6.6-5.6-6.6-5.6s-6.6,0.8-6.6,5.6 c0,4.8,4.1,7,4.1,8.1c0,1.1-0.7,3.4-1.8,3.4c-1.1,0-0.3,10.4-0.3,13c0,2.7-5.3,7.7-5.3,17.2s5.9,19.5,9.9,19.5 c4.1,0,9.9-9.9,9.9-19.5S54.6,57.2,54.6,54.5z"/></g><g><path d="M50,92.2c-5,0-10.9-11.1-10.9-20.4c0-6.5,2.4-11,4-14c0.7-1.4,1.4-2.6,1.4-3.3c0-0.6-0.1-1.8-0.1-3.1 c-0.3-7.6-0.2-9.8,0.5-10.5c0.2-0.2,0.5-0.4,0.8-0.4c0.3-0.1,0.8-1.4,0.9-2.3c-0.1-0.2-0.5-0.6-0.8-1c-1.2-1.4-3.3-3.7-3.3-7.3 c0-5.5,7.1-6.5,7.4-6.5c0.1,0,0.2,0,0.2,0c0.3,0,7.4,1,7.4,6.5c0,3.6-2.1,5.9-3.3,7.3c-0.3,0.3-0.7,0.8-0.8,1 c0,0.9,0.6,2.2,0.9,2.3c0.3,0,0.6,0.1,0.8,0.4c0.7,0.8,0.8,2.9,0.5,10.5c-0.1,1.3-0.1,2.4-0.1,3.1c0,0.7,0.6,1.9,1.4,3.3 c1.6,3,4,7.5,4,14C60.9,81.1,55,92.2,50,92.2z M46.2,42.4c-0.3,1.4-0.1,6.5,0,9c0.1,1.3,0.1,2.5,0.1,3.2c0,1.2-0.7,2.4-1.6,4.1 c-1.6,3-3.7,7.1-3.7,13.1c0,9.4,5.7,18.5,9,18.5s9-9.2,9-18.5c0-6-2.2-10.1-3.7-13.1c-0.9-1.7-1.6-3-1.6-4.1 c0-0.7,0.1-1.8,0.1-3.2c0.1-2.5,0.3-7.6,0-9c-1.6-0.5-2.2-3.1-2.2-4.2c0-0.7,0.5-1.3,1.3-2.1c1.2-1.3,2.8-3.1,2.8-6 c0-3.6-4.8-4.5-5.6-4.6c-0.8,0.1-5.6,1.1-5.6,4.6c0,2.8,1.6,4.7,2.8,6c0.7,0.8,1.3,1.4,1.3,2.1C48.4,39.3,47.8,41.9,46.2,42.4z"/></g><g><path d="M55.2,44.2l-0.6-1.8c0.1,0,6.2-2.1,9-7.1c0.9-1.7,1.6-3.4,2.3-5.2c1.7-4.2,3.2-7.7,6.2-7.9l0.1,1.9 c-1.9,0.1-3.2,3.3-4.6,6.8c-0.7,1.8-1.5,3.6-2.4,5.4C62.1,41.9,55.4,44.1,55.2,44.2z"/></g><g><path d="M80.2,61.7c-6.1,0-12.9-8.4-15-11.6c-1.6-2.5-8-1.6-10.2-1.1l-0.4-1.8c1-0.2,9.6-2.1,12.2,1.9c2.7,4.1,8.7,10.7,13.4,10.7 V61.7z"/></g><g><path d="M74.9,86.5c-7.4-1.1-8.5-11.2-9.2-18.5c-0.2-1.8-0.4-3.6-0.6-5c-1.1-6.3-10.6-8.9-10.7-8.9l0.5-1.8 c0.4,0.1,10.7,3,12.1,10.4c0.3,1.5,0.4,3.2,0.6,5.1c0.7,7.1,1.6,16,7.6,16.9L74.9,86.5z"/></g><g><path d="M54.2,25.4l-1.9-0.1c0.1-1.9-0.1-4-0.4-4.4c0,0,0.2,0.2,0.4,0.2v-1.9c0.4,0,0.7,0.2,1,0.4C54.3,20.7,54.3,24.1,54.2,25.4z "/></g><g><path d="M56.4,28l-1.3-1.4c0.1-0.1,6.2-5.7,6.2-10c0-4.6-1.3-8.1-1.3-8.1l1.8-0.7c0.1,0.2,1.5,3.9,1.5,8.8 C63.2,21.8,56.6,27.8,56.4,28z"/></g></g></svg>`;
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/button/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/calendar/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/calendar/overview.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/calendar/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/checkbox-group/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/checkbox-group/overview.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/checkbox-group/use-cases.md)
|
||||
|
|
@ -1,113 +0,0 @@
|
|||
import { LionCollapsible } from '@lion/ui/collapsible.js';
|
||||
|
||||
const EVENT = {
|
||||
TRANSITION_END: 'transitionend',
|
||||
TRANSITION_START: 'transitionstart',
|
||||
};
|
||||
/**
|
||||
* `CustomCollapsible` is a class for custom collapsible element (`<custom-collapsible>` web component).
|
||||
* @customElement custom-collapsible
|
||||
*/
|
||||
// @ts-expect-error false positive for incompatible static get properties. Lit-element merges super properties already for you.
|
||||
export class CustomCollapsible extends LionCollapsible {
|
||||
static get properties() {
|
||||
return {
|
||||
transitioning: {
|
||||
type: Boolean,
|
||||
reflect: true,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
this.transitioning = false;
|
||||
}
|
||||
|
||||
connectedCallback() {
|
||||
super.connectedCallback();
|
||||
this._contentNode?.style.setProperty(
|
||||
'transition',
|
||||
'max-height 0.35s, padding 0.35s, opacity 0.35s',
|
||||
);
|
||||
if (this.opened) {
|
||||
this._contentNode?.style.setProperty('padding', '12px 0');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Wait until transition is finished.
|
||||
* @override
|
||||
*/
|
||||
toggle() {
|
||||
if (!this.transitioning) {
|
||||
super.toggle();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Trigger show animation and wait for transition to be finished.
|
||||
* @param {Object} options - element node and its options
|
||||
* @param {HTMLElement} options.contentNode
|
||||
* @override
|
||||
*/
|
||||
async _showAnimation({ contentNode }) {
|
||||
const expectedHeight = await this.__calculateHeight(contentNode);
|
||||
contentNode.style.setProperty('opacity', '1');
|
||||
contentNode.style.setProperty('padding', '12px 0');
|
||||
contentNode.style.setProperty('max-height', '0px');
|
||||
await new Promise(resolve => requestAnimationFrame(() => resolve()));
|
||||
contentNode.style.setProperty('max-height', expectedHeight);
|
||||
await this._waitForTransition({ contentNode });
|
||||
}
|
||||
|
||||
/**
|
||||
* Trigger hide animation and wait for transition to be finished.
|
||||
* @param {Object} options - element node and its options
|
||||
* @param {HTMLElement} options.contentNode
|
||||
* @override
|
||||
*/
|
||||
async _hideAnimation({ contentNode }) {
|
||||
if (this._contentHeight === '0px') {
|
||||
return;
|
||||
}
|
||||
['opacity', 'padding', 'max-height'].map(prop => contentNode.style.setProperty(prop, '0'));
|
||||
await this._waitForTransition({ contentNode });
|
||||
}
|
||||
|
||||
/**
|
||||
* Wait until the transition event is finished.
|
||||
* @param {Object} options - element node and its options
|
||||
* @param {HTMLElement} options.contentNode
|
||||
* @returns {Promise<void>} transition event
|
||||
*/
|
||||
_waitForTransition({ contentNode }) {
|
||||
return new Promise(resolve => {
|
||||
const transitionStarted = () => {
|
||||
contentNode.removeEventListener(EVENT.TRANSITION_START, transitionStarted);
|
||||
this.transitioning = true;
|
||||
};
|
||||
contentNode.addEventListener(EVENT.TRANSITION_START, transitionStarted);
|
||||
|
||||
const transitionEnded = () => {
|
||||
contentNode.removeEventListener(EVENT.TRANSITION_END, transitionEnded);
|
||||
this.transitioning = false;
|
||||
resolve();
|
||||
};
|
||||
contentNode.addEventListener(EVENT.TRANSITION_END, transitionEnded);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Calculate total content height after collapsible opens
|
||||
* @param {HTMLElement} contentNode content node
|
||||
* @private
|
||||
*/
|
||||
async __calculateHeight(contentNode) {
|
||||
contentNode.style.setProperty('max-height', '');
|
||||
await new Promise(resolve => requestAnimationFrame(() => resolve()));
|
||||
return this._contentHeight; // Expected height i.e. actual size once collapsed after animation
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('custom-collapsible', CustomCollapsible);
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
import { css } from 'lit';
|
||||
|
||||
const applyDemoCollapsibleStyles = () => {
|
||||
const demoCollapsibleStyles = css`
|
||||
.demo-custom-collapsible-container {
|
||||
padding: 16px;
|
||||
margin: 16px;
|
||||
border-radius: 4px;
|
||||
width: 400px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
.demo-custom-collapsible-body {
|
||||
padding: 12px 0px;
|
||||
}
|
||||
|
||||
.demo-custom-collapsible-invoker {
|
||||
border-width: 0;
|
||||
border-radius: 2px;
|
||||
padding: 12px 24px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
font-weight: bold;
|
||||
color: #3f51b5;
|
||||
}
|
||||
|
||||
.demo-custom-collapsible-state-container {
|
||||
padding: 12px 0;
|
||||
}
|
||||
`;
|
||||
|
||||
const styleTag = document.createElement('style');
|
||||
styleTag.setAttribute('data-demo-collapsible', '');
|
||||
styleTag.textContent = demoCollapsibleStyles.cssText;
|
||||
document.head.appendChild(styleTag);
|
||||
};
|
||||
|
||||
applyDemoCollapsibleStyles();
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/collapsible/examples.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/collapsible/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/collapsible/overview.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/collapsible/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/combobox/examples.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/combobox/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/combobox/overview.md)
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
import { dedupeMixin } from '@open-wc/dedupe-mixin';
|
||||
|
||||
/**
|
||||
* @typedef {import('lit-element').PropertyValues } changedProperties
|
||||
*/
|
||||
|
||||
/**
|
||||
* Designed for webcomponents that need to behave like a link.
|
||||
* For instance, comboboxes that have search result options opening a webpage on click.
|
||||
* Using an <a> is not a viable alternative, because:
|
||||
* - no shadow dom (and thus no style encapsulation possibilities)
|
||||
* - we need to extend from LionOption (and we cannot put the anchor inside
|
||||
* the focusable element (LionOption which has [role=option]))
|
||||
*/
|
||||
const LinkMixinImplementation = superclass =>
|
||||
class extends superclass {
|
||||
static get properties() {
|
||||
return {
|
||||
href: String,
|
||||
target: String,
|
||||
};
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
this._nativeAnchor = document.createElement('a');
|
||||
}
|
||||
|
||||
connectedCallback() {
|
||||
super.connectedCallback();
|
||||
if (!this.hasAttribute('role')) {
|
||||
this.setAttribute('role', 'link');
|
||||
}
|
||||
}
|
||||
|
||||
firstUpdated(changedProperties) {
|
||||
super.firstUpdated(changedProperties);
|
||||
this.addEventListener('click', this.__navigate);
|
||||
this.addEventListener('keydown', ({ key }) => {
|
||||
if (key === ' ' || key === 'Enter') {
|
||||
this.__navigate();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
updated(changedProperties) {
|
||||
super.updated(changedProperties);
|
||||
if (changedProperties.has('href')) {
|
||||
this._nativeAnchor.href = this.href;
|
||||
}
|
||||
if (changedProperties.has('target')) {
|
||||
this._nativeAnchor.target = this.target;
|
||||
}
|
||||
}
|
||||
|
||||
__navigate() {
|
||||
this._nativeAnchor.click();
|
||||
}
|
||||
};
|
||||
export const LinkMixin = dedupeMixin(LinkMixinImplementation);
|
||||
|
|
@ -1,191 +0,0 @@
|
|||
// eslint-disable-next-line max-classes-per-file
|
||||
import { LitElement, html, css, nothing } from 'lit';
|
||||
|
||||
/**
|
||||
* Disclaimer: this is just an example component demoing the selection display of LionCombobox
|
||||
* It needs an 'a11y plan' and tests before it could be released
|
||||
*/
|
||||
|
||||
/**
|
||||
* @typedef {import('../src/LionCombobox.js').LionCombobox} LionCombobox
|
||||
*/
|
||||
|
||||
/**
|
||||
* Renders the wrapper containing the textbox that triggers the listbox with filtered options.
|
||||
* Optionally, shows 'chips' that indicate the selection.
|
||||
* Should be considered an internal/protected web component to be used in conjunction with
|
||||
* LionCombobox
|
||||
*
|
||||
*/
|
||||
export class DemoSelectionDisplay extends LitElement {
|
||||
static get properties() {
|
||||
return {
|
||||
comboboxElement: Object,
|
||||
/**
|
||||
* Can be used to visually indicate the next
|
||||
*/
|
||||
removeChipOnNextBackspace: Boolean,
|
||||
selectedElements: Array,
|
||||
};
|
||||
}
|
||||
|
||||
static get styles() {
|
||||
return css`
|
||||
:host {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.combobox__selection {
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.combobox__input {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.selection-chip {
|
||||
border-radius: 4px;
|
||||
background-color: #eee;
|
||||
padding: 4px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.selection-chip--highlighted {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
* > ::slotted([slot='_textbox']) {
|
||||
outline: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border: none;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
/**
|
||||
* @configure FocusMixin
|
||||
*/
|
||||
get _inputNode() {
|
||||
return this.comboboxElement._inputNode;
|
||||
}
|
||||
|
||||
_computeSelectedElements() {
|
||||
const { formElements, checkedIndex } = /** @type {LionCombobox} */ (this.comboboxElement);
|
||||
const checkedIndexes = Array.isArray(checkedIndex) ? checkedIndex : [checkedIndex];
|
||||
return formElements.filter((_, i) => checkedIndexes.includes(i));
|
||||
}
|
||||
|
||||
get multipleChoice() {
|
||||
return this.comboboxElement?.multipleChoice;
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
|
||||
this.selectedElements = [];
|
||||
|
||||
/** @type {EventListener} */
|
||||
this.__textboxOnKeyup = this.__textboxOnKeyup.bind(this);
|
||||
/** @type {EventListener} */
|
||||
this.__restoreBackspace = this.__restoreBackspace.bind(this);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {import('lit-element').PropertyValues } changedProperties
|
||||
*/
|
||||
firstUpdated(changedProperties) {
|
||||
super.firstUpdated(changedProperties);
|
||||
|
||||
if (this.multipleChoice) {
|
||||
this._inputNode.addEventListener('keyup', this.__textboxOnKeyup);
|
||||
this._inputNode.addEventListener('focusout', this.__restoreBackspace);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {import('lit-element').PropertyValues } changedProperties
|
||||
*/
|
||||
onComboboxElementUpdated(changedProperties) {
|
||||
if (changedProperties.has('modelValue')) {
|
||||
this.selectedElements = this._computeSelectedElements();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Whenever selectedElements are updated, makes sure that latest added elements
|
||||
* are shown latest, and deleted elements respect existing order of chips.
|
||||
*/
|
||||
__reorderChips() {
|
||||
const { selectedElements } = this;
|
||||
if (this.__prevSelectedEls) {
|
||||
const addedEls = selectedElements.filter(e => !this.__prevSelectedEls.includes(e));
|
||||
const deletedEls = this.__prevSelectedEls.filter(e => !selectedElements.includes(e));
|
||||
if (addedEls.length) {
|
||||
this.selectedElements = [...this.__prevSelectedEls, ...addedEls];
|
||||
} else if (deletedEls.length) {
|
||||
deletedEls.forEach(delEl => {
|
||||
this.__prevSelectedEls.splice(this.__prevSelectedEls.indexOf(delEl), 1);
|
||||
});
|
||||
this.selectedElements = this.__prevSelectedEls;
|
||||
}
|
||||
}
|
||||
this.__prevSelectedEls = this.selectedElements;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {import("@lion/listbox").LionOption} option
|
||||
* @param {boolean} highlight
|
||||
*/
|
||||
// eslint-disable-next-line class-methods-use-this
|
||||
_selectedElementTemplate(option, highlight) {
|
||||
return html`
|
||||
<span class="selection-chip ${highlight ? 'selection-chip--highlighted' : ''}">
|
||||
${option.value}
|
||||
</span>
|
||||
`;
|
||||
}
|
||||
|
||||
_selectedElementsTemplate() {
|
||||
if (!this.multipleChoice) {
|
||||
return nothing;
|
||||
}
|
||||
return html`
|
||||
<div class="combobox__selection">
|
||||
${this.selectedElements.map((option, i) => {
|
||||
const highlight = Boolean(
|
||||
this.removeChipOnNextBackspace && i === this.selectedElements.length - 1,
|
||||
);
|
||||
return this._selectedElementTemplate(option, highlight);
|
||||
})}
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
render() {
|
||||
return html` ${this._selectedElementsTemplate()} `;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {{ key: string; }} ev
|
||||
*/
|
||||
__textboxOnKeyup(ev) {
|
||||
if (ev.key === 'Backspace') {
|
||||
if (!this._inputNode.value) {
|
||||
if (this.removeChipOnNextBackspace && this.selectedElements.length) {
|
||||
this.selectedElements[this.selectedElements.length - 1].checked = false;
|
||||
}
|
||||
this.removeChipOnNextBackspace = true;
|
||||
}
|
||||
} else {
|
||||
this.removeChipOnNextBackspace = false;
|
||||
}
|
||||
}
|
||||
|
||||
__restoreBackspace() {
|
||||
this.removeChipOnNextBackspace = false;
|
||||
}
|
||||
}
|
||||
customElements.define('demo-selection-display', DemoSelectionDisplay);
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
import { css, html } from 'lit';
|
||||
import { LionButton } from '@lion/ui/button.js';
|
||||
|
||||
export class GhButton extends LionButton {
|
||||
static get properties() {
|
||||
return {
|
||||
value: String,
|
||||
};
|
||||
}
|
||||
|
||||
static get styles() {
|
||||
return css`
|
||||
:host {
|
||||
outline: none;
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 5px 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 20px;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
border: 1px solid;
|
||||
border-radius: 6px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
color: #24292e;
|
||||
background-color: #fafbfc;
|
||||
border-color: rgba(27, 31, 35, 0.15);
|
||||
box-shadow: 0 1px 0 rgba(27, 31, 35, 0.04), inset 0 1px 0 hsla(0, 0%, 100%, 0.25);
|
||||
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
|
||||
}
|
||||
|
||||
:host(:hover) {
|
||||
background-color: #f3f4f6;
|
||||
transition-duration: 0.1s;
|
||||
}
|
||||
|
||||
:host ::slotted([slot='before']) {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
/**
|
||||
* TODO: this doesn't have to be light dom anymore in LionButton,
|
||||
* just spawning a hidden native button on submit would be enough
|
||||
*/
|
||||
:host ::slotted(button) {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
render() {
|
||||
return html` <slot name="before"></slot>
|
||||
${this.value}
|
||||
<slot name="after"></slot>
|
||||
<slot name="_button"></slot>`;
|
||||
}
|
||||
}
|
||||
customElements.define('gh-button', GhButton);
|
||||
|
|
@ -1,508 +0,0 @@
|
|||
import { css, html } from 'lit';
|
||||
import { LionOption } from '@lion/ui/listbox.js';
|
||||
import { renderLitAsNode } from '@lion/ui/helpers.js';
|
||||
// import { withModalDialogConfig } from '@lion/ui/overlays.js';
|
||||
import { LionCombobox } from '@lion/ui/combobox.js';
|
||||
import './gh-button.js';
|
||||
|
||||
export class GhOption extends LionOption {
|
||||
static get properties() {
|
||||
return {
|
||||
category: String,
|
||||
default: { type: Boolean, reflect: true },
|
||||
};
|
||||
}
|
||||
|
||||
static get styles() {
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
:host {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 16px;
|
||||
overflow: hidden;
|
||||
color: #24292e;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eaecef;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (min-width: 544px) {
|
||||
:host {
|
||||
padding-top: 7px;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
:host([checked]) {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
:host(:hover),
|
||||
:host([active]),
|
||||
:host([focused]) {
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
|
||||
.gh-check-icon {
|
||||
visibility: hidden;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
:host([checked]) .gh-check-icon {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.gh-default-badge {
|
||||
visibility: hidden;
|
||||
|
||||
display: inline-block;
|
||||
padding: 0 7px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
line-height: 18px;
|
||||
border-radius: 2em;
|
||||
background-color: initial !important;
|
||||
border: 1px solid #e1e4e8;
|
||||
color: #586069;
|
||||
border-color: #e1e4e8;
|
||||
}
|
||||
|
||||
:host([default]) .gh-default-badge {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.gh-content {
|
||||
flex: 1;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
render() {
|
||||
return html`
|
||||
<svg
|
||||
class="gh-check-icon"
|
||||
viewBox="0 0 16 16"
|
||||
version="1.1"
|
||||
width="16"
|
||||
height="16"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"
|
||||
></path>
|
||||
</svg>
|
||||
<span class="gh-content"><slot></slot></span>
|
||||
<span class="gh-default-badge">default</span>
|
||||
`;
|
||||
}
|
||||
}
|
||||
customElements.define('gh-option', GhOption);
|
||||
|
||||
export class GhCombobox extends LionCombobox {
|
||||
static get properties() {
|
||||
return {
|
||||
category: { type: String },
|
||||
isDesktop: { type: Boolean, reflect: true, attribute: 'is-desktop' },
|
||||
};
|
||||
}
|
||||
|
||||
static get styles() {
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
/** @configure LionCombobox */
|
||||
|
||||
:host {
|
||||
font-family: apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
|
||||
Apple Color Emoji, Segoe UI Emoji;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.input-group__container {
|
||||
display: flex;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
* > ::slotted([role='listbox']) {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
* > ::slotted([slot='input']) {
|
||||
padding: 5px 12px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #24292e;
|
||||
vertical-align: middle;
|
||||
background-color: #fff;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 8px center;
|
||||
border: 1px solid #e1e4e8;
|
||||
border-radius: 6px;
|
||||
outline: none;
|
||||
box-shadow: inset 0 1px 0 rgba(225, 228, 232, 0.2);
|
||||
}
|
||||
|
||||
:host([is-desktop]) {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
:host([is-desktop]) ::slotted([slot='input']) {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
:host([focused]) ::slotted([slot='input']) {
|
||||
border-color: #0366d6;
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.3);
|
||||
}
|
||||
|
||||
.gh-combobox {
|
||||
height: auto;
|
||||
max-height: 480px;
|
||||
margin-top: 8px;
|
||||
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
display: flex;
|
||||
max-height: 66%;
|
||||
margin: auto 0;
|
||||
overflow: hidden;
|
||||
pointer-events: auto;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 0 18px rgba(27, 31, 35, 0.4);
|
||||
/* animation: SelectMenu-modal-animation 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards; */
|
||||
}
|
||||
|
||||
:host([is-desktop]) .gh-combobox {
|
||||
width: 300px;
|
||||
height: auto;
|
||||
max-height: 480px;
|
||||
margin: 8px 0 16px;
|
||||
font-size: 12px;
|
||||
border: 1px solid #e1e4e8;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
|
||||
/* animation-name: SelectMenu-modal-animation--sm; */
|
||||
}
|
||||
|
||||
.form-field__label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/** @enhance LionCombobox */
|
||||
|
||||
.gh-categories {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
box-shadow: inset 0 -1px 0 #eaecef;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
:host([is-desktop]) .gh-categories {
|
||||
padding: 8px 8px 0;
|
||||
}
|
||||
|
||||
.gh-categories__btn {
|
||||
flex: 1;
|
||||
padding: 8px 16px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #6a737d;
|
||||
text-align: center;
|
||||
background-color: initial;
|
||||
border: 0;
|
||||
box-shadow: inset 0 -1px 0 #eaecef;
|
||||
|
||||
border-radius: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
outline: none;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gh-categories__btn:focus {
|
||||
background-color: #dbedff;
|
||||
}
|
||||
|
||||
:host([is-desktop]) .gh-categories__btn {
|
||||
flex: none;
|
||||
padding: 4px 16px;
|
||||
border: solid transparent;
|
||||
border-width: 1px 1px 0;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
.gh-categories__btn[aria-pressed='true'] {
|
||||
z-index: 1;
|
||||
color: #24292e;
|
||||
cursor: default;
|
||||
box-shadow: 0 0 0 1px #eaecef;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
:host([is-desktop]) .gh-categories__btn {
|
||||
flex: none;
|
||||
}
|
||||
:host([is-desktop]) .gh-categories__btn[aria-pressed='true'] {
|
||||
border-color: #eaecef;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.gh-section-wrapper {
|
||||
padding: 16px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #eaecef;
|
||||
}
|
||||
|
||||
:host([is-desktop]) .gh-section-wrapper {
|
||||
padding: 8px;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* @override LionCombobox put all content in an overlay
|
||||
*/
|
||||
// eslint-disable-next-line class-methods-use-this
|
||||
render() {
|
||||
return html`
|
||||
<slot name="selection-display"></slot>
|
||||
<div id="overlay-content-node-wrapper" role="dialog">
|
||||
<div class="gh-combobox">
|
||||
<div class="form-field__group-one">
|
||||
<div class="gh-section-wrapper">${this._groupOneTemplate()}</div>
|
||||
</div>
|
||||
<div class="form-field__group-two">
|
||||
<div class="gh-section-wrapper">${this._groupTwoTemplate()}</div>
|
||||
<div
|
||||
class="gh-categories"
|
||||
@click="${this.__handleCategory}"
|
||||
@keydown="${this.__handleCategory}"
|
||||
>
|
||||
<button type="button" data-category="branches" class="gh-categories__btn">
|
||||
Branches
|
||||
</button>
|
||||
<button type="button" data-category="tags" class="gh-categories__btn">Tags</button>
|
||||
</div>
|
||||
<slot name="listbox"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<slot id="options-outlet"></slot>
|
||||
`;
|
||||
}
|
||||
|
||||
/**
|
||||
* Wrapper with combobox role for the text input that the end user controls the listbox with.
|
||||
* @type {HTMLElement}
|
||||
*/
|
||||
get _comboboxNode() {
|
||||
if (this.__comboboxNode) {
|
||||
return this.__comboboxNode;
|
||||
}
|
||||
const slot = this.querySelector('[slot="input"]');
|
||||
if (slot) {
|
||||
this.__comboboxNode = slot;
|
||||
return slot;
|
||||
}
|
||||
const slot2 = this._overlayCtrl?.contentWrapperNode.querySelector('[slot="input"]');
|
||||
if (slot2) {
|
||||
this.__comboboxNode = slot2;
|
||||
return slot2;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
/**
|
||||
* @override LionCombobox: remove selection-display (place it higher up)
|
||||
*/
|
||||
// eslint-disable-next-line class-methods-use-this
|
||||
_inputGroupInputTemplate() {
|
||||
return html`
|
||||
<div class="input-group__input">
|
||||
<slot name="input"></slot>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
/**
|
||||
* @override LionCombobox: restore to values FormControlMixin
|
||||
*/
|
||||
// eslint-disable-next-line class-methods-use-this
|
||||
_groupTwoTemplate() {
|
||||
return html` ${this._inputGroupTemplate()} ${this._feedbackTemplate()} `;
|
||||
}
|
||||
|
||||
get slots() {
|
||||
return {
|
||||
...super.slots,
|
||||
'selection-display': () =>
|
||||
renderLitAsNode(html`
|
||||
<gh-button>
|
||||
<svg
|
||||
slot="before"
|
||||
text="gray"
|
||||
height="16"
|
||||
class="octicon octicon-git-branch text-gray"
|
||||
viewBox="0 0 16 16"
|
||||
version="1.1"
|
||||
width="16"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
d="M11.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122V6A2.5 2.5 0 0110 8.5H6a1 1 0 00-1 1v1.128a2.251 2.251 0 11-1.5 0V5.372a2.25 2.25 0 111.5 0v1.836A2.492 2.492 0 016 7h4a1 1 0 001-1v-.628A2.25 2.25 0 019.5 3.25zM4.25 12a.75.75 0 100 1.5.75.75 0 000-1.5zM3.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0z"
|
||||
></path>
|
||||
</svg>
|
||||
|
||||
<span slot="after"> </span>
|
||||
</gh-button>
|
||||
`),
|
||||
};
|
||||
}
|
||||
|
||||
get _overlayInvokerNode() {
|
||||
return this.querySelector('[slot="selection-display"]');
|
||||
}
|
||||
|
||||
get _overlayReferenceNode() {
|
||||
return this._overlayInvokerNode;
|
||||
}
|
||||
|
||||
get _categoryButtons() {
|
||||
return Array.from(this.shadowRoot.querySelectorAll('.gh-categories__btn[data-category]'));
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
|
||||
this.showAllOnEmpty = true;
|
||||
|
||||
/** @type {'branches'|'tags'} */
|
||||
this.category = 'branches';
|
||||
|
||||
this.selectionFollowsFocus = false;
|
||||
|
||||
// Capture mobile OverlayConfig
|
||||
this.__mobileDropdownComboConfig = this.config;
|
||||
}
|
||||
|
||||
firstUpdated(changedProperties) {
|
||||
super.firstUpdated(changedProperties);
|
||||
|
||||
const mql = window.matchMedia('(min-width: 544px)');
|
||||
this.isDesktop = mql.matches;
|
||||
mql.addListener(({ matches }) => {
|
||||
this.isDesktop = matches;
|
||||
});
|
||||
}
|
||||
|
||||
updated(changedProperties) {
|
||||
super.updated(changedProperties);
|
||||
|
||||
if (changedProperties.has('category')) {
|
||||
const cat = this.category;
|
||||
this._categoryButtons.forEach(btn => {
|
||||
btn.setAttribute(
|
||||
'aria-pressed',
|
||||
btn.getAttribute('data-category') === cat ? 'true' : 'false',
|
||||
);
|
||||
});
|
||||
|
||||
this._inputNode.placeholder =
|
||||
cat === 'branches' ? 'Find or create a branch...' : 'Find a tag';
|
||||
|
||||
this._handleAutocompletion();
|
||||
}
|
||||
|
||||
if (changedProperties.has('opened')) {
|
||||
// eslint-disable-next-line no-shadow
|
||||
this._selectionDisplayNode.value = this.modelValue || 'Choose a value...';
|
||||
|
||||
if (this.opened) {
|
||||
setTimeout(() => {
|
||||
this._inputNode.focus();
|
||||
});
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this._selectionDisplayNode.focus();
|
||||
}, 100);
|
||||
}
|
||||
}
|
||||
|
||||
if (changedProperties.has('isDesktop')) {
|
||||
// this.config = this.isDesktop ? this.__mobileDropdownComboConfig : withModalDialogConfig();
|
||||
}
|
||||
}
|
||||
|
||||
// /**
|
||||
// * @enhance LionCombobox
|
||||
// * @param {*} option
|
||||
// * @param {...any} args
|
||||
// */
|
||||
// matchCondition(option, ...args) {
|
||||
// return super.matchCondition(option, ...args) && option.category === this.category;
|
||||
// }
|
||||
|
||||
// _defineOverlayConfig() {
|
||||
// // temp
|
||||
// return { ...super._defineOverlayConfig(), hidesOnOutsideClick: false };
|
||||
// }
|
||||
|
||||
__handleCategory(ev) {
|
||||
this.category = ev.target.getAttribute('data-category');
|
||||
}
|
||||
|
||||
// TODO: overrides below are not safe for override and should be made configurable in Combobox
|
||||
// basically it should be possible te create a combobox without an overlay
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
_textboxOnKeydown() {
|
||||
// if (ev.key === 'Tab') {
|
||||
// this.opened = false;
|
||||
// }
|
||||
this.__hasSelection = this._inputNode.value.length !== this._inputNode.selectionStart;
|
||||
}
|
||||
|
||||
/**
|
||||
* @enhance OverlayMixin
|
||||
*/
|
||||
_setupOpenCloseListeners() {
|
||||
super._setupOpenCloseListeners();
|
||||
this.__toggleOverlay = this.__toggleOverlay.bind(this);
|
||||
this._overlayInvokerNode.addEventListener('click', this.__toggleOverlay);
|
||||
}
|
||||
|
||||
__toggleOverlay() {
|
||||
this.opened = !this.opened;
|
||||
}
|
||||
|
||||
/**
|
||||
* @enhance OverlayMixin
|
||||
*/
|
||||
_teardownOpenCloseListeners() {
|
||||
super._teardownOpenCloseListeners();
|
||||
this._overlayInvokerNode.removeEventListener('click', this.__toggleOverlay);
|
||||
}
|
||||
}
|
||||
customElements.define('gh-combobox', GhCombobox);
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
import { html } from 'lit';
|
||||
|
||||
export default html`
|
||||
<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
||||
></path>
|
||||
</svg>
|
||||
`;
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
import { html } from 'lit';
|
||||
|
||||
export default html`
|
||||
<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
|
||||
></path>
|
||||
</svg>
|
||||
`;
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
import { html } from 'lit';
|
||||
|
||||
export default html`
|
||||
<svg class="HPVvwb" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="m12 15c1.66 0 3-1.31 3-2.97v-7.02c0-1.66-1.34-3.01-3-3.01s-3 1.34-3 3.01v7.02c0 1.66 1.34 2.97 3 2.97z"
|
||||
fill="#4285f4"
|
||||
></path>
|
||||
<path d="m11 18.08h2v3.92h-2z" fill="#34a853"></path>
|
||||
<path
|
||||
d="m7.05 16.87c-1.27-1.33-2.05-2.83-2.05-4.87h2c0 1.45 0.56 2.42 1.47 3.38v0.32l-1.15 1.18z"
|
||||
fill="#f4b400"
|
||||
></path>
|
||||
<path
|
||||
d="m12 16.93a4.97 5.25 0 0 1 -3.54 -1.55l-1.41 1.49c1.26 1.34 3.02 2.13 4.95 2.13 3.87 0 6.99-2.92 6.99-7h-1.99c0 2.92-2.24 4.93-5 4.93z"
|
||||
fill="#ea4335"
|
||||
></path>
|
||||
</svg>
|
||||
`;
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
|
|
@ -1,460 +0,0 @@
|
|||
import { css, html } from 'lit';
|
||||
import { LionOption } from '@lion/ui/listbox.js';
|
||||
import { renderLitAsNode } from '@lion/ui/helpers.js';
|
||||
import { LionCombobox } from '@lion/ui/combobox.js';
|
||||
import { LinkMixin } from '../LinkMixin.js';
|
||||
import googleSearchIcon from './assets/google-search-icon.js';
|
||||
import googleVoiceSearchIcon from './assets/google-voice-search-icon.js';
|
||||
import googleClearIcon from './assets/google-clear-icon.js';
|
||||
|
||||
const googleSearchLogoUrl = new URL('./assets/googlelogo_color_272x92dp.png', import.meta.url).href;
|
||||
|
||||
export class GoogleOption extends LinkMixin(LionOption) {
|
||||
static get properties() {
|
||||
return {
|
||||
imageUrl: {
|
||||
type: String,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
static get styles() {
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
:host {
|
||||
position: relative;
|
||||
padding: 8px 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: none;
|
||||
}
|
||||
|
||||
:host:hover,
|
||||
:host([active]) {
|
||||
background: #eee !important;
|
||||
}
|
||||
|
||||
:host([checked]) {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* :host([active]) {
|
||||
color: #1867c0 !important;
|
||||
caret-color: #1867c0 !important;
|
||||
} */
|
||||
|
||||
:host {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
:host ::slotted(.google-option__highlight) {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.google-option__icon {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-right: 12px;
|
||||
fill: var(--icon-color);
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* @configure
|
||||
* @param {string} currentValue
|
||||
*/
|
||||
onFilterMatch(currentValue) {
|
||||
const { innerHTML } = this;
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
this.__originalInnerHTML = innerHTML;
|
||||
const newInnerHTML = innerHTML.replace(
|
||||
new RegExp(`(${currentValue})`, 'i'),
|
||||
`<span class="google-option__highlight">$1</span>`,
|
||||
);
|
||||
// For Safari, we need to add a label to the element
|
||||
this.setAttribute('aria-label', this.textContent);
|
||||
this.innerHTML = newInnerHTML;
|
||||
// Alternatively, an extension can add an animation here
|
||||
this.style.display = '';
|
||||
}
|
||||
|
||||
/**
|
||||
* @configure LionCombobox
|
||||
*/
|
||||
onFilterUnmatch() {
|
||||
this.removeAttribute('aria-label');
|
||||
if (this.__originalInnerHTML) {
|
||||
this.innerHTML = this.__originalInnerHTML;
|
||||
}
|
||||
this.style.display = 'none';
|
||||
}
|
||||
|
||||
render() {
|
||||
return html`
|
||||
${!this.imageUrl
|
||||
? html` <div class="google-option__icon">${googleSearchIcon}</div>`
|
||||
: html` <img class="google-option__icon" src="${this.imageUrl}" alt="" />`}
|
||||
${super.render()}
|
||||
`;
|
||||
}
|
||||
}
|
||||
customElements.define('google-option', GoogleOption);
|
||||
|
||||
export class GoogleCombobox extends LionCombobox {
|
||||
static get styles() {
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
/** @configure FormControlMixin */
|
||||
|
||||
/* =======================
|
||||
block | .form-field
|
||||
======================= */
|
||||
|
||||
:host {
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
|
||||
.form-field__label {
|
||||
margin-top: 36px;
|
||||
margin-bottom: 24px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* ==============================
|
||||
element | .input-group
|
||||
============================== */
|
||||
|
||||
.input-group {
|
||||
margin-bottom: 16px;
|
||||
max-width: 582px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.input-group__container {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
border: 1px solid #dfe1e5;
|
||||
box-shadow: none;
|
||||
border-radius: 24px;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.input-group__container:hover,
|
||||
:host([opened]) .input-group__container {
|
||||
border-color: rgba(223, 225, 229, 0);
|
||||
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
|
||||
}
|
||||
|
||||
:host([opened]) .input-group__container {
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
:host([opened]) .input-group__container::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background: white;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 10px;
|
||||
bottom: -10px;
|
||||
}
|
||||
|
||||
:host([opened]) .input-group__container::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background: #eee;
|
||||
left: 16px;
|
||||
right: 16px;
|
||||
height: 1px;
|
||||
bottom: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.input-group__prefix,
|
||||
.input-group__suffix {
|
||||
display: block;
|
||||
fill: var(--icon-color);
|
||||
display: flex;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
.input-group__input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.input-group__input ::slotted([slot='input']) {
|
||||
border: transparent;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/** @configure LionCombobox */
|
||||
|
||||
/* =======================
|
||||
block | .form-field
|
||||
======================= */
|
||||
|
||||
#overlay-content-node-wrapper {
|
||||
box-shadow: 0 4px 6px rgba(32, 33, 36, 0.28);
|
||||
border-radius: 0 0 24px 24px;
|
||||
margin-top: -2px;
|
||||
padding-top: 6px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
* > ::slotted([slot='listbox']) {
|
||||
margin-bottom: 8px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
:host {
|
||||
--icon-color: #9aa0a6;
|
||||
}
|
||||
|
||||
/** @enhance LionCombobox */
|
||||
|
||||
/* ===================================
|
||||
block | .google-search-clear-btn
|
||||
=================================== */
|
||||
|
||||
.google-search-clear-btn {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.google-search-clear-btn::after {
|
||||
border-left: 1px solid #dfe1e5;
|
||||
height: 65%;
|
||||
right: 0;
|
||||
content: '';
|
||||
margin-right: 10px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
:host([filled]) .google-search-clear-btn {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
* > ::slotted([slot='suffix']),
|
||||
* > ::slotted([slot='clear-btn']) {
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
overflow: visible;
|
||||
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
* > ::slotted([slot='suffix']) {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
* > ::slotted([slot='prefix']) {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-left: 12px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
/* =============================
|
||||
block | .google-search-btns
|
||||
============================ */
|
||||
|
||||
.google-search-btns {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.google-search-btns__input-button {
|
||||
background-image: -webkit-linear-gradient(top, #f8f9fa, #f8f9fa);
|
||||
background-color: #f8f9fa;
|
||||
border: 1px solid #f8f9fa;
|
||||
border-radius: 4px;
|
||||
color: #3c4043;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 14px;
|
||||
margin: 11px 4px;
|
||||
padding: 0 16px;
|
||||
line-height: 27px;
|
||||
height: 36px;
|
||||
min-width: 54px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.google-search-btns__input-button:hover {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
|
||||
background-color: #f8f8f8;
|
||||
border: 1px solid #c6c6c6;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.google-search-btns__input-button:focus {
|
||||
border: 1px solid #4d90fe;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
block | .google-search-report
|
||||
============================== */
|
||||
|
||||
.google-search-report {
|
||||
display: flex;
|
||||
align-content: right;
|
||||
color: #70757a;
|
||||
font-style: italic;
|
||||
font-size: 8pt;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
margin-bottom: 8px;
|
||||
justify-content: flex-end;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.google-search-report a {
|
||||
color: inherit;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* @enhance LionCombobox - add google search buttons
|
||||
*/
|
||||
_overlayListboxTemplate() {
|
||||
return html`
|
||||
<div id="overlay-content-node-wrapper" role="dialog">
|
||||
<slot name="listbox"></slot>
|
||||
${this._googleSearchBtnsTemplate()}
|
||||
<div class="google-search-report"><a href="#">Report inappropriate predictions</a></div>
|
||||
</div>
|
||||
<slot id="options-outlet"></slot>
|
||||
`;
|
||||
}
|
||||
|
||||
/**
|
||||
* @enhance FormControlMixin add clear-btn
|
||||
*/
|
||||
_inputGroupSuffixTemplate() {
|
||||
return html`
|
||||
<div class="input-group__suffix">
|
||||
<div class="google-search-clear-btn">
|
||||
<slot name="clear-btn"></slot>
|
||||
</div>
|
||||
<slot name="suffix"></slot>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
_googleSearchBtnsTemplate() {
|
||||
return html` <div class="google-search-btns">
|
||||
<input
|
||||
type="submit"
|
||||
class="google-search-btns__input-button"
|
||||
value="Google Search"
|
||||
aria-label="Google Search"
|
||||
/>
|
||||
<input
|
||||
type="submit"
|
||||
class="google-search-btns__input-button"
|
||||
value="I'm Feeling Lucky"
|
||||
aria-label="I'm Feeling Lucky"
|
||||
/>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
/**
|
||||
* @enhance FormControlMixin - add google search buttons
|
||||
*/
|
||||
_groupTwoTemplate() {
|
||||
return html`${super._groupTwoTemplate()} ${!this.opened ? this._googleSearchBtnsTemplate() : ''} `;
|
||||
}
|
||||
|
||||
get slots() {
|
||||
return {
|
||||
...super.slots,
|
||||
label: () => renderLitAsNode(html` <img alt="Google Search" src="${googleSearchLogoUrl}" />`),
|
||||
prefix: () => renderLitAsNode(html` <span>${googleSearchIcon}</span> `),
|
||||
suffix: () =>
|
||||
renderLitAsNode(
|
||||
html` <button aria-label="Search by voice">${googleVoiceSearchIcon}</button> `,
|
||||
),
|
||||
'clear-btn': () =>
|
||||
renderLitAsNode(
|
||||
html`
|
||||
<button @click="${this.__clearText}" aria-label="Clear text">${googleClearIcon}</button>
|
||||
`,
|
||||
),
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* @configure OverlayMixin
|
||||
*/
|
||||
get _overlayReferenceNode() {
|
||||
return /** @type {ShadowRoot} */ (this.shadowRoot).querySelector('.input-group');
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
/** @configure LionCombobox */
|
||||
this.autocomplete = 'list';
|
||||
/** @configure LionCombobox */
|
||||
this.showAllOnEmpty = true;
|
||||
|
||||
this.__resetFocus = this.__resetFocus.bind(this);
|
||||
this.__clearText = this.__clearText.bind(this);
|
||||
}
|
||||
|
||||
firstUpdated(changedProperties) {
|
||||
super.firstUpdated(changedProperties);
|
||||
|
||||
this._overlayContentNode.addEventListener('mouseenter', this.__resetFocus);
|
||||
}
|
||||
|
||||
/**
|
||||
* @override LionCombobox - always sync textbox when selected value changes
|
||||
*/
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
_syncToTextboxCondition() {
|
||||
return true;
|
||||
}
|
||||
|
||||
_showOverlayCondition(options) {
|
||||
return this.focused || super._showOverlayCondition(options);
|
||||
}
|
||||
|
||||
__resetFocus() {
|
||||
this.activeIndex = -1;
|
||||
this.checkedIndex = -1;
|
||||
}
|
||||
|
||||
__clearText() {
|
||||
this._inputNode.value = '';
|
||||
}
|
||||
}
|
||||
customElements.define('google-combobox', GoogleCombobox);
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
import { directive } from 'lit/directive.js';
|
||||
import { AsyncDirective } from 'lit/async-directive.js';
|
||||
|
||||
/**
|
||||
* In order to speed up the first meaningful paint, use this directive
|
||||
* on content that is:
|
||||
* - (visually) hidden
|
||||
* - out of the page flow (having position: 'absolute|fixed')
|
||||
*
|
||||
* A good practice would be to use it in overlays,
|
||||
* For hidden tab panels, collapsible content etc. it's also useful
|
||||
* @example
|
||||
* <lion-combobox name="combo" label="Combo">
|
||||
* ${lazyRender(
|
||||
* largeListOfData.map(entry => html` <expensive-option>${entry}</expensive-option> `),
|
||||
* )}
|
||||
* </lion-combobox>
|
||||
*/
|
||||
export const lazyRender = directive(
|
||||
class extends AsyncDirective {
|
||||
render(tplResult) {
|
||||
setTimeout(() => {
|
||||
this.setValue(tplResult);
|
||||
});
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
// export const lazyRender = () => {};
|
||||
|
|
@ -1,95 +0,0 @@
|
|||
/* eslint-disable */
|
||||
// https://github.com/gustf/js-levenshtein/blob/master/index.js
|
||||
|
||||
function _min(d0, d1, d2, bx, ay) {
|
||||
return d0 < d1 || d2 < d1 ? (d0 > d2 ? d2 + 1 : d0 + 1) : bx === ay ? d1 : d1 + 1;
|
||||
}
|
||||
|
||||
export default function (a, b) {
|
||||
if (a === b) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
if (a.length > b.length) {
|
||||
var tmp = a;
|
||||
a = b;
|
||||
b = tmp;
|
||||
}
|
||||
|
||||
var la = a.length;
|
||||
var lb = b.length;
|
||||
|
||||
while (la > 0 && a.charCodeAt(la - 1) === b.charCodeAt(lb - 1)) {
|
||||
la--;
|
||||
lb--;
|
||||
}
|
||||
|
||||
var offset = 0;
|
||||
|
||||
while (offset < la && a.charCodeAt(offset) === b.charCodeAt(offset)) {
|
||||
offset++;
|
||||
}
|
||||
|
||||
la -= offset;
|
||||
lb -= offset;
|
||||
|
||||
if (la === 0 || lb < 3) {
|
||||
return lb;
|
||||
}
|
||||
|
||||
var x = 0;
|
||||
var y;
|
||||
var d0;
|
||||
var d1;
|
||||
var d2;
|
||||
var d3;
|
||||
var dd;
|
||||
var dy;
|
||||
var ay;
|
||||
var bx0;
|
||||
var bx1;
|
||||
var bx2;
|
||||
var bx3;
|
||||
|
||||
var vector = [];
|
||||
|
||||
for (y = 0; y < la; y++) {
|
||||
vector.push(y + 1);
|
||||
vector.push(a.charCodeAt(offset + y));
|
||||
}
|
||||
|
||||
var len = vector.length - 1;
|
||||
|
||||
for (; x < lb - 3; ) {
|
||||
bx0 = b.charCodeAt(offset + (d0 = x));
|
||||
bx1 = b.charCodeAt(offset + (d1 = x + 1));
|
||||
bx2 = b.charCodeAt(offset + (d2 = x + 2));
|
||||
bx3 = b.charCodeAt(offset + (d3 = x + 3));
|
||||
dd = x += 4;
|
||||
for (y = 0; y < len; y += 2) {
|
||||
dy = vector[y];
|
||||
ay = vector[y + 1];
|
||||
d0 = _min(dy, d0, d1, bx0, ay);
|
||||
d1 = _min(d0, d1, d2, bx1, ay);
|
||||
d2 = _min(d1, d2, d3, bx2, ay);
|
||||
dd = _min(d2, d3, dd, bx3, ay);
|
||||
vector[y] = dd;
|
||||
d3 = d2;
|
||||
d2 = d1;
|
||||
d1 = d0;
|
||||
d0 = dy;
|
||||
}
|
||||
}
|
||||
|
||||
for (; x < lb; ) {
|
||||
bx0 = b.charCodeAt(offset + (d0 = x));
|
||||
dd = ++x;
|
||||
for (y = 0; y < len; y += 2) {
|
||||
dy = vector[y];
|
||||
vector[y] = dd = _min(dy, d0, dd, bx0, vector[y + 1]);
|
||||
d0 = dy;
|
||||
}
|
||||
}
|
||||
|
||||
return dd;
|
||||
}
|
||||
|
|
@ -1,341 +0,0 @@
|
|||
import { html, css } from 'lit';
|
||||
import { dedupeMixin } from '@open-wc/dedupe-mixin';
|
||||
|
||||
export const MdFieldMixin = dedupeMixin(
|
||||
superclass =>
|
||||
class extends superclass {
|
||||
static get styles() {
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
/** @configure FormControlMixin */
|
||||
|
||||
/* =======================
|
||||
block | .form-field
|
||||
======================= */
|
||||
|
||||
:host {
|
||||
position: relative;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
/* ==========================
|
||||
element | .form-field__label
|
||||
========================== */
|
||||
|
||||
.form-field__label ::slotted(label) {
|
||||
display: block;
|
||||
color: var(--text-color, #545454);
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
:host([disabled]) .form-field__label ::slotted(label) {
|
||||
color: var(--disabled-text-color, lightgray);
|
||||
}
|
||||
|
||||
.form-field__label {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 0;
|
||||
font: inherit;
|
||||
pointer-events: none;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
transform: perspective(100px);
|
||||
-ms-transform: none;
|
||||
transform-origin: 0 0;
|
||||
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
|
||||
color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
|
||||
width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
/* z-index: 1; */
|
||||
}
|
||||
|
||||
:host([focused]) .form-field__label,
|
||||
:host([filled]) .form-field__label {
|
||||
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
|
||||
width: 133.333333333333333333%;
|
||||
}
|
||||
|
||||
:host([focused]) .form-field__label {
|
||||
color: var(--color-primary, royalblue);
|
||||
}
|
||||
|
||||
/* ==============================
|
||||
element | .form-field__help-text
|
||||
============================== */
|
||||
|
||||
.form-field__help-text {
|
||||
visibility: hidden;
|
||||
margin-top: 8px;
|
||||
position: relative;
|
||||
font-size: 0.8em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
:host([disabled]) .form-field__help-text ::slotted(*) {
|
||||
color: var(--disabled-text-color, lightgray);
|
||||
}
|
||||
|
||||
:host([focused]) .form-field__help-text {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
:host([shows-feedback-for~='error']) .form-field__help-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==============================
|
||||
element | .form-field__feedback
|
||||
============================== */
|
||||
|
||||
.form-field__feedback {
|
||||
margin-top: 8px;
|
||||
position: relative;
|
||||
font-size: 0.8em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
:host([shows-feedback-for~='error']) .form-field__feedback {
|
||||
color: var(--color-error, red);
|
||||
}
|
||||
|
||||
/* ==============================
|
||||
element | .input-group
|
||||
============================== */
|
||||
|
||||
.input-group {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* ==============================
|
||||
element | .input-group__container
|
||||
============================== */
|
||||
|
||||
.input-group__container {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ==============================
|
||||
element | .input-group__input
|
||||
============================== */
|
||||
|
||||
.input-group__input {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* ==============================
|
||||
element | [slot="input"]
|
||||
============================== */
|
||||
|
||||
* > ::slotted([slot='input']) {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
flex: 1 1 auto;
|
||||
width: 1%;
|
||||
padding: 0.5rem 0;
|
||||
outline: none;
|
||||
border: none;
|
||||
color: var(--primary-text-color, #333333);
|
||||
background: transparent;
|
||||
background-clip: padding-box;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
:host([disabled])
|
||||
.input-group__container
|
||||
> .input-group__input
|
||||
::slotted([slot='input']) {
|
||||
color: var(--disabled-text-color, lightgray);
|
||||
}
|
||||
|
||||
/* ==============================
|
||||
element | .input-group__prefix,
|
||||
element | .input-group__suffix
|
||||
============================== */
|
||||
|
||||
.input-group__prefix,
|
||||
.input-group__suffix {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.input-group__prefix ::slotted(*),
|
||||
.input-group__suffix ::slotted(*) {
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
padding: 0.375rem 0.75rem;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.input-group__container > .input-group__prefix ::slotted(button),
|
||||
.input-group__container > .input-group__suffix ::slotted(button) {
|
||||
height: 100%;
|
||||
border: none;
|
||||
background: transparent;
|
||||
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.input-group__container > .input-group__prefix ::slotted(button)::after,
|
||||
.input-group__container > .input-group__suffix ::slotted(button)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50%;
|
||||
transform: scale(10, 10);
|
||||
opacity: 0;
|
||||
transition: transform 0.25s, opacity 0.5s;
|
||||
}
|
||||
|
||||
.input-group__container > .input-group__prefix ::slotted(button:active)::after,
|
||||
.input-group__container > .input-group__suffix ::slotted(button:active)::after {
|
||||
transform: scale(0, 0);
|
||||
opacity: 0.2;
|
||||
transition: 0s;
|
||||
}
|
||||
|
||||
/* ==== state | :focus ==== */
|
||||
|
||||
/* ==============================
|
||||
element | .input-group__before,
|
||||
element | .input-group__after
|
||||
============================== */
|
||||
|
||||
.input-group__before,
|
||||
.input-group__after {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.input-group__before ::slotted(*),
|
||||
.input-group__after ::slotted(*) {
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
padding: 0.375rem 0.75rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.input-group__before ::slotted(*) {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.input-group__after ::slotted(*) {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/** @enhance FormControlMixin */
|
||||
|
||||
/* ==============================
|
||||
element | .md-input__underline
|
||||
============================== */
|
||||
|
||||
.md-input__underline {
|
||||
position: absolute;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.42);
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
:host([disabled]) .md-input__underline {
|
||||
border-top: 1px var(--disabled-text-color, lightgray) dashed;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
:host([shows-feedback-for~='error']) .md-input__underline {
|
||||
background-color: var(--color-error, red);
|
||||
}
|
||||
|
||||
/* ==============================
|
||||
element | .md-input__underline-ripple
|
||||
============================== */
|
||||
|
||||
.md-input__underline-ripple {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
transform-origin: 50%;
|
||||
transform: scaleX(0.5);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: background-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
background-color: var(--color-primary, royalblue);
|
||||
}
|
||||
|
||||
:host([focused]) .md-input__underline-ripple {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transform: scaleX(1);
|
||||
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
|
||||
opacity 0.1s cubic-bezier(0.25, 0.8, 0.25, 1),
|
||||
background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
|
||||
:host([shows-feedback-for~='error']) .md-input__underline-ripple {
|
||||
background-color: var(--color-error, red);
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* @override FormControlMixin
|
||||
*/
|
||||
_groupOneTemplate() {
|
||||
return html``;
|
||||
}
|
||||
|
||||
/**
|
||||
* @override FormControlMixin
|
||||
*/
|
||||
_inputGroupInputTemplate() {
|
||||
return html`
|
||||
<div class="input-group__input">
|
||||
${this._labelTemplate()}
|
||||
<slot name="input"></slot>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
/**
|
||||
* @enhance FormControlMixin
|
||||
*/
|
||||
_inputGroupTemplate() {
|
||||
return html`
|
||||
<div class="input-group">
|
||||
${this._inputGroupBeforeTemplate()}
|
||||
<div class="input-group__container">
|
||||
${this._inputGroupPrefixTemplate()} ${this._inputGroupInputTemplate()}
|
||||
${this._inputGroupSuffixTemplate()}
|
||||
<div class="md-input__underline">
|
||||
<span class="md-input__underline-ripple"></span>
|
||||
</div>
|
||||
</div>
|
||||
${this._inputGroupAfterTemplate()}
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
},
|
||||
);
|
||||
|
|
@ -1,89 +0,0 @@
|
|||
import { css, html } from 'lit';
|
||||
import { LionOption } from '@lion/ui/listbox.js';
|
||||
import { LionCombobox } from '@lion/ui/combobox.js';
|
||||
import { MdFieldMixin } from './MdFieldMixin.js';
|
||||
import './style/md-ripple.js';
|
||||
import './style/load-roboto.js';
|
||||
|
||||
// TODO: insert ink wc here
|
||||
export class MdOption extends LionOption {
|
||||
static get styles() {
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
:host {
|
||||
position: relative;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
:host([focused]) {
|
||||
background: lightgray;
|
||||
}
|
||||
|
||||
:host([active]) {
|
||||
color: #1867c0 !important;
|
||||
caret-color: #1867c0 !important;
|
||||
}
|
||||
|
||||
:host ::slotted(.md-highlight) {
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
background: #eee;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* @override
|
||||
* @param {string} matchingString
|
||||
*/
|
||||
onFilterMatch(matchingString) {
|
||||
const { innerHTML } = this;
|
||||
this.__originalInnerHTML = innerHTML;
|
||||
this.innerHTML = innerHTML.replace(
|
||||
new RegExp(`(${matchingString})`, 'i'),
|
||||
`<span class="md-highlight">$1</span>`,
|
||||
);
|
||||
this.style.display = '';
|
||||
}
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
onFilterUnmatch() {
|
||||
if (this.__originalInnerHTML) {
|
||||
this.innerHTML = this.__originalInnerHTML;
|
||||
}
|
||||
this.style.display = 'none';
|
||||
}
|
||||
|
||||
render() {
|
||||
return html`
|
||||
${super.render()}
|
||||
<md-ripple></md-ripple>
|
||||
`;
|
||||
}
|
||||
}
|
||||
customElements.define('md-option', MdOption);
|
||||
|
||||
export class MdCombobox extends MdFieldMixin(LionCombobox) {
|
||||
static get styles() {
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
.input-group__container {
|
||||
display: flex;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
* > ::slotted([role='listbox']) {
|
||||
box-shadow: 0 4px 6px 0 rgba(32, 33, 36, 0.28);
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
top: 2px;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
}
|
||||
customElements.define('md-combobox', MdCombobox);
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
import { LionInput } from '@lion/ui/input.js';
|
||||
import { MdFieldMixin } from './MdFieldMixin.js';
|
||||
|
||||
export class MdInput extends MdFieldMixin(LionInput) {}
|
||||
customElements.define('md-input', MdInput);
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
// We don't have access to our main index html, so let's add Roboto font like this
|
||||
const linkNode = document.createElement('link');
|
||||
linkNode.href = 'https://fonts.googleapis.com/css?family=Roboto:300,400,500';
|
||||
linkNode.rel = 'stylesheet';
|
||||
linkNode.type = 'text/css';
|
||||
document.head.appendChild(linkNode);
|
||||
|
|
@ -1,81 +0,0 @@
|
|||
import { html, css, LitElement } from 'lit';
|
||||
|
||||
/**
|
||||
* Material Design Ripple Element
|
||||
*
|
||||
* - should be placed in a 'positioned' context (having positon: (realtive/fixed/absolute))
|
||||
*/
|
||||
class MdRipple extends LitElement {
|
||||
static get styles() {
|
||||
return [
|
||||
css`
|
||||
:host {
|
||||
overflow: hidden;
|
||||
transition: 0.1s ease-in;
|
||||
user-select: none;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
:host:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#ripple {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 100%;
|
||||
position: relative;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.animate {
|
||||
animation: ripple 0.4s linear;
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
100% {
|
||||
transform: scale(12);
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
render() {
|
||||
return html` <div id="ripple"></div> `;
|
||||
}
|
||||
|
||||
firstUpdated(c) {
|
||||
super.firstUpdated(c);
|
||||
this._ripple = this.shadowRoot.querySelector('#ripple');
|
||||
this._ripple.style.cssText = `width: ${this.offsetHeight}px; height: ${this.offsetHeight}px;`;
|
||||
this.__onRipple = this.__onRipple.bind(this);
|
||||
this.addEventListener('mousedown', this.__onRipple);
|
||||
}
|
||||
|
||||
disconnectedCallback() {
|
||||
this.removeEventListener('mousedown', this.__onRipple);
|
||||
}
|
||||
|
||||
__onRipple(e) {
|
||||
this._ripple.classList.remove('animate');
|
||||
const rect = this.getBoundingClientRect();
|
||||
const offset = {
|
||||
top: rect.top + document.body.scrollTop,
|
||||
left: rect.left + document.body.scrollLeft,
|
||||
};
|
||||
this._ripple.style.left = `${
|
||||
parseInt(e.pageX - offset.left, 10) - this._ripple.offsetWidth / 2
|
||||
}px`;
|
||||
this._ripple.style.top = `${
|
||||
parseInt(e.pageY - offset.top, 10) - this._ripple.offsetHeight / 2
|
||||
}px`;
|
||||
this._ripple.classList.add('animate');
|
||||
}
|
||||
}
|
||||
customElements.define('md-ripple', MdRipple);
|
||||
|
|
@ -1,368 +0,0 @@
|
|||
import { html, css } from 'lit';
|
||||
import { renderLitAsNode } from '@lion/ui/helpers.js';
|
||||
import { LionOption } from '@lion/ui/listbox.js';
|
||||
import { LionCombobox } from '@lion/ui/combobox.js';
|
||||
|
||||
class WaOption extends LionOption {
|
||||
static get properties() {
|
||||
return {
|
||||
title: String,
|
||||
text: String,
|
||||
time: String,
|
||||
image: String,
|
||||
isUserText: { attribute: 'is-user-text', reflect: true, type: Boolean },
|
||||
isUserTextRead: { attribute: 'is-user-text-read', reflect: true, type: Boolean },
|
||||
};
|
||||
}
|
||||
|
||||
static get styles() {
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
:host {
|
||||
--background-default: white;
|
||||
--background-default-active: gray;
|
||||
--secondary: #777;
|
||||
--secondary-lighter: #aaa;
|
||||
--chatlist-icon: #aaa;
|
||||
background-color: var(--background-default);
|
||||
cursor: pointer;
|
||||
color: rgb(74, 74, 74);
|
||||
padding: 0;
|
||||
transition: max-height 0.4s ease, opacity 0.3s ease;
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
:host([checked]) {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
:host(:hover) {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.wa-option {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 72px;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.wa-option__image {
|
||||
display: flex;
|
||||
flex: none;
|
||||
align-items: center;
|
||||
margin-top: -1px;
|
||||
padding: 0 15px 0 13px;
|
||||
}
|
||||
|
||||
.wa-option__image-inner {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: var(--avatar-background);
|
||||
border-radius: 50%;
|
||||
height: 49px;
|
||||
width: 49px;
|
||||
}
|
||||
|
||||
.wa-option__image-inner img,
|
||||
.wa-option__image-inner svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wa-option__image-inner-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wa-option__content {
|
||||
display: flex;
|
||||
flex-basis: auto;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
min-width: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.wa-option__content-row1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
line-height: normal;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wa-option__content-row1-title {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
overflow: hidden;
|
||||
color: var(--primary-strong);
|
||||
font-weight: 400;
|
||||
font-size: 17px;
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
.wa-option__content-row1-time {
|
||||
line-height: 14px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-left: 6px;
|
||||
margin-top: 3px;
|
||||
|
||||
flex: none;
|
||||
max-width: 100%;
|
||||
color: var(--secondary-lighter);
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.wa-option__content-row2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 20px;
|
||||
color: var(--secondary);
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
margin-top: 2px;
|
||||
/* color: var(--secondary-stronger); */
|
||||
}
|
||||
|
||||
.wa-option__content-row2-text {
|
||||
flex-grow: 1;
|
||||
overflow: hidden;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.wa-option__content-row2-text-inner {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.wa-option__content-row2-text-inner-icon {
|
||||
display: none;
|
||||
flex: none;
|
||||
color: var(--chatlist-icon);
|
||||
vertical-align: top;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
:host([is-user-text]) .wa-option__content-row2-text-inner-icon {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
:host([is-user-text-read]) .wa-option__content-row2-text-inner-icon {
|
||||
color: lightblue;
|
||||
}
|
||||
/*
|
||||
.wa-option__content-row2-menu {
|
||||
} */
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
render() {
|
||||
return html`<div class="wa-option">
|
||||
<div class="wa-option__image">
|
||||
<div class="wa-option__image-inner">
|
||||
<img
|
||||
src="${this.image}"
|
||||
alt=""
|
||||
draggable="false"
|
||||
class="_2goTk _1Jdop _3Whw5"
|
||||
style="visibility: visible;"
|
||||
/>
|
||||
${this.image
|
||||
? ''
|
||||
: html`<div class="wa-option__image-inner-inner">
|
||||
<span data-testid="default-user" data-icon="default-user" class="">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 212 212"
|
||||
width="212"
|
||||
height="212"
|
||||
>
|
||||
<path
|
||||
fill="#DFE5E7"
|
||||
class="background"
|
||||
d="M106.251.5C164.653.5 212 47.846 212 106.25S164.653 212 106.25 212C47.846 212 .5 164.654.5 106.25S47.846.5 106.251.5z"
|
||||
></path>
|
||||
<path
|
||||
fill="#FFF"
|
||||
class="primary"
|
||||
d="M173.561 171.615a62.767 62.767 0 0 0-2.065-2.955 67.7 67.7 0 0 0-2.608-3.299 70.112 70.112 0 0 0-3.184-3.527 71.097 71.097 0 0 0-5.924-5.47 72.458 72.458 0 0 0-10.204-7.026 75.2 75.2 0 0 0-5.98-3.055c-.062-.028-.118-.059-.18-.087-9.792-4.44-22.106-7.529-37.416-7.529s-27.624 3.089-37.416 7.529c-.338.153-.653.318-.985.474a75.37 75.37 0 0 0-6.229 3.298 72.589 72.589 0 0 0-9.15 6.395 71.243 71.243 0 0 0-5.924 5.47 70.064 70.064 0 0 0-3.184 3.527 67.142 67.142 0 0 0-2.609 3.299 63.292 63.292 0 0 0-2.065 2.955 56.33 56.33 0 0 0-1.447 2.324c-.033.056-.073.119-.104.174a47.92 47.92 0 0 0-1.07 1.926c-.559 1.068-.818 1.678-.818 1.678v.398c18.285 17.927 43.322 28.985 70.945 28.985 27.678 0 52.761-11.103 71.055-29.095v-.289s-.619-1.45-1.992-3.778a58.346 58.346 0 0 0-1.446-2.322zM106.002 125.5c2.645 0 5.212-.253 7.68-.737a38.272 38.272 0 0 0 3.624-.896 37.124 37.124 0 0 0 5.12-1.958 36.307 36.307 0 0 0 6.15-3.67 35.923 35.923 0 0 0 9.489-10.48 36.558 36.558 0 0 0 2.422-4.84 37.051 37.051 0 0 0 1.716-5.25c.299-1.208.542-2.443.725-3.701.275-1.887.417-3.827.417-5.811s-.142-3.925-.417-5.811a38.734 38.734 0 0 0-1.215-5.494 36.68 36.68 0 0 0-3.648-8.298 35.923 35.923 0 0 0-9.489-10.48 36.347 36.347 0 0 0-6.15-3.67 37.124 37.124 0 0 0-5.12-1.958 37.67 37.67 0 0 0-3.624-.896 39.875 39.875 0 0 0-7.68-.737c-21.162 0-37.345 16.183-37.345 37.345 0 21.159 16.183 37.342 37.345 37.342z"
|
||||
></path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>`}
|
||||
</div>
|
||||
</div>
|
||||
<div class="wa-option__content">
|
||||
<div class="wa-option__content-row1">
|
||||
<div class="wa-option__content-row1-title">
|
||||
<span class="_357i8">
|
||||
<span dir="auto" title="${this.title}" class="_3ko75 _5h6Y_ _3Whw5">
|
||||
${this.title}
|
||||
</span>
|
||||
<div class="_3XFan"></div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="wa-option__content-row1-time">${this.time}</div>
|
||||
</div>
|
||||
<div class="wa-option__content-row2">
|
||||
<div class="wa-option__content-row2-text">
|
||||
<span class="wa-option__content-row2-text-inner" title="${this.text}">
|
||||
<div class="wa-option__content-row2-text-inner-icon">
|
||||
<span data-testid="status-dblcheck" data-icon="status-dblcheck" class="">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
height="18"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M17.394 5.035l-.57-.444a.434.434 0 0 0-.609.076l-6.39 8.198a.38.38 0 0 1-.577.039l-.427-.388a.381.381 0 0 0-.578.038l-.451.576a.497.497 0 0 0 .043.645l1.575 1.51a.38.38 0 0 0 .577-.039l7.483-9.602a.436.436 0 0 0-.076-.609zm-4.892 0l-.57-.444a.434.434 0 0 0-.609.076l-6.39 8.198a.38.38 0 0 1-.577.039l-2.614-2.556a.435.435 0 0 0-.614.007l-.505.516a.435.435 0 0 0 .007.614l3.887 3.8a.38.38 0 0 0 .577-.039l7.483-9.602a.435.435 0 0 0-.075-.609z"
|
||||
></path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<span dir="ltr" class="_3ko75 _5h6Y_ _3Whw5">${this.text}</span></span
|
||||
>
|
||||
</div>
|
||||
<div class="wa-option__content-row2-menu"><span></span><span></span><span></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
/**
|
||||
* @configure LionCombobox
|
||||
* @param {string} matchingString
|
||||
*/
|
||||
onFilterMatch(matchingString) {
|
||||
this.__originalTitle = this.title;
|
||||
const newInnerHTML = this.title.replace(new RegExp(`(${matchingString})`, 'i'), `<b>$1</b>`);
|
||||
const helperNode = document.createElement('div');
|
||||
// For Safari, we need to add a label to the element
|
||||
helperNode.innerHTML = `<span aria-label="${this.title}">${newInnerHTML}</span>`;
|
||||
[this.title] = helperNode.children;
|
||||
this.style.cssText = `
|
||||
max-height: 500px;
|
||||
opacity: 1;
|
||||
`;
|
||||
}
|
||||
|
||||
/**
|
||||
* @configure LionCombobox
|
||||
* @param {string} [curValue]
|
||||
* @param {string} [prevValue]
|
||||
*/
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
onFilterUnmatch() {
|
||||
if (this.__originalTitle) {
|
||||
this.title = this.__originalTitle;
|
||||
}
|
||||
this.style.cssText = `
|
||||
max-height: 0;
|
||||
opacity: 0;
|
||||
`;
|
||||
}
|
||||
}
|
||||
customElements.define('wa-option', WaOption);
|
||||
|
||||
class WaCombobox extends LionCombobox {
|
||||
static get styles() {
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
:host {
|
||||
font-family: SF Pro Text, SF Pro Icons, system, -apple-system, system-ui,
|
||||
BlinkMacSystemFont, Helvetica Neue, Helvetica, Lucida Grande, Kohinoor Devanagari,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
.input-group__container {
|
||||
display: flex;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
* > ::slotted([role='listbox']) {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
* > ::slotted([slot='input']) {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
padding: 15px;
|
||||
background: #f6f6f6;
|
||||
}
|
||||
|
||||
.input-group__prefix {
|
||||
margin-right: 20px;
|
||||
color: #999;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.input-group__container {
|
||||
border-radius: 18px;
|
||||
background: white;
|
||||
padding: 7px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
/** Undo Popper */
|
||||
#overlay-content-node-wrapper {
|
||||
position: static !important;
|
||||
width: auto !important;
|
||||
transform: none !important;
|
||||
|
||||
/* height: 300px;
|
||||
overflow: scroll; */
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
get slots() {
|
||||
return {
|
||||
...super.slots,
|
||||
prefix: () =>
|
||||
renderLitAsNode(
|
||||
html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M15.009 13.805h-.636l-.22-.219a5.184 5.184 0 0 0 1.256-3.386 5.207 5.207 0 1 0-5.207 5.208 5.183 5.183 0 0 0 3.385-1.255l.221.22v.635l4.004 3.999 1.194-1.195-3.997-4.007zm-4.808 0a3.605 3.605 0 1 1 0-7.21 3.605 3.605 0 0 1 0 7.21z"
|
||||
></path>
|
||||
</svg>`,
|
||||
),
|
||||
};
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
|
||||
/** @configure OverlayMixin */
|
||||
this.opened = true;
|
||||
/** @configure LionCombobox */
|
||||
this.showAllOnEmpty = true;
|
||||
/** @configure LionCombobox */
|
||||
this.rotateKeyboardNavigation = false;
|
||||
}
|
||||
}
|
||||
customElements.define('wa-combobox', WaCombobox);
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/combobox/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/dialog/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/dialog/overview.md)
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
import { css } from 'lit';
|
||||
|
||||
export default css``;
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
import { css } from 'lit';
|
||||
|
||||
export const demoStyle = css`
|
||||
.demo-box {
|
||||
width: 200px;
|
||||
background-color: white;
|
||||
border-radius: 2px;
|
||||
border: 1px solid grey;
|
||||
padding: 8px;
|
||||
}
|
||||
.demo-box_placements {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 20px;
|
||||
}
|
||||
lion-dialog {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.close-button {
|
||||
color: black;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.demo-box__column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.demo-dialog--content {
|
||||
display: block;
|
||||
position: absolute;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
background-color: black;
|
||||
border-radius: 4px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.demo-dialog-content {
|
||||
display: block;
|
||||
position: absolute;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
background-color: black;
|
||||
border-radius: 4px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.demo-dialog-content__close-button {
|
||||
color: black;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
`;
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
import { LitElement, html, css } from 'lit';
|
||||
|
||||
class SlotsDialogContent extends LitElement {
|
||||
static get styles() {
|
||||
return [
|
||||
css`
|
||||
:host {
|
||||
background-color: #fff;
|
||||
}
|
||||
.actions {
|
||||
border-top: 2px solid green;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
_closeOverlay() {
|
||||
this.dispatchEvent(new Event('close-overlay', { bubbles: true }));
|
||||
}
|
||||
|
||||
render() {
|
||||
return html`
|
||||
<p>This content contains an actions slot</p>
|
||||
<div class="actions">
|
||||
<slot name="actions"></slot>
|
||||
</div>
|
||||
<button class="close-button" @click=${this._closeOverlay}>⨯</button>
|
||||
`;
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('slots-dialog-content', SlotsDialogContent);
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
import { LitElement, html, css } from 'lit';
|
||||
|
||||
class StyledDialogContent extends LitElement {
|
||||
static get styles() {
|
||||
return [
|
||||
css`
|
||||
:host {
|
||||
background-color: #fff;
|
||||
}
|
||||
.nice {
|
||||
font-weight: bold;
|
||||
color: green;
|
||||
}
|
||||
.close-button {
|
||||
color: black;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
_closeOverlay() {
|
||||
this.dispatchEvent(new Event('close-overlay', { bubbles: true }));
|
||||
}
|
||||
|
||||
render() {
|
||||
return html`
|
||||
<div><p>Hello person who opened the dialog!</p></div>
|
||||
<div>
|
||||
<p>Look how nice this <span class="nice">dialog</span> looks!</p>
|
||||
</div>
|
||||
<button class="close-button" @click=${this._closeOverlay}>⨯</button>
|
||||
`;
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('styled-dialog-content', StyledDialogContent);
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/dialog/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/drawer/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/drawer/overview.md)
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
import { css } from 'lit';
|
||||
|
||||
export const demoStyle = css`
|
||||
.demo-container {
|
||||
height: 400px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.demo-container > div {
|
||||
padding: 8px;
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
|
||||
lion-drawer {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
button {
|
||||
all: revert !important;
|
||||
border: 2px solid #000000;
|
||||
background-color: rgb(239, 239, 239);
|
||||
}
|
||||
|
||||
.demo-container-top {
|
||||
height: 400px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.demo-container-top > div {
|
||||
padding: 8px;
|
||||
height: 100%;
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
|
||||
.demo-container-top lion-drawer {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.demo-container-right {
|
||||
height: 400px;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.demo-container-right > div {
|
||||
padding: 8px;
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
|
||||
.demo-container-right lion-drawer {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.demo-container-opened {
|
||||
height: 400px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.demo-container-opened > div {
|
||||
padding: 8px;
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
|
||||
.demo-container-opened lion-drawer {
|
||||
height: 400px;
|
||||
}
|
||||
`;
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/drawer/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/fieldset/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/fieldset/overview.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/fieldset/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/form/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/form/overview.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/form/use-cases.md)
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M32.3,27.9c0.1,0.1,7.1,7.3,17.7,7.3c10.6,0,17.7-7.2,17.7-7.3l0.7,0.7c0,0-3.6-13.9-18.4-13.9 c-14.8,0-18.4,13.9-18.4,13.9L32.3,27.9z"/></g><g><path d="M69.1,29.3c-0.5,0.6-7.8,7.9-19.1,7.9c-11.3,0-18.5-7.3-19.1-7.9c-4.6,4.9-10.5,14.3-10.5,33.3C20.4,82.4,50,91.1,50,91.1 c0,0,29.6-8.7,29.6-28.5C79.6,43.6,73.7,34.2,69.1,29.3z"/></g><g><path d="M44.7,16.1c-0.2-0.1-3.9-2-3.9-8.1h1.9c0,4.9,2.8,6.3,2.9,6.4L44.7,16.1z"/></g><g><path d="M27.2,32.7c-0.1-1-0.7-4-2.1-5c-0.4-0.3-0.9-0.4-1.5-0.3c-3.5,0.8-5,2.6-5.1,2.7L17.1,29c0.1-0.1,1.9-2.4,6.1-3.3 c1.1-0.2,2.1,0,3,0.6c2.3,1.7,2.8,5.8,2.9,6.3L27.2,32.7z"/></g><g><path d="M9.2,50.1L7.7,49c2.9-3.8,5.9-5.7,8.9-5.6c3.8,0.1,6,3.3,6.1,3.5l-1.6,1.1l0.8-0.5l-0.8,0.5c0,0-1.8-2.6-4.6-2.6 C14.2,45.2,11.7,46.8,9.2,50.1z"/></g><g><path d="M21.9,84.3c-0.3,0-3.4-0.2-5-6.7c-0.4-1.8-0.2-3.1,0.8-4c2.1-1.8,6.5-0.2,6.9,0L24,75.3c-1.6-0.6-4.2-1.1-5-0.3 c-0.5,0.4-0.4,1.4-0.2,2.1c1.2,4.9,3.1,5.2,3.1,5.2V84.3z"/></g><g><g><path d="M50,92c-0.1,0-0.2,0-0.2,0c-0.1,0-7.5-2.2-15.1-6.9c-10-6.3-15.3-14.1-15.3-22.5c0-15.3,3.8-26.8,11.3-34.5 c0.6-2,5-14.4,19.3-14.4c14.2,0,18.7,12.4,19.3,14.4c7.5,7.6,11.3,19.2,11.3,34.5c0,20.3-29.1,29.1-30.3,29.4 C50.2,92,50.1,92,50,92z M50,15.6c-13.9,0-17.4,12.7-17.5,13.2c0,0.2-0.1,0.3-0.2,0.4C25,36.5,21.3,47.7,21.3,62.5 c0,18,25.8,26.6,28.7,27.6c2.9-0.9,28.7-9.6,28.7-27.6c0-14.8-3.7-26-10.9-33.3c-0.1-0.1-0.2-0.3-0.2-0.4 C67.4,28.3,63.9,15.6,50,15.6z"/></g></g><g><path d="M55.3,16.1l-0.8-1.7l0.4,0.8l-0.4-0.8c0.1-0.1,2.9-1.5,2.9-6.4h1.9C59.3,14.1,55.5,16,55.3,16.1z"/></g><g><path d="M72.8,32.7l-1.9-0.2c0-0.5,0.5-4.7,2.9-6.3c0.9-0.6,1.9-0.8,3-0.6c4.3,1,6.1,3.2,6.1,3.3l-1.5,1.2c0,0-1.5-1.8-5.1-2.7 c-0.6-0.1-1,0-1.5,0.3C73.5,28.8,72.9,31.7,72.8,32.7z"/></g><g><path d="M90.8,50.1c-2.5-3.2-4.9-4.8-7.2-4.8c0,0-0.1,0-0.1,0c-2.8,0.1-4.6,2.6-4.6,2.6l-1.6-1.1c0.1-0.1,2.3-3.4,6.1-3.5 c3-0.1,6,1.8,8.9,5.6L90.8,50.1z"/></g><g><path d="M78.1,84.3v-1.9c0,0,1.9-0.2,3.1-5.2c0.2-0.7,0.3-1.7-0.2-2.1c-1-0.8-3.8-0.1-5,0.3l-0.7-1.8c0.5-0.2,4.9-1.8,6.9,0 c1,0.8,1.2,2.2,0.8,4C81.5,84.1,78.4,84.3,78.1,84.3z"/></g></g></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><path d="M49.8,48.6c0.1,0,0.3,0,0.4,0c0.5,0.1,11.6,2.6,18.4,17.4c0.8-6.5,0.3-13.8,0.3-21.2C68.9,30.4,50,30.3,50,30.3 c0,0-18.9,0.1-18.9,14.5c0,7.4-0.5,14.7,0.3,21.2C38.2,51.2,49.3,48.7,49.8,48.6z"/></g><g><path d="M39.1,80.6c4,3.6,5.9,5.9,7.1,7.4c1.5,1.9,1.7,2.1,3.7,2.1c0,0,0,0,0,0c0,0,0,0,0,0c2,0,2.2-0.2,3.7-2.1 c1.2-1.5,3.1-3.8,7.1-7.4c3.4-3,5.5-7.1,6.5-12.7c-5.9-13.8-15.8-17-17.3-17.4c-1.5,0.4-11.5,3.6-17.3,17.4 C33.7,73.5,35.7,77.6,39.1,80.6z"/></g></g><g><path d="M45.2,24c-0.4-0.2-10-4.9-10-16H37c0,9.8,8.6,14.1,9,14.3L45.2,24z"/></g><g><path d="M36.2,35l-11.1-5.9c-0.4-0.2-0.6-0.8-0.4-1.2c1.6-3.3,3.5-8.6,2.7-10.1l1.7-0.9c1.3,2.4-1.2,8.5-2.3,10.9l10.3,5.5 L36.2,35z"/></g><g><path d="M12.1,42.7c-1.2,0-2.6-0.3-4-0.9L8.8,40c5.4,2.3,8.7-1.4,11-3.8c1.1-1.2,1.7-1.9,2.5-1.8c1.5,0.1,8,4,10,5.1l-1,1.6 c-3.6-2.2-7.9-4.5-9-4.9c-0.3,0.2-0.7,0.7-1.1,1.1C19.4,39.4,16.4,42.7,12.1,42.7z"/></g><g><path d="M22,83.6l-1.2-1.5c4.1-3.4,1.9-13.2,0.5-19.1c-0.8-3.6-1.2-5.1-0.7-5.9c1.1-2.1,8-5.2,10.1-6.1l0.7,1.7 c-4,1.7-8.6,4.2-9.2,5.2c-0.1,0.6,0.4,2.8,0.9,4.7C24.6,69.4,27,79.4,22,83.6z M22.2,58L22.2,58z"/></g><g><path d="M62.2,33.5c0-10.6-9.8-9.8-9.8-11.8c0-2-2.4-1.6-2.4-1.6c0,0-2.4-0.3-2.4,1.6c0,2-9.8,1.1-9.8,11.8c0,0,0,0,0,0 c5.4-3.1,12.2-3.2,12.2-3.2C50,30.3,56.8,30.4,62.2,33.5C62.2,33.5,62.2,33.5,62.2,33.5z"/></g><g><path d="M50,92C50,92,50,92,50,92c-2.9,0-3.6-0.8-5.2-2.8c-1.2-1.5-3-3.7-6.9-7.2c-8.2-7.3-8-18.9-7.8-31.2c0-2,0.1-4,0.1-6 c0-6.3,3.5-11,10.1-13.5c4.8-1.9,9.7-1.9,9.8-1.9s4.9,0.1,9.8,1.9c6.6,2.6,10.1,7.2,10,13.5l0,0c0,2,0,4,0.1,6 c0.2,12.3,0.4,23.9-7.8,31.2c-3.9,3.5-5.7,5.7-6.9,7.2C53.6,91.2,52.9,92,50,92z M50,90.1C50,90.1,50,90.1,50,90.1 c2,0,2.2-0.2,3.7-2.1c1.2-1.5,3.1-3.8,7.1-7.4c7.6-6.7,7.4-17.9,7.2-29.8c0-2-0.1-4-0.1-6l0,0c0-13.3-17.2-13.6-18-13.6 c-0.7,0-18,0.3-18,13.6c0,2,0,4-0.1,6c-0.2,11.9-0.4,23.1,7.2,29.8c4,3.6,5.9,5.9,7.1,7.4C47.8,89.9,48,90.1,50,90.1 C50,90.1,50,90.1,50,90.1z"/></g><g><path d="M62.2,34.4c-0.2,0-0.3,0-0.5-0.1c-5.1-2.9-11.5-3-11.7-3c-0.2,0-6.6,0.1-11.7,3c-0.3,0.2-0.7,0.2-1-0.1 c-0.2-0.2-0.4-0.4-0.4-0.7c0,0,0,0,0,0c0-8.1,5.4-10.1,8.3-11.2c0.5-0.2,1.3-0.5,1.5-0.7c0-0.9,0.5-1.5,0.9-1.8 c0.8-0.7,2-0.7,2.4-0.6c0.4,0,1.6-0.1,2.5,0.6c0.4,0.3,0.8,0.9,0.8,1.8c0.2,0.2,1,0.5,1.5,0.7c2.9,1.1,8.3,3.2,8.3,11.2 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.3,0.5-0.5,0.6C62.4,34.4,62.3,34.4,62.2,34.4z M50,29.4c1,0,6.3,0.2,11.2,2.5 c-0.6-5.4-4.4-6.9-7-7.9c-1.5-0.6-2.7-1-2.7-2.3c0-0.3-0.1-0.4-0.2-0.5C51,21,50.4,21,50.1,21c-0.1,0-0.2,0-0.3,0 c-0.3,0-0.9,0-1.1,0.2c0,0-0.2,0.1-0.2,0.5c0,1.2-1.3,1.7-2.7,2.3c-2.6,1-6.4,2.4-7,7.9C44.2,29.4,49.9,29.4,50,29.4L50,29.4z M53.3,21.7C53.3,21.7,53.3,21.7,53.3,21.7C53.3,21.7,53.3,21.7,53.3,21.7z"/></g><g><path d="M54.8,24L54,22.2l0.4,0.9L54,22.2c0.4-0.2,9-4.4,9-14.3h1.9C64.9,19,55.3,23.8,54.8,24z"/></g><g><path d="M63.8,35l-0.9-1.7l10.3-5.5c-1.1-2.5-3.6-8.5-2.3-10.9l1.7,0.9c-0.8,1.4,1.1,6.7,2.7,10.1c0.2,0.5,0,1-0.4,1.2L63.8,35z"/></g><g><path d="M87.9,42.7c-4.3,0-7.3-3.2-9.1-5.2c-0.4-0.4-0.9-1-1.1-1.1c-1.1,0.3-5.4,2.7-9,4.9l-1-1.6c2-1.2,8.5-5,10-5.1 c0.8-0.1,1.5,0.6,2.5,1.8c2.2,2.4,5.6,6.1,11,3.8l0.7,1.7C90.5,42.4,89.1,42.7,87.9,42.7z M77.6,36.3L77.6,36.3L77.6,36.3z"/></g><g><path d="M78,83.6c-5-4.2-2.7-14.3-1.1-20.9c0.5-1.9,1-4.2,0.9-4.7c-0.6-1-5.2-3.5-9.2-5.2l0.7-1.7c2.1,0.9,9.1,4,10.1,6.1 c0.4,0.9,0.1,2.4-0.7,5.9c-1.4,5.8-3.6,15.6,0.5,19.1L78,83.6z M77.8,58L77.8,58L77.8,58z"/></g></g></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M36.1,38.4c-0.2,0-4.9-0.9-7.6-4.6c-1.5-2-4.1-3.5-6.1-3.5c0,0,0,0,0,0c-0.8,0-1.4,0.3-1.8,0.8L19,30 c0.7-1,1.9-1.6,3.3-1.6c0,0,0,0,0.1,0c2.6,0,5.7,1.8,7.6,4.3c2.3,3.1,6.4,3.9,6.4,3.9L36.1,38.4z"/></g><g><path d="M19.8,63.9V62c5.2,0,6.8-2.9,8.4-9.4c1.7-6.6,9.7-7.3,10.1-7.3l0.1,1.9l-0.1-0.9l0.1,0.9c-0.1,0-7.1,0.6-8.4,5.9 C28.6,59,26.8,63.9,19.8,63.9z"/></g><g><path d="M26.4,92.5c-0.4,0-0.9,0-1.3-0.1l0.2-1.9c2.1,0.2,3.7-0.2,4.8-1.3c2.9-2.9,1.8-10.4,1.1-15.3c-0.2-1.7-0.4-3.2-0.5-4.3 c-0.1-5.1,3.8-6.8,5.9-7l0.2,1.9c-0.4,0-4.3,0.5-4.2,5.1c0,1,0.2,2.4,0.5,4.1c0.8,5.6,1.8,13.3-1.7,16.9 C30.2,91.9,28.5,92.5,26.4,92.5z"/></g><g><path d="M50,80.1c-6.5,0-10.8-3.4-13-10.2c-1.8-5.6-1.8-12.5-1.8-18v-0.5c0-2.2,0.8-4.1,2.3-5.6c4.1-4,12.1-3.9,12.4-3.9 c0.3,0,8.4-0.1,12.4,3.9c1.5,1.5,2.3,3.4,2.3,5.6v0.5c0,5.5,0,12.4-1.8,18C60.8,76.6,56.5,80.1,50,80.1z M50,43.7 c-0.6,0-7.7,0.1-11.1,3.4c-1.2,1.2-1.7,2.5-1.7,4.3v0.5c0,5.4,0,12.1,1.7,17.4c1.9,6,5.5,8.9,11.2,8.9c5.6,0,9.3-2.9,11.2-8.9 c1.7-5.3,1.7-12,1.7-17.4v-0.5c0-1.7-0.6-3.1-1.7-4.3C57.6,43.6,50.1,43.7,50,43.7C50,43.7,50,43.7,50,43.7z"/></g><g><path d="M63.9,38.4l-0.3-1.9l0.2,0.9l-0.2-0.9c0,0,4.1-0.8,6.4-3.9c1.9-2.6,5.1-4.3,7.7-4.3c1.4,0,2.6,0.6,3.3,1.6l-1.5,1.1 c-0.4-0.5-1-0.8-1.8-0.8c-2,0-4.6,1.5-6.2,3.5C68.7,37.6,64.1,38.4,63.9,38.4z"/></g><g><path d="M80.2,63.9c-7,0-8.8-4.9-10.3-10.8c-1.3-5.3-8.3-5.9-8.4-5.9l0.1-1.9c0.3,0,8.4,0.7,10.1,7.3c1.6,6.5,3.2,9.4,8.4,9.4 V63.9z"/></g><g><path d="M73.6,92.5c-2.1,0-3.8-0.6-5-1.9c-3.5-3.6-2.4-11.3-1.7-16.9c0.2-1.7,0.4-3.1,0.5-4.1c0.1-4.5-3.7-5-4.2-5.1l0.2-1.9 c2.1,0.2,6,1.9,5.9,7c0,1.1-0.2,2.6-0.5,4.3c-0.7,4.9-1.7,12.4,1.1,15.3c1.1,1.1,2.6,1.5,4.8,1.3l0.2,1.9 C74.4,92.5,74,92.5,73.6,92.5z"/></g><g><path d="M59.1,25.1c-2.4,0,2.6-3,0.7-6h-3.3c0-8.3-3.8-10.7-3.8-10.7v10.7H50h-2.6V8.5c0,0-3.8,2.3-3.8,10.7h-3.4 c-1.9,3,3.1,6,0.7,6c-2.4,0-4.7,3.3-4.7,11.2c0,7.8,7.9,7.1,8,7.1c3-0.7,5.8-0.7,5.8-0.7c0,0,2.8,0,5.8,0.7c0.1,0,8,0.7,8-7.1 C63.8,28.5,61.5,25.1,59.1,25.1z"/></g><g><path d="M56.3,44.4c-0.4,0-0.6,0-0.6,0c0,0-0.1,0-0.1,0c-2.9-0.7-5.5-0.7-5.6-0.7c-0.1,0-2.7,0-5.6,0.7c0,0-0.1,0-0.1,0 c-0.2,0-4,0.3-6.7-2.1c-1.5-1.4-2.3-3.4-2.3-6c0-9.8,3.3-11.7,5-12c0,0-0.1-0.1-0.1-0.1c-0.8-1.2-2.1-3.3-0.8-5.5 c0.2-0.3,0.5-0.4,0.8-0.4h2.4c0.3-8,4.1-10.4,4.3-10.5c0.3-0.2,0.7-0.2,1,0c0.3,0.2,0.5,0.5,0.5,0.8v9.7h3.3V8.5 c0-0.3,0.2-0.7,0.5-0.8c0.3-0.2,0.7-0.2,1,0c0.2,0.1,4,2.5,4.3,10.5h2.4c0.3,0,0.6,0.2,0.8,0.4c1.4,2.2,0,4.3-0.8,5.5 c0,0,0,0.1-0.1,0.1c1.7,0.3,5,2.2,5,12c0,2.6-0.8,4.6-2.3,6C60.4,44.1,57.6,44.4,56.3,44.4z M55.9,42.5c0.4,0,3.3,0.1,5.2-1.6 c1.1-1,1.7-2.6,1.7-4.6c0-7.1-1.9-10.2-3.7-10.2c-0.7,0-1.2-0.2-1.5-0.7c-0.4-0.7,0.1-1.4,0.6-2.3c0.7-1.1,1.3-2.1,1-3.1h-2.8 c-0.5,0-0.9-0.4-0.9-0.9c0-4.2-1-6.8-2-8.2v8.2c0,0.5-0.4,0.9-0.9,0.9h-5.2c-0.5,0-0.9-0.4-0.9-0.9v-8.2c-0.9,1.5-2,4-2,8.2 c0,0.5-0.4,0.9-0.9,0.9h-2.8c-0.3,0.9,0.2,1.9,1,3.1c0.5,0.8,1,1.5,0.6,2.3c-0.3,0.5-0.7,0.7-1.5,0.7c-1.9,0-3.7,3.2-3.7,10.2 c0,2,0.6,3.5,1.7,4.6c1.9,1.7,4.8,1.6,5.2,1.6c3.1-0.7,5.8-0.7,6-0.7C50.1,41.8,52.9,41.7,55.9,42.5z"/></g><g><g><path d="M49.8,42.7H50C50,42.7,49.9,42.7,49.8,42.7z"/></g><g><path d="M50.2,42.7c-0.1,0-0.1,0-0.2,0H50.2z"/></g><g><polygon points="50,79.1 50,79.1 50,79.1 "/></g><g><path d="M63.8,51.3c0-7.4-9.7-8.4-12.8-8.6v36.3C64,78.3,63.8,61.9,63.8,51.3z"/></g><g><path d="M49.1,42.7c-3.1,0.1-12.8,1.2-12.8,8.6c0,10.6-0.2,27,12.8,27.8V42.7z"/></g></g></g></svg>`;
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M45.4,49.5c-0.4,0-0.8-0.1-1.3-0.3c-1.8-0.7-3.3-2.7-4.7-6c-2.8-6.8-10-15.6-11.4-16.1c0,0,0,0,0.1,0v-1.9 c2.5,0,10.5,11.1,13,17.2c2.3,5.7,4.5,5,4.5,5l0.8,1.7C46.4,49.4,46,49.5,45.4,49.5z"/></g><g><path d="M19.9,68l-0.2-1.9c3.1-0.4,10.7-7.8,14.7-11.8c2.1-2.1,3.3-3.2,3.8-3.6c2.1-1.3,6.9,2.9,9.6,5.6l-1.3,1.3 c-3.1-3-6.5-5.5-7.3-5.3c-0.4,0.2-1.9,1.7-3.5,3.3C29.6,61.7,23.4,67.6,19.9,68z"/></g><g><path d="M25.7,92.2l-0.1-1.9c0.1,0,1.7-0.2,5.5-9.1c2.1-5,4.1-11,5.1-14.4c1.6-5.8,7.7-6.7,10.6-6.4l-0.2,1.9c-0.3,0-7-0.7-8.6,5 C38,67.6,30.9,92,25.7,92.2z"/></g><g><path d="M41,24.5c-1.7,0-3.8-0.2-4.8-1.1c-0.5-0.4-0.8-1-0.8-1.6c-0.1-1.2,0.8-2.4,1.8-3.7c1.8-2.4,4-5.3,2.4-9.7l1.8-0.6 c1.9,5.4-0.8,9-2.7,11.5c-0.7,0.9-1.5,1.9-1.4,2.4c0,0.1,0,0.1,0.2,0.3c0.9,0.8,4.2,0.8,6.2,0.5l0.2,1.9 C43.4,24.4,42.2,24.5,41,24.5z"/></g><g><path d="M56,66.3c-2.8-1.8-3.1-6.3-3.1-12.3s2.6-6.1,2.6-10.8s-2.9-5.2-2.9-7.2c0-2,4.8,0.6,4.8-8S50,19.5,50,19.5s-7.3,0-7.3,8.5 s4.8,6,4.8,8c0,2-2.9,2.5-2.9,7.2s2.6,4.8,2.6,10.8S46.9,64.5,44,66.3c-2.8,1.8-3.7,4.3-3.7,7.5s1.9,9.8,9.7,9.8s9.7-6.5,9.7-9.8 S58.8,68.1,56,66.3z"/></g><g><path d="M50,84.6c-8.4,0-10.6-7-10.6-10.7c0-3.9,1.3-6.5,4.1-8.3c2.5-1.6,2.7-6.3,2.7-11.5c0-2.9-0.6-4.3-1.3-5.7 c-0.6-1.3-1.3-2.7-1.3-5.1c0-3.2,1.2-4.7,2.1-5.8c0.5-0.6,0.8-1,0.8-1.4c-0.1-0.1-0.4-0.1-0.6-0.2c-2.1-0.7-4.3-1.9-4.3-7.8 c0-9.4,8.2-9.5,8.3-9.5s8.3,0.1,8.3,9.5c0,5.9-2.2,7.2-4.3,7.8c-0.2,0.1-0.4,0.1-0.6,0.2c0,0.4,0.3,0.8,0.8,1.4 c0.9,1.1,2.1,2.6,2.1,5.8c0,2.4-0.6,3.8-1.3,5.1c-0.7,1.4-1.3,2.8-1.3,5.7c0,5.1,0.2,9.9,2.7,11.5l0,0c2.9,1.8,4.1,4.4,4.1,8.3 C60.6,77.6,58.4,84.6,50,84.6z M50,20.4c-0.3,0-6.4,0.1-6.4,7.6c0,5.1,1.7,5.6,3,6c0.7,0.2,1.9,0.6,1.9,2c0,1.1-0.6,1.9-1.2,2.6 c-0.8,1-1.7,2.1-1.7,4.6c0,2,0.5,3.1,1.1,4.3c0.7,1.5,1.5,3.1,1.5,6.5c0,5.9-0.3,10.9-3.6,13.1c-2.3,1.5-3.3,3.5-3.3,6.7 c0,0.4,0.1,8.8,8.7,8.8s8.7-8.5,8.7-8.8c0-3.3-1-5.3-3.3-6.7l0,0c-3.3-2.1-3.6-7.2-3.6-13.1c0-3.4,0.8-5,1.5-6.5 c0.6-1.2,1.1-2.3,1.1-4.3c0-2.5-0.9-3.6-1.7-4.6c-0.6-0.7-1.2-1.5-1.2-2.6c0-1.3,1.1-1.7,1.9-2c1.3-0.4,3-1,3-6 C56.4,20.5,50.3,20.4,50,20.4z"/></g><g><path d="M54.6,49.5c-0.6,0-1-0.2-1-0.2l0.8-1.7L54,48.5l0.4-0.9c0,0,2.1,0.7,4.5-5c2.5-6.1,10.5-17.2,13-17.2v1.9 c0.1,0,0.1,0,0.1,0c-1.4,0.5-8.6,9.3-11.4,16.1c-1.3,3.3-2.9,5.3-4.7,6C55.4,49.5,54.9,49.5,54.6,49.5z"/></g><g><path d="M80.1,68c-3.5-0.4-9.7-6.3-15.8-12.4c-1.6-1.6-3.1-3-3.5-3.3c-0.8-0.2-4.2,2.3-7.3,5.3l-1.3-1.3c2.7-2.7,7.5-6.9,9.6-5.6 c0.6,0.4,1.7,1.5,3.8,3.6c4.1,4,11.6,11.4,14.7,11.8L80.1,68z"/></g><g><path d="M74.3,92.2C69.1,92,62,67.6,62,67.3c-1.6-5.7-8.3-5.1-8.6-5l-0.2-1.9c3-0.3,9,0.6,10.6,6.4c1,3.4,3,9.3,5.1,14.4 c3.8,8.9,5.4,9.1,5.5,9.1L74.3,92.2z"/></g><g><path d="M59,24.5c-1.3,0-2.4-0.1-2.8-0.2l0.2-1.9c2,0.2,5.3,0.3,6.2-0.5c0.1-0.1,0.2-0.2,0.2-0.3c0-0.5-0.7-1.5-1.4-2.4 c-1.8-2.4-4.6-6.1-2.7-11.5l1.8,0.6c-1.6,4.4,0.6,7.3,2.4,9.7c1,1.3,1.9,2.5,1.8,3.7c0,0.6-0.3,1.2-0.8,1.6 C62.8,24.3,60.8,24.5,59,24.5z"/></g></g></svg>`;
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><polygon points="42.9,32.1 42.9,32.1 42.9,32.1 "/></g><g><path d="M57.5,33.1c-2.8,3-5.6,3-7.5,3c-1.9,0-4.7,0-7.5-3c-1.1,2.7-3.9,11.1-3.9,23.2c0,15,6,28.2,11.4,28.2 c5.3,0,11.4-13.2,11.4-28.2C61.4,44.1,58.5,35.8,57.5,33.1z"/></g></g><g><path d="M43.7,31.5c2.3,2.7,4.6,2.7,6.3,2.7s4,0,6.3-2.7l0.7,0.6c-2.5-8-7.1-7.9-7.1-7.9s-4.5-0.1-7.1,7.9l0,0L43.7,31.5z"/></g><g><path d="M42.5,33l-7.2-3.5c-0.3-0.1-0.5-0.4-0.5-0.8c-0.2-2.4-1.5-8.5-4.5-8.5v-1.9c4.7,0,6.1,7.6,6.4,9.7l6.7,3.2L42.5,33z"/></g><g><path d="M25.5,59.1l-0.9-1.7c3.1-1.7,5.1-9.3,5.6-12c0.1-0.4,0.4-0.7,0.7-0.8l8.5-1.9l0.4,1.8l-7.9,1.7 C31.4,48.8,29.5,57,25.5,59.1z"/></g><g><path d="M34.9,92.3l-1.5-1.1c2.8-3.7-0.9-17.4-2.6-22.3c-0.1-0.4,0-0.8,0.3-1l7.2-6.3l1.2,1.4l-6.8,5.9 C34,72.4,38.6,87.5,34.9,92.3z"/></g><g><g><path d="M50,85.5c-6.3,0-12.3-14.2-12.3-29.2c0-14.6,4-23.7,4.4-24.5c2.7-8.5,7.7-8.5,8-8.5c0.2,0,5.2,0,7.9,8.5 c0.4,0.9,4.4,10,4.4,24.5C62.3,71.3,56.3,85.5,50,85.5z M50,25.1c-0.2,0-3.9,0.1-6.2,7.3c0,0,0,0.1,0,0.1c0,0.1-4.2,9.2-4.2,23.8 c0,14.4,5.8,27.3,10.4,27.3c4.6,0,10.4-12.8,10.4-27.3c0-14.6-4.2-23.7-4.2-23.8c0,0,0-0.1,0-0.1C53.9,25.3,50.2,25.1,50,25.1z"/></g></g><g><path d="M57.5,33l-0.8-1.7l6.7-3.2c0.3-2.1,1.6-9.7,6.4-9.7v1.9c-3.1,0-4.3,6.1-4.5,8.5c0,0.3-0.2,0.6-0.5,0.8L57.5,33z"/></g><g><path d="M74.5,59.1c-3.9-2.2-5.9-10.4-6.4-12.7l-7.9-1.7l0.4-1.8l8.5,1.9c0.4,0.1,0.7,0.4,0.7,0.8c0.5,2.8,2.5,10.3,5.6,12 L74.5,59.1z"/></g><g><path d="M65.1,92.3c-3.7-4.8,0.9-19.9,2.1-23.5l-6.8-5.9l1.2-1.4l7.2,6.3c0.3,0.3,0.4,0.7,0.3,1c-1.7,5-5.4,18.6-2.6,22.3 L65.1,92.3z"/></g><g><path d="M23.3,50.8c-4-5.2-4.4-11.9-4.4-12.2c0,0,0,0,0-0.1c0-21.3,9.3-30.8,18.5-30.8c10.3,0,11.2,16.6,11.3,17.3L46.7,25 c0-0.2-0.8-15.5-9.4-15.5c-8.3,0-16.6,8.9-16.6,28.9c0,0.4,0.5,6.6,4.1,11.1L23.3,50.8z"/></g><g><path d="M76.7,50.8l-1.5-1.2c3.5-4.5,4-10.7,4.1-11.1c0-20-8.4-28.9-16.6-28.9c-8.6,0-9.4,15.3-9.4,15.5l-1.9-0.1 c0-0.7,0.9-17.3,11.3-17.3c9.2,0,18.5,9.5,18.5,30.8c0,0,0,0,0,0.1C81.1,38.8,80.7,45.6,76.7,50.8z"/></g></g></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><polygon points="59.1,30.9 59.1,30.9 59.1,30.9 "/></g><g><path d="M59.8,31.6c-3.2,3.5-8.4,4-9.7,4c0,0-0.1,0-0.1,0c-1,0-6.5-0.5-9.8-4c-2.5,2.9-11.9,14-11.9,22.1c0,9.3,2,30.4,21.6,30.5 v0c0,0,0,0,0,0c0,0,0,0,0,0v0c19.6,0,21.6-21.1,21.6-30.5C71.7,45.7,62.3,34.5,59.8,31.6z"/></g><g><polygon points="40.9,30.9 40.9,30.9 40.9,30.9 "/></g></g><g><path d="M40.9,30.9l0.7-0.6c3,3.3,8.2,3.5,8.4,3.5c0,0,0.1,0,0.1,0c0.2,0,5.4-0.2,8.4-3.5l0.7,0.6l0,0c0,0,3.5-8.3-6.6-13.6 c0,0,5.5,9.7-2.5,9.7c-8,0-2.5-9.7-2.5-9.7C37.4,22.6,40.9,30.9,40.9,30.9L40.9,30.9z"/></g><g><path d="M38.6,33.6C36.5,32,26.3,24,26.3,20.1c0-4,11.2-11,13.5-12.4l1,1.6c-5.2,3.2-12.6,8.7-12.6,10.8c0,2.2,6.8,8.3,11.6,12 L38.6,33.6z"/></g><g><path d="M34.7,38.3c-1.6,0-4.7-0.2-6.9-1.8c-3-2.1-9.4-10.6-9.7-10.9l1.5-1.1c0.1,0.1,6.5,8.6,9.2,10.5c2.6,1.8,6.7,1.5,6.8,1.5 l0.2,1.9C35.7,38.2,35.4,38.3,34.7,38.3z"/></g><g><path d="M27.6,43.4c-2.1,0-4.6-0.3-6.8-1.4c-4.8-2.3-12.6-8.1-13-8.4L9,32.1c0.1,0.1,8,6,12.7,8.2c4.4,2.1,10.7,0.7,10.7,0.6 l0.4,1.8C32.7,42.8,30.5,43.4,27.6,43.4z"/></g><g><path d="M30,92.3c-7.6-8.3-12.2-26.6-12-33.4c0.2-6.8,10.8-11.6,11.3-11.8l0.8,1.7c-0.1,0-10.1,4.6-10.2,10.2 c-0.1,5.8,4.1,24,11.5,32.1L30,92.3z"/></g><g><path d="M61.4,33.6l-1.1-1.5c4.8-3.7,11.6-9.8,11.6-12c0-2.1-7.4-7.6-12.6-10.8l1-1.6c2.3,1.4,13.5,8.5,13.5,12.4 C73.7,24,63.4,32,61.4,33.6z"/></g><g><path d="M65.3,38.3c-0.6,0-1,0-1.1,0l0.2-1.9c0,0,4.2,0.3,6.8-1.5c2.7-1.9,9.2-10.4,9.2-10.5l1.5,1.1c-0.3,0.4-6.7,8.8-9.7,10.9 C69.9,38,66.8,38.3,65.3,38.3z"/></g><g><path d="M72.4,43.4c-2.8,0-5.1-0.5-5.2-0.6l0.4-1.8c0.1,0,6.3,1.5,10.7-0.6c4.6-2.3,12.6-8.2,12.7-8.2l1.1,1.5 c-0.3,0.2-8.2,6.1-13,8.4C77,43.1,74.5,43.4,72.4,43.4z"/></g><g><path d="M70,92.3L68.7,91c7.4-8.1,11.7-26.3,11.5-32.1C80.1,54.3,72.8,50,70,48.7l0.8-1.7c0.5,0.2,11.1,5.1,11.3,11.8 C82.2,65.7,77.7,84,70,92.3z"/></g><g><g><path d="M50,85.2C50,85.2,50,85.2,50,85.2c-0.1,0-0.1,0-0.1,0c-8.9,0-15.3-4.2-19-12.3C28,66.5,27.4,59,27.4,53.8 c0-8.8,10.2-20.7,12.4-23.1c-0.6-2.1-1.9-9.4,7.3-14.2c0.4-0.2,0.8-0.1,1.1,0.2c0.3,0.3,0.3,0.8,0.1,1.1 c-0.8,1.3-2.5,5.2-1.4,7.1c0.5,0.8,1.5,1.2,3.1,1.2c1.6,0,2.6-0.4,3.1-1.2c1.1-1.9-0.7-5.9-1.4-7.1c-0.2-0.4-0.1-0.8,0.1-1.1 c0.3-0.3,0.7-0.4,1.1-0.2c9.2,4.7,7.9,12.1,7.3,14.2c2.2,2.4,12.4,14.3,12.4,23.1c0,5.2-0.6,12.7-3.5,19.1 C65.3,81,58.9,85.1,50,85.2C50.1,85.2,50,85.2,50,85.2z M45.4,19.8c-6.1,4.6-3.8,10.5-3.6,10.8c0.1,0.3,0.1,0.7-0.2,1 c-0.1,0.1-12.3,13.3-12.3,22.2c0,11,2.7,29.5,20.7,29.5c0,0,0,0,0,0c18,0,20.7-18.5,20.7-29.5c0-8.9-12.1-22.1-12.3-22.2 c-0.3-0.3-0.3-0.7-0.2-1c0.1-0.3,2.4-6.1-3.6-10.8c0.6,1.9,1.1,4.3,0.1,6.1C53.9,27.3,52.3,28,50,28c-2.3,0-3.9-0.7-4.7-2.2 C44.3,24.1,44.7,21.7,45.4,19.8z"/></g></g></g></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M44.8,44.2c-0.3-0.1-6.9-2.3-10-8c-0.9-1.7-1.7-3.6-2.4-5.4c-1.4-3.4-2.7-6.6-4.6-6.8l0.1-1.9c3.1,0.2,4.5,3.8,6.2,7.9 c0.7,1.7,1.4,3.5,2.3,5.2c2.7,5.1,8.9,7.1,8.9,7.1L44.8,44.2z"/></g><g><path d="M19.8,61.7v-1.9c4.7,0,10.7-6.6,13.4-10.7c2.6-4,11.2-2.1,12.2-1.9l-0.4,1.8c-2.3-0.5-8.6-1.4-10.2,1.1 C32.7,53.4,25.9,61.7,19.8,61.7z"/></g><g><path d="M25.1,86.5l-0.3-1.9c6-0.9,6.9-9.7,7.6-16.8c0.2-1.9,0.4-3.6,0.6-5.1c1.4-7.4,11.6-10.3,12.1-10.4l0.5,1.8 c-0.1,0-9.6,2.7-10.7,8.9c-0.3,1.4-0.4,3.1-0.6,5C33.5,75.3,32.5,85.4,25.1,86.5z"/></g><g><path d="M45.8,25.4c-0.1-1.4-0.1-4.7,0.9-5.7c0.3-0.3,0.6-0.4,1-0.4v1.9c0.2,0,0.3-0.1,0.4-0.2c-0.3,0.4-0.5,2.4-0.4,4.4 L45.8,25.4z"/></g><g><path d="M43.6,28c-0.3-0.3-6.8-6.2-6.8-11.4c0-5,1.4-8.7,1.5-8.8L40,8.5c0,0-1.3,3.6-1.3,8.1c0,4.4,6.2,10,6.2,10L43.6,28z"/></g><g><path d="M54.6,54.5c0-2.7,0.8-13-0.3-13c-1.1,0-1.8-2.2-1.8-3.4c0-1.1,4.1-3.4,4.1-8.1c0-4.8-6.6-5.6-6.6-5.6s-6.6,0.8-6.6,5.6 c0,4.8,4.1,7,4.1,8.1c0,1.1-0.7,3.4-1.8,3.4c-1.1,0-0.3,10.4-0.3,13c0,2.7-5.3,7.7-5.3,17.2s5.9,19.5,9.9,19.5 c4.1,0,9.9-9.9,9.9-19.5S54.6,57.2,54.6,54.5z"/></g><g><path d="M50,92.2c-5,0-10.9-11.1-10.9-20.4c0-6.5,2.4-11,4-14c0.7-1.4,1.4-2.6,1.4-3.3c0-0.6-0.1-1.8-0.1-3.1 c-0.3-7.6-0.2-9.8,0.5-10.5c0.2-0.2,0.5-0.4,0.8-0.4c0.3-0.1,0.8-1.4,0.9-2.3c-0.1-0.2-0.5-0.6-0.8-1c-1.2-1.4-3.3-3.7-3.3-7.3 c0-5.5,7.1-6.5,7.4-6.5c0.1,0,0.2,0,0.2,0c0.3,0,7.4,1,7.4,6.5c0,3.6-2.1,5.9-3.3,7.3c-0.3,0.3-0.7,0.8-0.8,1 c0,0.9,0.6,2.2,0.9,2.3c0.3,0,0.6,0.1,0.8,0.4c0.7,0.8,0.8,2.9,0.5,10.5c-0.1,1.3-0.1,2.4-0.1,3.1c0,0.7,0.6,1.9,1.4,3.3 c1.6,3,4,7.5,4,14C60.9,81.1,55,92.2,50,92.2z M46.2,42.4c-0.3,1.4-0.1,6.5,0,9c0.1,1.3,0.1,2.5,0.1,3.2c0,1.2-0.7,2.4-1.6,4.1 c-1.6,3-3.7,7.1-3.7,13.1c0,9.4,5.7,18.5,9,18.5s9-9.2,9-18.5c0-6-2.2-10.1-3.7-13.1c-0.9-1.7-1.6-3-1.6-4.1 c0-0.7,0.1-1.8,0.1-3.2c0.1-2.5,0.3-7.6,0-9c-1.6-0.5-2.2-3.1-2.2-4.2c0-0.7,0.5-1.3,1.3-2.1c1.2-1.3,2.8-3.1,2.8-6 c0-3.6-4.8-4.5-5.6-4.6c-0.8,0.1-5.6,1.1-5.6,4.6c0,2.8,1.6,4.7,2.8,6c0.7,0.8,1.3,1.4,1.3,2.1C48.4,39.3,47.8,41.9,46.2,42.4z"/></g><g><path d="M55.2,44.2l-0.6-1.8c0.1,0,6.2-2.1,9-7.1c0.9-1.7,1.6-3.4,2.3-5.2c1.7-4.2,3.2-7.7,6.2-7.9l0.1,1.9 c-1.9,0.1-3.2,3.3-4.6,6.8c-0.7,1.8-1.5,3.6-2.4,5.4C62.1,41.9,55.4,44.1,55.2,44.2z"/></g><g><path d="M80.2,61.7c-6.1,0-12.9-8.4-15-11.6c-1.6-2.5-8-1.6-10.2-1.1l-0.4-1.8c1-0.2,9.6-2.1,12.2,1.9c2.7,4.1,8.7,10.7,13.4,10.7 V61.7z"/></g><g><path d="M74.9,86.5c-7.4-1.1-8.5-11.2-9.2-18.5c-0.2-1.8-0.4-3.6-0.6-5c-1.1-6.3-10.6-8.9-10.7-8.9l0.5-1.8 c0.4,0.1,10.7,3,12.1,10.4c0.3,1.5,0.4,3.2,0.6,5.1c0.7,7.1,1.6,16,7.6,16.9L74.9,86.5z"/></g><g><path d="M54.2,25.4l-1.9-0.1c0.1-1.9-0.1-4-0.4-4.4c0,0,0.2,0.2,0.4,0.2v-1.9c0.4,0,0.7,0.2,1,0.4C54.3,20.7,54.3,24.1,54.2,25.4z "/></g><g><path d="M56.4,28l-1.3-1.4c0.1-0.1,6.2-5.7,6.2-10c0-4.6-1.3-8.1-1.3-8.1l1.8-0.7c0.1,0.2,1.5,3.9,1.5,8.8 C63.2,21.8,56.6,27.8,56.4,28z"/></g></g></svg>`;
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
import bug01 from './bugs/bug01.svg.js';
|
||||
import bug02 from './bugs/bug02.svg.js';
|
||||
import bug05 from './bugs/bug05.svg.js';
|
||||
import bug06 from './bugs/bug06.svg.js';
|
||||
import bug08 from './bugs/bug08.svg.js';
|
||||
import bug12 from './bugs/bug12.svg.js';
|
||||
import bug19 from './bugs/bug19.svg.js';
|
||||
import bug23 from './bugs/bug23.svg.js';
|
||||
import bug24 from './bugs/bug24.svg.js';
|
||||
|
||||
export { bug01, bug02, bug05, bug06, bug08, bug12, bug19, bug23, bug24 };
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
import arrowLeft from './misc/arrowLeft.svg.js';
|
||||
|
||||
export { arrowLeft };
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
import alienSpaceship from './space/aliens-spaceship.svg.js';
|
||||
import meteor from './space/meteor.svg.js';
|
||||
import moonFlag from './space/moon-flag.svg.js';
|
||||
import moon from './space/moon.svg.js';
|
||||
import night from './space/night.svg.js';
|
||||
import orbit from './space/orbit.svg.js';
|
||||
import planet from './space/planet.svg.js';
|
||||
import robot from './space/robot.svg.js';
|
||||
import rocket from './space/rocket.svg.js';
|
||||
import satellite from './space/satellite.svg.js';
|
||||
import signal from './space/signal.svg.js';
|
||||
import spaceHelmet from './space/space-helmet.svg.js';
|
||||
import sun from './space/sun.svg.js';
|
||||
import telescope from './space/telescope.svg.js';
|
||||
|
||||
export {
|
||||
alienSpaceship,
|
||||
meteor,
|
||||
moonFlag,
|
||||
moon,
|
||||
night,
|
||||
orbit,
|
||||
planet,
|
||||
robot,
|
||||
rocket,
|
||||
satellite,
|
||||
signal,
|
||||
spaceHelmet,
|
||||
sun,
|
||||
telescope,
|
||||
};
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
export default tag =>
|
||||
tag`
|
||||
<svg focusable="false" viewBox="0 0 100 100">
|
||||
<path d="M0,50 L100,0 V100 z"/>
|
||||
</svg>
|
||||
`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M564.304 195.309C557.688 110.454 486.527 43.428 400 43.428s-157.688 67.026-164.303 151.881C116.656 224.747 43.376 283.576 43.376 350.681c0 25.742 10.472 50.967 31.12 74.975 18.77 21.816 45.028 41.513 78.044 58.539 68.025 35.077 155.913 54.394 247.46 54.394 91.553 0 179.435-19.314 247.46-54.394 33.021-17.026 59.28-36.723 78.044-58.539 20.648-24.008 31.12-49.232 31.12-74.975 0-67.105-73.28-125.934-192.32-155.372zm-291.238 14.875v-1.95C273.066 138.242 330.008 81.3 400 81.3s126.934 56.942 126.934 126.934v61.156c-40.063 11.518-82.691 17.352-126.934 17.352s-86.871-5.829-126.934-17.352v-59.206zm423.727 190.769c-15.361 17.856-38.424 35.002-66.693 49.578-62.759 32.359-144.474 50.185-230.1 50.185s-167.34-17.824-230.1-50.185c-28.269-14.576-51.332-31.722-66.692-49.578-14.569-16.938-21.954-33.853-21.954-50.272 0-29.699 24.718-53.647 45.449-68.512 27.291-19.559 64.48-35.845 108.492-47.625v48.86a18.94 18.94 0 0 0 13.11 18.021C295.9 316.816 346.937 324.619 400 324.619c53.063 0 104.101-7.803 151.695-23.194a18.94 18.94 0 0 0 13.109-18.021v-48.86c44.013 11.78 81.201 28.067 108.492 47.625 20.73 14.864 45.449 38.813 45.449 68.512.002 16.421-7.384 33.336-21.952 50.272z"/><path d="M513.818 415.003c-24.895 5.512-50.572 9.149-76.329 10.813-12.317.792-21.659 11.425-20.866 23.748.766 11.831 10.597 20.916 22.287 20.916.479 0 .972-.017 1.458-.05 28.04-1.808 55.997-5.772 83.119-11.779 12.056-2.671 19.658-14.609 16.987-26.662-2.664-12.053-14.605-19.66-26.656-16.986zM360.09 425.278c-27.072-2.029-51.873-5.897-75.81-11.813-11.979-2.963-24.101 4.35-27.067 16.334-2.966 11.987 4.348 24.104 16.333 27.066 26.029 6.438 54.02 10.811 83.2 12.998.568.041 1.131.064 1.694.064 11.586 0 21.391-8.943 22.271-20.687.924-12.31-8.308-23.039-20.621-23.962zM655.042 357.676c-20.238 13.142-43.028 24.825-67.752 34.734-11.461 4.594-17.027 17.608-12.433 29.066 3.501 8.734 11.892 14.045 20.758 14.045 2.77 0 5.582-.518 8.309-1.608 27.411-10.983 52.801-24.021 75.472-38.735 10.352-6.722 13.296-20.568 6.57-30.927-6.725-10.353-20.567-13.297-30.924-6.575zM212.535 388.089c-25.368-11.837-47.47-25.259-67.943-37.992-10.488-6.521-24.27-3.311-30.787 7.175-6.522 10.485-3.31 24.268 7.172 30.79 21.621 13.451 45.044 27.657 72.652 40.544a22.295 22.295 0 0 0 9.439 2.101c8.417 0 16.48-4.777 20.271-12.905 5.224-11.19.389-24.493-10.804-29.713zM262.004 557.073c-9.51-4.349-20.752-.158-25.095 9.354l-74.662 163.328c-4.348 9.513-.159 20.749 9.352 25.098a18.873 18.873 0 0 0 7.861 1.719c7.183 0 14.055-4.107 17.234-11.067l74.663-163.331c4.348-9.513.158-20.749-9.353-25.101zM563.091 566.429c-4.343-9.514-15.585-13.703-25.096-9.354-9.51 4.352-13.7 15.588-9.353 25.101l74.662 163.331c3.181 6.96 10.053 11.067 17.235 11.067 2.633 0 5.31-.552 7.86-1.718 9.51-4.35 13.699-15.586 9.352-25.099l-74.66-163.328zM400 555.364c-10.461 0-18.938 8.478-18.938 18.936v163.331c0 10.458 8.478 18.938 18.938 18.938s18.938-8.48 18.938-18.938V574.3c0-10.458-8.477-18.936-18.938-18.936z"/></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M466.858 333.141c-46.849-46.848-109.142-72.65-175.396-72.65-55.016 0-107.264 17.842-150.242 50.7-.636.44-1.245.911-1.819 1.422-8.117 6.328-15.94 13.134-23.334 20.528-46.851 46.853-72.652 109.142-72.652 175.396 0 66.259 25.801 128.544 72.652 175.397 46.849 46.851 109.138 72.649 175.396 72.649 55.051 0 107.332-17.866 150.327-50.766a17.936 17.936 0 0 0 1.824-1.427c8.088-6.307 15.878-13.089 23.244-20.458 33.577-33.579 56.271-75.104 66.474-120.319a18.839 18.839 0 0 0 1.281-5.72 250.57 250.57 0 0 0 4.896-49.358c0-66.253-25.802-128.542-72.651-175.394zm-179.595-34.666c.065 1.142.12 2.284.12 3.432 0 33.206-27.014 60.218-60.219 60.218a60.12 60.12 0 0 1-51.445-28.893c32.124-21.281 70.398-33.943 111.544-34.757zm142.976 367.7c-12.048-11.247-18.982-26.912-18.982-43.896 0-33.206 27.016-60.219 60.217-60.219a60.106 60.106 0 0 1 22.041 4.165c-11.202 39.177-33.493 73.702-63.276 99.95zm70.409-137.563a98.102 98.102 0 0 0-29.176-4.431c-54.089 0-98.094 44.008-98.094 98.098 0 24.834 9.623 48.557 26.084 66.474-31.582 19-68.533 29.955-108.001 29.955-115.89 0-210.171-94.284-210.171-210.172 0-59.491 24.891-113.25 64.753-151.522 17.924 26.429 47.971 42.989 81.119 42.989 54.089 0 98.095-44.008 98.095-98.097 0-.265-.024-.525-.027-.789 99.885 16.205 176.4 103.029 176.4 207.419.002 6.775-.351 13.464-.982 20.076zM737.643 248.897c4.852 0 9.689 1.847 13.395 5.544 7.396 7.397 7.396 19.387 0 26.784L603.249 429.01c-7.392 7.396-19.385 7.396-26.78 0-7.396-7.396-7.396-19.387 0-26.783l147.783-147.785a18.879 18.879 0 0 1 13.391-5.545zM737.643 43.416c4.852 0 9.689 1.849 13.395 5.548 7.396 7.396 7.396 19.39 0 26.784l-215.49 215.486c-7.396 7.396-19.386 7.396-26.781 0-7.396-7.397-7.396-19.387 0-26.785L724.252 48.964a18.89 18.89 0 0 1 13.391-5.548zM532.165 43.416c4.849 0 9.694 1.849 13.392 5.551 7.396 7.396 7.396 19.387 0 26.781L397.771 223.529c-7.396 7.396-19.384 7.396-26.781 0-7.396-7.397-7.396-19.388 0-26.785l147.785-147.78a18.886 18.886 0 0 1 13.39-5.548z"/><path d="M227.164 488.611c-41.56 0-75.369 33.811-75.369 75.37 0 41.557 33.809 75.367 75.369 75.367 41.558 0 75.37-33.812 75.37-75.367 0-41.559-33.812-75.37-75.37-75.37zm0 112.864c-20.673 0-37.494-16.819-37.494-37.492 0-20.676 16.82-37.494 37.494-37.494s37.494 16.818 37.494 37.494c-.001 20.671-16.821 37.492-37.494 37.492z" /></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M591.29 309.867c-25.382-26.619-55.325-47.271-88.994-61.383-26.672-11.174-54.635-17.825-83.356-19.854v-53.585h51.104l70.399 31.552a18.926 18.926 0 0 0 18.041-1.384 18.94 18.94 0 0 0 8.642-15.896V95.574c0-7.462-4.384-14.23-11.192-17.284l-74.093-33.207a18.926 18.926 0 0 0-7.746-1.655H400c-10.458 0-18.939 8.479-18.939 18.937v166.257c-61.203 4.332-118.656 29.638-163.458 72.353-51.092 48.722-80.158 114.42-81.838 185-1.68 70.579 24.227 137.589 72.945 188.688 25.382 26.619 55.323 47.272 88.994 61.381 32.511 13.621 66.939 20.531 102.332 20.531h.011c68.201 0 132.965-25.935 182.347-73.02 51.099-48.722 80.161-114.42 81.843-185.003 1.678-70.578-24.229-137.588-72.947-188.685zM418.938 95.574V81.3h51.105l59.207 26.538v52.236l-47.41-21.247a18.948 18.948 0 0 0-7.746-1.661h-55.156V95.574zM243.742 328.385a229.718 229.718 0 0 1 14.774-12.908 83.508 83.508 0 0 1 2.475 3.753c22.418 36.34 11.092 84.146-25.249 106.566-16.502 10.18-36.206 13.683-54.989 10.177 10.138-39.764 31.164-77.241 62.989-107.588zm312.516 327.757C513.95 696.483 458.475 718.7 400.046 718.7h-.008c-62.555-.006-120.77-24.926-163.917-70.179-46.443-48.711-66.843-112.889-61.643-175.202a115.834 115.834 0 0 0 20.534 1.841c21.157 0 42.223-5.779 60.616-17.128 54.116-33.385 70.981-104.574 37.597-158.689a118.638 118.638 0 0 0-3.294-5.015c33.335-18.583 71.025-28.501 110.033-28.501H400c62.539.011 120.737 24.934 163.879 70.178 15.945 16.728 29.028 35.447 39.044 55.561-14.053 4.074-27.011 11.484-37.9 21.869-36.848 35.134-38.239 93.691-3.106 130.544 13.599 14.26 31.404 23.649 50.463 27.109-11.807 31.881-30.797 60.904-56.122 85.054zm70.113-158.49a229.137 229.137 0 0 1-3.853 36.732c-12.55-1.403-24.213-7.129-33.192-16.546-20.72-21.729-19.897-56.271 1.833-76.99 7.306-6.968 16.186-11.656 25.8-13.769 6.757 22.581 9.988 46.327 9.412 70.573z"/><path d="M448.584 527.983c-15.125-15.863-35.531-24.599-57.455-24.599-20.485 0-39.935 7.789-54.766 21.931-15.345 14.631-24.074 34.361-24.576 55.555-.505 21.197 7.273 41.321 21.905 56.666 15.126 15.863 35.529 24.599 57.453 24.599h.005c20.482 0 39.932-7.787 54.763-21.927 31.675-30.203 32.874-80.547 2.671-112.225zm-28.811 84.813c-7.754 7.393-17.92 11.464-28.625 11.464-11.466 0-22.137-4.568-30.044-12.861-7.648-8.021-11.717-18.543-11.453-29.623.265-11.084 4.826-21.397 12.851-29.049 7.751-7.394 17.92-11.466 28.627-11.466 11.469 0 22.137 4.569 30.044 12.861 15.79 16.563 15.164 42.882-1.4 58.674z" /></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M728.545 261.2c-17.962-42.463-43.669-80.595-76.406-113.335-32.743-32.74-70.877-58.45-113.338-76.408-34.598-14.634-70.886-23.566-108.229-26.721-.254-.024-.509-.049-.766-.065a363.656 363.656 0 0 0-29.807-1.243c-48.128 0-94.829 9.428-138.803 28.029-42.46 17.958-80.592 43.668-113.333 76.408-32.743 32.74-58.45 70.872-76.411 113.335-18.595 43.972-28.026 90.672-28.026 138.8s9.431 94.825 28.029 138.8c17.961 42.464 43.668 80.595 76.411 113.335 32.74 32.74 70.872 58.447 113.333 76.409 43.974 18.6 90.674 28.028 138.803 28.028 48.128 0 94.828-9.43 138.8-28.028 42.461-17.962 80.596-43.669 113.338-76.409 32.737-32.74 58.444-70.871 76.406-113.335 18.6-43.975 28.028-90.672 28.028-138.8-.001-48.128-9.428-94.828-28.029-138.8zM400.001 81.303c4.015 0 8.005.101 11.987.249.035.958.078 1.917.078 2.879 0 40.917-33.285 74.207-74.204 74.207-31.85 0-59.302-19.832-69.744-48.743 40.212-18.353 84.874-28.592 131.883-28.592zm167.571 589.665c-21.511-12.813-34.994-36.045-34.994-61.545 0-39.503 32.143-71.64 71.647-71.64 26.283 0 49.865 14.086 62.436 36.531a321.186 321.186 0 0 1-99.089 96.654zm119.645-132.917c-6.102-7.087-13.072-13.454-20.896-18.852-18.312-12.621-39.784-19.294-62.094-19.294-60.39 0-109.521 49.131-109.521 109.518 0 31.536 13.521 60.782 36.078 81.188-39.927 18.037-84.201 28.086-130.783 28.086-175.73 0-318.697-142.969-318.697-318.697 0-115.166 61.405-216.257 153.193-272.26a112.439 112.439 0 0 0 30.394 41.768c20.288 17.412 46.203 27.004 72.973 27.004 61.534 0 111.625-49.852 112.057-111.29 152.1 24.03 268.774 156.029 268.774 314.778 0 49.426-11.31 96.26-31.478 138.051z"/><path d="M287.184 456.456c-48.033 0-87.112 39.079-87.112 87.112 0 48.032 39.08 87.108 87.112 87.108s87.112-39.076 87.112-87.108c0-48.033-39.079-87.112-87.112-87.112zm0 136.347c-27.149 0-49.234-22.088-49.234-49.233 0-27.149 22.085-49.234 49.234-49.234s49.235 22.085 49.235 49.234c0 27.145-22.086 49.233-49.235 49.233zM225.407 256.271c-33.876 0-61.438 27.559-61.438 61.438 0 33.876 27.563 61.438 61.438 61.438 33.879 0 61.438-27.562 61.438-61.438.001-33.88-27.558-61.438-61.438-61.438zm0 84.998c-12.99 0-23.56-10.566-23.56-23.56s10.57-23.563 23.56-23.563c12.996 0 23.563 10.57 23.563 23.563 0 12.992-10.567 23.56-23.563 23.56zM527.525 221.755c-52.73 0-95.635 42.898-95.635 95.631 0 52.73 42.903 95.631 95.635 95.631 52.732 0 95.634-42.9 95.634-95.631 0-52.733-42.9-95.631-95.634-95.631zm0 153.387c-31.848 0-57.757-25.908-57.757-57.756 0-31.847 25.909-57.756 57.757-57.756s57.757 25.909 57.757 57.756-25.909 57.756-57.757 57.756z"/></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M715.968 413.668a18.925 18.925 0 0 0-19.685-4.469c-27.729 9.768-56.754 14.723-86.275 14.723-69.178 0-134.215-26.938-183.124-75.853-70.097-70.095-94.09-175.841-61.126-269.4a18.938 18.938 0 0 0-4.474-19.684 18.934 18.934 0 0 0-19.683-4.474c-42 14.799-79.372 38.377-111.068 70.073-56.072 56.072-86.948 130.62-86.948 209.92 0 79.295 30.876 153.842 86.948 209.915 56.072 56.071 130.62 86.953 209.921 86.953 79.296 0 153.849-30.882 209.915-86.953 31.701-31.696 55.273-69.063 70.073-111.067a18.942 18.942 0 0 0-4.474-19.684zm-92.385 103.966c-48.916 48.92-113.951 75.858-183.13 75.858s-134.22-26.938-183.135-75.858c-100.983-100.978-100.983-265.287 0-366.264 18.486-18.487 39.169-33.805 61.786-45.78-8.206 40.333-7.976 82.092.853 122.692 12.073 55.531 39.786 106.211 80.142 146.572 56.067 56.066 130.615 86.943 209.91 86.943 20.043 0 39.892-1.994 59.355-5.949-11.976 22.616-27.295 43.304-45.781 61.786z"/><path d="M702.785 172.844c-12.073-17.825-31.347-29.691-52.822-32.346-7.281-15.684-18.322-29.27-32.428-39.792-18.208-13.581-39.863-20.759-62.627-20.759-22.771 0-44.427 7.179-62.633 20.759-14.105 10.522-25.146 24.108-32.43 39.787-36.962 4.535-65.676 36.116-65.676 74.285 0 41.268 33.571 74.837 74.838 74.837h229.104c32.248 0 58.48-26.233 58.48-58.476.004-30.674-23.738-55.912-53.806-58.295zm-4.672 78.897H469.009c-20.383 0-36.963-16.586-36.963-36.963 0-20.382 16.58-36.962 36.963-36.962.737 0 1.568.033 2.622.109a18.922 18.922 0 0 0 19.377-13.226c8.801-28.036 34.478-46.878 63.9-46.878 29.418 0 55.094 18.842 63.895 46.878a18.944 18.944 0 0 0 19.384 13.226 36.02 36.02 0 0 1 2.616-.109c14.586 0 27.845 8.621 33.782 21.972 3.48 7.834 11.795 12.346 20.262 11.008a21.39 21.39 0 0 1 3.268-.257c11.357 0 20.602 9.238 20.602 20.601-.002 11.357-9.245 20.601-20.604 20.601zM293.373 646.565c-9.795-13.571-24.66-22.766-41.256-25.408-14.45-29.287-44.234-48.18-77.766-48.18-18.847 0-36.776 5.944-51.849 17.192-11.084 8.265-19.886 18.825-25.906 30.975-30.106 4.765-53.193 30.898-53.193 62.322 0 34.788 28.304 63.098 63.097 63.098h180.971c27.67 0 50.178-22.509 50.178-50.179.001-25.668-19.376-46.897-44.276-49.82zm-5.9 62.12H106.501c-13.908 0-25.217-11.313-25.217-25.217 0-13.91 11.309-25.217 25.217-25.217.497 0 1.071.021 1.808.07 8.735.61 16.744-4.867 19.366-13.222 6.425-20.479 25.185-34.241 46.676-34.241 21.491 0 40.246 13.762 46.676 34.241 2.622 8.354 10.63 13.815 19.36 13.222.743-.05 1.322-.07 1.813-.07 9.954 0 19 5.883 23.054 14.989a18.935 18.935 0 0 0 20.263 11.014 12.498 12.498 0 0 1 1.955-.159c6.786 0 12.298 5.52 12.298 12.292.001 6.785-5.512 12.298-12.297 12.298zM173.205 117.27c0-20.918-16.958-37.875-37.88-37.875-20.918 0-37.875 16.957-37.875 37.875 0 20.923 16.957 37.88 37.875 37.88 20.922 0 37.88-16.957 37.88-37.88zM120.175 448.702c0-12.549-10.178-22.727-22.726-22.727-12.554 0-22.731 10.178-22.731 22.727 0 12.554 10.178 22.729 22.731 22.729 12.549.002 22.726-10.175 22.726-22.729zM673.192 612.433c0-12.554-10.172-22.726-22.727-22.726s-22.727 10.172-22.727 22.726c0 12.555 10.172 22.727 22.727 22.727 12.556-.002 22.727-10.174 22.727-22.727z"/><circle cx="598.109" cy="354.007" r="22.726"/><path d="M455.274 682.5c0-12.554-10.173-22.726-22.727-22.726-12.555 0-22.728 10.172-22.728 22.726 0 12.549 10.173 22.727 22.728 22.727s22.727-10.178 22.727-22.727z"/></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M399.997 249.098c-81.565 0-148.179 65.057-150.779 146.008-19.638 10.292-33.071 30.865-33.071 54.532 0 33.935 27.611 61.547 61.547 61.547 6.156 0 12.1-.92 17.712-2.609 27.141 26.171 63.997 42.329 104.59 42.329 83.212 0 150.91-67.692 150.91-150.901.001-83.213-67.697-150.906-150.909-150.906zM254.022 449.639c0-13.056 10.619-23.675 23.672-23.675 13.05 0 23.669 10.619 23.669 23.675 0 13.051-10.619 23.67-23.669 23.67-13.052 0-23.672-10.621-23.672-23.67zm145.975 63.393c-27.761 0-53.195-10.081-72.882-26.756 7.612-10.245 12.127-22.925 12.127-36.639 0-30.594-22.44-56.032-51.72-60.75 5.602-57.131 53.902-101.919 112.475-101.919 62.326 0 113.032 50.704 113.032 113.033 0 62.327-50.706 113.031-113.032 113.031z"/><path d="M620.189 273.893c8.26-11.179 13.153-24.986 13.153-39.921 0-37.118-30.197-67.315-67.313-67.315-14.943 0-28.759 4.9-39.938 13.167-37.968-21.848-81.111-33.563-126.097-33.563-67.774 0-131.496 26.396-179.419 74.322-47.923 47.924-74.319 111.642-74.319 179.42 0 67.771 26.396 131.493 74.319 179.417 47.926 47.929 111.645 74.318 179.419 74.318 67.777 0 131.499-26.391 179.423-74.318 47.926-47.924 74.321-111.646 74.321-179.417.003-44.988-11.709-88.137-33.549-126.11zm-24.717-39.921c0 16.235-13.209 29.438-29.439 29.438-16.235 0-29.444-13.203-29.444-29.438s13.209-29.44 29.444-29.44c16.23-.001 29.439 13.205 29.439 29.44zm-42.833 318.67c-40.771 40.769-94.979 63.226-152.642 63.226-57.658 0-111.866-22.457-152.636-63.226-40.773-40.771-63.227-94.982-63.227-152.639 0-57.661 22.454-111.869 63.227-152.642 40.77-40.768 94.979-63.224 152.636-63.224 36.6 0 71.779 9.095 103.036 26.141a66.96 66.96 0 0 0-4.318 23.694c0 37.119 30.197 67.316 67.316 67.316a66.95 66.95 0 0 0 23.688-4.315c17.046 31.257 26.145 66.434 26.145 103.031-.001 57.654-22.452 111.865-63.225 152.638z"/><path d="M756.575 400.003c0-95.247-37.092-184.79-104.44-252.138C584.787 80.519 495.243 43.428 399.997 43.428c-95.243 0-184.787 37.091-252.132 104.438-67.349 67.349-104.44 156.892-104.44 252.138 0 95.243 37.091 184.786 104.44 252.135 67.349 67.35 156.892 104.436 252.132 104.436 86.331 0 167.976-30.475 232.653-86.331a68.66 68.66 0 0 0 32.385 8.085c38.094 0 69.089-30.99 69.089-69.086 0-17.442-6.512-33.382-17.213-45.553 25.893-49.994 39.664-105.773 39.664-163.687zm-581.93 225.351C114.45 565.162 81.3 485.129 81.3 400.003c0-85.13 33.15-165.163 93.345-225.355 60.195-60.193 140.226-93.345 225.352-93.345 85.132 0 165.162 33.152 225.357 93.345 60.191 60.192 93.343 140.225 93.343 225.355 0 50.521-11.718 99.229-33.795 143.076a68.85 68.85 0 0 0-19.867-2.925c-38.094 0-69.088 30.995-69.088 69.086a68.609 68.609 0 0 0 9.303 34.559C547.876 692.27 475.977 718.7 399.997 718.7c-85.126 0-165.157-33.153-225.352-93.346zm490.39 15.099c-17.21 0-31.211-14-31.211-31.213 0-17.207 14.001-31.208 31.211-31.208s31.214 14.001 31.214 31.208c0 17.213-14.004 31.213-31.214 31.213z"/></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M747.68 243.817c-13.646-30.38-42.414-52.936-83.186-65.236-35.11-10.59-79.442-13.62-128.55-8.836-40.749-24.161-87.37-37.061-135.985-37.061-71.402 0-138.531 27.804-189.021 78.296-38.17 38.167-63.363 85.846-73.39 137.693-36.214 33.543-63.409 68.706-78.82 101.998-17.889 38.651-20.131 75.136-6.488 105.513 21.614 48.121 79.354 75.209 162.583 76.274 1.713.021 3.431.032 5.157.032 14.234 0 28.943-.748 44.026-2.215 40.738 24.149 87.354 37.041 135.953 37.041 71.401 0 138.531-27.806 189.021-78.296 38.164-38.161 63.354-85.837 73.391-137.677 12.468-11.554 23.961-23.351 34.331-35.326 54.486-62.925 72.589-124.081 50.978-172.2zm-371.955-71.978a50.535 50.535 0 0 1 2.157 14.608c0 27.78-22.6 50.383-50.379 50.383-21.263 0-39.88-13.396-47.141-32.56 28.337-17.377 60.711-28.776 95.363-32.431zM215.308 594.582c-66.665-.855-113.508-20.509-128.518-53.92-9.139-20.355-7.02-45.28 6.313-74.082 8.771-18.948 22.223-38.85 39.658-58.834 1.938 68.501 29.517 132.618 78.176 181.273a264.508 264.508 0 0 0 5.752 5.569c-.458-.001-.921.002-1.381-.006zm184.651 34.86c-23.527 0-46.237-3.568-67.622-10.18 47.031-10.393 96.008-26.734 144.344-48.447 48.305-21.696 93.04-47.427 132.036-75.66-36.225 79.158-116.171 134.287-208.758 134.287zm227.174-197.275c-44.691 39.297-101.891 75.315-165.972 104.098-64.035 28.764-128.906 47.579-187.939 54.897C211.37 550.02 170.52 479.694 170.52 400c0-68.867 30.505-130.741 78.706-172.833 14.857 28.418 44.674 47.544 78.277 47.544 48.664 0 88.255-39.596 88.255-88.263a88.23 88.23 0 0 0-1.365-15.419C534.207 178.507 629.4 278.335 629.4 400a230.47 230.47 0 0 1-2.267 32.167zm40.929-40.949c-.295.344-.605.687-.905 1.03-1.935-68.498-29.519-132.612-78.177-181.269a266.586 266.586 0 0 0-5.746-5.57c26.517.24 50.33 3.406 70.319 9.438 30.386 9.165 50.43 24.133 59.573 44.488 15.007 33.412-1.419 81.484-45.064 131.883z"/><path d="M327.503 337.913c-38.438 0-69.706 31.271-69.706 69.706 0 38.43 31.268 69.699 69.706 69.699 38.432 0 69.702-31.271 69.702-69.699 0-38.436-31.27-69.706-69.702-69.706zm0 101.53c-17.55 0-31.825-14.278-31.825-31.825 0-17.55 14.275-31.825 31.825-31.825 17.547 0 31.822 14.274 31.822 31.825 0 17.547-14.275 31.825-31.822 31.825zM530.574 341.849c-32.067 0-58.154 26.086-58.154 58.151s26.087 58.151 58.154 58.151c32.063 0 58.146-26.086 58.146-58.151s-26.083-58.151-58.146-58.151zm0 78.422c-11.177 0-20.273-9.095-20.273-20.271 0-11.178 9.097-20.271 20.273-20.271s20.268 9.094 20.268 20.271c0 11.177-9.091 20.271-20.268 20.271z" /></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M675.898 407.053v-8.208c0-64.812-52.729-117.539-117.537-117.539H418.936v-50.221c31.634-8.388 55.018-37.252 55.018-71.483 0-40.781-33.173-73.953-73.952-73.953-40.778 0-73.956 33.172-73.956 73.953 0 34.231 23.386 63.096 55.017 71.483v50.221H241.639c-64.811 0-117.539 52.728-117.539 117.539v8.208c-45.9 8.871-80.675 49.351-80.675 97.797 0 48.509 34.849 89.014 80.819 97.831 3.067 62.093 54.55 111.671 117.395 111.671h316.723c62.843 0 114.323-49.578 117.392-111.671 45.971-8.817 80.822-49.322 80.822-97.831-.001-48.448-34.775-88.926-80.678-97.797zM124.1 563.604c-24.803-8.013-42.797-31.315-42.797-58.755 0-27.434 17.994-50.735 42.797-58.75v117.505zm239.822-404.002c0-19.893 16.183-36.078 36.078-36.078 19.893 0 36.078 16.186 36.078 36.078S419.893 195.68 400 195.68c-19.895 0-36.078-16.187-36.078-36.078zm274.104 437.211c-.001 43.927-35.74 79.661-79.665 79.661H241.639c-43.928 0-79.664-35.734-79.664-79.661V398.845c0-43.925 35.736-79.661 79.664-79.661h316.723c43.925 0 79.664 35.736 79.664 79.661v197.968zm37.872-33.209V446.1c24.802 8.015 42.799 31.316 42.799 58.75 0 27.438-17.997 50.742-42.799 58.754z"/><path d="M538.119 400.611c-30.806 0-55.865 25.063-55.865 55.865 0 30.806 25.061 55.866 55.865 55.866 30.804 0 55.867-25.062 55.867-55.866 0-30.801-25.063-55.865-55.867-55.865zm0 73.855c-9.92 0-17.99-8.065-17.99-17.988 0-9.92 8.07-17.993 17.99-17.993 9.921 0 17.992 8.073 17.992 17.993 0 9.921-8.071 17.988-17.992 17.988zM261.881 400.611c-30.807 0-55.866 25.063-55.866 55.865 0 30.806 25.06 55.866 55.866 55.866 30.803 0 55.866-25.062 55.866-55.866 0-30.801-25.063-55.865-55.866-55.865zm0 73.855c-9.92 0-17.991-8.065-17.991-17.988 0-9.92 8.071-17.993 17.991-17.993 9.919 0 17.991 8.073 17.991 17.993 0 9.921-8.072 17.988-17.991 17.988zM451.604 571.221H348.395c-10.46 0-18.939 8.479-18.939 18.934 0 10.461 8.479 18.938 18.939 18.938h103.211c10.457 0 18.937-8.479 18.937-18.938-.001-10.457-8.48-18.934-18.939-18.934z" /></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M580.562 219.439c-12.721-12.723-29.637-19.728-47.623-19.728-17.987 0-34.903 7.005-47.625 19.728-12.72 12.72-19.725 29.634-19.725 47.621 0 17.99 7.005 34.904 19.725 47.625 12.722 12.721 29.633 19.723 47.618 19.726h.007c17.986 0 34.902-7.005 47.623-19.726 12.721-12.723 19.726-29.636 19.726-47.625-.002-17.987-7.007-34.9-19.726-47.621zm-26.791 68.456c-5.566 5.568-12.96 8.636-20.834 8.636-7.872-.002-15.271-3.068-20.834-8.636-5.566-5.562-8.633-12.96-8.633-20.834 0-7.868 3.065-15.269 8.633-20.834 5.563-5.565 12.967-8.63 20.834-8.63 7.868 0 15.268 3.063 20.834 8.63 11.492 11.488 11.492 30.18 0 41.668zM62.282 627.218a18.876 18.876 0 0 1-13.392-5.546c-7.398-7.397-7.398-19.395 0-26.79L158.42 485.35c7.398-7.397 19.392-7.397 26.79 0s7.398 19.395 0 26.792L75.676 621.672a18.876 18.876 0 0 1-13.394 5.546zM86.774 732.172c-4.85 0-9.696-1.85-13.395-5.549-7.398-7.397-7.398-19.389 0-26.786L187.545 585.67c7.398-7.398 19.392-7.398 26.787 0 7.398 7.398 7.398 19.393 0 26.79L100.168 726.623a18.884 18.884 0 0 1-13.394 5.549zM191.725 756.661a18.88 18.88 0 0 1-13.395-5.546c-7.398-7.397-7.398-19.393 0-26.789L287.863 614.79c7.396-7.394 19.392-7.396 26.787 0 7.398 7.397 7.398 19.395 0 26.793L205.12 751.115a18.884 18.884 0 0 1-13.395 5.546z"/><path d="M751.113 48.891a18.949 18.949 0 0 0-16.403-5.311c-2.202.357-54.705 8.98-126.25 36.316-41.974 16.034-81.85 35.237-118.529 57.076-45.039 26.814-85.356 57.721-119.899 91.871l-143.055 27.85a18.967 18.967 0 0 0-9.753 5.177L87.618 391.06a18.944 18.944 0 0 0 13.365 32.36c1.202 0 2.415-.114 3.628-.347l146.185-28.463c-9.516 18.672-18.419 38.055-26.683 58.144a18.958 18.958 0 0 0 4.125 20.603l35.811 35.811-33.27 33.27c-7.398 7.398-7.398 19.39 0 26.787a18.882 18.882 0 0 0 13.397 5.549c4.847 0 9.693-1.85 13.392-5.546l33.27-33.271 35.811 35.813a18.962 18.962 0 0 0 13.4 5.548c2.423 0 4.871-.467 7.199-1.426 20.091-8.262 39.475-17.165 58.141-26.678L376.934 695.4a18.946 18.946 0 0 0 18.588 22.565c4.917 0 9.778-1.918 13.417-5.573l129.188-129.604a18.969 18.969 0 0 0 5.181-9.753l27.845-143.055c34.148-34.547 65.06-74.859 91.876-119.901 21.834-36.683 41.04-76.558 57.077-118.529 27.33-71.551 35.958-124.048 36.313-126.25a18.957 18.957 0 0 0-5.306-16.409zm-592.72 325.11l81.489-81.224 87.674-17.069c-19.015 23.391-36.655 48.634-52.847 75.648l-116.316 22.645zm348.826 186.12l-81.222 81.489 22.643-116.316c27.021-16.192 52.259-33.83 75.648-52.848l-17.069 87.675zm177.14-381.185c-23.915 62.371-68.01 152.302-142.237 226.531-34.171 34.168-73.96 64.54-118.89 90.838-.804.401-1.585.854-2.322 1.366-24.049 13.943-49.566 26.728-76.476 38.302l-26.806-26.809 54.11-54.106c7.395-7.397 7.395-19.392 0-26.79-7.398-7.397-19.392-7.396-26.79 0l-54.109 54.106-26.806-26.809c11.578-26.913 24.361-52.433 38.308-76.488.508-.732.951-1.5 1.35-2.295 26.298-44.938 56.672-84.732 90.849-118.909 74.225-74.225 164.156-118.319 226.527-142.235 37.897-14.537 70.522-23.601 92.09-28.797-5.198 21.571-14.263 54.197-28.798 92.095z"/></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M756.518 610.037a18.924 18.924 0 0 0-7.948-13.859L546.063 453.305c-7.528-5.314-17.793-4.434-24.312 2.082l-19.789 19.792-31.003-31 132.622-132.621c0-.006.006-.006.006-.006 15.373-15.373 23.84-35.814 23.84-57.563 0-21.748-8.467-42.19-23.846-57.568-31.653-31.652-83.103-31.74-114.869-.268a7.62 7.62 0 0 0-.272.268L355.82 329.039l-30.997-30.996 19.787-19.792c6.517-6.517 7.397-16.782 2.086-24.31L203.825 51.435a18.943 18.943 0 0 0-13.859-7.951 18.924 18.924 0 0 0-15.007 5.479L48.96 174.957a18.948 18.948 0 0 0-5.479 15.012 18.933 18.933 0 0 0 7.954 13.859l202.501 142.867a18.866 18.866 0 0 0 10.915 3.463c4.884 0 9.729-1.879 13.395-5.544l19.792-19.787 30.996 30.997-53.184 53.182a.079.079 0 0 1-.016.018.038.038 0 0 1-.014.014l-65.839 65.842c-.087.086-.17.172-.254.257-31.489 31.768-31.404 83.229.254 114.887 15.872 15.872 36.716 23.811 57.568 23.809 20.847-.003 41.698-7.938 57.569-23.809.038-.037.07-.073.109-.111l118.947-118.948 31.002 31.003-19.789 19.789a18.934 18.934 0 0 0-2.082 24.308l142.871 202.507a18.942 18.942 0 0 0 15.472 8.019 18.94 18.94 0 0 0 13.396-5.546l125.998-125.997a18.932 18.932 0 0 0 5.476-15.011zM91.646 185.844l94.195-94.198 36.94 52.362-78.776 78.775-52.359-36.939zm171.097 120.71l-87.326-61.612 69.521-69.527 61.612 87.326-43.807 43.813zm252.245-83.114l.234-.235c16.978-16.973 44.602-16.973 61.573 0 8.223 8.222 12.751 19.159 12.751 30.784 0 11.631-4.528 22.562-12.751 30.784l-66.025 66.025-61.571-61.567 65.789-65.791zM298.334 563.236l-.087.087c-16.984 16.889-44.539 16.857-61.48-.087-16.979-16.974-16.973-44.596 0-61.571.071-.076.147-.149.221-.226l52.239-52.24 61.573 61.573-52.466 52.464zm79.251-79.252l-61.573-61.572 106.402-106.397 61.572 61.573-106.401 106.396zm115.863 53.276l43.808-43.811 87.331 61.61-69.526 69.524-61.613-87.323zm120.716 171.096l-36.943-52.365 78.772-78.771 52.362 36.94-94.191 94.196z"/></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M649.674 718.636H502.891L261.762 477.505l65.956-65.951c40.337 29.141 88.646 44.886 139.387 44.886 63.745 0 123.676-24.824 168.752-69.898a18.957 18.957 0 0 0 5.547-13.396c0-5.02-1.994-9.839-5.547-13.39l-141.97-141.977 40.197-40.197a59.517 59.517 0 0 0 26.721 6.32c32.992 0 59.826-26.84 59.826-59.826 0-32.992-26.834-59.826-59.826-59.826-32.985 0-59.825 26.834-59.825 59.826a59.469 59.469 0 0 0 6.319 26.72l-40.196 40.197L325.128 49.022c-3.551-3.551-8.369-5.545-13.393-5.545s-9.839 1.994-13.391 5.545c-45.076 45.077-69.9 105.007-69.9 168.756 0 44.027 11.848 86.235 34.024 122.985l-92.23 92.232c-12.877 9.758-21.211 25.214-21.211 42.574 0 22.433 13.906 41.668 33.544 49.566l89.868 193.498H150.328c-10.462 0-18.941 8.479-18.941 18.94s8.479 18.94 18.941 18.94H302c.044 0 .085.005.129.005.057 0 .117-.005.175-.005h347.37c10.461 0 18.939-8.479 18.939-18.94s-8.478-18.937-18.939-18.937zm-88.869-616.512c12.104 0 21.951 9.851 21.951 21.951s-9.848 21.945-21.951 21.945c-12.102 0-21.944-9.845-21.944-21.945-.001-12.1 9.842-21.951 21.944-21.951zm-248.45-12.303l141.344 141.342c.004.005.006.005.01.011.002 0 .004 0 .008.006l141.342 141.347c-35.92 29.807-80.69 46.03-127.954 46.03-53.632 0-104.054-20.884-141.977-58.81-37.922-37.919-58.805-88.338-58.805-141.97 0-47.265 16.223-92.035 46.032-127.956zM284.89 371.915a242.803 242.803 0 0 0 13.455 14.619c.137.137.276.268.413.403l-54.926 54.926a53.804 53.804 0 0 0-15.762-13.135l56.82-56.813zm-82.452 119.188c-8.563 0-15.532-6.965-15.532-15.531 0-8.561 6.969-15.531 15.532-15.531s15.531 6.972 15.531 15.531c0 8.566-6.968 15.531-15.531 15.531zm111.766 227.533l-90.201-194.215a53.688 53.688 0 0 0 18.045-13.062L449.32 718.636H314.204z"/></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M737.633 318.796h-51.666c-14.667-43.373-39.222-83.124-72.543-116.448-36.314-36.315-80.262-62.217-128.212-76.25v-52.84c0-10.458-8.479-18.938-18.939-18.938H333.727c-10.455 0-18.938 8.48-18.938 18.938v52.84c-47.95 14.033-91.892 39.938-128.207 76.25-33.321 33.324-57.881 73.075-72.543 116.448H62.367c-10.461 0-18.938 8.48-18.938 18.939v132.552c0 10.458 8.478 18.936 18.938 18.936h46.728c11.674 35.111 32.688 63.343 62.88 84.449 3.185 31.103 10.827 58.204 22.79 80.647 12.547 23.555 30.191 42.732 52.43 57.014 36.501 23.434 85.058 34.348 152.811 34.348 67.862 0 116.476-10.952 152.998-34.469 22.249-14.331 39.888-33.584 52.413-57.223 11.859-22.373 19.436-49.363 22.609-80.317 30.19-21.107 51.212-49.338 62.88-84.449h46.728c10.461 0 18.938-8.478 18.938-18.936V337.735c-.001-10.459-8.478-18.939-18.939-18.939zM100.469 451.348H81.307v-94.674h22.626c-3.803 19.258-5.752 39.024-5.752 59.094 0 12.405.764 24.27 2.288 35.58zM352.666 92.196h94.674v25.438a305.787 305.787 0 0 0-47.335-3.69c-16.011 0-31.819 1.26-47.339 3.69V92.196zm47.339 615.613c-112.988 0-169.396-32.896-186.329-111.753 45.749 18.627 105.843 27.4 186.329 27.4s140.581-8.773 186.33-27.4c-16.939 78.852-73.373 111.753-186.33 111.753zm203.45-163.217a19.014 19.014 0 0 0-6.566 4.13 160.69 160.69 0 0 1-5.86 3.35c-42.313 22.862-103.02 33.511-191.022 33.511-88.014 0-148.714-10.647-191.032-33.511-49.065-26.511-72.915-71.097-72.915-136.304 0-145.539 118.407-263.945 263.947-263.945 145.536 0 263.942 118.407 263.942 263.945-.002 59.433-19.831 101.726-60.494 128.824zm115.238-93.244H699.53c1.529-11.31 2.29-23.175 2.29-35.58 0-20.068-1.945-39.836-5.747-59.094h22.62v94.674z"/><path d="M549.774 249.855c-40.271-31.276-93.461-48.5-149.771-48.5-56.319 0-109.509 17.224-149.773 48.5-41.685 32.374-64.639 75.794-64.639 122.258 0 21.296 4.834 38.661 14.377 51.612 4.835 6.562 13.641 16.284 34.229 24.924 33.853 14.206 88.09 21.109 165.807 21.109 77.712 0 131.95-6.903 165.802-21.112 20.583-8.637 29.39-18.356 34.229-24.921 9.538-12.951 14.377-30.316 14.377-51.612 0-46.464-22.959-89.884-64.638-122.258zm19.763 151.41c-1.382 1.877-5.06 6.867-18.387 12.457-28.718 12.054-79.573 18.163-151.146 18.163-71.576 0-122.433-6.109-151.155-18.16-13.323-5.593-17-10.583-18.382-12.46-4.583-6.217-7.003-16.298-7.003-29.15 0-34.511 17.759-67.306 49.999-92.345 33.655-26.141 78.596-40.535 126.541-40.535 47.94 0 92.876 14.395 126.536 40.535 32.24 25.04 49.994 57.834 49.994 92.345.001 12.852-2.419 22.933-6.997 29.15z"/></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M399.989 219.619c-99.463 0-180.381 80.917-180.381 180.384 0 99.46 80.918 180.384 180.381 180.384s180.387-80.924 180.387-180.384c0-99.466-80.924-180.384-180.387-180.384zm0 322.89c-78.58 0-142.503-63.929-142.503-142.506 0-78.58 63.923-142.506 142.503-142.506 78.579 0 142.509 63.926 142.509 142.506 0 78.577-63.93 142.506-142.509 142.506zM492.396 184.543L416.395 52.897a18.94 18.94 0 1 0-32.803 0L307.17 185.265a18.936 18.936 0 0 0 16.404 28.408c2.186 0 4.392-.38 6.528-1.161 22.309-8.2 45.826-12.356 69.889-12.356 24.067 0 47.585 4.157 69.894 12.356a18.947 18.947 0 0 0 7.151 1.152c10.182-.319 18.338-8.672 18.338-18.928a18.875 18.875 0 0 0-2.978-10.193zm-92.407-22.265c-12.641 0-25.161.97-37.49 2.895l37.49-64.931 37.488 64.931a242.8 242.8 0 0 0-37.488-2.895z"/><path d="M259.611 212.255H107.592a18.943 18.943 0 0 0-16.399 9.467 18.95 18.95 0 0 0 0 18.939l76.422 132.367a18.941 18.941 0 0 0 35.064-6.238c4.053-23.418 12.209-45.861 24.243-66.704 12.034-20.843 27.39-39.131 45.646-54.35a18.848 18.848 0 0 0 4.578-5.619c4.813-8.978 1.655-20.214-7.227-25.344a18.85 18.85 0 0 0-10.308-2.518zm-65.491 68.892a242.795 242.795 0 0 0-16.235 33.916l-37.49-64.932h74.98a242.704 242.704 0 0 0-21.255 31.016zM167.21 427.706L91.204 559.361a18.938 18.938 0 0 0 16.399 28.406h152.85c7.97 0 15.087-4.992 17.803-12.492a18.911 18.911 0 0 0-1.404-15.918 18.978 18.978 0 0 0-4.271-5.075c-18.256-15.219-33.612-33.502-45.646-54.349-12.034-20.845-20.19-43.284-24.243-66.702a18.878 18.878 0 0 0-2.584-6.774c-5.364-8.658-16.677-11.542-25.56-6.413a18.809 18.809 0 0 0-7.338 7.662zm26.92 91.166a242.483 242.483 0 0 0 21.255 31.017h-74.98l37.49-64.935a242.979 242.979 0 0 0 16.235 33.918zM307.6 615.456l76.007 131.649a18.943 18.943 0 0 0 32.803 0l76.422-132.37a18.944 18.944 0 1 0-16.404-28.411c-2.186 0-4.393.383-6.527 1.169-22.311 8.194-45.82 12.355-69.89 12.355-24.069 0-47.585-4.161-69.894-12.355a18.725 18.725 0 0 0-7.15-1.152c-10.183.316-18.338 8.669-18.338 18.929a18.855 18.855 0 0 0 2.971 10.186zm92.411 22.266c12.642 0 25.161-.967 37.484-2.895l-37.484 64.934-37.49-64.934a242.463 242.463 0 0 0 37.49 2.895zM540.396 587.75h152.009a18.94 18.94 0 0 0 16.402-28.411l-76.427-132.37a18.927 18.927 0 0 0-19.715-9.172 18.954 18.954 0 0 0-13.089 9.178 18.931 18.931 0 0 0-2.256 6.238c-4.054 23.412-12.209 45.858-24.243 66.698-12.034 20.846-27.396 39.134-45.646 54.354a19.055 19.055 0 0 0-4.576 5.621c-4.813 8.976-1.655 20.211 7.227 25.341a18.883 18.883 0 0 0 10.314 2.523zm65.485-68.9a242.5 242.5 0 0 0 16.234-33.91l37.489 64.934h-74.979a243.254 243.254 0 0 0 21.256-31.024zM632.789 372.291l76.007-131.646a18.937 18.937 0 1 0-16.397-28.406H539.548c-7.97 0-15.088 4.99-17.803 12.488a18.94 18.94 0 0 0 5.675 20.995c18.256 15.219 33.611 33.505 45.646 54.35 12.033 20.84 20.189 43.283 24.249 66.704a18.828 18.828 0 0 0 2.577 6.771c5.364 8.655 16.673 11.545 25.561 6.413a18.822 18.822 0 0 0 7.336-7.669zm-26.92-91.158a242.88 242.88 0 0 0-21.249-31.02h74.975l-37.49 64.932a242.921 242.921 0 0 0-16.236-33.912z" /></svg>`;
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
export default tag =>
|
||||
tag`<svg focusable="false" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M754.75 193.161L694.789 65.993c-4.463-9.458-15.748-13.512-25.208-9.051L352.878 206.273a18.924 18.924 0 0 0-9.745 10.729 18.933 18.933 0 0 0 .694 14.478l.256.549-149.465 70.479a18.93 18.93 0 0 0-10.304 21.689L54.309 385.503c-9.461 4.463-13.514 15.744-9.054 25.206l30.302 64.264c3.234 6.851 10.04 10.865 17.143 10.865 2.708 0 5.455-.584 8.065-1.813l130.006-61.304a18.949 18.949 0 0 0 15.215 7.663c2.763 0 5.525-.604 8.075-1.808l52.081-24.561v3.853c0 10.457 8.478 18.935 18.938 18.935h48.369L233.101 717.701c-4.545 9.424-.593 20.74 8.827 25.285a18.863 18.863 0 0 0 8.215 1.885c7.041 0 13.804-3.943 17.07-10.712l113.851-235.98v227.755c0 10.459 8.478 18.938 18.938 18.938 10.458 0 18.936-8.479 18.936-18.938V498.179l113.856 235.98c3.261 6.769 10.028 10.712 17.07 10.712 2.758 0 5.56-.604 8.21-1.885 9.421-4.542 13.37-15.861 8.826-25.285L426.554 426.803h48.37c10.46 0 18.938-8.478 18.938-18.935v-70.759l251.837-118.745a18.93 18.93 0 0 0 9.744-10.728 18.93 18.93 0 0 0-.693-14.475zM101.738 441.69L87.59 411.68l112.545-53.068 14.147 30.013-112.544 53.065zm153.3-55.447l-27.142-57.558 132.343-62.4 27.14 57.554-132.341 62.404zm200.949 2.688H344.019v-2.771l59.512-28.065.258.553c3.232 6.85 10.039 10.863 17.146 10.863 2.702 0 5.449-.581 8.062-1.811l26.991-12.728-.001 33.959zm-26.018-63.565l-.246-.525c-.005-.008-.005-.019-.011-.026l-43.294-91.812v-.005l-.257-.544L668.608 99.275l43.807 92.911-282.446 133.18z"/></svg>`;
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/icon/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/icon/overview.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/icon/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../docs/components/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/input-amount/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/input-amount/overview.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/input-amount/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/input-date/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/input-date/overview.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/input-date/use-cases.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/input-datepicker/index.md)
|
||||
|
|
@ -1 +0,0 @@
|
|||
[=> See Source <=](../../../../../docs/components/input-datepicker/overview.md)
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue