smoothly 0.3.1 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{smoothly-accordion_50.cjs.entry.js → smoothly-accordion_53.cjs.entry.js} +151 -68
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/display-demo/index.js +18 -1
- package/dist/collection/components/input-demo/index.js +80 -40
- package/dist/collection/components/radio-button/Selected.js +1 -0
- package/dist/collection/components/radio-button/index.js +104 -0
- package/dist/collection/components/radio-button/item/index.js +86 -0
- package/dist/collection/components/radio-button/item/style.css +85 -0
- package/dist/collection/components/radio-button/style.css +3 -0
- package/dist/custom-elements/index.d.ts +12 -0
- package/dist/custom-elements/index.js +108 -56
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-accordion_50.entry.js → smoothly-accordion_53.entry.js} +149 -69
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-b92b1eb7.entry.js → p-e82a3604.entry.js} +1 -1
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/radio-button/Selected.d.ts +5 -0
- package/dist/types/components/radio-button/index.d.ts +11 -0
- package/dist/types/components/radio-button/item/index.d.ts +10 -0
- package/dist/types/components.d.ts +47 -0
- package/package.json +1 -1
- package/dist/cjs/smoothly-svg.cjs.entry.js +0 -41
- package/dist/esm/smoothly-svg.entry.js +0 -37
- package/dist/smoothly/p-8aefcb54.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-191ee4b8.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-8e4e941e",[[2,"smoothly-google-font",{value:[1]}]]],["p-9bc77fba",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-7a5eda51",[[0,"smoothly-reorder"]]],["p-
|
|
1
|
+
import{p as e,b as o}from"./p-191ee4b8.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-8e4e941e",[[2,"smoothly-google-font",{value:[1]}]]],["p-9bc77fba",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-7a5eda51",[[0,"smoothly-reorder"]]],["p-d5d4832d",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-919ae3e8",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-e82a3604",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[0,"smoothly-display-demo"],[2,"smoothly-table-demo"],[4,"smoothly-app",{color:[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],link:[1],download:[4]}],[4,"smoothly-room",{label:[1],icon:[1],path:[1],to:[1]}],[2,"smoothly-input-date-range",{value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],open:[1028],showLabel:[516,"show-label"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[1,"smoothly-picker",{disabled:[516],readonly:[516],maxMenuHeight:[1,"max-menu-height"],maxHeight:[1,"max-height"],emptyMenuLabel:[1025,"empty-menu-label"],multiple:[516],mutable:[4],optionStyle:[8,"option-style"],options:[1040],labelSetting:[513,"label-setting"],label:[513],selections:[1040],selectNoneName:[1025,"select-none-name"],selectAllName:[1025,"select-all-name"],selectionName:[1025,"selection-name"],newOptionLabel:[1025,"new-option-label"],valueValidator:[16],isOpen:[32],empty:[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-notifier",{notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-backtotop",{opacity:[1],bottom:[1],right:[1],visible:[32]}],[2,"smoothly-checkbox",{selectAll:[4,"select-all"],size:[1],intermediate:[1540],selected:[1540],disabled:[1540],t:[32]}],[6,"smoothly-radio-button-item",{value:[8],selected:[1540]}],[6,"smoothly-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-table-expandable-row",{align:[1],open:[1540]},[[0,"click","onClick"]]],[0,"smoothly-urlencoded",{data:[1]}],[6,"smoothly-accordion",{value:[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{name:[1],brand:[1],open:[1540]}],[2,"smoothly-display",{type:[1],value:[8],currency:[1],country:[1],format:[16]}],[2,"smoothly-display-amount",{amount:[8],currency:[1],toInteger:[4,"to-integer"]}],[2,"smoothly-display-date-time",{datetime:[1]}],[2,"smoothly-frame",{url:[1],name:[1],origin:[1],send:[64]}],[6,"smoothly-popup",{visible:[1540],direction:[1537],cssVariables:[32]}],[6,"smoothly-radio",{name:[1],value:[1],checked:[1540],tabIndex:[2,"tab-index"]}],[6,"smoothly-radio-button",{value:[1032],deselectable:[516],decoration:[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[6,"smoothly-select",{identifier:[1],background:[513],value:[1025]}],[2,"smoothly-skeleton",{widths:[16],width:[1025],color:[1],period:[2],distance:[1],align:[513]}],[2,"smoothly-svg",{url:[513],size:[513],color:[1]}],[6,"smoothly-table",null,[[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-header",{name:[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{name:[513],value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{toggle:[4],emptyMenuLabel:[1025,"empty-menu-label"],newOptionLabel:[1,"new-option-label"],maxMenuHeight:[1,"max-menu-height"],order:[4],optionStyle:[8,"option-style"],options:[1040],resetHighlightOnOptionsChange:[1028,"reset-highlight-on-options-change"],mutable:[4],filteredOptions:[32],highlightIndex:[32],keyword:[32],moveHighlight:[64],setHighlight:[64],getHighlighted:[64],filterOptions:[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[0,"smoothly-tuple",{tuple:[16]}],[1,"smoothly-option",{aliases:[513],dataHighlight:[1540,"data-highlight"],name:[1537],value:[1537],divider:[1540],checkbox:[4],new:[4],toggle:[4],checked:[1028]}],[2,"smoothly-spinner",{active:[516],size:[513]}],[2,"smoothly-calendar",{month:[1025],value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],doubleInput:[516,"double-input"],firstSelected:[32]}],[6,"smoothly-input",{name:[513],value:[1032],type:[513],required:[1540],minLength:[1026,"min-length"],showLabel:[516,"show-label"],maxLength:[1026,"max-length"],autocomplete:[1028],pattern:[1040],placeholder:[1025],disabled:[1028],readonly:[1028],currency:[513],initialValue:[32],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]}],[2,"smoothly-input-month",{value:[1025]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-selector",{opened:[32],selectedElement:[32],missing:[32],filter:[32]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{value:[8],selected:[1540],filter:[64]},[[0,"click","onClick"]]],[6,"smoothly-trigger",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{color:[513],fill:[513],name:[1],size:[513],toolTip:[1,"tool-tip"],document:[32]}]]]],e)));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
|
+
import { Selected } from "./Selected";
|
|
3
|
+
export declare class SmoothlyRadioButton {
|
|
4
|
+
value?: any;
|
|
5
|
+
deselectable?: boolean;
|
|
6
|
+
decoration: "button" | "radio";
|
|
7
|
+
active?: Selected;
|
|
8
|
+
radioButtonSelected: EventEmitter<any>;
|
|
9
|
+
radioSelectHandler(event: CustomEvent<Selected>): void;
|
|
10
|
+
render(): any;
|
|
11
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentWillLoad, EventEmitter } from "../../../stencil-public-runtime";
|
|
2
|
+
import { Selected } from "../Selected";
|
|
3
|
+
export declare class SmoothlyRadioButtonItem implements ComponentWillLoad {
|
|
4
|
+
value: any;
|
|
5
|
+
selected: boolean;
|
|
6
|
+
radioItemSelectInternal: EventEmitter<Selected>;
|
|
7
|
+
componentWillLoad(): void | Promise<void>;
|
|
8
|
+
private select;
|
|
9
|
+
render(): any;
|
|
10
|
+
}
|
|
@@ -9,6 +9,7 @@ import { Color, Expand, Fill, Message, Notice, Option, Trigger } from "./model";
|
|
|
9
9
|
import { CountryCode, Currency, Date, DateRange, DateTime } from "isoly";
|
|
10
10
|
import { Direction, Type } from "tidily";
|
|
11
11
|
import { GoogleFont } from "./model/GoogleFont";
|
|
12
|
+
import { Selected } from "./components/radio-button/Selected";
|
|
12
13
|
import { Data } from "./components/submit/Data";
|
|
13
14
|
export namespace Components {
|
|
14
15
|
interface SmoothlyAccordion {
|
|
@@ -206,6 +207,15 @@ export namespace Components {
|
|
|
206
207
|
"tabIndex": number;
|
|
207
208
|
"value": string;
|
|
208
209
|
}
|
|
210
|
+
interface SmoothlyRadioButton {
|
|
211
|
+
"decoration": "button" | "radio";
|
|
212
|
+
"deselectable"?: boolean;
|
|
213
|
+
"value"?: any;
|
|
214
|
+
}
|
|
215
|
+
interface SmoothlyRadioButtonItem {
|
|
216
|
+
"selected": boolean;
|
|
217
|
+
"value": any;
|
|
218
|
+
}
|
|
209
219
|
interface SmoothlyRadioGroup {
|
|
210
220
|
"orientation"?: "horizontal" | "vertical";
|
|
211
221
|
}
|
|
@@ -365,6 +375,14 @@ export interface SmoothlyRadioCustomEvent<T> extends CustomEvent<T> {
|
|
|
365
375
|
detail: T;
|
|
366
376
|
target: HTMLSmoothlyRadioElement;
|
|
367
377
|
}
|
|
378
|
+
export interface SmoothlyRadioButtonCustomEvent<T> extends CustomEvent<T> {
|
|
379
|
+
detail: T;
|
|
380
|
+
target: HTMLSmoothlyRadioButtonElement;
|
|
381
|
+
}
|
|
382
|
+
export interface SmoothlyRadioButtonItemCustomEvent<T> extends CustomEvent<T> {
|
|
383
|
+
detail: T;
|
|
384
|
+
target: HTMLSmoothlyRadioButtonItemElement;
|
|
385
|
+
}
|
|
368
386
|
export interface SmoothlyReorderCustomEvent<T> extends CustomEvent<T> {
|
|
369
387
|
detail: T;
|
|
370
388
|
target: HTMLSmoothlyReorderElement;
|
|
@@ -598,6 +616,18 @@ declare global {
|
|
|
598
616
|
prototype: HTMLSmoothlyRadioElement;
|
|
599
617
|
new (): HTMLSmoothlyRadioElement;
|
|
600
618
|
};
|
|
619
|
+
interface HTMLSmoothlyRadioButtonElement extends Components.SmoothlyRadioButton, HTMLStencilElement {
|
|
620
|
+
}
|
|
621
|
+
var HTMLSmoothlyRadioButtonElement: {
|
|
622
|
+
prototype: HTMLSmoothlyRadioButtonElement;
|
|
623
|
+
new (): HTMLSmoothlyRadioButtonElement;
|
|
624
|
+
};
|
|
625
|
+
interface HTMLSmoothlyRadioButtonItemElement extends Components.SmoothlyRadioButtonItem, HTMLStencilElement {
|
|
626
|
+
}
|
|
627
|
+
var HTMLSmoothlyRadioButtonItemElement: {
|
|
628
|
+
prototype: HTMLSmoothlyRadioButtonItemElement;
|
|
629
|
+
new (): HTMLSmoothlyRadioButtonItemElement;
|
|
630
|
+
};
|
|
601
631
|
interface HTMLSmoothlyRadioGroupElement extends Components.SmoothlyRadioGroup, HTMLStencilElement {
|
|
602
632
|
}
|
|
603
633
|
var HTMLSmoothlyRadioGroupElement: {
|
|
@@ -775,6 +805,8 @@ declare global {
|
|
|
775
805
|
"smoothly-popup": HTMLSmoothlyPopupElement;
|
|
776
806
|
"smoothly-quiet": HTMLSmoothlyQuietElement;
|
|
777
807
|
"smoothly-radio": HTMLSmoothlyRadioElement;
|
|
808
|
+
"smoothly-radio-button": HTMLSmoothlyRadioButtonElement;
|
|
809
|
+
"smoothly-radio-button-item": HTMLSmoothlyRadioButtonItemElement;
|
|
778
810
|
"smoothly-radio-group": HTMLSmoothlyRadioGroupElement;
|
|
779
811
|
"smoothly-reorder": HTMLSmoothlyReorderElement;
|
|
780
812
|
"smoothly-room": HTMLSmoothlyRoomElement;
|
|
@@ -1019,6 +1051,17 @@ declare namespace LocalJSX {
|
|
|
1019
1051
|
"tabIndex"?: number;
|
|
1020
1052
|
"value"?: string;
|
|
1021
1053
|
}
|
|
1054
|
+
interface SmoothlyRadioButton {
|
|
1055
|
+
"decoration"?: "button" | "radio";
|
|
1056
|
+
"deselectable"?: boolean;
|
|
1057
|
+
"onRadioButtonSelected"?: (event: SmoothlyRadioButtonCustomEvent<any>) => void;
|
|
1058
|
+
"value"?: any;
|
|
1059
|
+
}
|
|
1060
|
+
interface SmoothlyRadioButtonItem {
|
|
1061
|
+
"onRadioItemSelectInternal"?: (event: SmoothlyRadioButtonItemCustomEvent<Selected>) => void;
|
|
1062
|
+
"selected"?: boolean;
|
|
1063
|
+
"value"?: any;
|
|
1064
|
+
}
|
|
1022
1065
|
interface SmoothlyRadioGroup {
|
|
1023
1066
|
"orientation"?: "horizontal" | "vertical";
|
|
1024
1067
|
}
|
|
@@ -1157,6 +1200,8 @@ declare namespace LocalJSX {
|
|
|
1157
1200
|
"smoothly-popup": SmoothlyPopup;
|
|
1158
1201
|
"smoothly-quiet": SmoothlyQuiet;
|
|
1159
1202
|
"smoothly-radio": SmoothlyRadio;
|
|
1203
|
+
"smoothly-radio-button": SmoothlyRadioButton;
|
|
1204
|
+
"smoothly-radio-button-item": SmoothlyRadioButtonItem;
|
|
1160
1205
|
"smoothly-radio-group": SmoothlyRadioGroup;
|
|
1161
1206
|
"smoothly-reorder": SmoothlyReorder;
|
|
1162
1207
|
"smoothly-room": SmoothlyRoom;
|
|
@@ -1219,6 +1264,8 @@ declare module "@stencil/core" {
|
|
|
1219
1264
|
"smoothly-popup": LocalJSX.SmoothlyPopup & JSXBase.HTMLAttributes<HTMLSmoothlyPopupElement>;
|
|
1220
1265
|
"smoothly-quiet": LocalJSX.SmoothlyQuiet & JSXBase.HTMLAttributes<HTMLSmoothlyQuietElement>;
|
|
1221
1266
|
"smoothly-radio": LocalJSX.SmoothlyRadio & JSXBase.HTMLAttributes<HTMLSmoothlyRadioElement>;
|
|
1267
|
+
"smoothly-radio-button": LocalJSX.SmoothlyRadioButton & JSXBase.HTMLAttributes<HTMLSmoothlyRadioButtonElement>;
|
|
1268
|
+
"smoothly-radio-button-item": LocalJSX.SmoothlyRadioButtonItem & JSXBase.HTMLAttributes<HTMLSmoothlyRadioButtonItemElement>;
|
|
1222
1269
|
"smoothly-radio-group": LocalJSX.SmoothlyRadioGroup & JSXBase.HTMLAttributes<HTMLSmoothlyRadioGroupElement>;
|
|
1223
1270
|
"smoothly-reorder": LocalJSX.SmoothlyReorder & JSXBase.HTMLAttributes<HTMLSmoothlyReorderElement>;
|
|
1224
1271
|
"smoothly-room": LocalJSX.SmoothlyRoom & JSXBase.HTMLAttributes<HTMLSmoothlyRoomElement>;
|
package/package.json
CHANGED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-3efe2a41.js');
|
|
6
|
-
|
|
7
|
-
const styleCss = ".sc-smoothly-svg-h{display:block;min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}object.sc-smoothly-svg{min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}";
|
|
8
|
-
|
|
9
|
-
const SmoothlySvg = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.defaultSizes = {
|
|
13
|
-
large: { height: "50rem", width: "50rem" },
|
|
14
|
-
medium: { height: "30rem", width: "30rem" },
|
|
15
|
-
small: { height: "10rem", width: "10rem" },
|
|
16
|
-
tiny: { height: "5rem", width: "5rem" },
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
const height = this.size
|
|
21
|
-
? typeof this.size == "object"
|
|
22
|
-
? this.size.height
|
|
23
|
-
: this.defaultSizes[this.size].height
|
|
24
|
-
: "10rem";
|
|
25
|
-
const width = this.size
|
|
26
|
-
? typeof this.size == "object"
|
|
27
|
-
? this.size.width
|
|
28
|
-
: this.defaultSizes[this.size].width
|
|
29
|
-
: "10rem";
|
|
30
|
-
return (index.h(index.Host, { style: {
|
|
31
|
-
"min-height": height,
|
|
32
|
-
"min-width": width,
|
|
33
|
-
"--size-height": height,
|
|
34
|
-
"--size-width": width,
|
|
35
|
-
"--color": this.color,
|
|
36
|
-
} }, index.h("object", { height: height, width: width, type: "image/svg+xml", data: this.url })));
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
SmoothlySvg.style = styleCss;
|
|
40
|
-
|
|
41
|
-
exports.smoothly_svg = SmoothlySvg;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-4d9efff8.js';
|
|
2
|
-
|
|
3
|
-
const styleCss = ".sc-smoothly-svg-h{display:block;min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}object.sc-smoothly-svg{min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}";
|
|
4
|
-
|
|
5
|
-
const SmoothlySvg = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.defaultSizes = {
|
|
9
|
-
large: { height: "50rem", width: "50rem" },
|
|
10
|
-
medium: { height: "30rem", width: "30rem" },
|
|
11
|
-
small: { height: "10rem", width: "10rem" },
|
|
12
|
-
tiny: { height: "5rem", width: "5rem" },
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
const height = this.size
|
|
17
|
-
? typeof this.size == "object"
|
|
18
|
-
? this.size.height
|
|
19
|
-
: this.defaultSizes[this.size].height
|
|
20
|
-
: "10rem";
|
|
21
|
-
const width = this.size
|
|
22
|
-
? typeof this.size == "object"
|
|
23
|
-
? this.size.width
|
|
24
|
-
: this.defaultSizes[this.size].width
|
|
25
|
-
: "10rem";
|
|
26
|
-
return (h(Host, { style: {
|
|
27
|
-
"min-height": height,
|
|
28
|
-
"min-width": width,
|
|
29
|
-
"--size-height": height,
|
|
30
|
-
"--size-width": width,
|
|
31
|
-
"--color": this.color,
|
|
32
|
-
} }, h("object", { height: height, width: width, type: "image/svg+xml", data: this.url })));
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
SmoothlySvg.style = styleCss;
|
|
36
|
-
|
|
37
|
-
export { SmoothlySvg as smoothly_svg };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as h}from"./p-191ee4b8.js";const e=class{constructor(i){t(this,i),this.defaultSizes={large:{height:"50rem",width:"50rem"},medium:{height:"30rem",width:"30rem"},small:{height:"10rem",width:"10rem"},tiny:{height:"5rem",width:"5rem"}}}render(){const t=this.size?"object"==typeof this.size?this.size.height:this.defaultSizes[this.size].height:"10rem",e=this.size?"object"==typeof this.size?this.size.width:this.defaultSizes[this.size].width:"10rem";return i(h,{style:{"min-height":t,"min-width":e,"--size-height":t,"--size-width":e,"--color":this.color}},i("object",{height:t,width:e,type:"image/svg+xml",data:this.url}))}};e.style=".sc-smoothly-svg-h{display:block;min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}object.sc-smoothly-svg{min-width:var(--size-width);min-height:var(--size-height);background-color:rgb(var(--color))}";export{e as smoothly_svg}
|