@sky.ui/core 0.0.7 → 0.0.20
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/CHANGELOG.md +6 -0
- package/auto-import.js +1 -31
- package/dist/custom-elements.json +7115 -21498
- package/dist/helper/utils/color-resolver.d.ts +12 -0
- package/dist/helper/utils/color-resolver.js +1 -1
- package/dist/helper/utils/color-resolver.js.map +1 -1
- package/dist/index.d.ts +1 -31
- package/dist/index.js +1 -1
- package/dist/sky-alert/sky-alert.js +32 -42
- package/dist/sky-alert/sky-alert.js.map +1 -1
- package/dist/sky-appbar/sky-appbar.d.ts +5 -0
- package/dist/sky-appbar/sky-appbar.js +63 -21
- package/dist/sky-appbar/sky-appbar.js.map +1 -1
- package/dist/sky-avatar/sky-avatar.d.ts +2 -2
- package/dist/sky-avatar/sky-avatar.js +36 -28
- package/dist/sky-avatar/sky-avatar.js.map +1 -1
- package/dist/sky-badge/sky-badge.d.ts +2 -0
- package/dist/sky-badge/sky-badge.js +21 -19
- package/dist/sky-badge/sky-badge.js.map +1 -1
- package/dist/sky-button/sky-button.d.ts +4 -0
- package/dist/sky-button/sky-button.js +85 -26
- package/dist/sky-button/sky-button.js.map +1 -1
- package/dist/sky-card/sky-card.d.ts +7 -1
- package/dist/sky-card/sky-card.js +72 -40
- package/dist/sky-card/sky-card.js.map +1 -1
- package/dist/sky-checkbox/sky-checkbox.js +34 -23
- package/dist/sky-checkbox/sky-checkbox.js.map +1 -1
- package/dist/sky-chip/sky-chip.js +53 -35
- package/dist/sky-chip/sky-chip.js.map +1 -1
- package/dist/sky-combobox/sky-combobox.d.ts +6 -2
- package/dist/sky-combobox/sky-combobox.js +92 -262
- package/dist/sky-combobox/sky-combobox.js.map +1 -1
- package/dist/sky-dialog/sky-dialog.d.ts +4 -11
- package/dist/sky-dialog/sky-dialog.js +78 -131
- package/dist/sky-dialog/sky-dialog.js.map +1 -1
- package/dist/sky-flexbox/sky-flexbox.js.map +1 -1
- package/dist/sky-form/sky-form.js +21 -19
- package/dist/sky-form/sky-form.js.map +1 -1
- package/dist/sky-image/sky-image.d.ts +1 -0
- package/dist/sky-image/sky-image.js +14 -7
- package/dist/sky-image/sky-image.js.map +1 -1
- package/dist/sky-input/sky-input.d.ts +15 -2
- package/dist/sky-input/sky-input.js +188 -193
- package/dist/sky-input/sky-input.js.map +1 -1
- package/dist/sky-list/sky-list.d.ts +11 -2
- package/dist/sky-list/sky-list.js +15 -25
- package/dist/sky-list/sky-list.js.map +1 -1
- package/dist/sky-listitem/sky-listitem.js +62 -30
- package/dist/sky-listitem/sky-listitem.js.map +1 -1
- package/dist/sky-radio/sky-radio.d.ts +2 -0
- package/dist/sky-radio/sky-radio.js +29 -9
- package/dist/sky-radio/sky-radio.js.map +1 -1
- package/dist/sky-sheet/sky-sheet.d.ts +1 -1
- package/dist/sky-sheet/sky-sheet.js +68 -22
- package/dist/sky-sheet/sky-sheet.js.map +1 -1
- package/dist/sky-simple-table/index.d.ts +1 -0
- package/dist/sky-simple-table/index.js +1 -0
- package/dist/sky-simple-table/sky-simple-table.d.ts +68 -0
- package/dist/sky-simple-table/sky-simple-table.js +100 -0
- package/dist/sky-simple-table/sky-simple-table.js.map +1 -0
- package/dist/sky-theme-provider/sky-theme-provider.d.ts +10 -1
- package/dist/sky-theme-provider/sky-theme-provider.js +2 -2
- package/dist/sky-theme-provider/sky-theme-provider.js.map +1 -1
- package/package.json +39 -269
- package/dist/sky-accordion/index.d.ts +0 -1
- package/dist/sky-accordion/index.js +0 -1
- package/dist/sky-accordion/sky-accordion.d.ts +0 -201
- package/dist/sky-accordion/sky-accordion.js +0 -84
- package/dist/sky-accordion/sky-accordion.js.map +0 -1
- package/dist/sky-accordion-item/index.d.ts +0 -1
- package/dist/sky-accordion-item/index.js +0 -1
- package/dist/sky-accordion-item/sky-accordion-item.d.ts +0 -161
- package/dist/sky-accordion-item/sky-accordion-item.js +0 -191
- package/dist/sky-accordion-item/sky-accordion-item.js.map +0 -1
- package/dist/sky-breadcrumb/index.d.ts +0 -1
- package/dist/sky-breadcrumb/index.js +0 -1
- package/dist/sky-breadcrumb/sky-breadcrumb.d.ts +0 -111
- package/dist/sky-breadcrumb/sky-breadcrumb.js +0 -230
- package/dist/sky-breadcrumb/sky-breadcrumb.js.map +0 -1
- package/dist/sky-button-group/index.d.ts +0 -1
- package/dist/sky-button-group/index.js +0 -1
- package/dist/sky-button-group/sky-button-group.d.ts +0 -93
- package/dist/sky-button-group/sky-button-group.js +0 -281
- package/dist/sky-button-group/sky-button-group.js.map +0 -1
- package/dist/sky-carousel/index.d.ts +0 -1
- package/dist/sky-carousel/index.js +0 -1
- package/dist/sky-carousel/sky-carousel.d.ts +0 -265
- package/dist/sky-carousel/sky-carousel.js +0 -211
- package/dist/sky-carousel/sky-carousel.js.map +0 -1
- package/dist/sky-counter/index.d.ts +0 -1
- package/dist/sky-counter/index.js +0 -1
- package/dist/sky-counter/sky-counter.d.ts +0 -130
- package/dist/sky-counter/sky-counter.js +0 -101
- package/dist/sky-counter/sky-counter.js.map +0 -1
- package/dist/sky-drawer/index.d.ts +0 -1
- package/dist/sky-drawer/index.js +0 -1
- package/dist/sky-drawer/sky-drawer.d.ts +0 -161
- package/dist/sky-drawer/sky-drawer.js +0 -175
- package/dist/sky-drawer/sky-drawer.js.map +0 -1
- package/dist/sky-dropdown/index.d.ts +0 -1
- package/dist/sky-dropdown/index.js +0 -1
- package/dist/sky-dropdown/sky-dropdown.d.ts +0 -254
- package/dist/sky-dropdown/sky-dropdown.js +0 -61
- package/dist/sky-dropdown/sky-dropdown.js.map +0 -1
- package/dist/sky-dropdown-item/index.d.ts +0 -1
- package/dist/sky-dropdown-item/index.js +0 -1
- package/dist/sky-dropdown-item/sky-dropdown-item.d.ts +0 -207
- package/dist/sky-dropdown-item/sky-dropdown-item.js +0 -341
- package/dist/sky-dropdown-item/sky-dropdown-item.js.map +0 -1
- package/dist/sky-flexbar/index.d.ts +0 -1
- package/dist/sky-flexbar/index.js +0 -1
- package/dist/sky-flexbar/sky-flexbar.d.ts +0 -189
- package/dist/sky-flexbar/sky-flexbar.js +0 -157
- package/dist/sky-flexbar/sky-flexbar.js.map +0 -1
- package/dist/sky-flexitem/index.d.ts +0 -1
- package/dist/sky-flexitem/index.js +0 -1
- package/dist/sky-flexitem/sky-flexitem.d.ts +0 -114
- package/dist/sky-flexitem/sky-flexitem.js +0 -52
- package/dist/sky-flexitem/sky-flexitem.js.map +0 -1
- package/dist/sky-navbar/index.d.ts +0 -1
- package/dist/sky-navbar/index.js +0 -1
- package/dist/sky-navbar/sky-navbar.d.ts +0 -211
- package/dist/sky-navbar/sky-navbar.js +0 -521
- package/dist/sky-navbar/sky-navbar.js.map +0 -1
- package/dist/sky-navpanel/index.d.ts +0 -1
- package/dist/sky-navpanel/index.js +0 -1
- package/dist/sky-navpanel/sky-navpanel.d.ts +0 -187
- package/dist/sky-navpanel/sky-navpanel.js +0 -404
- package/dist/sky-navpanel/sky-navpanel.js.map +0 -1
- package/dist/sky-notification/index.d.ts +0 -1
- package/dist/sky-notification/index.js +0 -1
- package/dist/sky-notification/sky-notification.d.ts +0 -152
- package/dist/sky-notification/sky-notification.js +0 -456
- package/dist/sky-notification/sky-notification.js.map +0 -1
- package/dist/sky-otp/index.d.ts +0 -1
- package/dist/sky-otp/index.js +0 -1
- package/dist/sky-otp/sky-otp.d.ts +0 -101
- package/dist/sky-otp/sky-otp.js +0 -96
- package/dist/sky-otp/sky-otp.js.map +0 -1
- package/dist/sky-overlay/index.d.ts +0 -1
- package/dist/sky-overlay/index.js +0 -1
- package/dist/sky-overlay/sky-overlay.d.ts +0 -71
- package/dist/sky-overlay/sky-overlay.js +0 -26
- package/dist/sky-overlay/sky-overlay.js.map +0 -1
- package/dist/sky-pagination/index.d.ts +0 -1
- package/dist/sky-pagination/index.js +0 -1
- package/dist/sky-pagination/sky-pagination.d.ts +0 -167
- package/dist/sky-pagination/sky-pagination.js +0 -453
- package/dist/sky-pagination/sky-pagination.js.map +0 -1
- package/dist/sky-progress/index.d.ts +0 -1
- package/dist/sky-progress/index.js +0 -1
- package/dist/sky-progress/sky-progress.d.ts +0 -70
- package/dist/sky-progress/sky-progress.js +0 -87
- package/dist/sky-progress/sky-progress.js.map +0 -1
- package/dist/sky-radio-group/index.d.ts +0 -1
- package/dist/sky-radio-group/index.js +0 -1
- package/dist/sky-radio-group/sky-radio-group.d.ts +0 -186
- package/dist/sky-radio-group/sky-radio-group.js +0 -239
- package/dist/sky-radio-group/sky-radio-group.js.map +0 -1
- package/dist/sky-range/index.d.ts +0 -1
- package/dist/sky-range/index.js +0 -1
- package/dist/sky-range/sky-range.d.ts +0 -110
- package/dist/sky-range/sky-range.js +0 -196
- package/dist/sky-range/sky-range.js.map +0 -1
- package/dist/sky-serial/index.d.ts +0 -1
- package/dist/sky-serial/index.js +0 -1
- package/dist/sky-serial/sky-serial.d.ts +0 -127
- package/dist/sky-serial/sky-serial.js +0 -133
- package/dist/sky-serial/sky-serial.js.map +0 -1
- package/dist/sky-skeleton/index.d.ts +0 -1
- package/dist/sky-skeleton/index.js +0 -1
- package/dist/sky-skeleton/sky-skeleton.d.ts +0 -80
- package/dist/sky-skeleton/sky-skeleton.js +0 -233
- package/dist/sky-skeleton/sky-skeleton.js.map +0 -1
- package/dist/sky-slider/index.d.ts +0 -1
- package/dist/sky-slider/index.js +0 -1
- package/dist/sky-slider/sky-slider.d.ts +0 -96
- package/dist/sky-slider/sky-slider.js +0 -139
- package/dist/sky-slider/sky-slider.js.map +0 -1
- package/dist/sky-speeddial/index.d.ts +0 -1
- package/dist/sky-speeddial/index.js +0 -1
- package/dist/sky-speeddial/sky-speeddial.d.ts +0 -86
- package/dist/sky-speeddial/sky-speeddial.js +0 -154
- package/dist/sky-speeddial/sky-speeddial.js.map +0 -1
- package/dist/sky-spinner/index.d.ts +0 -1
- package/dist/sky-spinner/index.js +0 -1
- package/dist/sky-spinner/sky-spinner.d.ts +0 -87
- package/dist/sky-spinner/sky-spinner.js +0 -334
- package/dist/sky-spinner/sky-spinner.js.map +0 -1
- package/dist/sky-steps/index.d.ts +0 -1
- package/dist/sky-steps/index.js +0 -1
- package/dist/sky-steps/sky-steps.d.ts +0 -170
- package/dist/sky-steps/sky-steps.js +0 -455
- package/dist/sky-steps/sky-steps.js.map +0 -1
- package/dist/sky-switch/index.d.ts +0 -1
- package/dist/sky-switch/index.js +0 -1
- package/dist/sky-switch/sky-switch.d.ts +0 -116
- package/dist/sky-switch/sky-switch.js +0 -191
- package/dist/sky-switch/sky-switch.js.map +0 -1
- package/dist/sky-tab/index.d.ts +0 -1
- package/dist/sky-tab/index.js +0 -1
- package/dist/sky-tab/sky-tab.d.ts +0 -188
- package/dist/sky-tab/sky-tab.js +0 -390
- package/dist/sky-tab/sky-tab.js.map +0 -1
- package/dist/sky-tab-button/index.d.ts +0 -1
- package/dist/sky-tab-button/index.js +0 -1
- package/dist/sky-tab-button/sky-tab-button.d.ts +0 -114
- package/dist/sky-tab-button/sky-tab-button.js +0 -167
- package/dist/sky-tab-button/sky-tab-button.js.map +0 -1
- package/dist/sky-theme-switcher/index.d.ts +0 -1
- package/dist/sky-theme-switcher/index.js +0 -1
- package/dist/sky-theme-switcher/sky-theme-switcher.d.ts +0 -92
- package/dist/sky-theme-switcher/sky-theme-switcher.js +0 -43
- package/dist/sky-theme-switcher/sky-theme-switcher.js.map +0 -1
- package/dist/sky-tooltip/index.d.ts +0 -1
- package/dist/sky-tooltip/index.js +0 -1
- package/dist/sky-tooltip/sky-tooltip.d.ts +0 -156
- package/dist/sky-tooltip/sky-tooltip.js +0 -242
- package/dist/sky-tooltip/sky-tooltip.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sky-card.js","sources":["../../src/sky-card/sky-card.ts"],"sourcesContent":[null],"names":["SkyCard","LitElement","constructor","this","bg","blurLevel","radius","bodyPadding","elevation","outlined","clickable","headerBg","headerBlur","headerPadding","headerLayout","headerInsetGap","headerRadius","headerSeparatorColor","footerBg","footerBlur","footerPadding","footerLayout","footerInsetGap","footerRadius","footerSeparatorColor","padRatio","separators","overlays","insets","_effHeaderSeparator","_effFooterSeparator","_effHeaderOverlay","_effFooterOverlay","_effHeaderInset","_effFooterInset","_varsCache","BG_MAP","primary","secondary","tertiary","transparent","BLUR_MAP","none","xs","sm","md","lg","SIZE_MAP","xl","
|
|
1
|
+
{"version":3,"file":"sky-card.js","sources":["../../src/sky-card/sky-card.ts"],"sourcesContent":[null],"names":["SkyCard","LitElement","constructor","this","bg","blurLevel","radius","bodyPadding","elevation","outlined","clickable","headerBg","headerBlur","headerPadding","headerLayout","headerInsetGap","headerRadius","headerSeparatorColor","footerBg","footerBlur","footerPadding","footerLayout","footerInsetGap","footerRadius","footerSeparatorColor","padRatio","separators","overlays","insets","_effHeaderSeparator","_effFooterSeparator","_effHeaderOverlay","_effFooterOverlay","_effHeaderInset","_effFooterInset","_varsCache","BG_MAP","primary","secondary","tertiary","transparent","BLUR_MAP","none","xs","sm","md","lg","SIZE_MAP","xl","GLASS_BG_TIERS","Set","SECTION_INSET_BG_MAP","_composeBackdrop","blur","SkyCard_1","_composeElevation","level","depth","undefined","styles","css","firstUpdated","_wireSlotChangeHandlers","_syncHeader","_syncFooter","willUpdate","changed","has","_computeEffectiveFlags","_applyCardVars","_applyPaddingVars","_applySectionChrome","renderRoot","querySelector","addEventListener","hdr","slots","filter","Boolean","some","s","assignedNodes","flatten","length","toggleAttribute","forEach","ftr","_expandPair","sh","_setVar","name","value","style","setProperty","_resolveSectionBg","token","isInset","isOverlay","_resolveSectionGlassSurface","resolveRadius","h","b","f","ratio","Number","isFinite","Math","max","headerSep","footerSep","resolveColor","headerInsetBorder","footerInsetBorder","refreshLayout","render","headerLayoutClass","footerLayoutClass","headerClasses","classMap","section","inset","footerClasses","html","__decorate","property","type","String","reflect","prototype","customElement"],"mappings":"sWA6FO,IAAMA,EAAN,cAAsBC,EAAtB,WAAAC,uBACsCC,KAAAC,GAAK,UACLD,KAAAE,UAAY,OACZF,KAAAG,OAAS,KACTH,KAAAI,YAAc,OACdJ,KAAAK,UAA8B,KAC7BL,KAAAM,UAAW,EACXN,KAAAO,WAAY,EAEbP,KAAAQ,SACzC,cAEFR,KAAAS,WAAa,OAEbT,KAAAU,cAAgB,KACYV,KAAAW,aAAqC,SAEjEX,KAAAY,eAAiB,KAEjBZ,KAAAa,aAAe,KAEfb,KAAAc,qBAAuB,eAEoBd,KAAAe,SACzC,cAEFf,KAAAgB,WAAa,OAEbhB,KAAAiB,cAAgB,KACYjB,KAAAkB,aAAqC,SAEjElB,KAAAmB,eAAiB,KAEjBnB,KAAAoB,aAAe,KAEfpB,KAAAqB,qBAAuB,eAEKrB,KAAAsB,SAAW,EAEXtB,KAAAuB,WAAmC,OACnCvB,KAAAwB,SAAiC,OACjCxB,KAAAyB,OAA+B,OAEnDzB,KAAA0B,qBAAsB,EACtB1B,KAAA2B,qBAAsB,EACtB3B,KAAA4B,mBAAoB,EACpB5B,KAAA6B,mBAAoB,EACpB7B,KAAA8B,iBAAkB,EAClB9B,KAAA+B,iBAAkB,EAClB/B,KAAAgC,WAAqC,CAAA,CA6mB/C,sBA3mB0BhC,KAAAiC,OAAS,CAC/BC,QAAS,2BACTC,UAAW,6BACXC,SAAU,4BACVC,YAAa,cACJ,QAEarC,KAAAsC,SAAW,CACjCC,KAAM,OACNC,GAAI,YACJC,GAAI,4BACJC,GAAI,4BACJC,GAAI,2BACK,QAEa3C,KAAA4C,SAAW,CACjCL,KAAM,IACNE,GAAI,8BACJC,GAAI,2BACJC,GAAI,2BACJE,GAAI,2BACK,QAEa7C,KAAA8C,eAAiB,IAAIC,IAAI,CAC/C,UACA,YACA,YACC,QAGqB/C,KAAAgD,qBAAuB,CAC7Cd,QAAS,2BACTC,UAAW,6BACXC,SAAU,4BACVC,YAAa,cACJ,CAEH,uBAAOY,CAAiB/C,GAC9B,MAAMgD,EACJC,EAAQb,SAASpC,IAA+CA,EAClE,MAAa,SAATgD,EAAwB,OACrB,GAAGA,mEACZ,CAEQ,wBAAOE,CAAkBC,GAC/B,MAMMC,EANoD,CACxDf,KAAM,KACNE,GAAI,gCACJC,GAAI,kCACJC,GAAI,kCAEiBU,GACvB,OAAc,OAAVC,EAAuB,YACbC,IAAVD,EAA4BD,EACzB,gCAAgCC,GACzC,QAEOtD,KAAAwD,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoMjB,CAEO,YAAAC,GACP1D,KAAK2D,0BAEL3D,KAAK4D,cACL5D,KAAK6D,aACP,CAEmB,UAAAC,CAAWC,IAE1BA,EAAQC,IAAI,eACZD,EAAQC,IAAI,aACZD,EAAQC,IAAI,YAEZhE,KAAKiE,0BAILF,EAAQC,IAAI,OACZD,EAAQC,IAAI,cACZD,EAAQC,IAAI,WACZD,EAAQC,IAAI,eAEZhE,KAAKkE,kBAGLH,EAAQC,IAAI,kBACZD,EAAQC,IAAI,gBACZD,EAAQC,IAAI,kBACZD,EAAQC,IAAI,cAEZhE,KAAKmE,qBAGLJ,EAAQC,IAAI,aACZD,EAAQC,IAAI,aACZD,EAAQC,IAAI,eACZD,EAAQC,IAAI,eACZD,EAAQC,IAAI,iBACZD,EAAQC,IAAI,iBACZD,EAAQC,IAAI,mBACZD,EAAQC,IAAI,mBACZD,EAAQC,IAAI,yBACZD,EAAQC,IAAI,yBACZD,EAAQC,IAAI,eACZD,EAAQC,IAAI,WACZD,EAAQC,IAAI,cAEZhE,KAAKoE,qBAET,CAEQ,uBAAAT,GACN3D,KAAKqE,WACFC,cAAc,gBACbC,iBAAiB,aAAc,IAAMvE,KAAK4D,eAC9C5D,KAAKqE,WACFC,cAAc,mBACbC,iBAAiB,aAAc,IAAMvE,KAAK4D,eAC9C5D,KAAKqE,WACFC,cAAc,kBACbC,iBAAiB,aAAc,IAAMvE,KAAK4D,eAE9C5D,KAAKqE,WACFC,cAAc,kBACbC,iBAAiB,aAAc,IAAMvE,KAAK6D,eAC9C7D,KAAKqE,WACFC,cAAc,qBACbC,iBAAiB,aAAc,IAAMvE,KAAK6D,eAC9C7D,KAAKqE,WACFC,cAAc,oBACbC,iBAAiB,aAAc,IAAMvE,KAAK6D,cAChD,CAEQ,WAAAD,GACN,MAAMY,EAAMxE,KAAKqE,WAAWC,cAAc,QACpCG,EAAQ,CACZzE,KAAKqE,WAAWC,cAAc,eAC9BtE,KAAKqE,WAAWC,cAAc,kBAC9BtE,KAAKqE,WAAWC,cAAc,kBAC9BI,OAAOC,SAEHX,EAAMS,EAAMG,KACfC,GAAMA,EAAEC,cAAc,CAAEC,SAAS,IAAQC,OAAS,GAErDR,GAAKS,gBAAgB,cAAejB,GAEpCS,EAAMS,QAASL,GACbA,EAAEI,gBACA,QAC8C,IAA9CJ,EAAEC,cAAc,CAAEC,SAAS,IAAQC,QAGzC,CAEQ,WAAAnB,GACN,MAAMsB,EAAMnF,KAAKqE,WAAWC,cAAc,QACpCG,EAAQ,CACZzE,KAAKqE,WAAWC,cAAc,iBAC9BtE,KAAKqE,WAAWC,cACd,oBAEFtE,KAAKqE,WAAWC,cACd,oBAEFI,OAAOC,SAEHX,EAAMS,EAAMG,KACfC,GAAMA,EAAEC,cAAc,CAAEC,SAAS,IAAQC,OAAS,GAErDG,GAAKF,gBAAgB,cAAejB,GACpCS,EAAMS,QAASL,GACbA,EAAEI,gBACA,QAC8C,IAA9CJ,EAAEC,cAAc,CAAEC,SAAS,IAAQC,QAGzC,CAEQ,WAAAI,CAAYC,GAClB,OAAQA,GACN,IAAK,OACH,MAAO,EAAC,GAAM,GAChB,IAAK,SACH,MAAO,EAAC,GAAM,GAChB,IAAK,SACH,MAAO,EAAC,GAAO,GAEjB,QACE,MAAO,EAAC,GAAO,GAErB,CAEQ,sBAAApB,IACLjE,KAAK0B,oBAAqB1B,KAAK2B,qBAAuB3B,KAAKoF,YAC1DpF,KAAKuB,aAENvB,KAAK4B,kBAAmB5B,KAAK6B,mBAAqB7B,KAAKoF,YACtDpF,KAAKwB,WAENxB,KAAK8B,gBAAiB9B,KAAK+B,iBAAmB/B,KAAKoF,YAClDpF,KAAKyB,OAET,CAEQ,OAAA6D,CAAQC,EAAcC,GACxBxF,KAAKgC,WAAWuD,KAAUC,IAC9BxF,KAAKyF,MAAMC,YAAYH,EAAMC,GAC7BxF,KAAKgC,WAAWuD,GAAQC,EAC1B,CAEQ,iBAAAG,CACNC,EACAC,EACAC,GAEA,OAAID,IAAYC,EAEZ3C,EAAQH,qBACN4C,IACGA,EAGFzC,EAAQlB,OAAO2D,IAAyCA,CACjE,CAEQ,2BAAAG,CAA4BH,GAClC,OAAOzC,EAAQL,eAAekB,IAAI4B,GAC9B,2BACA,MACN,CAEQ,cAAA1B,GACNlE,KAAKsF,QACH,aACAnC,EAAQlB,OAAOjC,KAAKC,KAAsCD,KAAKC,IAEjED,KAAKsF,QACH,wBACAnC,EAAQL,eAAekB,IAAIhE,KAAKC,IAC5B,2BACA,QAGND,KAAKsF,QACH,mBACAnC,EAAQF,iBAAiBjD,KAAKE,YAGhCF,KAAKsF,QAAQ,iBAAkBU,EAAchG,KAAKG,SAClDH,KAAKsF,QACH,iBACAnC,EAAQC,kBAAkBpD,KAAKK,YAEjCL,KAAKsF,QACH,uBACA,2DAEJ,CAEQ,iBAAAnB,GACN,MAAM8B,EACJ9C,EAAQP,SAAS5C,KAAKU,gBACtBV,KAAKU,cACDwF,EACJ/C,EAAQP,SAAS5C,KAAKI,cACtBJ,KAAKI,YACD+F,EACJhD,EAAQP,SAAS5C,KAAKiB,gBACtBjB,KAAKiB,cAEDmF,EAAQC,OAAOC,SAAStG,KAAKsB,UAC/BiF,KAAKC,IAAI,EAAGxG,KAAKsB,UACjB,EAEJtB,KAAKsF,QAAQ,kBAAmBW,GAChCjG,KAAKsF,QAAQ,kBAAmB,QAAQW,OAAOG,MAE/CpG,KAAKsF,QAAQ,gBAAiBY,GAC9BlG,KAAKsF,QAAQ,gBAAiB,QAAQY,OAAOE,MAE7CpG,KAAKsF,QAAQ,kBAAmBa,GAChCnG,KAAKsF,QAAQ,kBAAmB,QAAQa,OAAOC,KACjD,CAEQ,mBAAAhC,GACN,MAAMqC,EAAYzG,KAAK8B,gBACnB,MACA9B,KAAK0B,oBACH,MACA,MACAgF,EAAY1G,KAAK+B,gBACnB,MACA/B,KAAK2B,oBACH,MACA,MACN3B,KAAKsF,QAAQ,sBAAuBmB,GACpCzG,KAAKsF,QAAQ,sBAAuBoB,GAEpC1G,KAAKsF,QAAQ,4BAA6BqB,EAAa3G,KAAKc,uBAC5Dd,KAAKsF,QAAQ,4BAA6BqB,EAAa3G,KAAKqB,uBAE5D,MAAMuF,EACJ5G,KAAK8B,iBAAmB9B,KAAK0B,oBACzB,oCACA,sBACAmF,EACJ7G,KAAK+B,iBAAmB/B,KAAK2B,oBACzB,oCACA,sBACN3B,KAAKsF,QAAQ,yBAA0BsB,GACvC5G,KAAKsF,QAAQ,yBAA0BuB,GAEvC7G,KAAKsF,QACH,eACAtF,KAAK2F,kBACH3F,KAAKQ,SACLR,KAAK8B,gBACL9B,KAAK4B,oBAGT5B,KAAKsF,QACH,eACAtF,KAAK2F,kBACH3F,KAAKe,SACLf,KAAK+B,gBACL/B,KAAK6B,oBAGT7B,KAAKsF,QACH,0BACAtF,KAAK4B,kBACD5B,KAAK+F,4BAA4B/F,KAAKQ,UACtC,QAENR,KAAKsF,QACH,0BACAtF,KAAK6B,kBACD7B,KAAK+F,4BAA4B/F,KAAKe,UACtC,QAENf,KAAKsF,QACH,qBACAtF,KAAK4B,kBACDuB,EAAQF,iBAAiBjD,KAAKS,YAC9B,QAENT,KAAKsF,QACH,qBACAtF,KAAK6B,kBACDsB,EAAQF,iBAAiBjD,KAAKgB,YAC9B,QAGNhB,KAAKsF,QACH,mBACAU,EAAchG,KAAKa,eAErBb,KAAKsF,QACH,mBACAU,EAAchG,KAAKoB,eAErBpB,KAAKsF,QACH,sBACAnC,EAAQP,SAAS5C,KAAKY,iBACtBZ,KAAKY,gBAEPZ,KAAKsF,QACH,sBACAnC,EAAQP,SAAS5C,KAAKmB,iBACtBnB,KAAKmB,eAET,CAMO,aAAA2F,GACL9G,KAAKiE,yBACLjE,KAAKkE,iBACLlE,KAAKmE,oBACLnE,KAAKoE,sBACLpE,KAAK4D,cACL5D,KAAK6D,aACP,CAES,MAAAkD,GACP,MAAMC,EAA0C,WAAtBhH,KAAKW,aAA4B,MAAQ,QAC7DsG,EAA0C,WAAtBjH,KAAKkB,aAA4B,MAAQ,QAC7DgG,EAAgBC,EAAS,CAC7BC,SAAS,EACTJ,CAACA,IAAoB,EACrB,gBAAiBhH,KAAK4B,kBACtByF,QAASrH,KAAK8B,kBAEVwF,EAAgBH,EAAS,CAC7BC,SAAS,EACTH,CAACA,IAAoB,EACrB,mBAAoBjH,KAAK6B,kBACzBwF,QAASrH,KAAK+B,kBAGhB,OAAOwF,CAAI;;qBAEML;;;;;;;;;;qBAUAI;;;;;;;;KASnB,GA5pB2CE,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BAAuB/H,EAAAgI,UAAA,aACfL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BAA2B/H,EAAAgI,UAAA,oBACnBL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BAAsB/H,EAAAgI,UAAA,iBACdL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BAA6B/H,EAAAgI,UAAA,sBACrBL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BAA2C/H,EAAAgI,UAAA,oBAClCL,EAAA,CAA3CC,EAAS,CAAEC,KAAM/C,QAASiD,SAAS,6BAAyB/H,EAAAgI,UAAA,mBACjBL,EAAA,CAA3CC,EAAS,CAAEC,KAAM/C,QAASiD,SAAS,6BAA0B/H,EAAAgI,UAAA,oBAEnBL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACnB/H,EAAAgI,UAAA,mBAEhBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACf/H,EAAAgI,UAAA,qBAEpBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACd/H,EAAAgI,UAAA,wBACOL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAwD9H,EAAAgI,UAAA,uBAE1EL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACb/H,EAAAgI,UAAA,yBAEtBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACf/H,EAAAgI,UAAA,uBAEpBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,kCACoB9H,EAAAgI,UAAA,+BAEKL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACnB/H,EAAAgI,UAAA,mBAEhBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACf/H,EAAAgI,UAAA,qBAEpBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACd/H,EAAAgI,UAAA,wBACOL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAwD9H,EAAAgI,UAAA,uBAE1EL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACb/H,EAAAgI,UAAA,yBAEtBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACf/H,EAAAgI,UAAA,uBAEpBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,kCACoB9H,EAAAgI,UAAA,+BAEVL,EAAA,CAA3BC,EAAS,CAAEC,KAAMrB,kCAAuBxG,EAAAgI,UAAA,mBAEbL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAoD9H,EAAAgI,UAAA,qBAC1CL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAkD9H,EAAAgI,UAAA,mBACxCL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAgD9H,EAAAgI,UAAA,iBAzCvDhI,EAAOsD,EAAAqE,EAAA,CADnBM,EAAc,aACFjI"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as s,nothing as
|
|
1
|
+
import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as s,nothing as r,html as o}from"lit";import{property as a,state as n,customElement as c}from"lit/decorators.js";import{when as h}from"lit/directives/when.js";import{classMap as d}from"lit/directives/class-map.js";import{styleMap as l}from"lit/directives/style-map.js";import{resolveColor as p}from"../helper/utils/color-resolver.js";import{FormControlBase as y}from"../helper/internals/form-control-base.js";let v=class extends y{constructor(){super(...arguments),this.label="",this.id="",this.value="",this.color="primary",this.defaultChecked=!1,this.showErrors=!1,this.prefix="",this.suffix="",this.prefixColor="",this.suffixColor="",this.validationActive=!1,this.invalid=!1,this._checked=!1,this._indeterminate=!1,this.validationErrors=[],this._hasMeaningfulSlot=!1,this._inputId=`sky-cb-${Math.random().toString(36).slice(2)}`,this._onSlotChange=e=>{const t=e.target,i=this._slotHasMeaningfulContent(t);i!==this._hasMeaningfulSlot&&(this._hasMeaningfulSlot=i)},this.handleBlur=e=>{this.validationActive=!0,this.validateInput();const t=this.shadowRoot?.querySelector(".cbx");t?.classList.remove("active"),this.syncValidity()},this._onKeyDown=e=>{this.disabled||this.readonly||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this._inputElement?.click())}}static{this.shadowRootOptions={...i.shadowRootOptions,delegatesFocus:!0}}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,e&&this.indeterminate&&(this.indeterminate=!1,this._inputElement&&(this._inputElement.indeterminate=!1)),this.requestUpdate("checked",t),this._inputElement&&(this._inputElement.checked=e,this._inputElement.indeterminate=this.indeterminate),this._updateVisualState(),this.syncFormValue(),this.syncValidity()}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,e&&this.checked&&(this.checked=!1),this.requestUpdate("indeterminate",t),this._inputElement&&(this._inputElement.indeterminate=e),this._updateVisualState(),this.syncValidity()}static{this.styles=s`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
position: relative;
|
|
@@ -9,9 +9,9 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as
|
|
|
9
9
|
cursor: default;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
/*
|
|
12
|
+
/* Show focus UI whenever anything inside is focused */
|
|
13
13
|
:host(:focus-within) .cbx span:first-child,:host(:focus) .cbx span:first-child {
|
|
14
|
-
box-shadow:
|
|
14
|
+
box-shadow: var(--sky-focus-ring);
|
|
15
15
|
border-color: var(--checkbox-color)!important;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -19,12 +19,12 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as
|
|
|
19
19
|
position: relative;
|
|
20
20
|
display: flex;
|
|
21
21
|
align-items: center;
|
|
22
|
-
gap: 5px;
|
|
22
|
+
gap: var(--sky-space-1, 5px);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
:host([disabled]) {
|
|
26
26
|
pointer-events: none;
|
|
27
|
-
opacity: 0.6;
|
|
27
|
+
opacity: var(--sky-opacity-disabled, 0.6);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.cbx {
|
|
@@ -32,8 +32,8 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as
|
|
|
32
32
|
align-items: center;
|
|
33
33
|
cursor: pointer;
|
|
34
34
|
user-select: none;
|
|
35
|
-
gap: 5px;
|
|
36
|
-
transition:
|
|
35
|
+
gap: var(--sky-space-1, 5px);
|
|
36
|
+
transition: color 0.2s ease;
|
|
37
37
|
font-family: var(--sky-font);
|
|
38
38
|
font-size: var(--sky-font-size-sm);
|
|
39
39
|
line-height: var(--sky-line-height-snug, 1.25);
|
|
@@ -53,15 +53,16 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as
|
|
|
53
53
|
flex-shrink: 0;
|
|
54
54
|
border-radius: min(6px, var(--sky-radius-primary));
|
|
55
55
|
vertical-align: middle;
|
|
56
|
+
background: var(--sky-glass-solid);
|
|
56
57
|
border: 2px solid var(--sky-text-tertiary);
|
|
57
|
-
transition: all 0.2s ease;
|
|
58
58
|
display: flex;
|
|
59
59
|
align-items: center;
|
|
60
60
|
justify-content: center;
|
|
61
61
|
transform: translateZ(0);
|
|
62
62
|
contain: layout;
|
|
63
63
|
overflow: hidden;
|
|
64
|
-
transition: background-color 0.2s ease
|
|
64
|
+
transition: background-color 0.2s ease, border-color 0.2s ease,
|
|
65
|
+
box-shadow 0.2s ease;
|
|
65
66
|
}
|
|
66
67
|
|
|
67
68
|
.cbx span:first-child svg {
|
|
@@ -80,12 +81,12 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as
|
|
|
80
81
|
}
|
|
81
82
|
|
|
82
83
|
.cbx:hover span:first-child {
|
|
83
|
-
background-color: var(--sky-
|
|
84
|
+
background-color: var(--sky-hover-primary);
|
|
84
85
|
border-color: var(--sky-text-tertiary);
|
|
85
86
|
}
|
|
86
87
|
|
|
87
88
|
input[type="checkbox"]:checked + .cbx:hover span:first-child {
|
|
88
|
-
box-shadow:
|
|
89
|
+
box-shadow: var(--sky-box-shadow-hover);
|
|
89
90
|
transition: box-shadow 0.2s ease;
|
|
90
91
|
}
|
|
91
92
|
|
|
@@ -94,7 +95,7 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as
|
|
|
94
95
|
inset: 0;
|
|
95
96
|
width: auto;
|
|
96
97
|
height: auto;
|
|
97
|
-
background: var(--checkbox-color,
|
|
98
|
+
background: var(--checkbox-color, var(--sky-active-primary));
|
|
98
99
|
display: block;
|
|
99
100
|
transform: scale(0);
|
|
100
101
|
opacity: 0;
|
|
@@ -123,8 +124,8 @@ input[type="checkbox"] {
|
|
|
123
124
|
}
|
|
124
125
|
|
|
125
126
|
input[type="checkbox"]:checked + .cbx span:first-child {
|
|
126
|
-
background: var(--checkbox-color,
|
|
127
|
-
border-color: var(--checkbox-color,
|
|
127
|
+
background: var(--checkbox-color, var(--sky-active-primary));
|
|
128
|
+
border-color: var(--checkbox-color, var(--sky-active-primary));
|
|
128
129
|
|
|
129
130
|
transform: none; /* Ensure no transform applied */
|
|
130
131
|
}
|
|
@@ -147,8 +148,8 @@ input[type="checkbox"]:checked + .cbx span:first-child {
|
|
|
147
148
|
}
|
|
148
149
|
|
|
149
150
|
.cbx.checked span:first-child {
|
|
150
|
-
background: var(--checkbox-color,
|
|
151
|
-
border-color: var(--checkbox-color,
|
|
151
|
+
background: var(--checkbox-color, var(--sky-active-primary));
|
|
152
|
+
border-color: var(--checkbox-color, var(--sky-active-primary));
|
|
152
153
|
|
|
153
154
|
}
|
|
154
155
|
.cbx.checked span:first-child svg.checkmark {
|
|
@@ -194,13 +195,13 @@ input[type="checkbox"]:checked + .cbx span:first-child {
|
|
|
194
195
|
overflow: hidden;
|
|
195
196
|
text-overflow: ellipsis;
|
|
196
197
|
pointer-events: none;
|
|
197
|
-
margin-left: 5px;
|
|
198
|
+
margin-left: var(--sky-space-1, 5px);
|
|
198
199
|
width: 100%;
|
|
199
200
|
text-align: start;
|
|
200
201
|
font-family: var(--sky-font);
|
|
201
202
|
}
|
|
202
203
|
:dir(rtl) .error-message {
|
|
203
|
-
margin-right: 5px;
|
|
204
|
+
margin-right: var(--sky-space-1, 5px);
|
|
204
205
|
margin-left: unset;
|
|
205
206
|
}
|
|
206
207
|
|
|
@@ -231,7 +232,17 @@ input[type="checkbox"]:checked + .cbx span:first-child {
|
|
|
231
232
|
.checkbox-wrapper.no-text {
|
|
232
233
|
gap: 0;
|
|
233
234
|
}
|
|
234
|
-
|
|
235
|
+
|
|
236
|
+
@media (prefers-reduced-motion: reduce) {
|
|
237
|
+
.cbx,
|
|
238
|
+
.cbx span:first-child,
|
|
239
|
+
.cbx span:first-child svg,
|
|
240
|
+
.cbx span:first-child:before,
|
|
241
|
+
.indeterminate-line {
|
|
242
|
+
transition: none;
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
`}getFormValue(){return this.name?this.disabled?null:this.checked?this.value&&""!==this.value.trim()?this.value:"on":null:null}setValueFromFormState(e){if(null===e)return this.checked=!1,void(this.indeterminate=!1);"string"==typeof e&&(this.value&&""!==this.value.trim()?this.checked=e===this.value:this.checked="on"===e||"true"===e||"1"===e,this.indeterminate=!1)}getValidityAnchor(){return this.shadowRoot?.querySelector('input[type="checkbox"]')??void 0}isEmpty(){return!this.checked}getNativeControl(){return this.shadowRoot?.querySelector('input[type="checkbox"]')}onFormReset(){this.checked=this.defaultChecked,this.indeterminate=!1,this.validationErrors=[],this.invalid=!1,this.validationActive=!1}willUpdate(e){e.has("color")&&this.style.setProperty("--checkbox-color",p(this.color))}updated(e){super.updated(e),this._inputElement||(this._inputElement=this.shadowRoot?.querySelector('input[type="checkbox"]')),this._inputElement&&(this._inputElement.checked=this.checked,this._inputElement.indeterminate=this.indeterminate,this._inputElement.disabled=this.disabled||this.readonly),this._updateVisualState(),(e.has("checked")||e.has("name")||e.has("disabled")||e.has("readonly")||e.has("required")||e.has("value"))&&(this.syncFormValue(),this.syncValidity())}handleChange(e){const t=e.target;if(this.disabled||this.readonly)return this._inputElement&&(this._inputElement.checked=this.checked,this._inputElement.indeterminate=this.indeterminate),e.preventDefault(),void e.stopPropagation();this.checked=t.checked,this.validateInput();const i=this.value&&""!==this.value.trim()?this.checked?this.value:void 0:this.checked;this.dispatchEvent(new CustomEvent("value-changed",{detail:{checked:this.checked,value:i},bubbles:!0,composed:!0}))}validateInput(){if(!this.validationActive)return!0;this.validationErrors=[],this.required&&!this.checked&&(this.validationErrors=[this.requiredMessage]),this.dispatchEvent(new CustomEvent("validation-error",{detail:{errors:[...this.validationErrors]},bubbles:!0,composed:!0}));const e=this.shadowRoot?.querySelector(".cbx");this.validationErrors.length?e?.classList.add("invalid"):e?.classList.remove("invalid");const t=0===this.validationErrors.length;return this.invalid=!t,t}check(){this.disabled||this.readonly||(this.checked=!0,this.indeterminate=!1)}uncheck(){this.disabled||this.readonly||(this.checked=!1,this.indeterminate=!1)}toggle(){this.disabled||this.readonly||(this.checked=!this.checked,this.indeterminate=!1)}reset(){this.onFormReset(),this.syncFormValue(),this.syncValidity(),this.dispatchEvent(new CustomEvent("value-cleared",{detail:{value:this.value,checked:this.checked},bubbles:!0,composed:!0}))}_updateVisualState(){const e=this.shadowRoot?.querySelector(".cbx");e&&(this.checked?(e.classList.add("checked"),e.classList.remove("indeterminate")):this.indeterminate?(e.classList.add("indeterminate"),e.classList.remove("checked")):e.classList.remove("checked","indeterminate"))}_slotHasMeaningfulContent(e){return e.assignedNodes({flatten:!0}).some(e=>e.nodeType===Node.ELEMENT_NODE||(e.textContent??"").trim().length>0)}get _hasTextContent(){return!!this.prefix||!!this.suffix||!!this.label||this._hasMeaningfulSlot}render(){const e=this._hasTextContent,t=d({"checkbox-wrapper":!0,"no-text":!e}),i=d({cbx:!0,checked:this.checked,indeterminate:this.indeterminate}),s=d({box:!0,"box--checked":this.checked,"box--indeterminate":this.indeterminate,"box--invalid":this.validationErrors.length>0}),a="box"+(this.checked?" box--checked":"")+(this.indeterminate?" box--indeterminate":"")+(this.validationErrors.length?" box--invalid":"");return o`
|
|
235
246
|
<div class=${t} part="wrapper">
|
|
236
247
|
<input
|
|
237
248
|
type="checkbox"
|
|
@@ -256,12 +267,12 @@ input[type="checkbox"]:checked + .cbx span:first-child {
|
|
|
256
267
|
<div class="indeterminate-line" part="indeterminate-line"></div>
|
|
257
268
|
</span>
|
|
258
269
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
259
|
-
${h(e,()=>{const e=l({textAlign:"start",color:"var(--sky-text-primary)"}),t=l({color:this.prefixColor,display:"inline-block"}),i=l({color:this.suffixColor,display:"inline-block"});return
|
|
270
|
+
${h(e,()=>{const e=l({textAlign:"start",color:"var(--sky-text-primary)"}),t=l({color:this.prefixColor,display:"inline-block"}),i=l({color:this.suffixColor,display:"inline-block"});return o`
|
|
260
271
|
<span style=${e} part="text">
|
|
261
272
|
<div style=${t} part="prefix">
|
|
262
273
|
${this.prefix}
|
|
263
274
|
</div>
|
|
264
|
-
${this._hasMeaningfulSlot?
|
|
275
|
+
${this._hasMeaningfulSlot?r:this.label}
|
|
265
276
|
<div style=${i} part="suffix">
|
|
266
277
|
${this.suffix}
|
|
267
278
|
</div>
|
|
@@ -269,8 +280,8 @@ input[type="checkbox"]:checked + .cbx span:first-child {
|
|
|
269
280
|
`})}
|
|
270
281
|
</label>
|
|
271
282
|
</div>
|
|
272
|
-
${h(this.showErrors&&this.validationErrors.length>0&&this.validationActive,()=>
|
|
283
|
+
${h(this.showErrors&&this.validationErrors.length>0&&this.validationActive,()=>o`<div class="error-message" part="error-message">
|
|
273
284
|
${this.validationErrors[0]}
|
|
274
285
|
</div>`)}
|
|
275
|
-
`}};e([a({type:String}),t("design:type",Object)],
|
|
286
|
+
`}};e([a({type:String}),t("design:type",Object)],v.prototype,"label",void 0),e([a({type:String}),t("design:type",Object)],v.prototype,"id",void 0),e([a({type:String}),t("design:type",Object)],v.prototype,"value",void 0),e([a({type:String}),t("design:type",Object)],v.prototype,"color",void 0),e([a({type:Boolean}),t("design:type",Object)],v.prototype,"defaultChecked",void 0),e([a({type:Boolean}),t("design:type",Object)],v.prototype,"showErrors",void 0),e([a({type:String}),t("design:type",Object)],v.prototype,"prefix",void 0),e([a({type:String}),t("design:type",Object)],v.prototype,"suffix",void 0),e([a({type:String}),t("design:type",Object)],v.prototype,"prefixColor",void 0),e([a({type:String}),t("design:type",Object)],v.prototype,"suffixColor",void 0),e([a({type:Boolean,reflect:!0}),t("design:type",Boolean)],v.prototype,"validationActive",void 0),e([a({type:Boolean,reflect:!0}),t("design:type",Boolean)],v.prototype,"invalid",void 0),e([n(),t("design:type",Object)],v.prototype,"_checked",void 0),e([n(),t("design:type",Object)],v.prototype,"_indeterminate",void 0),e([n(),t("design:type",Array)],v.prototype,"validationErrors",void 0),e([n(),t("design:type",Object)],v.prototype,"_hasMeaningfulSlot",void 0),e([a({type:Boolean,reflect:!0}),t("design:type",Boolean),t("design:paramtypes",[Boolean])],v.prototype,"checked",null),e([a({type:Boolean,reflect:!0}),t("design:type",Boolean),t("design:paramtypes",[Boolean])],v.prototype,"indeterminate",null),v=e([c("sky-checkbox")],v);export{v as SkyCheckbox};
|
|
276
287
|
//# sourceMappingURL=sky-checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sky-checkbox.js","sources":["../../src/sky-checkbox/sky-checkbox.ts"],"sourcesContent":[null],"names":["SkyCheckbox","FormControlBase","constructor","this","label","id","value","color","defaultChecked","showErrors","prefix","suffix","prefixColor","suffixColor","validationActive","invalid","_checked","_indeterminate","validationErrors","_hasMeaningfulSlot","_inputId","Math","random","toString","slice","_onSlotChange","e","slot","target","next","_slotHasMeaningfulContent","handleBlur","_e","validateInput","cbx","shadowRoot","querySelector","classList","remove","syncValidity","_onKeyDown","disabled","readonly","key","preventDefault","_inputElement","click","shadowRootOptions","LitElement","delegatesFocus","checked","v","old","indeterminate","requestUpdate","_updateVisualState","syncFormValue","styles","css","getFormValue","name","trim","setValueFromFormState","state","getValidityAnchor","undefined","isEmpty","getNativeControl","onFormReset","willUpdate","changed","has","style","setProperty","resolveColor","updated","super","handleChange","event","stopPropagation","emittedValue","dispatchEvent","CustomEvent","detail","bubbles","composed","required","requiredMessage","errors","length","add","isValid","check","uncheck","toggle","reset","slotEl","assignedNodes","flatten","some","n","nodeType","Node","ELEMENT_NODE","textContent","_hasTextContent","render","hasText","wrapperClasses","classMap","labelClasses","boxClasses","box","boxPart","html","when","textStyle","styleMap","textAlign","prefixStyle","display","suffixStyle","nothing","__decorate","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"ueA+FO,IAAMA,EAAN,cAA0BC,EAA1B,WAAAC,uBAMuBC,KAAAC,MAAQ,GACCD,KAAAE,GAAK,GACdF,KAAAG,MAAQ,GACRH,KAAAI,MAAQ,UACPJ,KAAAK,gBAAiB,EACjBL,KAAAM,YAAa,EACLN,KAAAO,OAAS,GAClBP,KAAAQ,OAAS,GACTR,KAAAS,YAAc,GACdT,KAAAU,YAAc,GACEV,KAAAW,kBAA4B,EAC5BX,KAAAY,SAAmB,EAC9CZ,KAAAa,UAAW,EACXb,KAAAc,gBAAiB,EACjBd,KAAAe,iBAA6B,GAC7Bf,KAAAgB,oBAAqB,EAG9BhB,KAAAiB,SAAW,UAAUC,KAAKC,SAASC,SAAS,IAAIC,MAAM,
|
|
1
|
+
{"version":3,"file":"sky-checkbox.js","sources":["../../src/sky-checkbox/sky-checkbox.ts"],"sourcesContent":[null],"names":["SkyCheckbox","FormControlBase","constructor","this","label","id","value","color","defaultChecked","showErrors","prefix","suffix","prefixColor","suffixColor","validationActive","invalid","_checked","_indeterminate","validationErrors","_hasMeaningfulSlot","_inputId","Math","random","toString","slice","_onSlotChange","e","slot","target","next","_slotHasMeaningfulContent","handleBlur","_e","validateInput","cbx","shadowRoot","querySelector","classList","remove","syncValidity","_onKeyDown","disabled","readonly","key","preventDefault","_inputElement","click","shadowRootOptions","LitElement","delegatesFocus","checked","v","old","indeterminate","requestUpdate","_updateVisualState","syncFormValue","styles","css","getFormValue","name","trim","setValueFromFormState","state","getValidityAnchor","undefined","isEmpty","getNativeControl","onFormReset","willUpdate","changed","has","style","setProperty","resolveColor","updated","super","handleChange","event","stopPropagation","emittedValue","dispatchEvent","CustomEvent","detail","bubbles","composed","required","requiredMessage","errors","length","add","isValid","check","uncheck","toggle","reset","slotEl","assignedNodes","flatten","some","n","nodeType","Node","ELEMENT_NODE","textContent","_hasTextContent","render","hasText","wrapperClasses","classMap","labelClasses","boxClasses","box","boxPart","html","when","textStyle","styleMap","textAlign","prefixStyle","display","suffixStyle","nothing","__decorate","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__decorate as
|
|
1
|
+
import{__decorate as o,__metadata as t}from"tslib";import{LitElement as i,css as e,nothing as r,html as s}from"lit";import{property as n,customElement as a}from"lit/decorators.js";import{when as l}from"lit/directives/when.js";import{styleMap as c}from"lit/directives/style-map.js";import{classMap as p}from"lit/directives/class-map.js";import{resolveColor as d,resolveTextColorForToken as h,isDefaultColorToken as y,resolveInkColorForToken as g,resolveAccentColorForToken as f}from"../helper/utils/color-resolver.js";import{resolveRadius as u}from"../helper/utils/size-resolver.js";import{SkyIcon as v}from"../sky-icon/sky-icon.js";let b=class extends i{constructor(){super(...arguments),this.label="",this.removable=!1,this.color="primary",this.radius="full",this.size="md",this.iconL=null,this.iconR=null,this.loading=!1,this.disabled=!1,this.variant="flat",this._onSlotChange=()=>{this.requestUpdate()}}static{this.dependencies={"sky-icon":v}}static{this.styles=e`
|
|
2
2
|
:host {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
font-family: var(--sky-font);
|
|
@@ -7,7 +7,7 @@ import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as
|
|
|
7
7
|
|
|
8
8
|
:host([disabled]) {
|
|
9
9
|
pointer-events: none;
|
|
10
|
-
opacity: 0.6;
|
|
10
|
+
opacity: var(--sky-opacity-disabled, 0.6);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.chip {
|
|
@@ -18,54 +18,57 @@ import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as
|
|
|
18
18
|
align-items: center;
|
|
19
19
|
border-radius: var(--sky-radius-secondary);
|
|
20
20
|
color: var(--chip-text-color);
|
|
21
|
-
font-weight: 500;
|
|
22
|
-
transition: background-color 0.3s ease, color 0.3s ease,
|
|
21
|
+
font-weight: var(--sky-font-weight-medium, 500);
|
|
22
|
+
transition: background-color 0.3s ease, color 0.3s ease,
|
|
23
|
+
box-shadow 0.2s ease, transform 0.2s ease;
|
|
23
24
|
cursor: pointer;
|
|
24
25
|
background-color: var(--chip-bg-color);
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
.close-button {
|
|
28
|
-
|
|
29
|
+
position: relative;
|
|
29
30
|
display: flex;
|
|
30
31
|
height: 18px;
|
|
31
32
|
width: 18px;
|
|
32
33
|
justify-content: center;
|
|
33
34
|
font-size: inherit;
|
|
34
35
|
align-items: center;
|
|
35
|
-
background: var(--sky-
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
background-color: var(--sky-hover-primary);
|
|
37
|
+
backdrop-filter: none;
|
|
38
|
+
-webkit-backdrop-filter: none;
|
|
39
|
+
border: none;
|
|
40
|
+
border-radius: var(--sky-radius-full);
|
|
38
41
|
cursor: pointer;
|
|
39
42
|
color: var(--sky-text-primary);
|
|
40
|
-
|
|
43
|
+
transition: color 0.2s ease, background-color 0.2s ease;
|
|
41
44
|
}
|
|
42
45
|
|
|
43
46
|
.close-button sky-icon {
|
|
44
|
-
|
|
47
|
+
display: flex;
|
|
48
|
+
align-items: center;
|
|
49
|
+
justify-content: center;
|
|
50
|
+
line-height: 1;
|
|
51
|
+
transition: color 0.3s ease;
|
|
45
52
|
}
|
|
46
53
|
|
|
47
54
|
:dir(rtl) .close-button {
|
|
48
|
-
margin-right: 5px;
|
|
55
|
+
margin-right: var(--sky-space-1, 5px);
|
|
49
56
|
margin-left: unset;
|
|
50
57
|
}
|
|
51
58
|
|
|
52
|
-
.close-button:hover
|
|
53
|
-
.close-button:focus-visible sky-icon{
|
|
59
|
+
.close-button:hover {
|
|
54
60
|
color: var(--sky-danger-primary);
|
|
55
|
-
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.close-button:focus-visible {
|
|
56
64
|
outline: none;
|
|
65
|
+
box-shadow: var(--sky-focus-ring);
|
|
57
66
|
}
|
|
58
67
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
|
|
64
|
-
var(--sky-saturation-primary);
|
|
65
|
-
-webkit-backdrop-filter: var(--sky-blur-primary)
|
|
66
|
-
var(--sky-brightness-primary) var(--sky-saturation-primary);
|
|
67
|
-
border-radius: inherit;
|
|
68
|
-
z-index: -1;
|
|
68
|
+
.close-button:hover sky-icon,
|
|
69
|
+
.close-button:focus-visible sky-icon{
|
|
70
|
+
color: var(--sky-danger-primary);
|
|
71
|
+
outline: none;
|
|
69
72
|
}
|
|
70
73
|
|
|
71
74
|
.icon {
|
|
@@ -102,7 +105,7 @@ import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as
|
|
|
102
105
|
height: 14px;
|
|
103
106
|
border: 2px solid var(--sky-text-white);
|
|
104
107
|
border-top-color: var(--chip-bg-color);
|
|
105
|
-
border-radius:
|
|
108
|
+
border-radius: var(--sky-radius-full);
|
|
106
109
|
animation: spin 0.8s linear infinite;
|
|
107
110
|
}
|
|
108
111
|
|
|
@@ -115,6 +118,17 @@ import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as
|
|
|
115
118
|
}
|
|
116
119
|
}
|
|
117
120
|
|
|
121
|
+
@media (prefers-reduced-motion: reduce) {
|
|
122
|
+
.chip,
|
|
123
|
+
.close-button,
|
|
124
|
+
.close-button sky-icon {
|
|
125
|
+
transition: none;
|
|
126
|
+
}
|
|
127
|
+
.loading-spinner {
|
|
128
|
+
animation: none;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
|
|
118
132
|
.chip.bordered {
|
|
119
133
|
border: 1px solid var(--chip-ink-color, var(--chip-bg-color));
|
|
120
134
|
color: var(--chip-ink-color, var(--chip-bg-color));
|
|
@@ -143,7 +157,11 @@ import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as
|
|
|
143
157
|
}
|
|
144
158
|
|
|
145
159
|
.chip.shadow {
|
|
146
|
-
box-shadow:
|
|
160
|
+
box-shadow: var(--sky-box-shadow-primary);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.chip.shadow:hover {
|
|
164
|
+
box-shadow: var(--sky-box-shadow-hover);
|
|
147
165
|
}
|
|
148
166
|
|
|
149
167
|
.chip.faded .icon,
|
|
@@ -155,7 +173,7 @@ import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as
|
|
|
155
173
|
}
|
|
156
174
|
|
|
157
175
|
.chip.dot {
|
|
158
|
-
padding-left: 20px !important;
|
|
176
|
+
padding-left: var(--sky-space-5, 20px) !important;
|
|
159
177
|
position: relative;
|
|
160
178
|
background-color: transparent;
|
|
161
179
|
border: 1px solid var(--sky-text-tertiary);
|
|
@@ -165,18 +183,18 @@ import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as
|
|
|
165
183
|
.chip.dot::before {
|
|
166
184
|
content: "";
|
|
167
185
|
position: absolute;
|
|
168
|
-
left: 6px;
|
|
186
|
+
left: var(--sky-space-1\\.5, 6px);
|
|
169
187
|
top: 50%;
|
|
170
188
|
transform: translateY(-50%);
|
|
171
|
-
width: 8px;
|
|
172
|
-
height: 8px;
|
|
173
|
-
border-radius:
|
|
189
|
+
width: var(--sky-space-2, 8px);
|
|
190
|
+
height: var(--sky-space-2, 8px);
|
|
191
|
+
border-radius: var(--sky-radius-full);
|
|
174
192
|
background-color: var(--chip-accent-color, var(--chip-bg-color));
|
|
175
193
|
}
|
|
176
|
-
`}updated(){const
|
|
194
|
+
`}updated(){const o=d(this.color),t=h(this.color);this.style.setProperty("--chip-bg-color",o),this.style.setProperty("--chip-text-color",t),y(this.color)?(this.style.setProperty("--chip-ink-color",g(this.color)),this.style.setProperty("--chip-accent-color",f(this.color)),this.style.setProperty("--chip-fill-color","var(--sky-hover-tertiary)")):(this.style.removeProperty("--chip-ink-color"),this.style.removeProperty("--chip-accent-color"),this.style.removeProperty("--chip-fill-color"))}_resolveSize(o){const t={xs:{padding:"2px 4px",fontSize:"11px"},sm:{padding:"3px 6px",fontSize:"12px"},md:{padding:"4px 8px",fontSize:"13px"},lg:{padding:"5px 10px",fontSize:"14px"},xl:{padding:"6px 12px",fontSize:"15px"}};if(t[o])return t[o];const i=String(o).trim().match(/^([\d.]+)(px|rem|em)?$/i),e=i?.[2]||"px",r=i?parseFloat(i[1]):13,s=`${r}${e}`,n=(o,t,i)=>Math.max(t,Math.min(i,o)),a=n(.4*r,2,10),l=n(.8*r,6,16),c=o=>`${Math.round(100*o)/100}${e}`;return{padding:`${c(a)} ${c(l)}`,fontSize:s}}removeChip(){const o=new CustomEvent("chip-removed",{detail:{label:this.label},bubbles:!0,composed:!0});this.dispatchEvent(o),this.remove()}_slotHasMeaningfulContent(o){return o.assignedNodes({flatten:!0}).some(o=>o.nodeType===Node.ELEMENT_NODE||(o.textContent??"").trim().length>0)}_hasPrefixSlotContent(){if(this.querySelector('[slot="prefix"]'))return!0;const o=this.shadowRoot?.querySelector('slot[name="prefix"]');return!!o&&this._slotHasMeaningfulContent(o)}_hasSuffixSlotContent(){if(this.querySelector('[slot="suffix"]'))return!0;const o=this.shadowRoot?.querySelector('slot[name="suffix"]');return!!o&&this._slotHasMeaningfulContent(o)}_hasDefaultSlotContent(){for(const o of Array.from(this.childNodes)){if(o.nodeType===Node.ELEMENT_NODE){const t=o.getAttribute("slot");if("prefix"===t||"suffix"===t)continue;return!0}if((o.textContent??"").trim().length>0)return!0}const o=this.shadowRoot?.querySelector("slot:not([name])");return!!o&&this._slotHasMeaningfulContent(o)}render(){const o=this._resolveSize(this.size),t={padding:o.padding,borderRadius:u(this.radius),fontSize:o.fontSize};return s`
|
|
177
195
|
<div
|
|
178
196
|
class=${p({chip:!0,[this.variant]:!0,loading:this.loading})}
|
|
179
|
-
style=${c(
|
|
197
|
+
style=${c(t)}
|
|
180
198
|
part="chip"
|
|
181
199
|
>
|
|
182
200
|
<slot name="prefix" @slotchange=${this._onSlotChange}></slot>
|
|
@@ -184,7 +202,7 @@ import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as
|
|
|
184
202
|
<sky-icon class="icon" part="icon" icon="${this.iconL}"></sky-icon>
|
|
185
203
|
`)}
|
|
186
204
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
187
|
-
${this._hasDefaultSlotContent()?
|
|
205
|
+
${this._hasDefaultSlotContent()?r:this.label}
|
|
188
206
|
<slot name="suffix" @slotchange=${this._onSlotChange}></slot>
|
|
189
207
|
${l(!this._hasSuffixSlotContent()&&this.iconR,()=>s`
|
|
190
208
|
<sky-icon class="icon icon-right" part="icon" icon="${this.iconR}"></sky-icon>
|
|
@@ -206,5 +224,5 @@ import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as
|
|
|
206
224
|
</div>
|
|
207
225
|
`)}
|
|
208
226
|
</div>
|
|
209
|
-
`}};
|
|
227
|
+
`}};o([n({type:String}),t("design:type",String)],b.prototype,"label",void 0),o([n({type:Boolean}),t("design:type",Boolean)],b.prototype,"removable",void 0),o([n({type:String}),t("design:type",String)],b.prototype,"color",void 0),o([n({type:String}),t("design:type",String)],b.prototype,"radius",void 0),o([n({type:String}),t("design:type",String)],b.prototype,"size",void 0),o([n({type:String}),t("design:type",Object)],b.prototype,"iconL",void 0),o([n({type:String}),t("design:type",Object)],b.prototype,"iconR",void 0),o([n({type:Boolean}),t("design:type",Boolean)],b.prototype,"loading",void 0),o([n({type:Boolean,reflect:!0}),t("design:type",Boolean)],b.prototype,"disabled",void 0),o([n({type:String,reflect:!0}),t("design:type",String)],b.prototype,"variant",void 0),b=o([a("sky-chip")],b);export{b as SkyChip};
|
|
210
228
|
//# sourceMappingURL=sky-chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sky-chip.js","sources":["../../src/sky-chip/sky-chip.ts"],"sourcesContent":[null],"names":["SkyChip","LitElement","constructor","this","label","removable","color","radius","size","iconL","iconR","loading","disabled","variant","_onSlotChange","requestUpdate","dependencies","SkyIcon","styles","css","updated","bgColor","resolveColor","textColor","resolveTextColorForToken","style","setProperty","isDefaultColorToken","resolveInkColorForToken","resolveAccentColorForToken","removeProperty","_resolveSize","input","presets","xs","padding","fontSize","sm","md","lg","xl","m","String","trim","match","unit","fsNum","parseFloat","fs","clamp","n","min","max","Math","py","px","to","round","removeChip","removeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","remove","_slotHasMeaningfulContent","slotEl","assignedNodes","flatten","some","nodeType","Node","ELEMENT_NODE","textContent","length","_hasPrefixSlotContent","querySelector","slot","shadowRoot","_hasSuffixSlotContent","_hasDefaultSlotContent","Array","from","childNodes","getAttribute","render","sizeDef","chipStyle","borderRadius","resolveRadius","html","classMap","chip","styleMap","when","nothing","__decorate","property","type","prototype","Boolean","reflect","customElement"],"mappings":"wnBAkFO,IAAMA,EAAN,cAAsBC,EAAtB,WAAAC,uBAMuBC,KAAAC,MAAgB,GACfD,KAAAE,WAAqB,EAGtBF,KAAAG,MAAgB,UAGhBH,KAAAI,OAAiB,OAGjBJ,KAAAK,KAAe,KAEfL,KAAAM,MAAuB,KACvBN,KAAAO,MAAuB,KACtBP,KAAAQ,SAAmB,EACJR,KAAAS,UAAoB,EACrBT,KAAAU,QAA0B,
|
|
1
|
+
{"version":3,"file":"sky-chip.js","sources":["../../src/sky-chip/sky-chip.ts"],"sourcesContent":[null],"names":["SkyChip","LitElement","constructor","this","label","removable","color","radius","size","iconL","iconR","loading","disabled","variant","_onSlotChange","requestUpdate","dependencies","SkyIcon","styles","css","updated","bgColor","resolveColor","textColor","resolveTextColorForToken","style","setProperty","isDefaultColorToken","resolveInkColorForToken","resolveAccentColorForToken","removeProperty","_resolveSize","input","presets","xs","padding","fontSize","sm","md","lg","xl","m","String","trim","match","unit","fsNum","parseFloat","fs","clamp","n","min","max","Math","py","px","to","round","removeChip","removeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","remove","_slotHasMeaningfulContent","slotEl","assignedNodes","flatten","some","nodeType","Node","ELEMENT_NODE","textContent","length","_hasPrefixSlotContent","querySelector","slot","shadowRoot","_hasSuffixSlotContent","_hasDefaultSlotContent","Array","from","childNodes","getAttribute","render","sizeDef","chipStyle","borderRadius","resolveRadius","html","classMap","chip","styleMap","when","nothing","__decorate","property","type","prototype","Boolean","reflect","customElement"],"mappings":"wnBAkFO,IAAMA,EAAN,cAAsBC,EAAtB,WAAAC,uBAMuBC,KAAAC,MAAgB,GACfD,KAAAE,WAAqB,EAGtBF,KAAAG,MAAgB,UAGhBH,KAAAI,OAAiB,OAGjBJ,KAAAK,KAAe,KAEfL,KAAAM,MAAuB,KACvBN,KAAAO,MAAuB,KACtBP,KAAAQ,SAAmB,EACJR,KAAAS,UAAoB,EACrBT,KAAAU,QAA0B,OAuT7DV,KAAAW,cAAgB,KACtBX,KAAKY,gBAkDT,QA9XSZ,KAAAa,aAAyD,CAC9D,WAAYC,EACZ,QAoBcd,KAAAe,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiM1B,CAGiB,OAAAC,GACjB,MAAMC,EAAUC,EAAanB,KAAKG,OAC5BiB,EAAYC,EAAyBrB,KAAKG,OAEhDH,KAAKsB,MAAMC,YAAY,kBAAmBL,GAC1ClB,KAAKsB,MAAMC,YAAY,oBAAqBH,GAExCI,EAAoBxB,KAAKG,QAC3BH,KAAKsB,MAAMC,YAAY,mBAAoBE,EAAwBzB,KAAKG,QACxEH,KAAKsB,MAAMC,YACT,sBACAG,EAA2B1B,KAAKG,QAElCH,KAAKsB,MAAMC,YAAY,oBAAqB,+BAE5CvB,KAAKsB,MAAMK,eAAe,oBAC1B3B,KAAKsB,MAAMK,eAAe,uBAC1B3B,KAAKsB,MAAMK,eAAe,qBAE9B,CAGQ,YAAAC,CACNC,GAKA,MAAMC,EAAiE,CACrEC,GAAI,CAAEC,QAAS,UAAWC,SAAU,QACpCC,GAAI,CAAEF,QAAS,UAAWC,SAAU,QACpCE,GAAI,CAAEH,QAAS,UAAWC,SAAU,QACpCG,GAAI,CAAEJ,QAAS,WAAYC,SAAU,QACrCI,GAAI,CAAEL,QAAS,WAAYC,SAAU,SAGvC,GAAIH,EAAQD,GAAQ,OAAOC,EAAQD,GAEnC,MAAMS,EAAIC,OAAOV,GAAOW,OAAOC,MAAM,2BAC/BC,EAAOJ,IAAI,IAAM,KACjBK,EAAQL,EAAIM,WAAWN,EAAE,IAAM,GAC/BO,EAAK,GAAGF,IAAQD,IAEhBI,EAAQ,CAACC,EAAWC,EAAaC,IACrCC,KAAKD,IAAID,EAAKE,KAAKF,IAAIC,EAAKF,IAExBI,EAAKL,EAAc,GAARH,EAAa,EAAG,IAC3BS,EAAKN,EAAc,GAARH,EAAa,EAAG,IAE3BU,EAAMN,GAAc,GAAGG,KAAKI,MAAU,IAAJP,GAAW,MAAML,IAEzD,MAAO,CACLV,QAAS,GAAGqB,EAAGF,MAAOE,EAAGD,KACzBnB,SAAUY,EAEd,CAOO,UAAAU,GACL,MAAMC,EAAc,IAAIC,YAAuC,eAAgB,CAC7EC,OAAQ,CAAEzD,MAAOD,KAAKC,OACtB0D,SAAS,EACTC,UAAU,IAEZ5D,KAAK6D,cAAcL,GACnBxD,KAAK8D,QACP,CAEQ,yBAAAC,CAA0BC,GAEhC,OADcA,EAAOC,cAAc,CAAEC,SAAS,IACjCC,KAAMpB,GACjBA,EAAEqB,WAAaC,KAAKC,eAEfvB,EAAEwB,aAAe,IAAI/B,OAAOgC,OAAS,EAE9C,CAGQ,qBAAAC,GACN,GAAIzE,KAAK0E,cAAc,mBAAoB,OAAO,EAClD,MAAMC,EAAO3E,KAAK4E,YAAYF,cAC5B,uBAEF,QAAOC,GAAO3E,KAAK+D,0BAA0BY,EAC/C,CAEQ,qBAAAE,GACN,GAAI7E,KAAK0E,cAAc,mBAAoB,OAAO,EAClD,MAAMC,EAAO3E,KAAK4E,YAAYF,cAC5B,uBAEF,QAAOC,GAAO3E,KAAK+D,0BAA0BY,EAC/C,CAEQ,sBAAAG,GACN,IAAK,MAAM/B,KAAKgC,MAAMC,KAAKhF,KAAKiF,YAAa,CAC3C,GAAIlC,EAAEqB,WAAaC,KAAKC,aAAc,CACpC,MAAMK,EAAQ5B,EAAcmC,aAAa,QACzC,GAAa,WAATP,GAA8B,WAATA,EAAmB,SAC5C,OAAO,CACT,CACA,IAAK5B,EAAEwB,aAAe,IAAI/B,OAAOgC,OAAS,EAAG,OAAO,CACtD,CACA,MAAMG,EAAO3E,KAAK4E,YAAYF,cAC5B,oBAEF,QAAOC,GAAO3E,KAAK+D,0BAA0BY,EAC/C,CAMS,MAAAQ,GACP,MAAMC,EAAUpF,KAAK4B,aAAa5B,KAAKK,MACjCgF,EAAY,CAChBrD,QAASoD,EAAQpD,QACjBsD,aAAcC,EAAcvF,KAAKI,QACjC6B,SAAUmD,EAAQnD,UAGpB,OAAOuD,CAAI;;gBAECC,EAAS,CACfC,MAAM,EACN,CAAC1F,KAAKU,UAAU,EAChBF,QAASR,KAAKQ;gBAERmF,EAASN;;;0CAGiBrF,KAAKW;UACrCiF,GAAM5F,KAAKyE,yBAA2BzE,KAAKM,MAAO,IAAMkF,CAAI;qDACjBxF,KAAKM;;4BAE9BN,KAAKW;UACvBX,KAAK8E,yBAA2Be,EAAU7F,KAAKC;0CACfD,KAAKW;UACrCiF,GAAM5F,KAAK6E,yBAA2B7E,KAAKO,MAAO,IAAMiF,CAAI;gEACNxF,KAAKO;;UAE3DqF,EAAK5F,KAAKE,UAAW,IAAMsF,CAAI;;;;;;qBAMpBxF,KAAKuD;;;;;UAKhBqC,EAAK5F,KAAKQ,QAAS,IAAMgF,CAAI;;;;;;KAOrC,GAzX4BM,EAAA,CAA3BC,EAAS,CAAEC,KAAMzD,kCAA6B1C,EAAAoG,UAAA,gBAClBH,EAAA,CAA5BC,EAAS,CAAEC,KAAME,oCAAsCrG,EAAAoG,UAAA,oBAG5BH,EAAA,CAA3BC,EAAS,CAAEC,KAAMzD,kCAAoC1C,EAAAoG,UAAA,gBAG1BH,EAAA,CAA3BC,EAAS,CAAEC,KAAMzD,kCAAkC1C,EAAAoG,UAAA,iBAGxBH,EAAA,CAA3BC,EAAS,CAAEC,KAAMzD,kCAA8B1C,EAAAoG,UAAA,eAEpBH,EAAA,CAA3BC,EAAS,CAAEC,KAAMzD,kCAAsC1C,EAAAoG,UAAA,gBAC5BH,EAAA,CAA3BC,EAAS,CAAEC,KAAMzD,kCAAsC1C,EAAAoG,UAAA,gBAC3BH,EAAA,CAA5BC,EAAS,CAAEC,KAAME,oCAAoCrG,EAAAoG,UAAA,kBACVH,EAAA,CAA3CC,EAAS,CAAEC,KAAME,QAASC,SAAS,8BAAkCtG,EAAAoG,UAAA,mBAC3BH,EAAA,CAA1CC,EAAS,CAAEC,KAAMzD,OAAQ4D,SAAS,6BAAyCtG,EAAAoG,UAAA,kBAtBjEpG,EAAOiG,EAAA,CADnBM,EAAc,aACFvG"}
|
|
@@ -145,7 +145,9 @@ export declare class SkyCombobox extends FormControlBase {
|
|
|
145
145
|
placeholder: string;
|
|
146
146
|
searchPlaceholder: string;
|
|
147
147
|
label: string;
|
|
148
|
-
|
|
148
|
+
private _options;
|
|
149
|
+
get options(): any[];
|
|
150
|
+
set options(value: any[] | null | undefined);
|
|
149
151
|
chipSize: number;
|
|
150
152
|
color: string;
|
|
151
153
|
clearable: boolean;
|
|
@@ -156,7 +158,9 @@ export declare class SkyCombobox extends FormControlBase {
|
|
|
156
158
|
multiSelect: boolean;
|
|
157
159
|
visibleChips: number;
|
|
158
160
|
selectAll: boolean;
|
|
159
|
-
|
|
161
|
+
private _validations;
|
|
162
|
+
get validations(): ((value: any) => true | string)[];
|
|
163
|
+
set validations(value: ((value: any) => true | string)[] | null | undefined);
|
|
160
164
|
showErrors: boolean;
|
|
161
165
|
errorDisplayMode: SkyComboboxErrorDisplayMode;
|
|
162
166
|
required: boolean;
|