smoothly 0.3.1 → 0.3.2
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_52.cjs.entry.js} +100 -55
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/input-demo/index.js +9 -0
- package/dist/collection/components/radio-button/Selected.js +1 -0
- package/dist/collection/components/radio-button/index.js +48 -0
- package/dist/collection/components/radio-button/item/index.js +107 -0
- package/dist/collection/components/radio-button/item/style.css +67 -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 +104 -55
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-accordion_50.entry.js → smoothly-accordion_52.entry.js} +99 -56
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-b92b1eb7.entry.js → p-ed84bc93.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 +7 -0
- package/dist/types/components/radio-button/item/index.d.ts +11 -0
- package/dist/types/components.d.ts +40 -0
- package/package.json +1 -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-8aefcb54",[[2,"smoothly-svg",{url:[513],size:[513],color:[1]}]]],["p-d5d4832d",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-919ae3e8",[[6,"smoothly-trigger-source",{listen:[1]}]]],["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-8aefcb54",[[2,"smoothly-svg",{url:[513],size:[513],color:[1]}]]],["p-d5d4832d",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-919ae3e8",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-ed84bc93",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-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],expansion:[4]}],[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-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]},[[0,"radioSelect","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]}],[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"]]],[2,"smoothly-display-amount",{amount:[8],currency:[1],toInteger:[4,"to-integer"]}],[2,"smoothly-display-date-time",{datetime:[1]}],[2,"smoothly-spinner",{active:[516],size:[513]}],[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-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 { 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
|
+
expansion: boolean;
|
|
7
|
+
radioSelect: EventEmitter<Selected>;
|
|
8
|
+
componentWillLoad(): void | Promise<void>;
|
|
9
|
+
private select;
|
|
10
|
+
render(): any;
|
|
11
|
+
}
|
|
@@ -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,14 @@ export namespace Components {
|
|
|
206
207
|
"tabIndex": number;
|
|
207
208
|
"value": string;
|
|
208
209
|
}
|
|
210
|
+
interface SmoothlyRadioButton {
|
|
211
|
+
"value"?: any;
|
|
212
|
+
}
|
|
213
|
+
interface SmoothlyRadioButtonItem {
|
|
214
|
+
"expansion": boolean;
|
|
215
|
+
"selected": boolean;
|
|
216
|
+
"value": any;
|
|
217
|
+
}
|
|
209
218
|
interface SmoothlyRadioGroup {
|
|
210
219
|
"orientation"?: "horizontal" | "vertical";
|
|
211
220
|
}
|
|
@@ -365,6 +374,10 @@ export interface SmoothlyRadioCustomEvent<T> extends CustomEvent<T> {
|
|
|
365
374
|
detail: T;
|
|
366
375
|
target: HTMLSmoothlyRadioElement;
|
|
367
376
|
}
|
|
377
|
+
export interface SmoothlyRadioButtonItemCustomEvent<T> extends CustomEvent<T> {
|
|
378
|
+
detail: T;
|
|
379
|
+
target: HTMLSmoothlyRadioButtonItemElement;
|
|
380
|
+
}
|
|
368
381
|
export interface SmoothlyReorderCustomEvent<T> extends CustomEvent<T> {
|
|
369
382
|
detail: T;
|
|
370
383
|
target: HTMLSmoothlyReorderElement;
|
|
@@ -598,6 +611,18 @@ declare global {
|
|
|
598
611
|
prototype: HTMLSmoothlyRadioElement;
|
|
599
612
|
new (): HTMLSmoothlyRadioElement;
|
|
600
613
|
};
|
|
614
|
+
interface HTMLSmoothlyRadioButtonElement extends Components.SmoothlyRadioButton, HTMLStencilElement {
|
|
615
|
+
}
|
|
616
|
+
var HTMLSmoothlyRadioButtonElement: {
|
|
617
|
+
prototype: HTMLSmoothlyRadioButtonElement;
|
|
618
|
+
new (): HTMLSmoothlyRadioButtonElement;
|
|
619
|
+
};
|
|
620
|
+
interface HTMLSmoothlyRadioButtonItemElement extends Components.SmoothlyRadioButtonItem, HTMLStencilElement {
|
|
621
|
+
}
|
|
622
|
+
var HTMLSmoothlyRadioButtonItemElement: {
|
|
623
|
+
prototype: HTMLSmoothlyRadioButtonItemElement;
|
|
624
|
+
new (): HTMLSmoothlyRadioButtonItemElement;
|
|
625
|
+
};
|
|
601
626
|
interface HTMLSmoothlyRadioGroupElement extends Components.SmoothlyRadioGroup, HTMLStencilElement {
|
|
602
627
|
}
|
|
603
628
|
var HTMLSmoothlyRadioGroupElement: {
|
|
@@ -775,6 +800,8 @@ declare global {
|
|
|
775
800
|
"smoothly-popup": HTMLSmoothlyPopupElement;
|
|
776
801
|
"smoothly-quiet": HTMLSmoothlyQuietElement;
|
|
777
802
|
"smoothly-radio": HTMLSmoothlyRadioElement;
|
|
803
|
+
"smoothly-radio-button": HTMLSmoothlyRadioButtonElement;
|
|
804
|
+
"smoothly-radio-button-item": HTMLSmoothlyRadioButtonItemElement;
|
|
778
805
|
"smoothly-radio-group": HTMLSmoothlyRadioGroupElement;
|
|
779
806
|
"smoothly-reorder": HTMLSmoothlyReorderElement;
|
|
780
807
|
"smoothly-room": HTMLSmoothlyRoomElement;
|
|
@@ -1019,6 +1046,15 @@ declare namespace LocalJSX {
|
|
|
1019
1046
|
"tabIndex"?: number;
|
|
1020
1047
|
"value"?: string;
|
|
1021
1048
|
}
|
|
1049
|
+
interface SmoothlyRadioButton {
|
|
1050
|
+
"value"?: any;
|
|
1051
|
+
}
|
|
1052
|
+
interface SmoothlyRadioButtonItem {
|
|
1053
|
+
"expansion"?: boolean;
|
|
1054
|
+
"onRadioSelect"?: (event: SmoothlyRadioButtonItemCustomEvent<Selected>) => void;
|
|
1055
|
+
"selected"?: boolean;
|
|
1056
|
+
"value"?: any;
|
|
1057
|
+
}
|
|
1022
1058
|
interface SmoothlyRadioGroup {
|
|
1023
1059
|
"orientation"?: "horizontal" | "vertical";
|
|
1024
1060
|
}
|
|
@@ -1157,6 +1193,8 @@ declare namespace LocalJSX {
|
|
|
1157
1193
|
"smoothly-popup": SmoothlyPopup;
|
|
1158
1194
|
"smoothly-quiet": SmoothlyQuiet;
|
|
1159
1195
|
"smoothly-radio": SmoothlyRadio;
|
|
1196
|
+
"smoothly-radio-button": SmoothlyRadioButton;
|
|
1197
|
+
"smoothly-radio-button-item": SmoothlyRadioButtonItem;
|
|
1160
1198
|
"smoothly-radio-group": SmoothlyRadioGroup;
|
|
1161
1199
|
"smoothly-reorder": SmoothlyReorder;
|
|
1162
1200
|
"smoothly-room": SmoothlyRoom;
|
|
@@ -1219,6 +1257,8 @@ declare module "@stencil/core" {
|
|
|
1219
1257
|
"smoothly-popup": LocalJSX.SmoothlyPopup & JSXBase.HTMLAttributes<HTMLSmoothlyPopupElement>;
|
|
1220
1258
|
"smoothly-quiet": LocalJSX.SmoothlyQuiet & JSXBase.HTMLAttributes<HTMLSmoothlyQuietElement>;
|
|
1221
1259
|
"smoothly-radio": LocalJSX.SmoothlyRadio & JSXBase.HTMLAttributes<HTMLSmoothlyRadioElement>;
|
|
1260
|
+
"smoothly-radio-button": LocalJSX.SmoothlyRadioButton & JSXBase.HTMLAttributes<HTMLSmoothlyRadioButtonElement>;
|
|
1261
|
+
"smoothly-radio-button-item": LocalJSX.SmoothlyRadioButtonItem & JSXBase.HTMLAttributes<HTMLSmoothlyRadioButtonItemElement>;
|
|
1222
1262
|
"smoothly-radio-group": LocalJSX.SmoothlyRadioGroup & JSXBase.HTMLAttributes<HTMLSmoothlyRadioGroupElement>;
|
|
1223
1263
|
"smoothly-reorder": LocalJSX.SmoothlyReorder & JSXBase.HTMLAttributes<HTMLSmoothlyReorderElement>;
|
|
1224
1264
|
"smoothly-room": LocalJSX.SmoothlyRoom & JSXBase.HTMLAttributes<HTMLSmoothlyRoomElement>;
|