npm - @api-client/ui - Versions diffs - 0.0.5 → 0.0.8 - Mend

@api-client/ui 0.0.5 → 0.0.8

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

Files changed (326) hide show

package/dist/ui/effects/ripple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../../src/ui/effects/ripple.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n\nimport { CSSResult, html, LitElement, PropertyValues, TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport elementStyles from './ripple.styles.js';\n\nimport { createAnimationSignal, Easing } from '../motion/animation.js';\n\nconst PRESS_GROW_MS = 450;\nconst MINIMUM_PRESS_MS = 225;\nconst INITIAL_ORIGIN_SCALE = 0.2;\nconst PADDING = 10;\nconst SOFT_EDGE_MINIMUM_SIZE = 75;\nconst SOFT_EDGE_CONTAINER_RATIO = 0.35;\nconst PRESS_PSEUDO = '::after';\nconst ANIMATION_FILL = 'forwards';\n\ninterface IPoint {\n x: number;\n y: number;\n}\n\n\nexport default class UiRipple extends LitElement {\n static override get styles(): CSSResult \| CSSResult[] {\n return elementStyles;\n }\n\n @query('.surface') mdRoot!: HTMLElement;\n \n /\n @attribute\n /\n @property({ type: Boolean }) unbounded = false;\n\n /\n @attribute\n /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n @state() protected hovered = false;\n\n @state() protected focused = false;\n\n @state() protected pressed = false;\n\n get isPressed(): boolean {\n return this.pressed;\n }\n\n protected rippleSize = '';\n\n protected rippleScale = '';\n\n protected initialSize = 0;\n\n protected pressAnimationSignal = createAnimationSignal();\n\n protected growAnimation: Animation \| null = null;\n\n protected delayedEndPressHandle: number \| null = null;\n\n protected override render(): TemplateResult {\n return html`<div class=\"surface ${classMap(this.getRenderRippleClasses())}\"></div>`;\n }\n\n /* @soyTemplate /\n protected getRenderRippleClasses(): ClassInfo {\n return {\n 'hovered': this.hovered,\n 'focused': this.focused,\n 'pressed': this.pressed,\n 'unbounded': this.unbounded,\n };\n }\n\n protected override update(changedProps: PropertyValues<this>): void {\n if (changedProps.has('disabled') && this.disabled) {\n this.endHover();\n this.endFocus();\n this.endPress();\n }\n super.update(changedProps);\n }\n\n protected getDimensions(): DOMRect {\n return (this.parentElement ?? this).getBoundingClientRect();\n }\n\n protected determineRippleSize(): void {\n const { height, width } = this.getDimensions();\n const maxDim = Math.max(height, width);\n const softEdgeSize =\n Math.max(SOFT_EDGE_CONTAINER_RATIO maxDim, SOFT_EDGE_MINIMUM_SIZE);\n\n\n let maxRadius = maxDim;\n let initialSize = Math.floor(maxDim * INITIAL_ORIGIN_SCALE);\n\n const hypotenuse = Math.sqrt(width 2 + height 2);\n maxRadius = hypotenuse + PADDING;\n\n // ensure `initialSize` is even for unbounded\n if (this.unbounded) {\n initialSize -= (initialSize % 2);\n }\n\n this.initialSize = initialSize;\n this.rippleScale = `${(maxRadius + softEdgeSize) / initialSize}`;\n this.rippleSize = `${this.initialSize}px`;\n }\n\n protected getNormalizedPointerEventCoords(pointerEvent: PointerEvent): IPoint {\n const { scrollX, scrollY } = window;\n const { left, top } = this.getDimensions();\n const documentX = scrollX + left;\n const documentY = scrollY + top;\n const { pageX, pageY } = pointerEvent;\n return { x: pageX - documentX, y: pageY - documentY };\n }\n\n protected getTranslationCoordinates(positionEvent?: Event \| null): { startPoint: IPoint; endPoint: IPoint; } {\n const { height, width } = this.getDimensions();\n // end in the center\n const endPoint = {\n x: (width - this.initialSize) / 2,\n y: (height - this.initialSize) / 2,\n };\n\n let startPoint;\n if (positionEvent instanceof PointerEvent) {\n startPoint = this.getNormalizedPointerEventCoords(positionEvent);\n } else {\n startPoint = {\n x: width / 2,\n y: height / 2,\n };\n }\n\n // center around start point\n startPoint = {\n x: startPoint.x - (this.initialSize / 2),\n y: startPoint.y - (this.initialSize / 2),\n };\n\n return { startPoint, endPoint };\n }\n\n protected startPressAnimation(positionEvent?: Event \| null): void {\n this.determineRippleSize();\n const { startPoint, endPoint } =\n this.getTranslationCoordinates(positionEvent);\n const translateStart = `${startPoint.x}px, ${startPoint.y}px`;\n const translateEnd = `${endPoint.x}px, ${endPoint.y}px`;\n\n const signal = this.pressAnimationSignal.start();\n\n const growAnimation = this.mdRoot.animate(\n {\n top: [0, 0],\n left: [0, 0],\n height: [this.rippleSize, this.rippleSize],\n width: [this.rippleSize, this.rippleSize],\n transform: [\n `translate(${translateStart}) scale(1)`,\n `translate(${translateEnd}) scale(${this.rippleScale})`\n ],\n },\n {\n pseudoElement: PRESS_PSEUDO,\n duration: PRESS_GROW_MS,\n easing: Easing.STANDARD,\n fill: ANIMATION_FILL\n });\n\n growAnimation.addEventListener('finish', () => {\n this.pressAnimationSignal.finish();\n this.growAnimation = null;\n });\n\n signal.addEventListener('abort', () => {\n growAnimation.cancel();\n this.growAnimation = null;\n });\n\n this.growAnimation = growAnimation;\n }\n\n beginHover(hoverEvent?: Event): void {\n if ((hoverEvent as PointerEvent)?.pointerType !== 'touch') {\n this.hovered = true;\n }\n }\n\n endHover(): void {\n this.hovered = false;\n }\n\n beginFocus(): void {\n this.focused = true;\n }\n\n endFocus(): void {\n this.focused = false;\n }\n\n beginPress(positionEvent?: Event \| null): void {\n this.pressed = true;\n if (this.delayedEndPressHandle !== null) {\n clearTimeout(this.delayedEndPressHandle);\n this.delayedEndPressHandle = null;\n }\n this.startPressAnimation(positionEvent);\n }\n\n endPress(): void {\n const pressAnimationPlayState = this.growAnimation?.currentTime ?? Infinity;\n if (pressAnimationPlayState >= MINIMUM_PRESS_MS) {\n this.pressed = false;\n } else {\n this.delayedEndPressHandle = setTimeout(() => {\n this.pressed = false;\n this.delayedEndPressHandle = null;\n }, MINIMUM_PRESS_MS - pressAnimationPlayState) as unknown as number;\n }\n }\n}\n"]}
1	+ {"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../../src/ui/effects/ripple.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n\nimport { CSSResult, html, LitElement, PropertyValues, TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport elementStyles from './ripple.styles.js';\n\nimport { createAnimationSignal, Easing } from '../motion/animation.js';\n\nconst PRESS_GROW_MS = 450;\nconst MINIMUM_PRESS_MS = 225;\nconst INITIAL_ORIGIN_SCALE = 0.2;\nconst PADDING = 10;\nconst SOFT_EDGE_MINIMUM_SIZE = 75;\nconst SOFT_EDGE_CONTAINER_RATIO = 0.35;\nconst PRESS_PSEUDO = '::after';\nconst ANIMATION_FILL = 'forwards';\n\ninterface IPoint {\n x: number;\n y: number;\n}\n\n\nexport default class UiRipple extends LitElement {\n static override get styles(): CSSResult \| CSSResult[] {\n return elementStyles;\n }\n\n @query('.surface') mdRoot!: HTMLElement;\n \n /\n @attribute\n /\n @property({ type: Boolean }) unbounded = false;\n\n /\n @attribute\n /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n @state() protected hovered = false;\n\n @state() protected focused = false;\n\n @state() protected pressed = false;\n\n get isPressed(): boolean {\n return this.pressed;\n }\n\n protected rippleSize = '';\n\n protected rippleScale = '';\n\n protected initialSize = 0;\n\n protected pressAnimationSignal = createAnimationSignal();\n\n protected growAnimation: Animation \| null = null;\n\n protected delayedEndPressHandle: number \| null = null;\n\n protected override render(): TemplateResult {\n return html`<div class=\"surface ${classMap(this.getRenderRippleClasses())}\"></div>`;\n }\n\n /* @soyTemplate /\n protected getRenderRippleClasses(): ClassInfo {\n return {\n 'hovered': this.hovered,\n 'focused': this.focused,\n 'pressed': this.pressed,\n 'unbounded': this.unbounded,\n };\n }\n\n protected override update(changedProps: PropertyValues<this>): void {\n if (changedProps.has('disabled') && this.disabled) {\n this.endHover();\n this.endFocus();\n this.endPress();\n }\n super.update(changedProps);\n }\n\n protected getDimensions(): DOMRect {\n return (this.parentElement ?? this).getBoundingClientRect();\n }\n\n protected determineRippleSize(): void {\n const { height, width } = this.getDimensions();\n const maxDim = Math.max(height, width);\n const softEdgeSize =\n Math.max(SOFT_EDGE_CONTAINER_RATIO maxDim, SOFT_EDGE_MINIMUM_SIZE);\n\n\n let maxRadius = maxDim;\n let initialSize = Math.floor(maxDim * INITIAL_ORIGIN_SCALE);\n\n const hypotenuse = Math.sqrt(width 2 + height 2);\n maxRadius = hypotenuse + PADDING;\n\n // ensure `initialSize` is even for unbounded\n if (this.unbounded) {\n initialSize -= (initialSize % 2);\n }\n\n this.initialSize = initialSize;\n this.rippleScale = `${(maxRadius + softEdgeSize) / initialSize}`;\n this.rippleSize = `${this.initialSize}px`;\n }\n\n protected getNormalizedPointerEventCoords(pointerEvent: PointerEvent): IPoint {\n const { scrollX, scrollY } = window;\n const { left, top } = this.getDimensions();\n const documentX = scrollX + left;\n const documentY = scrollY + top;\n const { pageX, pageY } = pointerEvent;\n return { x: pageX - documentX, y: pageY - documentY };\n }\n\n protected getTranslationCoordinates(positionEvent?: Event \| null): { startPoint: IPoint; endPoint: IPoint; } {\n const { height, width } = this.getDimensions();\n // end in the center\n const endPoint = {\n x: (width - this.initialSize) / 2,\n y: (height - this.initialSize) / 2,\n };\n\n let startPoint;\n if (positionEvent instanceof PointerEvent) {\n startPoint = this.getNormalizedPointerEventCoords(positionEvent);\n } else {\n startPoint = {\n x: width / 2,\n y: height / 2,\n };\n }\n\n // center around start point\n startPoint = {\n x: startPoint.x - (this.initialSize / 2),\n y: startPoint.y - (this.initialSize / 2),\n };\n\n return { startPoint, endPoint };\n }\n\n protected startPressAnimation(positionEvent?: Event \| null): void {\n const { mdRoot } = this;\n if (!mdRoot) {\n return;\n }\n\n this.determineRippleSize();\n const { startPoint, endPoint } =\n this.getTranslationCoordinates(positionEvent);\n const translateStart = `${startPoint.x}px, ${startPoint.y}px`;\n const translateEnd = `${endPoint.x}px, ${endPoint.y}px`;\n\n const signal = this.pressAnimationSignal.start();\n\n const growAnimation = mdRoot.animate(\n {\n top: [0, 0],\n left: [0, 0],\n height: [this.rippleSize, this.rippleSize],\n width: [this.rippleSize, this.rippleSize],\n transform: [\n `translate(${translateStart}) scale(1)`,\n `translate(${translateEnd}) scale(${this.rippleScale})`\n ],\n },\n {\n pseudoElement: PRESS_PSEUDO,\n duration: PRESS_GROW_MS,\n easing: Easing.STANDARD,\n fill: ANIMATION_FILL\n });\n\n growAnimation.addEventListener('finish', () => {\n this.pressAnimationSignal.finish();\n this.growAnimation = null;\n });\n\n signal.addEventListener('abort', () => {\n growAnimation.cancel();\n this.growAnimation = null;\n });\n\n this.growAnimation = growAnimation;\n }\n\n beginHover(hoverEvent?: Event): void {\n if ((hoverEvent as PointerEvent)?.pointerType !== 'touch') {\n this.hovered = true;\n }\n }\n\n endHover(): void {\n this.hovered = false;\n }\n\n beginFocus(): void {\n this.focused = true;\n }\n\n endFocus(): void {\n this.focused = false;\n }\n\n beginPress(positionEvent?: Event \| null): void {\n this.pressed = true;\n if (this.delayedEndPressHandle !== null) {\n clearTimeout(this.delayedEndPressHandle);\n this.delayedEndPressHandle = null;\n }\n this.startPressAnimation(positionEvent);\n }\n\n endPress(): void {\n const pressAnimationPlayState = this.growAnimation?.currentTime ?? Infinity;\n if (pressAnimationPlayState >= MINIMUM_PRESS_MS) {\n this.pressed = false;\n } else {\n this.delayedEndPressHandle = setTimeout(() => {\n this.pressed = false;\n this.delayedEndPressHandle = null;\n }, MINIMUM_PRESS_MS - pressAnimationPlayState) as unknown as number;\n }\n }\n}\n"]}

package/dist/ui/icons/Icons.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ import { SVGTemplateResult } from 'lit';
  * @param tpl Icon definition
  * @returns Complete SVG icon definition
  */
-export declare const iconWrapper: (tpl: SVGTemplateResult, width?: number, height?: number) => SVGTemplateResult;
-export type IconType = 'add' | 'api' | 'apps' | 'arrowBack' | 'arrowDropDown' | 'cancel' | 'cancelFilled' | 'check' | 'checkBox' | 'checkBoxBlank' | 'checkIndeterminate' | 'chevronLeft' | 'chevronRight' | 'close' | 'cloud' | 'cloudFilled' | 'collectionsBookmark' | 'deleteFile' | 'deleteOutline' | 'edit' | 'environment' | 'expandMore' | 'fileDownload' | 'folder' | 'folderFilled' | 'folderShared' | 'help' | 'history' | 'info' | 'key' | 'menu' | 'leaderBoard' | 'moreVert' | 'openInNew' | 'personAdd' | 'playArrow' | 'project' | 'remove' | 'rename' | 'request' | 'restoreFromTrash' | 'save' | 'schema' | 'schemaEntity' | 'schemaModel' | 'schemaNamespace' | 'search' | 'send' | 'settings' | 'space' | 'taskAlt' | 'timeline' | 'viewGrid' | 'viewList' | 'visibility' | 'visibilityOff' | 'warning';
+export declare const iconWrapper: (tpl: SVGTemplateResult, width?: number, height?: number, top?: number, left?: number) => SVGTemplateResult;
+export type IconType = 'add' | 'api' | 'apps' | 'arrowBack' | 'arrowDropDown' | 'cancel' | 'cancelFilled' | 'check' | 'checkBox' | 'checkBoxBlank' | 'checkIndeterminate' | 'chevronLeft' | 'chevronRight' | 'close' | 'cloud' | 'cloudFilled' | 'collectionsBookmark' | 'deleteFile' | 'deleteOutline' | 'edit' | 'environment' | 'expandMore' | 'fileDownload' | 'folder' | 'folderFilled' | 'folderShared' | 'help' | 'history' | 'info' | 'key' | 'menu' | 'leaderBoard' | 'moreVert' | 'openInNew' | 'personAdd' | 'playArrow' | 'project' | 'remove' | 'rename' | 'request' | 'restoreFromTrash' | 'save' | 'schema' | 'schemaEntity' | 'schemaModel' | 'schemaNamespace' | 'search' | 'send' | 'settings' | 'space' | 'taskAlt' | 'timeline' | 'tune' | 'viewGrid' | 'viewList' | 'visibility' | 'visibilityOff' | 'warning';
 export declare const add: SVGTemplateResult;
 export declare const api: SVGTemplateResult;
 export declare const apps: SVGTemplateResult;
@@ -58,6 +58,7 @@ export declare const settings: SVGTemplateResult;
 export declare const space: SVGTemplateResult;
 export declare const taskAlt: SVGTemplateResult;
 export declare const timeline: SVGTemplateResult;
+export declare const tune: SVGTemplateResult;
 export declare const viewGrid: SVGTemplateResult;
 export declare const viewList: SVGTemplateResult;
 export declare const visibility: SVGTemplateResult;

package/dist/ui/icons/Icons.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../src/ui/icons/Icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,WAAW,QAAS,iBAAiB,~~sCAA4B~~,~~iBAA2M~~,CAAC;~~AAE1R~~,MAAM,MAAM,QAAQ,GAClB,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,GAAG,eAAe,GAAG,QAAQ,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,qBAAqB,GAAG,YAAY,GAAG,eAAe,GAAG,MAAM,GAAG,aAAa,GAAG,YAAY,GACxT,cAAc,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,GAC1H,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,kBAAkB,GAAG,MAAM,GAChI,QAAQ,GAAG,cAAc,GAAG,aAAa,GAAG,iBAAiB,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,eAAe,GAAG,SAAS,CAAC;~~AAE3M~~,eAAO,MAAM,GAAG,mBAA0E,CAAC;AAC3F,eAAO,MAAM,GAAG,mBAAsP,CAAC;AACvQ,eAAO,MAAM,IAAI,mBAA05C,CAAC;AAC56C,eAAO,MAAM,SAAS,mBAAmG,CAAC;AAC1H,eAAO,MAAM,aAAa,mBAA+C,CAAC;AAC1E,eAAO,MAAM,MAAM,mBAAuT,CAAC;AAC3U,eAAO,MAAM,YAAY,mBAAqP,CAAC;AAC/Q,eAAO,MAAM,KAAK,mBAA+F,CAAC;AAClH,eAAO,MAAM,QAAQ,mBAAgQ,CAAC;AACtR,eAAO,MAAM,aAAa,mBAA6L,CAAC;AACxN,eAAO,MAAM,kBAAkB,mBAA+C,CAAC;AAC/E,eAAO,MAAM,WAAW,mBAAwE,CAAC;AACjG,eAAO,MAAM,YAAY,mBAAoH,CAAC;AAC9I,eAAO,MAAM,KAAK,mBAAgI,CAAC;AACnJ,eAAO,MAAM,KAAK,mBAAkW,CAAC;AACrX,eAAO,MAAM,WAAW,mBAAuR,CAAC;AAChT,eAAO,MAAM,mBAAmB,mBAAsR,CAAC;AACvT,eAAO,MAAM,UAAU,mBAAqK,CAAC;AAC7L,eAAO,MAAM,aAAa,mBAAgL,CAAC;AAC3M,eAAO,MAAM,IAAI,mBAA4L,CAAC;AAC9M,eAAO,MAAM,WAAW,mBAAsU,CAAC;AAC/V,eAAO,MAAM,UAAU,mBAAmF,CAAC;AAC3G,eAAO,MAAM,YAAY,mBAAgF,CAAC;AAC1G,eAAO,MAAM,MAAM,mBAAsJ,CAAC;AAC1K,eAAO,MAAM,YAAY,mBAAuM,CAAC;AACjO,eAAO,MAAM,YAAY,mBAAgP,CAAC;AAC1Q,eAAO,MAAM,IAAI,mBAAmT,CAAC;AACrU,eAAO,MAAM,OAAO,mBAAuQ,CAAC;AAC5R,eAAO,MAAM,IAAI,mBAAmM,CAAC;AACrN,eAAO,MAAM,GAAG,mBAA2R,CAAC;AAC5S,eAAO,MAAM,WAAW,mBAAiK,CAAC;AAC1L,eAAO,MAAM,IAAI,mBAAoF,CAAC;AACtG,eAAO,MAAM,QAAQ,mBAAuN,CAAC;AAC7O,eAAO,MAAM,SAAS,mBAAyK,CAAC;AAChM,eAAO,MAAM,SAAS,mBAA6gB,CAAC;AACpiB,eAAO,MAAM,SAAS,mBAAwH,CAAC;AAC/I,eAAO,MAAM,OAAO,mBAAghB,CAAC;AACriB,eAAO,MAAM,MAAM,mBAAyF,CAAC;AAC7G,eAAO,MAAM,MAAM,mBAA8X,CAAC;AAClZ,eAAO,MAAM,OAAO,mBAA0N,CAAC;AAC/O,eAAO,MAAM,gBAAgB,mBAAgN,CAAC;AAC9O,eAAO,MAAM,IAAI,mBAAqL,CAAC;AACvM,eAAO,MAAM,MAAM,mBAAqY,CAAC;AACzZ,eAAO,MAAM,YAAY,mBAA8a,CAAC;AACxc,eAAO,MAAM,WAAW,mBAAwhB,CAAC;AACjjB,eAAO,MAAM,eAAe,mBAAmnB,CAAC;AAChpB,eAAO,MAAM,MAAM,mBAAiR,CAAC;AACrS,eAAO,MAAM,IAAI,mBAA4E,CAAC;AAC9F,eAAO,MAAM,QAAQ,mBAA+1C,CAAC;AACr3C,eAAO,MAAM,KAAK,mBAA4f,CAAC;AAC/gB,eAAO,MAAM,OAAO,mBAA+X,CAAC;AACpZ,eAAO,MAAM,QAAQ,mBAAq1B,CAAC;AAC32B,eAAO,MAAM,QAAQ,mBAA8L,CAAC;AACpN,eAAO,MAAM,QAAQ,mBAAmN,CAAC;AACzO,eAAO,MAAM,UAAU,mBAAwP,CAAC;AAChR,eAAO,MAAM,aAAa,mBAAgiB,CAAC;AAC3jB,eAAO,MAAM,OAAO,mBAAyF,CAAC"}
1	+ {"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../src/ui/icons/Icons.ts"],"names":[],"mappings":"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"}

package/dist/ui/icons/Icons.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { svg } from 'lit';
  * @param tpl Icon definition
  * @returns Complete SVG icon definition
  */
-export const iconWrapper = (tpl, width = 24, height = 24) => svg `<svg viewBox="0 0 ${width} ${height}" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;">${tpl}</svg>`;
+export const iconWrapper = (tpl, width = 24, height = 24, top = 0, left = 0) => svg `<svg viewBox="${top} ${left} ${width} ${height}" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;">${tpl}</svg>`;
 export const add = iconWrapper(svg `<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>`);
 export const api = iconWrapper(svg `<path d="M0,0H24V24H0Z" style="fill:none"/><path d="M22.45,15.1a4.87,4.87,0,0,0-3.74-4.73,5.29,5.29,0,0,0,.05-.56A4.88,4.88,0,0,0,9.3,8.12,2.85,2.85,0,0,0,5,10.54,4.86,4.86,0,0,0,6.48,20H17.87v0A4.87,4.87,0,0,0,22.45,15.1Z"/>`);
 export const apps = iconWrapper(svg `<path d="M6 8Q5.175 8 4.588 7.412Q4 6.825 4 6Q4 5.175 4.588 4.588Q5.175 4 6 4Q6.825 4 7.412 4.588Q8 5.175 8 6Q8 6.825 7.412 7.412Q6.825 8 6 8ZM12 20Q11.175 20 10.588 19.413Q10 18.825 10 18Q10 17.175 10.588 16.587Q11.175 16 12 16Q12.825 16 13.413 16.587Q14 17.175 14 18Q14 18.825 13.413 19.413Q12.825 20 12 20ZM6 20Q5.175 20 4.588 19.413Q4 18.825 4 18Q4 17.175 4.588 16.587Q5.175 16 6 16Q6.825 16 7.412 16.587Q8 17.175 8 18Q8 18.825 7.412 19.413Q6.825 20 6 20ZM6 14Q5.175 14 4.588 13.412Q4 12.825 4 12Q4 11.175 4.588 10.587Q5.175 10 6 10Q6.825 10 7.412 10.587Q8 11.175 8 12Q8 12.825 7.412 13.412Q6.825 14 6 14ZM12 14Q11.175 14 10.588 13.412Q10 12.825 10 12Q10 11.175 10.588 10.587Q11.175 10 12 10Q12.825 10 13.413 10.587Q14 11.175 14 12Q14 12.825 13.413 13.412Q12.825 14 12 14ZM18 8Q17.175 8 16.587 7.412Q16 6.825 16 6Q16 5.175 16.587 4.588Q17.175 4 18 4Q18.825 4 19.413 4.588Q20 5.175 20 6Q20 6.825 19.413 7.412Q18.825 8 18 8ZM12 8Q11.175 8 10.588 7.412Q10 6.825 10 6Q10 5.175 10.588 4.588Q11.175 4 12 4Q12.825 4 13.413 4.588Q14 5.175 14 6Q14 6.825 13.413 7.412Q12.825 8 12 8ZM18 14Q17.175 14 16.587 13.412Q16 12.825 16 12Q16 11.175 16.587 10.587Q17.175 10 18 10Q18.825 10 19.413 10.587Q20 11.175 20 12Q20 12.825 19.413 13.412Q18.825 14 18 14ZM18 20Q17.175 20 16.587 19.413Q16 18.825 16 18Q16 17.175 16.587 16.587Q17.175 16 18 16Q18.825 16 19.413 16.587Q20 17.175 20 18Q20 18.825 19.413 19.413Q18.825 20 18 20Z"/>`);
@@ -57,6 +57,7 @@ export const settings = iconWrapper(svg `<path d="M0 0h24v24H0V0z" fill="none"/>
 export const space = iconWrapper(svg `<path d="M62.14,110.18a11.26,11.26,0,1,1-11.27,11.26,11.29,11.29,0,0,1,11.27-11.26m0-11.27a22.53,22.53,0,1,0,22.52,22.53A22.6,22.6,0,0,0,62.14,98.91Zm33.78-45A11.26,11.26,0,1,1,84.66,65.13,11.3,11.3,0,0,1,95.92,53.87m0-11.26a22.52,22.52,0,1,0,22.52,22.52A22.58,22.58,0,0,0,95.92,42.61Zm33.78,67.57a11.26,11.26,0,1,1-11.26,11.26,11.28,11.28,0,0,1,11.26-11.26m0-11.27a22.53,22.53,0,1,0,22.53,22.53A22.6,22.6,0,0,0,129.7,98.91Z"/><rect width="192" height="192" style="fill:none"/>`, 192, 192);
 export const taskAlt = iconWrapper(svg `<rect fill="none" height="24" width="24"/><path d="M22,5.18L10.59,16.6l-4.24-4.24l1.41-1.41l2.83,2.83l10-10L22,5.18z M19.79,10.22C19.92,10.79,20,11.39,20,12 c0,4.42-3.58,8-8,8s-8-3.58-8-8c0-4.42,3.58-8,8-8c1.58,0,3.04,0.46,4.28,1.25l1.44-1.44C16.1,2.67,14.13,2,12,2C6.48,2,2,6.48,2,12 c0,5.52,4.48,10,10,10s10-4.48,10-10c0-1.19-0.22-2.33-0.6-3.39L19.79,10.22z"/>`);
 export const timeline = iconWrapper(svg `<path d="M3 18Q2.175 18 1.588 17.413Q1 16.825 1 16Q1 15.175 1.588 14.587Q2.175 14 3 14Q3.15 14 3.263 14Q3.375 14 3.5 14.05L8.05 9.5Q8 9.375 8 9.262Q8 9.15 8 9Q8 8.175 8.588 7.587Q9.175 7 10 7Q10.825 7 11.413 7.587Q12 8.175 12 9Q12 9.05 11.95 9.5L14.5 12.05Q14.625 12 14.738 12Q14.85 12 15 12Q15.15 12 15.262 12Q15.375 12 15.5 12.05L19.05 8.5Q19 8.375 19 8.262Q19 8.15 19 8Q19 7.175 19.587 6.588Q20.175 6 21 6Q21.825 6 22.413 6.588Q23 7.175 23 8Q23 8.825 22.413 9.412Q21.825 10 21 10Q20.85 10 20.738 10Q20.625 10 20.5 9.95L16.95 13.5Q17 13.625 17 13.738Q17 13.85 17 14Q17 14.825 16.413 15.412Q15.825 16 15 16Q14.175 16 13.588 15.412Q13 14.825 13 14Q13 13.85 13 13.738Q13 13.625 13.05 13.5L10.5 10.95Q10.375 11 10.262 11Q10.15 11 10 11Q9.95 11 9.5 10.95L4.95 15.5Q5 15.625 5 15.738Q5 15.85 5 16Q5 16.825 4.412 17.413Q3.825 18 3 18Z"/>`);
+export const tune = iconWrapper(svg `<path d="M440 936V696h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160V216h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z"/>`, 960, 960, 0, 96);
 export const viewGrid = iconWrapper(svg `<rect fill="none" height="24" width="24"/><path d="M3,5v14h18V5H3z M7,7v2H5V7H7z M5,13v-2h2v2H5z M5,15h2v2H5V15z M19,17H9v-2h10V17z M19,13H9v-2h10V13z M19,9H9V7h10V9z"/>`);
 export const viewList = iconWrapper(svg `<g><rect fill="none" height="24" width="24"/></g><path d="M3,3v8h8V3H3z M9,9H5V5h4V9z M3,13v8h8v-8H3z M9,19H5v-4h4V19z M13,3v8h8V3H13z M19,9h-4V5h4V9z M13,13v8h8v-8H13z M19,19h-4v-4h4V19z"/>`);
 export const visibility = iconWrapper(svg `<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"></path>`);

package/dist/ui/icons/Icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/ui/icons/Icons.ts"],"names":[],"mappings":"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","sourcesContent":["import { svg, SVGTemplateResult } from 'lit';\n\n/*\n Wraps icon into an SVG container.\n * @param tpl Icon definition\n * @returns Complete SVG icon definition\n */\nexport const iconWrapper = (tpl: SVGTemplateResult, width = 24, height = 24): SVGTemplateResult => svg`<svg viewBox=\"0 0 ${width} ${height}\" preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\" style=\"pointer-events: none; display: block; width: 100%; height: 100%;\">${tpl}</svg>`;\n\nexport type IconType = \n 'add' \| 'api' \| 'apps' \| 'arrowBack' \| 'arrowDropDown' \| 'cancel' \| 'cancelFilled' \| 'check' \| 'checkBox' \| 'checkBoxBlank' \| 'checkIndeterminate' \| 'chevronLeft' \| 'chevronRight' \| 'close' \| 'cloud' \| 'cloudFilled' \| 'collectionsBookmark' \| 'deleteFile' \| 'deleteOutline' \| 'edit' \| 'environment' \| 'expandMore' \| \n 'fileDownload' \| 'folder' \| 'folderFilled' \| 'folderShared' \| 'help' \| 'history' \| 'info' \| 'key' \| 'menu' \| 'leaderBoard' \|\n 'moreVert' \| 'openInNew' \| 'personAdd' \| 'playArrow' \| 'project' \| 'remove' \| 'rename' \| 'request' \| 'restoreFromTrash' \| 'save' \|\n 'schema' \| 'schemaEntity' \| 'schemaModel' \| 'schemaNamespace' \| 'search' \| 'send' \| 'settings' \| 'space' \| 'taskAlt' \| 'timeline' \| 'viewGrid' \| 'viewList' \| 'visibility' \| 'visibilityOff' \| 'warning';\n\nexport const add = iconWrapper(svg`<path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"></path>`);\nexport const api = iconWrapper(svg`<path d=\"M0,0H24V24H0Z\" style=\"fill:none\"/><path d=\"M22.45,15.1a4.87,4.87,0,0,0-3.74-4.73,5.29,5.29,0,0,0,.05-.56A4.88,4.88,0,0,0,9.3,8.12,2.85,2.85,0,0,0,5,10.54,4.86,4.86,0,0,0,6.48,20H17.87v0A4.87,4.87,0,0,0,22.45,15.1Z\"/>`);\nexport const apps = iconWrapper(svg`<path d=\"M6 8Q5.175 8 4.588 7.412Q4 6.825 4 6Q4 5.175 4.588 4.588Q5.175 4 6 4Q6.825 4 7.412 4.588Q8 5.175 8 6Q8 6.825 7.412 7.412Q6.825 8 6 8ZM12 20Q11.175 20 10.588 19.413Q10 18.825 10 18Q10 17.175 10.588 16.587Q11.175 16 12 16Q12.825 16 13.413 16.587Q14 17.175 14 18Q14 18.825 13.413 19.413Q12.825 20 12 20ZM6 20Q5.175 20 4.588 19.413Q4 18.825 4 18Q4 17.175 4.588 16.587Q5.175 16 6 16Q6.825 16 7.412 16.587Q8 17.175 8 18Q8 18.825 7.412 19.413Q6.825 20 6 20ZM6 14Q5.175 14 4.588 13.412Q4 12.825 4 12Q4 11.175 4.588 10.587Q5.175 10 6 10Q6.825 10 7.412 10.587Q8 11.175 8 12Q8 12.825 7.412 13.412Q6.825 14 6 14ZM12 14Q11.175 14 10.588 13.412Q10 12.825 10 12Q10 11.175 10.588 10.587Q11.175 10 12 10Q12.825 10 13.413 10.587Q14 11.175 14 12Q14 12.825 13.413 13.412Q12.825 14 12 14ZM18 8Q17.175 8 16.587 7.412Q16 6.825 16 6Q16 5.175 16.587 4.588Q17.175 4 18 4Q18.825 4 19.413 4.588Q20 5.175 20 6Q20 6.825 19.413 7.412Q18.825 8 18 8ZM12 8Q11.175 8 10.588 7.412Q10 6.825 10 6Q10 5.175 10.588 4.588Q11.175 4 12 4Q12.825 4 13.413 4.588Q14 5.175 14 6Q14 6.825 13.413 7.412Q12.825 8 12 8ZM18 14Q17.175 14 16.587 13.412Q16 12.825 16 12Q16 11.175 16.587 10.587Q17.175 10 18 10Q18.825 10 19.413 10.587Q20 11.175 20 12Q20 12.825 19.413 13.412Q18.825 14 18 14ZM18 20Q17.175 20 16.587 19.413Q16 18.825 16 18Q16 17.175 16.587 16.587Q17.175 16 18 16Q18.825 16 19.413 16.587Q20 17.175 20 18Q20 18.825 19.413 19.413Q18.825 20 18 20Z\"/>`);\nexport const arrowBack = iconWrapper(svg`<path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\"></path>`);\nexport const arrowDropDown = iconWrapper(svg`<path d=\"M7 10l5 5 5-5z\"/>`);\nexport const cancel = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\" opacity=\".87\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z\"/>`);\nexport const cancelFilled = iconWrapper(svg`<path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/>`);\nexport const check = iconWrapper(svg`<path d=\"m9.55 18-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4Z\"/>`);\nexport const checkBox = iconWrapper(svg`<path d=\"m10.6 16.2 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14ZM5 5v14V5Z\"/>`);\nexport const checkBoxBlank = iconWrapper(svg`<path d=\"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14Z\"/>`);\nexport const checkIndeterminate = iconWrapper(svg`<path d=\"M7 13v-2h10v2Z\"/>`);\nexport const chevronLeft = iconWrapper(svg`<path d=\"m14 18-6-6 6-6 1.4 1.4-4.6 4.6 4.6 4.6Z\"/>`);\nexport const chevronRight = iconWrapper(svg`<path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/>`);\nexport const close = iconWrapper(svg`<path d=\"M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z\"></path>`);\nexport const cloud = iconWrapper(svg`<path d=\"M12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6m0-2C9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96C18.67 6.59 15.64 4 12 4z\"/>`);\nexport const cloudFilled = iconWrapper(svg`<path d=\"M6.5 20Q4.225 20 2.613 18.425Q1 16.85 1 14.575Q1 12.625 2.175 11.1Q3.35 9.575 5.25 9.15Q5.875 6.85 7.75 5.425Q9.625 4 12 4Q14.925 4 16.962 6.037Q19 8.075 19 11Q20.725 11.2 21.863 12.487Q23 13.775 23 15.5Q23 17.375 21.688 18.688Q20.375 20 18.5 20Z\"/>`);\nexport const collectionsBookmark = iconWrapper(svg`<path d=\"M8 16h12V4h-2v7l-2.5-1.5L13 11V4H8v12Zm0 2q-.825 0-1.412-.587Q6 16.825 6 16V4q0-.825.588-1.413Q7.175 2 8 2h12q.825 0 1.413.587Q22 3.175 22 4v12q0 .825-.587 1.413Q20.825 18 20 18Zm-4 4q-.825 0-1.412-.587Q2 20.825 2 20V6h2v14h14v2Zm9-18h5ZM8 4h12Z\"/>`);\nexport const deleteFile = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z\"/>`);\nexport const deleteOutline = iconWrapper(svg`<path d=\"M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM9 17h2V8H9Zm4 0h2V8h-2ZM7 6v13Z\"/>`);\nexport const edit = iconWrapper(svg`<path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path>`);\nexport const environment = iconWrapper(svg`<path d=\"M160,32h0V160s0,0,0,0H32l0,0h0V32s0,0,0,0H160m0-12H32A12,12,0,0,0,20,32V160a12,12,0,0,0,12,12H160a12,12,0,0,0,12-12V32a12,12,0,0,0-12-12Z\"/><path d=\"M96,68A28,28,0,1,1,68,96,28,28,0,0,1,96,68m0-12a40,40,0,1,0,40,40A40,40,0,0,0,96,56Z\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const expandMore = iconWrapper(svg`<path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"></path>`);\nexport const fileDownload = iconWrapper(svg`<path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"></path>`);\nexport const folder = iconWrapper(svg`<path d=\"M9.17 6l2 2H20v10H4V6h5.17M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z\"/>`);\nexport const folderFilled = iconWrapper(svg`<path d=\"M4 20Q3.175 20 2.588 19.413Q2 18.825 2 18V6Q2 5.175 2.588 4.588Q3.175 4 4 4H10L12 6H20Q20.825 6 21.413 6.588Q22 7.175 22 8V18Q22 18.825 21.413 19.413Q20.825 20 20 20Z\"/>`);\nexport const folderShared = iconWrapper(svg`<path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-5-5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-4 4h8v-1c0-1.33-2.67-2-4-2s-4 .67-4 2v1z\"/>`);\nexport const help = iconWrapper(svg`<path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\"></path>`);\nexport const history = iconWrapper(svg`<path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"></path>`);\nexport const info = iconWrapper(svg`<path d=\"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z\"></path>`);\nexport const key = iconWrapper(svg`<g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><path d=\"M21,10h-8.35C11.83,7.67,9.61,6,7,6c-3.31,0-6,2.69-6,6s2.69,6,6,6c2.61,0,4.83-1.67,5.65-4H13l2,2l2-2l2,2l4-4.04L21,10z M7,15c-1.65,0-3-1.35-3-3c0-1.65,1.35-3,3-3s3,1.35,3,3C10,13.65,8.65,15,7,15z\"/></g>`);\nexport const leaderBoard = iconWrapper(svg`<rect fill=\"none\" height=\"24\" width=\"24\"/><g><path d=\"M16,11V3H8v6H2v12h20V11H16z M10,5h4v14h-4V5z M4,11h4v8H4V11z M20,19h-4v-6h4V19z\"/></g>`);\nexport const menu = iconWrapper(svg`<path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"></path>`);\nexport const moreVert = iconWrapper(svg`<path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"/>`);\nexport const openInNew = iconWrapper(svg`<path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"></path>`);\nexport const personAdd = iconWrapper(svg`<g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><path d=\"M20,9V6h-2v3h-3v2h3v3h2v-3h3V9H20z M9,12c2.21,0,4-1.79,4-4c0-2.21-1.79-4-4-4S5,5.79,5,8C5,10.21,6.79,12,9,12z M9,6 c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2S7,9.1,7,8C7,6.9,7.9,6,9,6z M15.39,14.56C13.71,13.7,11.53,13,9,13c-2.53,0-4.71,0.7-6.39,1.56 C1.61,15.07,1,16.1,1,17.22V20h16v-2.78C17,16.1,16.39,15.07,15.39,14.56z M15,18H3v-0.78c0-0.38,0.2-0.72,0.52-0.88 C4.71,15.73,6.63,15,9,15c2.37,0,4.29,0.73,5.48,1.34C14.8,16.5,15,16.84,15,17.22V18z\"/></g>`);\nexport const playArrow = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M10 8.64L15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z\"/>`);\nexport const project = iconWrapper(svg`<path d=\"M160,32h0V160s0,0,0,0H32l0,0h0V32s0,0,0,0H160m0-12H32A12,12,0,0,0,20,32V160a12,12,0,0,0,12,12H160a12,12,0,0,0,12-12V32a12,12,0,0,0-12-12Z\"/><circle cx=\"63\" cy=\"63\" r=\"9\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:8px\"/><circle cx=\"63\" cy=\"96\" r=\"9\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:8px\"/><circle cx=\"63\" cy=\"129\" r=\"9\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:8px\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const remove = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19 13H5v-2h14v2z\"/>`);\nexport const rename = iconWrapper(svg`<g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><g><polygon points=\"15,16 11,20 21,20 21,16\"/><path d=\"M12.06,7.19L3,16.25V20h3.75l9.06-9.06L12.06,7.19z M5.92,18H5v-0.92l7.06-7.06l0.92,0.92L5.92,18z\"/><path d=\"M18.71,8.04c0.39-0.39,0.39-1.02,0-1.41l-2.34-2.34C16.17,4.09,15.92,4,15.66,4c-0.25,0-0.51,0.1-0.7,0.29l-1.83,1.83 l3.75,3.75L18.71,8.04z\"/></g></g>`);\nexport const request = iconWrapper(svg`<polygon points=\"136 136 56 136 32 96 56 56 136 56 160 96 136 136\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:12px\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const restoreFromTrash = iconWrapper(svg`<path d=\"M11 16h2v-4.15l1.6 1.55L16 12l-4-4-4 4 1.4 1.4 1.6-1.55Zm-4 5q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM7 6v13Z\"/>`);\nexport const save = iconWrapper(svg`<path d=\"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z\"></path>`);\nexport const schema = iconWrapper(svg`<path d=\"M83.31,32.21a8,8,0,0,0-5.66,2.34L22.34,89.86a8.63,8.63,0,0,0,0,11.8L77.65,157A8,8,0,0,0,89,145.65L39.07,95.76,89,45.86a8,8,0,0,0-5.66-13.65Z\"/><path d=\"M108.9,32.53a8,8,0,0,0-5.66,13.65l49.9,49.9L103.24,146a8,8,0,0,0,11.32,11.32L169.87,102a8.63,8.63,0,0,0,0-11.8L114.56,34.87a8,8,0,0,0-5.66-2.34Z\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const schemaEntity = iconWrapper(svg`<path d=\"M19.78,1.4H4.7A3.22,3.22,0,0,0,1.45,4.65V19.74A3.22,3.22,0,0,0,4.7,23H19.78A3.22,3.22,0,0,0,23,19.74V4.65A3.22,3.22,0,0,0,19.78,1.4Zm1.95,18.34a2,2,0,0,1-1.95,2H4.7a2,2,0,0,1-1.95-2V4.65a2,2,0,0,1,2-1.95H19.78a2,2,0,0,1,1.95,2Z\"/><rect x=\"5.4\" y=\"5.35\" width=\"13.69\" height=\"13.69\" rx=\"2.06\"/><rect x=\"6.44\" y=\"6.39\" width=\"11.61\" height=\"11.61\" rx=\"1.02\"/><path d=\"M0,0H24V24H0Z\" style=\"fill:none\"/>`);\nexport const schemaModel = iconWrapper(svg`<path d=\"M3.4,16.79H9.09a1.71,1.71,0,0,0,1.85-1.55V8.85A1.8,1.8,0,0,0,9.09,7.21H3.4A1.71,1.71,0,0,0,1.55,8.76s0,.06,0,.09v6.3A1.7,1.7,0,0,0,3.3,16.79ZM14.91,23H20.6a1.7,1.7,0,0,0,1.85-1.54s0-.07,0-.1V15.06a1.8,1.8,0,0,0-1.86-1.64H14.91A1.71,1.71,0,0,0,13.06,15v6.38C12.93,22.31,13.85,23,14.91,23Zm0-12.55H20.6A1.7,1.7,0,0,0,22.45,8.9s0-.07,0-.1V2.65A1.79,1.79,0,0,0,20.6,1H14.91a1.7,1.7,0,0,0-1.85,1.54V8.94C12.93,9.76,13.85,10.44,14.91,10.44Z\" style=\"isolation:isolate\"/><path d=\"M0,0H24V24H0Z\" style=\"fill:none\"/>`);\nexport const schemaNamespace = iconWrapper(svg`<path d=\"M3.41,10.12H9.09a1.68,1.68,0,0,0,1.85-1.59V2.59A1.76,1.76,0,0,0,9.09,1H3.41A1.68,1.68,0,0,0,1.56,2.59V8.67A1.67,1.67,0,0,0,3.41,10.12Zm0,12.94H9.09a1.68,1.68,0,0,0,1.85-1.58V15.4a1.76,1.76,0,0,0-1.85-1.59H3.41A1.68,1.68,0,0,0,1.56,15.4v6.08A1.68,1.68,0,0,0,3.41,23.06Zm11.5,0h5.68a1.68,1.68,0,0,0,1.85-1.58V15.4a1.76,1.76,0,0,0-1.85-1.59H14.91a1.68,1.68,0,0,0-1.85,1.59v6.08C12.93,22.4,13.85,23.06,14.91,23.06Zm0-12.94h5.68a1.68,1.68,0,0,0,1.85-1.59V2.59A1.76,1.76,0,0,0,20.59,1H14.91a1.68,1.68,0,0,0-1.85,1.59V8.67C12.93,9.46,13.85,10.12,14.91,10.12Z\"/><path d=\"M0,0H24V24H0Z\" style=\"fill:none\"/>`);\nexport const search = iconWrapper(svg`<path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 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>`);\nexport const send = iconWrapper(svg`<path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"></path>`);\nexport const settings = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"/>`);\nexport const space = iconWrapper(svg`<path d=\"M62.14,110.18a11.26,11.26,0,1,1-11.27,11.26,11.29,11.29,0,0,1,11.27-11.26m0-11.27a22.53,22.53,0,1,0,22.52,22.53A22.6,22.6,0,0,0,62.14,98.91Zm33.78-45A11.26,11.26,0,1,1,84.66,65.13,11.3,11.3,0,0,1,95.92,53.87m0-11.26a22.52,22.52,0,1,0,22.52,22.52A22.58,22.58,0,0,0,95.92,42.61Zm33.78,67.57a11.26,11.26,0,1,1-11.26,11.26,11.28,11.28,0,0,1,11.26-11.26m0-11.27a22.53,22.53,0,1,0,22.53,22.53A22.6,22.6,0,0,0,129.7,98.91Z\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const taskAlt = iconWrapper(svg`<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M22,5.18L10.59,16.6l-4.24-4.24l1.41-1.41l2.83,2.83l10-10L22,5.18z M19.79,10.22C19.92,10.79,20,11.39,20,12 c0,4.42-3.58,8-8,8s-8-3.58-8-8c0-4.42,3.58-8,8-8c1.58,0,3.04,0.46,4.28,1.25l1.44-1.44C16.1,2.67,14.13,2,12,2C6.48,2,2,6.48,2,12 c0,5.52,4.48,10,10,10s10-4.48,10-10c0-1.19-0.22-2.33-0.6-3.39L19.79,10.22z\"/>`);\nexport const timeline = iconWrapper(svg`<path d=\"M3 18Q2.175 18 1.588 17.413Q1 16.825 1 16Q1 15.175 1.588 14.587Q2.175 14 3 14Q3.15 14 3.263 14Q3.375 14 3.5 14.05L8.05 9.5Q8 9.375 8 9.262Q8 9.15 8 9Q8 8.175 8.588 7.587Q9.175 7 10 7Q10.825 7 11.413 7.587Q12 8.175 12 9Q12 9.05 11.95 9.5L14.5 12.05Q14.625 12 14.738 12Q14.85 12 15 12Q15.15 12 15.262 12Q15.375 12 15.5 12.05L19.05 8.5Q19 8.375 19 8.262Q19 8.15 19 8Q19 7.175 19.587 6.588Q20.175 6 21 6Q21.825 6 22.413 6.588Q23 7.175 23 8Q23 8.825 22.413 9.412Q21.825 10 21 10Q20.85 10 20.738 10Q20.625 10 20.5 9.95L16.95 13.5Q17 13.625 17 13.738Q17 13.85 17 14Q17 14.825 16.413 15.412Q15.825 16 15 16Q14.175 16 13.588 15.412Q13 14.825 13 14Q13 13.85 13 13.738Q13 13.625 13.05 13.5L10.5 10.95Q10.375 11 10.262 11Q10.15 11 10 11Q9.95 11 9.5 10.95L4.95 15.5Q5 15.625 5 15.738Q5 15.85 5 16Q5 16.825 4.412 17.413Q3.825 18 3 18Z\"/>`);\nexport const viewGrid = iconWrapper(svg`<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M3,5v14h18V5H3z M7,7v2H5V7H7z M5,13v-2h2v2H5z M5,15h2v2H5V15z M19,17H9v-2h10V17z M19,13H9v-2h10V13z M19,9H9V7h10V9z\"/>`);\nexport const viewList = iconWrapper(svg`<g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><path d=\"M3,3v8h8V3H3z M9,9H5V5h4V9z M3,13v8h8v-8H3z M9,19H5v-4h4V19z M13,3v8h8V3H13z M19,9h-4V5h4V9z M13,13v8h8v-8H13z M19,19h-4v-4h4V19z\"/>`);\nexport const visibility = iconWrapper(svg`<path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path>`);\nexport const visibilityOff = iconWrapper(svg`<path d=\"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z\"></path>`);\nexport const warning = iconWrapper(svg`<path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"></path>`);\n"]}
1	+ {"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/ui/icons/Icons.ts"],"names":[],"mappings":"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","sourcesContent":["import { svg, SVGTemplateResult } from 'lit';\n\n/*\n Wraps icon into an SVG container.\n * @param tpl Icon definition\n * @returns Complete SVG icon definition\n */\nexport const iconWrapper = (tpl: SVGTemplateResult, width = 24, height = 24, top = 0, left = 0): SVGTemplateResult => svg`<svg viewBox=\"${top} ${left} ${width} ${height}\" preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\" style=\"pointer-events: none; display: block; width: 100%; height: 100%;\">${tpl}</svg>`;\n\nexport type IconType = \n 'add' \| 'api' \| 'apps' \| 'arrowBack' \| 'arrowDropDown' \| 'cancel' \| 'cancelFilled' \| 'check' \| 'checkBox' \| 'checkBoxBlank' \| 'checkIndeterminate' \| 'chevronLeft' \| 'chevronRight' \| 'close' \| 'cloud' \| 'cloudFilled' \| 'collectionsBookmark' \| 'deleteFile' \| 'deleteOutline' \| 'edit' \| 'environment' \| 'expandMore' \| \n 'fileDownload' \| 'folder' \| 'folderFilled' \| 'folderShared' \| 'help' \| 'history' \| 'info' \| 'key' \| 'menu' \| 'leaderBoard' \|\n 'moreVert' \| 'openInNew' \| 'personAdd' \| 'playArrow' \| 'project' \| 'remove' \| 'rename' \| 'request' \| 'restoreFromTrash' \| 'save' \|\n 'schema' \| 'schemaEntity' \| 'schemaModel' \| 'schemaNamespace' \| 'search' \| 'send' \| 'settings' \| 'space' \| 'taskAlt' \| 'timeline' \| 'tune' \| 'viewGrid' \| 'viewList' \| 'visibility' \| 'visibilityOff' \| 'warning';\n\nexport const add = iconWrapper(svg`<path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"></path>`);\nexport const api = iconWrapper(svg`<path d=\"M0,0H24V24H0Z\" style=\"fill:none\"/><path d=\"M22.45,15.1a4.87,4.87,0,0,0-3.74-4.73,5.29,5.29,0,0,0,.05-.56A4.88,4.88,0,0,0,9.3,8.12,2.85,2.85,0,0,0,5,10.54,4.86,4.86,0,0,0,6.48,20H17.87v0A4.87,4.87,0,0,0,22.45,15.1Z\"/>`);\nexport const apps = iconWrapper(svg`<path d=\"M6 8Q5.175 8 4.588 7.412Q4 6.825 4 6Q4 5.175 4.588 4.588Q5.175 4 6 4Q6.825 4 7.412 4.588Q8 5.175 8 6Q8 6.825 7.412 7.412Q6.825 8 6 8ZM12 20Q11.175 20 10.588 19.413Q10 18.825 10 18Q10 17.175 10.588 16.587Q11.175 16 12 16Q12.825 16 13.413 16.587Q14 17.175 14 18Q14 18.825 13.413 19.413Q12.825 20 12 20ZM6 20Q5.175 20 4.588 19.413Q4 18.825 4 18Q4 17.175 4.588 16.587Q5.175 16 6 16Q6.825 16 7.412 16.587Q8 17.175 8 18Q8 18.825 7.412 19.413Q6.825 20 6 20ZM6 14Q5.175 14 4.588 13.412Q4 12.825 4 12Q4 11.175 4.588 10.587Q5.175 10 6 10Q6.825 10 7.412 10.587Q8 11.175 8 12Q8 12.825 7.412 13.412Q6.825 14 6 14ZM12 14Q11.175 14 10.588 13.412Q10 12.825 10 12Q10 11.175 10.588 10.587Q11.175 10 12 10Q12.825 10 13.413 10.587Q14 11.175 14 12Q14 12.825 13.413 13.412Q12.825 14 12 14ZM18 8Q17.175 8 16.587 7.412Q16 6.825 16 6Q16 5.175 16.587 4.588Q17.175 4 18 4Q18.825 4 19.413 4.588Q20 5.175 20 6Q20 6.825 19.413 7.412Q18.825 8 18 8ZM12 8Q11.175 8 10.588 7.412Q10 6.825 10 6Q10 5.175 10.588 4.588Q11.175 4 12 4Q12.825 4 13.413 4.588Q14 5.175 14 6Q14 6.825 13.413 7.412Q12.825 8 12 8ZM18 14Q17.175 14 16.587 13.412Q16 12.825 16 12Q16 11.175 16.587 10.587Q17.175 10 18 10Q18.825 10 19.413 10.587Q20 11.175 20 12Q20 12.825 19.413 13.412Q18.825 14 18 14ZM18 20Q17.175 20 16.587 19.413Q16 18.825 16 18Q16 17.175 16.587 16.587Q17.175 16 18 16Q18.825 16 19.413 16.587Q20 17.175 20 18Q20 18.825 19.413 19.413Q18.825 20 18 20Z\"/>`);\nexport const arrowBack = iconWrapper(svg`<path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\"></path>`);\nexport const arrowDropDown = iconWrapper(svg`<path d=\"M7 10l5 5 5-5z\"/>`);\nexport const cancel = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\" opacity=\".87\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z\"/>`);\nexport const cancelFilled = iconWrapper(svg`<path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/>`);\nexport const check = iconWrapper(svg`<path d=\"m9.55 18-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4Z\"/>`);\nexport const checkBox = iconWrapper(svg`<path d=\"m10.6 16.2 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14ZM5 5v14V5Z\"/>`);\nexport const checkBoxBlank = iconWrapper(svg`<path d=\"M5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14Z\"/>`);\nexport const checkIndeterminate = iconWrapper(svg`<path d=\"M7 13v-2h10v2Z\"/>`);\nexport const chevronLeft = iconWrapper(svg`<path d=\"m14 18-6-6 6-6 1.4 1.4-4.6 4.6 4.6 4.6Z\"/>`);\nexport const chevronRight = iconWrapper(svg`<path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/>`);\nexport const close = iconWrapper(svg`<path d=\"M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z\"></path>`);\nexport const cloud = iconWrapper(svg`<path d=\"M12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6m0-2C9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96C18.67 6.59 15.64 4 12 4z\"/>`);\nexport const cloudFilled = iconWrapper(svg`<path d=\"M6.5 20Q4.225 20 2.613 18.425Q1 16.85 1 14.575Q1 12.625 2.175 11.1Q3.35 9.575 5.25 9.15Q5.875 6.85 7.75 5.425Q9.625 4 12 4Q14.925 4 16.962 6.037Q19 8.075 19 11Q20.725 11.2 21.863 12.487Q23 13.775 23 15.5Q23 17.375 21.688 18.688Q20.375 20 18.5 20Z\"/>`);\nexport const collectionsBookmark = iconWrapper(svg`<path d=\"M8 16h12V4h-2v7l-2.5-1.5L13 11V4H8v12Zm0 2q-.825 0-1.412-.587Q6 16.825 6 16V4q0-.825.588-1.413Q7.175 2 8 2h12q.825 0 1.413.587Q22 3.175 22 4v12q0 .825-.587 1.413Q20.825 18 20 18Zm-4 4q-.825 0-1.412-.587Q2 20.825 2 20V6h2v14h14v2Zm9-18h5ZM8 4h12Z\"/>`);\nexport const deleteFile = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z\"/>`);\nexport const deleteOutline = iconWrapper(svg`<path d=\"M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM9 17h2V8H9Zm4 0h2V8h-2ZM7 6v13Z\"/>`);\nexport const edit = iconWrapper(svg`<path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path>`);\nexport const environment = iconWrapper(svg`<path d=\"M160,32h0V160s0,0,0,0H32l0,0h0V32s0,0,0,0H160m0-12H32A12,12,0,0,0,20,32V160a12,12,0,0,0,12,12H160a12,12,0,0,0,12-12V32a12,12,0,0,0-12-12Z\"/><path d=\"M96,68A28,28,0,1,1,68,96,28,28,0,0,1,96,68m0-12a40,40,0,1,0,40,40A40,40,0,0,0,96,56Z\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const expandMore = iconWrapper(svg`<path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"></path>`);\nexport const fileDownload = iconWrapper(svg`<path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"></path>`);\nexport const folder = iconWrapper(svg`<path d=\"M9.17 6l2 2H20v10H4V6h5.17M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z\"/>`);\nexport const folderFilled = iconWrapper(svg`<path d=\"M4 20Q3.175 20 2.588 19.413Q2 18.825 2 18V6Q2 5.175 2.588 4.588Q3.175 4 4 4H10L12 6H20Q20.825 6 21.413 6.588Q22 7.175 22 8V18Q22 18.825 21.413 19.413Q20.825 20 20 20Z\"/>`);\nexport const folderShared = iconWrapper(svg`<path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-5-5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-4 4h8v-1c0-1.33-2.67-2-4-2s-4 .67-4 2v1z\"/>`);\nexport const help = iconWrapper(svg`<path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\"></path>`);\nexport const history = iconWrapper(svg`<path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"></path>`);\nexport const info = iconWrapper(svg`<path d=\"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z\"></path>`);\nexport const key = iconWrapper(svg`<g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><path d=\"M21,10h-8.35C11.83,7.67,9.61,6,7,6c-3.31,0-6,2.69-6,6s2.69,6,6,6c2.61,0,4.83-1.67,5.65-4H13l2,2l2-2l2,2l4-4.04L21,10z M7,15c-1.65,0-3-1.35-3-3c0-1.65,1.35-3,3-3s3,1.35,3,3C10,13.65,8.65,15,7,15z\"/></g>`);\nexport const leaderBoard = iconWrapper(svg`<rect fill=\"none\" height=\"24\" width=\"24\"/><g><path d=\"M16,11V3H8v6H2v12h20V11H16z M10,5h4v14h-4V5z M4,11h4v8H4V11z M20,19h-4v-6h4V19z\"/></g>`);\nexport const menu = iconWrapper(svg`<path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"></path>`);\nexport const moreVert = iconWrapper(svg`<path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"/>`);\nexport const openInNew = iconWrapper(svg`<path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"></path>`);\nexport const personAdd = iconWrapper(svg`<g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><path d=\"M20,9V6h-2v3h-3v2h3v3h2v-3h3V9H20z M9,12c2.21,0,4-1.79,4-4c0-2.21-1.79-4-4-4S5,5.79,5,8C5,10.21,6.79,12,9,12z M9,6 c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2S7,9.1,7,8C7,6.9,7.9,6,9,6z M15.39,14.56C13.71,13.7,11.53,13,9,13c-2.53,0-4.71,0.7-6.39,1.56 C1.61,15.07,1,16.1,1,17.22V20h16v-2.78C17,16.1,16.39,15.07,15.39,14.56z M15,18H3v-0.78c0-0.38,0.2-0.72,0.52-0.88 C4.71,15.73,6.63,15,9,15c2.37,0,4.29,0.73,5.48,1.34C14.8,16.5,15,16.84,15,17.22V18z\"/></g>`);\nexport const playArrow = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M10 8.64L15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z\"/>`);\nexport const project = iconWrapper(svg`<path d=\"M160,32h0V160s0,0,0,0H32l0,0h0V32s0,0,0,0H160m0-12H32A12,12,0,0,0,20,32V160a12,12,0,0,0,12,12H160a12,12,0,0,0,12-12V32a12,12,0,0,0-12-12Z\"/><circle cx=\"63\" cy=\"63\" r=\"9\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:8px\"/><circle cx=\"63\" cy=\"96\" r=\"9\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:8px\"/><circle cx=\"63\" cy=\"129\" r=\"9\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:8px\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const remove = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19 13H5v-2h14v2z\"/>`);\nexport const rename = iconWrapper(svg`<g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><g><polygon points=\"15,16 11,20 21,20 21,16\"/><path d=\"M12.06,7.19L3,16.25V20h3.75l9.06-9.06L12.06,7.19z M5.92,18H5v-0.92l7.06-7.06l0.92,0.92L5.92,18z\"/><path d=\"M18.71,8.04c0.39-0.39,0.39-1.02,0-1.41l-2.34-2.34C16.17,4.09,15.92,4,15.66,4c-0.25,0-0.51,0.1-0.7,0.29l-1.83,1.83 l3.75,3.75L18.71,8.04z\"/></g></g>`);\nexport const request = iconWrapper(svg`<polygon points=\"136 136 56 136 32 96 56 56 136 56 160 96 136 136\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:12px\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const restoreFromTrash = iconWrapper(svg`<path d=\"M11 16h2v-4.15l1.6 1.55L16 12l-4-4-4 4 1.4 1.4 1.6-1.55Zm-4 5q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM7 6v13Z\"/>`);\nexport const save = iconWrapper(svg`<path d=\"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z\"></path>`);\nexport const schema = iconWrapper(svg`<path d=\"M83.31,32.21a8,8,0,0,0-5.66,2.34L22.34,89.86a8.63,8.63,0,0,0,0,11.8L77.65,157A8,8,0,0,0,89,145.65L39.07,95.76,89,45.86a8,8,0,0,0-5.66-13.65Z\"/><path d=\"M108.9,32.53a8,8,0,0,0-5.66,13.65l49.9,49.9L103.24,146a8,8,0,0,0,11.32,11.32L169.87,102a8.63,8.63,0,0,0,0-11.8L114.56,34.87a8,8,0,0,0-5.66-2.34Z\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const schemaEntity = iconWrapper(svg`<path d=\"M19.78,1.4H4.7A3.22,3.22,0,0,0,1.45,4.65V19.74A3.22,3.22,0,0,0,4.7,23H19.78A3.22,3.22,0,0,0,23,19.74V4.65A3.22,3.22,0,0,0,19.78,1.4Zm1.95,18.34a2,2,0,0,1-1.95,2H4.7a2,2,0,0,1-1.95-2V4.65a2,2,0,0,1,2-1.95H19.78a2,2,0,0,1,1.95,2Z\"/><rect x=\"5.4\" y=\"5.35\" width=\"13.69\" height=\"13.69\" rx=\"2.06\"/><rect x=\"6.44\" y=\"6.39\" width=\"11.61\" height=\"11.61\" rx=\"1.02\"/><path d=\"M0,0H24V24H0Z\" style=\"fill:none\"/>`);\nexport const schemaModel = iconWrapper(svg`<path d=\"M3.4,16.79H9.09a1.71,1.71,0,0,0,1.85-1.55V8.85A1.8,1.8,0,0,0,9.09,7.21H3.4A1.71,1.71,0,0,0,1.55,8.76s0,.06,0,.09v6.3A1.7,1.7,0,0,0,3.3,16.79ZM14.91,23H20.6a1.7,1.7,0,0,0,1.85-1.54s0-.07,0-.1V15.06a1.8,1.8,0,0,0-1.86-1.64H14.91A1.71,1.71,0,0,0,13.06,15v6.38C12.93,22.31,13.85,23,14.91,23Zm0-12.55H20.6A1.7,1.7,0,0,0,22.45,8.9s0-.07,0-.1V2.65A1.79,1.79,0,0,0,20.6,1H14.91a1.7,1.7,0,0,0-1.85,1.54V8.94C12.93,9.76,13.85,10.44,14.91,10.44Z\" style=\"isolation:isolate\"/><path d=\"M0,0H24V24H0Z\" style=\"fill:none\"/>`);\nexport const schemaNamespace = iconWrapper(svg`<path d=\"M3.41,10.12H9.09a1.68,1.68,0,0,0,1.85-1.59V2.59A1.76,1.76,0,0,0,9.09,1H3.41A1.68,1.68,0,0,0,1.56,2.59V8.67A1.67,1.67,0,0,0,3.41,10.12Zm0,12.94H9.09a1.68,1.68,0,0,0,1.85-1.58V15.4a1.76,1.76,0,0,0-1.85-1.59H3.41A1.68,1.68,0,0,0,1.56,15.4v6.08A1.68,1.68,0,0,0,3.41,23.06Zm11.5,0h5.68a1.68,1.68,0,0,0,1.85-1.58V15.4a1.76,1.76,0,0,0-1.85-1.59H14.91a1.68,1.68,0,0,0-1.85,1.59v6.08C12.93,22.4,13.85,23.06,14.91,23.06Zm0-12.94h5.68a1.68,1.68,0,0,0,1.85-1.59V2.59A1.76,1.76,0,0,0,20.59,1H14.91a1.68,1.68,0,0,0-1.85,1.59V8.67C12.93,9.46,13.85,10.12,14.91,10.12Z\"/><path d=\"M0,0H24V24H0Z\" style=\"fill:none\"/>`);\nexport const search = iconWrapper(svg`<path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 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>`);\nexport const send = iconWrapper(svg`<path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"></path>`);\nexport const settings = iconWrapper(svg`<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"/>`);\nexport const space = iconWrapper(svg`<path d=\"M62.14,110.18a11.26,11.26,0,1,1-11.27,11.26,11.29,11.29,0,0,1,11.27-11.26m0-11.27a22.53,22.53,0,1,0,22.52,22.53A22.6,22.6,0,0,0,62.14,98.91Zm33.78-45A11.26,11.26,0,1,1,84.66,65.13,11.3,11.3,0,0,1,95.92,53.87m0-11.26a22.52,22.52,0,1,0,22.52,22.52A22.58,22.58,0,0,0,95.92,42.61Zm33.78,67.57a11.26,11.26,0,1,1-11.26,11.26,11.28,11.28,0,0,1,11.26-11.26m0-11.27a22.53,22.53,0,1,0,22.53,22.53A22.6,22.6,0,0,0,129.7,98.91Z\"/><rect width=\"192\" height=\"192\" style=\"fill:none\"/>`, 192, 192);\nexport const taskAlt = iconWrapper(svg`<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M22,5.18L10.59,16.6l-4.24-4.24l1.41-1.41l2.83,2.83l10-10L22,5.18z M19.79,10.22C19.92,10.79,20,11.39,20,12 c0,4.42-3.58,8-8,8s-8-3.58-8-8c0-4.42,3.58-8,8-8c1.58,0,3.04,0.46,4.28,1.25l1.44-1.44C16.1,2.67,14.13,2,12,2C6.48,2,2,6.48,2,12 c0,5.52,4.48,10,10,10s10-4.48,10-10c0-1.19-0.22-2.33-0.6-3.39L19.79,10.22z\"/>`);\nexport const timeline = iconWrapper(svg`<path d=\"M3 18Q2.175 18 1.588 17.413Q1 16.825 1 16Q1 15.175 1.588 14.587Q2.175 14 3 14Q3.15 14 3.263 14Q3.375 14 3.5 14.05L8.05 9.5Q8 9.375 8 9.262Q8 9.15 8 9Q8 8.175 8.588 7.587Q9.175 7 10 7Q10.825 7 11.413 7.587Q12 8.175 12 9Q12 9.05 11.95 9.5L14.5 12.05Q14.625 12 14.738 12Q14.85 12 15 12Q15.15 12 15.262 12Q15.375 12 15.5 12.05L19.05 8.5Q19 8.375 19 8.262Q19 8.15 19 8Q19 7.175 19.587 6.588Q20.175 6 21 6Q21.825 6 22.413 6.588Q23 7.175 23 8Q23 8.825 22.413 9.412Q21.825 10 21 10Q20.85 10 20.738 10Q20.625 10 20.5 9.95L16.95 13.5Q17 13.625 17 13.738Q17 13.85 17 14Q17 14.825 16.413 15.412Q15.825 16 15 16Q14.175 16 13.588 15.412Q13 14.825 13 14Q13 13.85 13 13.738Q13 13.625 13.05 13.5L10.5 10.95Q10.375 11 10.262 11Q10.15 11 10 11Q9.95 11 9.5 10.95L4.95 15.5Q5 15.625 5 15.738Q5 15.85 5 16Q5 16.825 4.412 17.413Q3.825 18 3 18Z\"/>`);\nexport const tune = iconWrapper(svg`<path d=\"M440 936V696h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160V216h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z\"/>`, 960, 960, 0, 96);\nexport const viewGrid = iconWrapper(svg`<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M3,5v14h18V5H3z M7,7v2H5V7H7z M5,13v-2h2v2H5z M5,15h2v2H5V15z M19,17H9v-2h10V17z M19,13H9v-2h10V13z M19,9H9V7h10V9z\"/>`);\nexport const viewList = iconWrapper(svg`<g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><path d=\"M3,3v8h8V3H3z M9,9H5V5h4V9z M3,13v8h8v-8H3z M9,19H5v-4h4V19z M13,3v8h8V3H13z M19,9h-4V5h4V9z M13,13v8h8v-8H13z M19,19h-4v-4h4V19z\"/>`);\nexport const visibility = iconWrapper(svg`<path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"></path>`);\nexport const visibilityOff = iconWrapper(svg`<path d=\"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z\"></path>`);\nexport const warning = iconWrapper(svg`<path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"></path>`);\n"]}

package/dist/ui/input/CheckedElement.d.ts CHANGED Viewed

@@ -84,7 +84,7 @@ export default class CheckedElement extends UiElement {
     protected handleBlur(): void;
     protected _setChecked(value?: boolean): void;
     protected _updateFormValue(): void;
-    protected _notifyChange(): void;
+    notifyChange(): void;
     protected _invalidHandler(): void;
     toggle(): void;
     protected _postCheckedChange(): void;

package/dist/ui/input/CheckedElement.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckedElement.d.ts","sourceRoot":"","sources":["../../../src/ui/input/CheckedElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;;IAGnD,MAAM,KAAK,cAAc,IAAI,OAAO,CAEnC;IAID,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,IAAI,IAAI,MAAM,CAA2B;IAE7C,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;;OAGG;IACH,IACI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAK1B;IAED;;;OAGG;IACyB,IAAI,CAAC,EAAE,MAAM,CAAC;IAI1C;;;;;OAKG;IACH,IACI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMlC;IAID;;;;;;;OAOG;IACH,IACI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAQzB;IAID;;;;;;;OAOG;IACH,IACI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,OAAO,EAM/B;IAID;;;OAGG;IACH,IACI,QAAQ,IAAI,OAAO,GAAG,SAAS,CAElC;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAatC;IAED;;;;;OAKG;IACyC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE9D,SAAS,KAAK,gBAAgB,IAAI,MAAM,CAEvC;;IAuBQ,iBAAiB,IAAI,IAAI;IAWlC;;;OAGG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI;IAOzC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAKhC,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI;IAW/C,SAAS,CAAC,WAAW,IAAI,IAAI;IAI7B,SAAS,CAAC,UAAU,IAAI,IAAI;IAI5B,SAAS,CAAC,WAAW,CAAC,KAAK,UAAQ,GAAG,IAAI;IAO1C,SAAS,CAAC,gBAAgB,IAAI,IAAI;~~IAiBlC~~,~~SAAS~~,~~CAAC,aAAa,~~IAAI,IAAI;~~IAM/B~~,SAAS,CAAC,eAAe,IAAI,IAAI;IAOjC,MAAM,IAAI,IAAI;IAWd,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAKpC;;;OAGG;IACH,aAAa,IAAI,OAAO;IAKxB;;;;OAIG;IACH,cAAc,IAAI,OAAO;CAI1B"}
1	+ {"version":3,"file":"CheckedElement.d.ts","sourceRoot":"","sources":["../../../src/ui/input/CheckedElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;;IAGnD,MAAM,KAAK,cAAc,IAAI,OAAO,CAEnC;IAID,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,IAAI,IAAI,MAAM,CAA2B;IAE7C,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;;OAGG;IACH,IACI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAK1B;IAED;;;OAGG;IACyB,IAAI,CAAC,EAAE,MAAM,CAAC;IAI1C;;;;;OAKG;IACH,IACI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMlC;IAID;;;;;;;OAOG;IACH,IACI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAQzB;IAID;;;;;;;OAOG;IACH,IACI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,OAAO,EAM/B;IAID;;;OAGG;IACH,IACI,QAAQ,IAAI,OAAO,GAAG,SAAS,CAElC;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAatC;IAED;;;;;OAKG;IACyC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE9D,SAAS,KAAK,gBAAgB,IAAI,MAAM,CAEvC;;IAuBQ,iBAAiB,IAAI,IAAI;IAWlC;;;OAGG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI;IAOzC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAKhC,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI;IAW/C,SAAS,CAAC,WAAW,IAAI,IAAI;IAI7B,SAAS,CAAC,UAAU,IAAI,IAAI;IAI5B,SAAS,CAAC,WAAW,CAAC,KAAK,UAAQ,GAAG,IAAI;IAO1C,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAiBzB,YAAY,IAAI,IAAI;IAM7B,SAAS,CAAC,eAAe,IAAI,IAAI;IAOjC,MAAM,IAAI,IAAI;IAWd,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAKpC;;;OAGG;IACH,aAAa,IAAI,OAAO;IAKxB;;;;OAIG;IACH,cAAc,IAAI,OAAO;CAI1B"}

package/dist/ui/input/CheckedElement.js CHANGED Viewed

@@ -208,10 +208,10 @@ export default class CheckedElement extends UiElement {
             this.#_internals.setValidity({});
         }
     }
-    _notifyChange() {
+    notifyChange() {
         // The <input type="checkbox"/> dispatches both events.
         this.dispatchEvent(new Event('input'));
-        this.dispatchEvent(new Event('change'));
+        super.notifyChange();
     }
     _invalidHandler() {
         if (!this.#_userInteracted) {
@@ -230,7 +230,7 @@ export default class CheckedElement extends UiElement {
         this._postCheckedChange();
     }
     _postCheckedChange() {
-        this._notifyChange();
+        this.notifyChange();
         this.#_internals.checkValidity();
     }
     /**

package/dist/ui/input/CheckedElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckedElement.js","sourceRoot":"","sources":["../../../src/ui/input/CheckedElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from \"lit/decorators.js\";\nimport { UiElement } from \"../UiElement.js\";\nimport { EndPressConfig } from \"../controllers/ActionController.js\";\nimport { isDisabled, setDisabled } from \"../lib/disabled.js\";\n\n/*\n A base class for UI elements that can be checked (as in a form: checkbox, switch, radio).\n * \n * @fires change - when the checked element changes it's checked state\n * @fires input - when the checked element changes it's checked state\n /\nexport default class CheckedElement extends UiElement {\n #_userInteracted: boolean;\n\n static get formAssociated(): boolean {\n return true;\n }\n\n #_internals = this.attachInternals();\n\n get form(): HTMLFormElement \| null {\n return this.#_internals && this.#_internals.form;\n }\n\n get type(): string { return this.localName; }\n\n get disabled(): boolean {\n return isDisabled(this);\n }\n\n /\n When set, the button is a disabled state.\n * @attribute\n /\n @property({ reflect: true, type: Boolean }) \n set disabled(value: boolean) {\n const old = isDisabled(this);\n setDisabled(this, value);\n this.requestUpdate('disabled', old);\n this._updateFormValue();\n }\n\n /\n The name of the form control, submitted as a pair with the control's value as part of the form data.\n * @attribute\n /\n @property({ type: String }) name?: string;\n\n #_value?: string; \n\n /\n When a form is submitted, only checkboxes which are currently checked are submitted to the server, \n * and the reported value is the `value` of the value attribute. \n * If the `value` is not otherwise specified, it is the string `on` by default. \n * @attribute\n /\n @property({ type: String })\n get value(): string \| undefined {\n return this.#_value;\n }\n\n set value(value: string \| undefined) {\n if (this.#_value === value) {\n return;\n }\n this.#_value = value;\n this._updateFormValue();\n }\n\n #_checked: boolean;\n\n /\n A Boolean attribute indicating whether this checkbox is checked.\n * \n * A checkbox's value is only included in the submitted data \n * if the checkbox is currently `checked`. If it is, then the value \n * of the checkbox's `value` attribute is reported as the input's value.\n * @attribute\n /\n @property({ type: Boolean, reflect: true })\n get checked(): boolean {\n return this.#_checked;\n }\n\n set checked(value: boolean) {\n const old = this.#_checked;\n if (old === value) {\n return;\n }\n this.#_checked = value;\n this._setChecked(value);\n this.requestUpdate('checked', old);\n }\n\n #_indeterminate: boolean;\n\n /\n In addition to the checked and unchecked states, there is a third state a checkbox can be in: indeterminate. \n * This is a state in which it's impossible to say whether the item is toggled on or off.\n * \n * If you submit a form with an indeterminate checkbox, the same thing happens as \n * if the checkbox were unchecked — no data is submitted to represent the checkbox.\n * @attribute\n /\n @property({ type: Boolean, reflect: true })\n get indeterminate(): boolean {\n return this.#_indeterminate;\n }\n\n set indeterminate(value: boolean) {\n if (this.#_indeterminate === value) {\n return;\n }\n this.#_indeterminate = value;\n this._updateFormValue();\n }\n\n #_required?: boolean;\n\n /\n Set to true to mark the checked element as required. \n * @attribute\n /\n @property({ reflect: true, type: Boolean }) \n get required(): boolean \| undefined {\n return this.#_required;\n }\n\n set required(value: boolean \| undefined) {\n const old = this.#_required;\n if (old === value) {\n return;\n }\n this.#_required = value;\n this.requestUpdate('required', 'old');\n if (value) {\n this.setAttribute('aria-required', 'true');\n } else {\n this.removeAttribute('aria-required');\n }\n this._updateFormValue();\n }\n\n /\n While the element can be easily styled with the `:valid` and `:invalid` pseudo classes\n * it also exposes an attribute to style the element as invalid. This attribute changes \n * when the element validation is performed.\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) invalid?: boolean;\n\n protected get _validationError(): string {\n return 'Please check this box if you want to proceed.';\n }\n\n constructor() {\n super();\n // The default value for the `<input type=\"checkbox\"/>\n this.value = 'on';\n this.#_checked = false;\n this.#_indeterminate = false;\n this.#_userInteracted = false;\n this.actionController.cancelKeyboardEvents = true;\n this.addEventListener('invalid', this._invalidHandler.bind(this));\n this.addEventListener('click', this.handleClick.bind(this));\n this.addEventListener('pointerdown', this.handlePointerDown.bind(this));\n this.addEventListener('pointerup', this.handlePointerUp.bind(this));\n this.addEventListener('pointercancel', this.handlePointerCancel.bind(this));\n this.addEventListener('pointerleave', this.handlePointerLeave.bind(this));\n this.addEventListener('contextmenu', this.handleContextMenu.bind(this));\n this.addEventListener('keydown', this.handleKeyDown.bind(this));\n this.addEventListener('keyup', this.handleKeyUp.bind(this));\n this.addEventListener('focus', this.handleFocus.bind(this));\n this.addEventListener('blur', this.handleBlur.bind(this));\n }\n \n override connectedCallback(): void {\n super.connectedCallback();\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'checkbox');\n }\n if (!this.hasAttribute('tabindex') && !this.disabled) {\n this.setAttribute('tabindex', '0');\n }\n this._setChecked(this.checked);\n }\n\n /\n When form-associated custom elements are supported in the browser it\n * is called when the form has been reset\n /\n formResetCallback(): void {\n this.checked = false;\n this._postCheckedChange();\n }\n\n /\n When form-associated custom elements are supported in the browser it\n * is called when the form state has been restored\n \n @param formState Restored value\n /\n formStateRestoreCallback(formState?: string): void {\n if (this.value === formState) {\n this.checked = true;\n this._postCheckedChange();\n }\n }\n\n override handleClick(e: MouseEvent): void {\n super.handleClick(e);\n this.toggle();\n }\n\n override endPress(config: EndPressConfig): void {\n super.endPress(config);\n const { cancelled, reason } = config;\n if (cancelled) {\n return;\n }\n if (reason === 'enter' \|\| reason === 'space') {\n this.toggle();\n }\n }\n\n protected handleFocus(): void { \n // \n }\n\n protected handleBlur(): void { \n // \n }\n\n protected _setChecked(value = false): void {\n const { indeterminate } = this;\n const attrValue = indeterminate ? 'mixed' : String(value);\n this.setAttribute('aria-checked', attrValue);\n this._updateFormValue();\n }\n\n protected _updateFormValue(): void {\n const { value = null, checked, indeterminate, disabled, required } = this;\n if (!checked \|\| indeterminate \|\| disabled) {\n this.#_internals.setFormValue(null);\n } else {\n this.#_internals.setFormValue(value);\n }\n\n if (required && !checked) {\n this.#_internals.setValidity({\n valueMissing: true,\n }, this._validationError);\n } else if (this.#_internals.validity.valueMissing) {\n this.#_internals.setValidity({});\n }\n }\n\n protected _notifyChange(): void {\n // The <input type=\"checkbox\"/> dispatches both events.\n this.dispatchEvent(new Event('input'));\n this.dispatchEvent(new Event('change'));\n }\n\n protected _invalidHandler(): void {\n if (!this.#_userInteracted) {\n return;\n }\n this.invalid = true;\n }\n\n toggle(): void {\n if (this.disabled) {\n return;\n }\n this.#_userInteracted = true;\n this.invalid = false;\n this.checked = !this.checked;\n this._updateFormValue();\n this._postCheckedChange();\n }\n\n protected _postCheckedChange(): void {\n this._notifyChange();\n this.#_internals.checkValidity();\n }\n\n /\n Returns true if the element's value has no validity problems; false otherwise. \n * Fires an invalid event at the element in the latter case.\n /\n checkValidity(): boolean {\n this.#_userInteracted = true;\n return this.#_internals.checkValidity();\n }\n\n /\n Returns `true` if internals's target element has no validity problems; otherwise, returns false, \n * fires an invalid event at the element, and (if the event isn't canceled) reports \n * the problem to the user.\n */\n reportValidity(): boolean {\n this.#_userInteracted = true;\n return this.#_internals.reportValidity();\n }\n}\n"]}
1	+ {"version":3,"file":"CheckedElement.js","sourceRoot":"","sources":["../../../src/ui/input/CheckedElement.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;IACnD,gBAAgB,CAAU;IAE1B,MAAM,KAAK,cAAc;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAA0B;IAErC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;IACnD,CAAC;IAED,IAAI,IAAI,KAAa,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAE7C,IAAI,QAAQ;QACV,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED;;;OAGG;IAEH,IAAI,QAAQ,CAAC,KAAc;QACzB,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC7B,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAQD,OAAO,CAAU;IAEjB;;;;;OAKG;IAEH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAI,KAAK,CAAC,KAAyB;QACjC,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE;YAC1B,OAAO;SACR;QACD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,SAAS,CAAU;IAEnB;;;;;;;OAOG;IAEH,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAI,OAAO,CAAC,KAAc;QACxB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC;QAC3B,IAAI,GAAG,KAAK,KAAK,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IACrC,CAAC;IAED,eAAe,CAAU;IAEzB;;;;;;;OAOG;IAEH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,eAAe,KAAK,KAAK,EAAE;YAClC,OAAO;SACR;QACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,UAAU,CAAW;IAErB;;;OAGG;IAEH,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,QAAQ,CAAC,KAA0B;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC;QAC5B,IAAI,GAAG,KAAK,KAAK,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QACtC,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;SAC5C;aAAM;YACL,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;SACvC;QACD,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAUD,IAAc,gBAAgB;QAC5B,OAAO,+CAA+C,CAAC;IACzD,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QA1IV,gBAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QA2InC,sDAAsD;QACtD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,GAAG,IAAI,CAAC;QAClD,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACpE,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1E,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;YAC9B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;SACvC;QACD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACpD,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;SACpC;QACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAED;;;OAGG;IACH,iBAAiB;QACf,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAkB;QACzC,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;YAC5B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;IACH,CAAC;IAEQ,WAAW,CAAC,CAAa;QAChC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACrB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEQ,QAAQ,CAAC,MAAsB;QACtC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACvB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACrC,IAAI,SAAS,EAAE;YACb,OAAO;SACR;QACD,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,OAAO,EAAE;YAC5C,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;IACH,CAAC;IAES,WAAW;QACnB,GAAG;IACL,CAAC;IAES,UAAU;QAClB,GAAG;IACL,CAAC;IAES,WAAW,CAAC,KAAK,GAAG,KAAK;QACjC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC/B,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1D,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QAC7C,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAES,gBAAgB;QACxB,MAAM,EAAE,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC1E,IAAI,CAAC,OAAO,IAAI,aAAa,IAAI,QAAQ,EAAE;YACzC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SACrC;aAAM;YACL,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SACtC;QAED,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE;YACxB,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC;gBAC3B,YAAY,EAAE,IAAI;aACnB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;SAC3B;aAAM,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,EAAE;YACjD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;SAClC;IACH,CAAC;IAEQ,YAAY;QACnB,uDAAuD;QACvD,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvC,KAAK,CAAC,YAAY,EAAE,CAAC;IACvB,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,OAAO;SACR;QACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAES,kBAAkB;QAC1B,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;IACnC,CAAC;IAED;;;OAGG;IACH,aAAa;QACX,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;IAC1C,CAAC;IAED;;;;OAIG;IACH,cAAc;QACZ,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,OAAO,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC;IAC3C,CAAC;CACF;AA7QC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAM1C;AAM2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAe;AAW1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAG1B;AAqBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAG1C;AAuBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAG1C;AAiBD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAG1C;AAuB2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAmB","sourcesContent":["import { property } from \"lit/decorators.js\";\nimport { UiElement } from \"../UiElement.js\";\nimport { EndPressConfig } from \"../controllers/ActionController.js\";\nimport { isDisabled, setDisabled } from \"../lib/disabled.js\";\n\n/*\n A base class for UI elements that can be checked (as in a form: checkbox, switch, radio).\n * \n * @fires change - when the checked element changes it's checked state\n * @fires input - when the checked element changes it's checked state\n /\nexport default class CheckedElement extends UiElement {\n #_userInteracted: boolean;\n\n static get formAssociated(): boolean {\n return true;\n }\n\n #_internals = this.attachInternals();\n\n get form(): HTMLFormElement \| null {\n return this.#_internals && this.#_internals.form;\n }\n\n get type(): string { return this.localName; }\n\n get disabled(): boolean {\n return isDisabled(this);\n }\n\n /\n When set, the button is a disabled state.\n * @attribute\n /\n @property({ reflect: true, type: Boolean }) \n set disabled(value: boolean) {\n const old = isDisabled(this);\n setDisabled(this, value);\n this.requestUpdate('disabled', old);\n this._updateFormValue();\n }\n\n /\n The name of the form control, submitted as a pair with the control's value as part of the form data.\n * @attribute\n /\n @property({ type: String }) name?: string;\n\n #_value?: string; \n\n /\n When a form is submitted, only checkboxes which are currently checked are submitted to the server, \n * and the reported value is the `value` of the value attribute. \n * If the `value` is not otherwise specified, it is the string `on` by default. \n * @attribute\n /\n @property({ type: String })\n get value(): string \| undefined {\n return this.#_value;\n }\n\n set value(value: string \| undefined) {\n if (this.#_value === value) {\n return;\n }\n this.#_value = value;\n this._updateFormValue();\n }\n\n #_checked: boolean;\n\n /\n A Boolean attribute indicating whether this checkbox is checked.\n * \n * A checkbox's value is only included in the submitted data \n * if the checkbox is currently `checked`. If it is, then the value \n * of the checkbox's `value` attribute is reported as the input's value.\n * @attribute\n /\n @property({ type: Boolean, reflect: true })\n get checked(): boolean {\n return this.#_checked;\n }\n\n set checked(value: boolean) {\n const old = this.#_checked;\n if (old === value) {\n return;\n }\n this.#_checked = value;\n this._setChecked(value);\n this.requestUpdate('checked', old);\n }\n\n #_indeterminate: boolean;\n\n /\n In addition to the checked and unchecked states, there is a third state a checkbox can be in: indeterminate. \n * This is a state in which it's impossible to say whether the item is toggled on or off.\n * \n * If you submit a form with an indeterminate checkbox, the same thing happens as \n * if the checkbox were unchecked — no data is submitted to represent the checkbox.\n * @attribute\n /\n @property({ type: Boolean, reflect: true })\n get indeterminate(): boolean {\n return this.#_indeterminate;\n }\n\n set indeterminate(value: boolean) {\n if (this.#_indeterminate === value) {\n return;\n }\n this.#_indeterminate = value;\n this._updateFormValue();\n }\n\n #_required?: boolean;\n\n /\n Set to true to mark the checked element as required. \n * @attribute\n /\n @property({ reflect: true, type: Boolean }) \n get required(): boolean \| undefined {\n return this.#_required;\n }\n\n set required(value: boolean \| undefined) {\n const old = this.#_required;\n if (old === value) {\n return;\n }\n this.#_required = value;\n this.requestUpdate('required', 'old');\n if (value) {\n this.setAttribute('aria-required', 'true');\n } else {\n this.removeAttribute('aria-required');\n }\n this._updateFormValue();\n }\n\n /\n While the element can be easily styled with the `:valid` and `:invalid` pseudo classes\n * it also exposes an attribute to style the element as invalid. This attribute changes \n * when the element validation is performed.\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) invalid?: boolean;\n\n protected get _validationError(): string {\n return 'Please check this box if you want to proceed.';\n }\n\n constructor() {\n super();\n // The default value for the `<input type=\"checkbox\"/>\n this.value = 'on';\n this.#_checked = false;\n this.#_indeterminate = false;\n this.#_userInteracted = false;\n this.actionController.cancelKeyboardEvents = true;\n this.addEventListener('invalid', this._invalidHandler.bind(this));\n this.addEventListener('click', this.handleClick.bind(this));\n this.addEventListener('pointerdown', this.handlePointerDown.bind(this));\n this.addEventListener('pointerup', this.handlePointerUp.bind(this));\n this.addEventListener('pointercancel', this.handlePointerCancel.bind(this));\n this.addEventListener('pointerleave', this.handlePointerLeave.bind(this));\n this.addEventListener('contextmenu', this.handleContextMenu.bind(this));\n this.addEventListener('keydown', this.handleKeyDown.bind(this));\n this.addEventListener('keyup', this.handleKeyUp.bind(this));\n this.addEventListener('focus', this.handleFocus.bind(this));\n this.addEventListener('blur', this.handleBlur.bind(this));\n }\n \n override connectedCallback(): void {\n super.connectedCallback();\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'checkbox');\n }\n if (!this.hasAttribute('tabindex') && !this.disabled) {\n this.setAttribute('tabindex', '0');\n }\n this._setChecked(this.checked);\n }\n\n /\n When form-associated custom elements are supported in the browser it\n * is called when the form has been reset\n /\n formResetCallback(): void {\n this.checked = false;\n this._postCheckedChange();\n }\n\n /\n When form-associated custom elements are supported in the browser it\n * is called when the form state has been restored\n \n @param formState Restored value\n /\n formStateRestoreCallback(formState?: string): void {\n if (this.value === formState) {\n this.checked = true;\n this._postCheckedChange();\n }\n }\n\n override handleClick(e: MouseEvent): void {\n super.handleClick(e);\n this.toggle();\n }\n\n override endPress(config: EndPressConfig): void {\n super.endPress(config);\n const { cancelled, reason } = config;\n if (cancelled) {\n return;\n }\n if (reason === 'enter' \|\| reason === 'space') {\n this.toggle();\n }\n }\n\n protected handleFocus(): void { \n // \n }\n\n protected handleBlur(): void { \n // \n }\n\n protected _setChecked(value = false): void {\n const { indeterminate } = this;\n const attrValue = indeterminate ? 'mixed' : String(value);\n this.setAttribute('aria-checked', attrValue);\n this._updateFormValue();\n }\n\n protected _updateFormValue(): void {\n const { value = null, checked, indeterminate, disabled, required } = this;\n if (!checked \|\| indeterminate \|\| disabled) {\n this.#_internals.setFormValue(null);\n } else {\n this.#_internals.setFormValue(value);\n }\n\n if (required && !checked) {\n this.#_internals.setValidity({\n valueMissing: true,\n }, this._validationError);\n } else if (this.#_internals.validity.valueMissing) {\n this.#_internals.setValidity({});\n }\n }\n\n override notifyChange(): void {\n // The <input type=\"checkbox\"/> dispatches both events.\n this.dispatchEvent(new Event('input'));\n super.notifyChange();\n }\n\n protected _invalidHandler(): void {\n if (!this.#_userInteracted) {\n return;\n }\n this.invalid = true;\n }\n\n toggle(): void {\n if (this.disabled) {\n return;\n }\n this.#_userInteracted = true;\n this.invalid = false;\n this.checked = !this.checked;\n this._updateFormValue();\n this._postCheckedChange();\n }\n\n protected _postCheckedChange(): void {\n this.notifyChange();\n this.#_internals.checkValidity();\n }\n\n /\n Returns true if the element's value has no validity problems; false otherwise. \n * Fires an invalid event at the element in the latter case.\n /\n checkValidity(): boolean {\n this.#_userInteracted = true;\n return this.#_internals.checkValidity();\n }\n\n /\n Returns `true` if internals's target element has no validity problems; otherwise, returns false, \n * fires an invalid event at the element, and (if the event isn't canceled) reports \n * the problem to the user.\n */\n reportValidity(): boolean {\n this.#_userInteracted = true;\n return this.#_internals.reportValidity();\n }\n}\n"]}

package/dist/ui/input/Input.js CHANGED Viewed

@@ -761,7 +761,7 @@ export default class Input extends UiElement {
             return html ``;
         }
         return html `
-    <span class="label" id="${this.labelId}">${this.renderLabelText()}</span>
+    <span class="label" id="${this.labelId}" title="label">${label}</span>
     `;
     }
     renderHighlight() {