@loadsmart/miranda-wc 1.41.1-alpha.5 → 1.41.1
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/README.md +1 -28
- package/dist/attention-26b6818f.js +2 -0
- package/dist/attention-26b6818f.js.map +1 -0
- package/dist/bell-dc0111a0.js +2 -0
- package/dist/bell-dc0111a0.js.map +1 -0
- package/dist/check-e87dc5cc.js +2 -0
- package/dist/check-e87dc5cc.js.map +1 -0
- package/dist/close-5c0b1a30.js +2 -0
- package/dist/close-5c0b1a30.js.map +1 -0
- package/dist/components/button/button.d.ts +0 -23
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/section/index.d.ts +4 -0
- package/dist/components/section/index.d.ts.map +1 -0
- package/dist/components/section/section-title.d.ts +31 -0
- package/dist/components/section/section-title.d.ts.map +1 -0
- package/dist/components/section/section.d.ts +12 -0
- package/dist/components/section/section.d.ts.map +1 -0
- package/dist/components/section/section.styles.d.ts +4 -0
- package/dist/components/section/section.styles.d.ts.map +1 -0
- package/dist/indeterminate-635ae13a.js +2 -0
- package/dist/indeterminate-635ae13a.js.map +1 -0
- package/dist/index-70ec393a.js +2179 -0
- package/dist/index-70ec393a.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/info-circle-a2563417.js +2 -0
- package/dist/info-circle-a2563417.js.map +1 -0
- package/package.json +2 -8
- package/dist/_commonjsHelpers-1fe14821.js +0 -2
- package/dist/_commonjsHelpers-1fe14821.js.map +0 -1
- package/dist/base-button.styles-ef6a0a49.js +0 -104
- package/dist/base-button.styles-ef6a0a49.js.map +0 -1
- package/dist/base-layout.styles-24522bea.js +0 -42
- package/dist/base-layout.styles-24522bea.js.map +0 -1
- package/dist/box-47d1be96.js +0 -21
- package/dist/box-47d1be96.js.map +0 -1
- package/dist/card.styles-f25088bd.js +0 -92
- package/dist/card.styles-f25088bd.js.map +0 -1
- package/dist/class-map-fe8f3591.js +0 -7
- package/dist/class-map-fe8f3591.js.map +0 -1
- package/dist/component-e7cf11f6.js +0 -2
- package/dist/component-e7cf11f6.js.map +0 -1
- package/dist/components/banner/banner-action-primary.js +0 -2
- package/dist/components/banner/banner-action-primary.js.map +0 -1
- package/dist/components/banner/banner-action-secondary.js +0 -2
- package/dist/components/banner/banner-action-secondary.js.map +0 -1
- package/dist/components/banner/banner-actions.js +0 -11
- package/dist/components/banner/banner-actions.js.map +0 -1
- package/dist/components/banner/banner-description.js +0 -7
- package/dist/components/banner/banner-description.js.map +0 -1
- package/dist/components/banner/banner-icon.js +0 -2
- package/dist/components/banner/banner-icon.js.map +0 -1
- package/dist/components/banner/banner-title.js +0 -7
- package/dist/components/banner/banner-title.js.map +0 -1
- package/dist/components/banner/banner.js +0 -94
- package/dist/components/banner/banner.js.map +0 -1
- package/dist/components/button/button.js +0 -268
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/card/card-body.js +0 -6
- package/dist/components/card/card-body.js.map +0 -1
- package/dist/components/card/card-divider.js +0 -2
- package/dist/components/card/card-divider.js.map +0 -1
- package/dist/components/card/card-subtitle.js +0 -6
- package/dist/components/card/card-subtitle.js.map +0 -1
- package/dist/components/card/card-title.js +0 -7
- package/dist/components/card/card-title.js.map +0 -1
- package/dist/components/card/card.js +0 -15
- package/dist/components/card/card.js.map +0 -1
- package/dist/components/checkbox/checkbox.js +0 -110
- package/dist/components/checkbox/checkbox.js.map +0 -1
- package/dist/components/close-button/close-button.js +0 -89
- package/dist/components/close-button/close-button.js.map +0 -1
- package/dist/components/dialog/dialog-action-primary.js +0 -2
- package/dist/components/dialog/dialog-action-primary.js.map +0 -1
- package/dist/components/dialog/dialog-action-secondary.js +0 -2
- package/dist/components/dialog/dialog-action-secondary.js.map +0 -1
- package/dist/components/dialog/dialog-action-tertiary.js +0 -2
- package/dist/components/dialog/dialog-action-tertiary.js.map +0 -1
- package/dist/components/dialog/dialog-actions.js +0 -2
- package/dist/components/dialog/dialog-actions.js.map +0 -1
- package/dist/components/dialog/dialog-body.js +0 -9
- package/dist/components/dialog/dialog-body.js.map +0 -1
- package/dist/components/dialog/dialog-close.js +0 -2
- package/dist/components/dialog/dialog-close.js.map +0 -1
- package/dist/components/dialog/dialog-footer.js +0 -2
- package/dist/components/dialog/dialog-footer.js.map +0 -1
- package/dist/components/dialog/dialog-header.js +0 -19
- package/dist/components/dialog/dialog-header.js.map +0 -1
- package/dist/components/dialog/dialog.js +0 -106
- package/dist/components/dialog/dialog.js.map +0 -1
- package/dist/components/divider/divider.js +0 -15
- package/dist/components/divider/divider.js.map +0 -1
- package/dist/components/field/field-hint.js +0 -35
- package/dist/components/field/field-hint.js.map +0 -1
- package/dist/components/field/field-label.js +0 -41
- package/dist/components/field/field-label.js.map +0 -1
- package/dist/components/field/field.js +0 -8
- package/dist/components/field/field.js.map +0 -1
- package/dist/components/focus-trap/focus-trap.js +0 -6
- package/dist/components/focus-trap/focus-trap.js.map +0 -1
- package/dist/components/form-control/form-control.js +0 -2
- package/dist/components/form-control/form-control.js.map +0 -1
- package/dist/components/icon/available-icons.js +0 -2
- package/dist/components/icon/available-icons.js.map +0 -1
- package/dist/components/icon/icon.js +0 -24
- package/dist/components/icon/icon.js.map +0 -1
- package/dist/components/icon/icons/alert-circle.d.ts +0 -3
- package/dist/components/icon/icons/alert-circle.d.ts.map +0 -1
- package/dist/components/icon/icons/alert-circle.js +0 -2
- package/dist/components/icon/icons/alert-circle.js.map +0 -1
- package/dist/components/icon/icons/attention.js +0 -2
- package/dist/components/icon/icons/attention.js.map +0 -1
- package/dist/components/icon/icons/bell.js +0 -2
- package/dist/components/icon/icons/bell.js.map +0 -1
- package/dist/components/icon/icons/check.js +0 -2
- package/dist/components/icon/icons/check.js.map +0 -1
- package/dist/components/icon/icons/close.js +0 -2
- package/dist/components/icon/icons/close.js.map +0 -1
- package/dist/components/icon/icons/indeterminate.js +0 -2
- package/dist/components/icon/icons/indeterminate.js.map +0 -1
- package/dist/components/icon/icons/info-circle.js +0 -2
- package/dist/components/icon/icons/info-circle.js.map +0 -1
- package/dist/components/layout/box/box.js +0 -2
- package/dist/components/layout/box/box.js.map +0 -1
- package/dist/components/layout/grid/grid.js +0 -2
- package/dist/components/layout/grid/grid.js.map +0 -1
- package/dist/components/layout/group/group.js +0 -2
- package/dist/components/layout/group/group.js.map +0 -1
- package/dist/components/layout/sidebar/sidebar.js +0 -2
- package/dist/components/layout/sidebar/sidebar.js.map +0 -1
- package/dist/components/layout/stack/stack.js +0 -2
- package/dist/components/layout/stack/stack.js.map +0 -1
- package/dist/components/layout/switcher/switcher.js +0 -2
- package/dist/components/layout/switcher/switcher.js.map +0 -1
- package/dist/components/popover/popover.js +0 -6
- package/dist/components/popover/popover.js.map +0 -1
- package/dist/components/progress-bar/progress-bar.js +0 -60
- package/dist/components/progress-bar/progress-bar.js.map +0 -1
- package/dist/components/progress-bar-countdown/progress-bar-countdown.js +0 -2
- package/dist/components/progress-bar-countdown/progress-bar-countdown.js.map +0 -1
- package/dist/components/radio-group/radio-group.js +0 -19
- package/dist/components/radio-group/radio-group.js.map +0 -1
- package/dist/components/radio-group/radio.js +0 -117
- package/dist/components/radio-group/radio.js.map +0 -1
- package/dist/components/tabs/tab-panel.js +0 -8
- package/dist/components/tabs/tab-panel.js.map +0 -1
- package/dist/components/tabs/tab.js +0 -93
- package/dist/components/tabs/tab.js.map +0 -1
- package/dist/components/tabs/tabs.js +0 -19
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/components/tag/tag.js +0 -83
- package/dist/components/tag/tag.js.map +0 -1
- package/dist/components/text/text.js +0 -161
- package/dist/components/text/text.js.map +0 -1
- package/dist/components/text-field/text-field.js +0 -148
- package/dist/components/text-field/text-field.js.map +0 -1
- package/dist/components/toggle-group/toggle-group.js +0 -35
- package/dist/components/toggle-group/toggle-group.js.map +0 -1
- package/dist/components/toggle-group/toggle.js +0 -56
- package/dist/components/toggle-group/toggle.js.map +0 -1
- package/dist/components/tooltip/tooltip.js +0 -102
- package/dist/components/tooltip/tooltip.js.map +0 -1
- package/dist/context-consumer-4fa4f752.js +0 -7
- package/dist/context-consumer-4fa4f752.js.map +0 -1
- package/dist/context-provider-5ca9c3fe.js +0 -12
- package/dist/context-provider-5ca9c3fe.js.map +0 -1
- package/dist/context-request-event-57d48151.js +0 -7
- package/dist/context-request-event-57d48151.js.map +0 -1
- package/dist/context-root-3bdf68ba.js +0 -7
- package/dist/context-root-3bdf68ba.js.map +0 -1
- package/dist/create-context-b9182a87.js +0 -7
- package/dist/create-context-b9182a87.js.map +0 -1
- package/dist/custom-elements.json +0 -10939
- package/dist/dialog.context-c948a749.js +0 -2
- package/dist/dialog.context-c948a749.js.map +0 -1
- package/dist/directive-ee0c609c.js +0 -7
- package/dist/directive-ee0c609c.js.map +0 -1
- package/dist/field.context-333901c5.js +0 -2
- package/dist/field.context-333901c5.js.map +0 -1
- package/dist/get-color-token-07d651ab.js +0 -2
- package/dist/get-color-token-07d651ab.js.map +0 -1
- package/dist/get-token-44e330dd.js +0 -2
- package/dist/get-token-44e330dd.js.map +0 -1
- package/dist/grid-02b58b3d.js +0 -17
- package/dist/grid-02b58b3d.js.map +0 -1
- package/dist/group-3c305132.js +0 -14
- package/dist/group-3c305132.js.map +0 -1
- package/dist/if-defined-91a7eb3e.js +0 -7
- package/dist/if-defined-91a7eb3e.js.map +0 -1
- package/dist/index-89653e64.js +0 -2
- package/dist/index-89653e64.js.map +0 -1
- package/dist/index-d8e55df5.js +0 -2
- package/dist/index-d8e55df5.js.map +0 -1
- package/dist/lit-element-26769da5.js +0 -23
- package/dist/lit-element-26769da5.js.map +0 -1
- package/dist/margin-bb4df92f.js +0 -2
- package/dist/margin-bb4df92f.js.map +0 -1
- package/dist/padding-a0e1e1b3.js +0 -2
- package/dist/padding-a0e1e1b3.js.map +0 -1
- package/dist/polymorphic-tag-ea0d4568.js +0 -7
- package/dist/polymorphic-tag-ea0d4568.js.map +0 -1
- package/dist/radio-group.constants-05c64a58.js +0 -2
- package/dist/radio-group.constants-05c64a58.js.map +0 -1
- package/dist/selection.controller-d67641f1.js +0 -2
- package/dist/selection.controller-d67641f1.js.map +0 -1
- package/dist/sidebar-d51fd54f.js +0 -29
- package/dist/sidebar-d51fd54f.js.map +0 -1
- package/dist/stack-762aa4aa.js +0 -15
- package/dist/stack-762aa4aa.js.map +0 -1
- package/dist/style-map-463fcba3.js +0 -7
- package/dist/style-map-463fcba3.js.map +0 -1
- package/dist/switcher-174cd4ad.js +0 -30
- package/dist/switcher-174cd4ad.js.map +0 -1
- package/dist/tabs.constants-aca5e0b6.js +0 -2
- package/dist/tabs.constants-aca5e0b6.js.map +0 -1
- package/dist/tabs.context-a8e519f6.js +0 -2
- package/dist/tabs.context-a8e519f6.js.map +0 -1
- package/dist/to-array-5c3637ca.js +0 -2
- package/dist/to-array-5c3637ca.js.map +0 -1
- package/dist/to-rem-486b0c16.js +0 -2
- package/dist/to-rem-486b0c16.js.map +0 -1
- package/dist/toggle-group.constants-79414aee.js +0 -2
- package/dist/toggle-group.constants-79414aee.js.map +0 -1
- package/dist/transition-eb314b12.js +0 -2
- package/dist/transition-eb314b12.js.map +0 -1
- package/dist/tslib.es6-14a1a18b.js +0 -2
- package/dist/tslib.es6-14a1a18b.js.map +0 -1
- package/dist/typography-b88b14c1.js +0 -2
- package/dist/typography-b88b14c1.js.map +0 -1
- package/dist/vscode.html-custom-data.json +0 -1494
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import{_ as t,a as e}from"../../tslib.es6-14a1a18b.js";import{i,x as s}from"../../lit-element-26769da5.js";import{e as o}from"../../context-provider-5ca9c3fe.js";import{t as r}from"../../to-array-5c3637ca.js";import{S as a}from"../../selection.controller-d67641f1.js";import{C as n}from"../../component-e7cf11f6.js";import{t as l}from"../../tabs.context-a8e519f6.js";import{T as h}from"../../tabs.constants-aca5e0b6.js";import{g as c}from"../../get-token-44e330dd.js";import{g as d}from"../../get-color-token-07d651ab.js";import"../../_commonjsHelpers-1fe14821.js";import"../../create-context-b9182a87.js";import"../../index-89653e64.js";var b,m,p,f,v;class u extends n{static get properties(){return{activeTab:{type:String,attribute:"active-tab",reflect:!0},disabled:{type:Boolean,reflect:!0},lazy:{type:Boolean},selection:{state:!0},tabContentDirection:{type:String,attribute:"tab-content-direction"}}}constructor(){super(),b.set(this,null),m.set(this,null),this.provider=new o(this,l,{tabContentDirection:"horizontal",disabled:!1,lazy:!1,selection:new Set("")}),p.set(this,(t=>{t.stopPropagation();const[e]=Array.from(this.selection),i={detail:{value:String(e)}};this.emit("m-tab-change",i)})),f.set(this,(()=>{var e;return null===(e=t(this,v,"f").call(this)[0])||void 0===e?void 0:e.name})),v.set(this,(()=>{var i,s,o;e(this,m,null!==(i=t(this,m,"f"))&&void 0!==i?i:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(o=null===(s=t(this,m,"f"))||void 0===s?void 0:s.assignedElements({flatten:!0}))&&void 0!==o?o:[]].filter((t=>"m-tab"===t.tagName.toLowerCase()))})),this.activeTab="",this.tabContentDirection="horizontal",this.disabled=!1,this.lazy=!1,this.type="single-strict",this.selection=new Set}connectedCallback(){super.connectedCallback(),e(this,b,new a(this,this.type,h),"f"),this.addEventListener("m-change",t(this,p,"f"))}update(e){super.update(e),e.has("activeTab")&&t(this,b,"f")&&t(this,b,"f").init(r(this.activeTab||t(this,f,"f").call(this)));const[i]=Array.from(this.selection);!e.has("selection")||this.activeTab&&i===this.activeTab||(this.activeTab=i),(e.has("tabContentDirection")||e.has("disabled")||e.has("lazy")||e.has("selection"))&&this.provider.setValue({tabContentDirection:this.tabContentDirection,disabled:this.disabled,lazy:this.lazy,selection:this.selection})}render(){return s`
|
|
2
|
-
<div class="tablist" role="tablist"><slot name="tab"></slot></div>
|
|
3
|
-
<slot></slot>
|
|
4
|
-
`}}b=new WeakMap,m=new WeakMap,p=new WeakMap,f=new WeakMap,v=new WeakMap,u.styles=[i`
|
|
5
|
-
:host {
|
|
6
|
-
--m-tabs-border-width: ${c("border-thin")};
|
|
7
|
-
--m-tabs-border-color: ${d("color-divider")};
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.tablist {
|
|
11
|
-
display: flex;
|
|
12
|
-
flex-direction: row;
|
|
13
|
-
gap: 1px;
|
|
14
|
-
border-bottom-style: solid;
|
|
15
|
-
border-bottom-width: var(--m-tabs-border-width);
|
|
16
|
-
border-bottom-color: var(--m-tabs-border-color);
|
|
17
|
-
}
|
|
18
|
-
`],window.customElements.define("m-tabs",u);export{u as Tabs};
|
|
19
|
-
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../../../src/components/tabs/tabs.ts","../../../src/components/tabs/tabs.styles.ts"],"sourcesContent":[null,null],"names":["Tabs","Component","properties","activeTab","type","String","attribute","reflect","disabled","Boolean","lazy","selection","state","tabContentDirection","constructor","super","_Tabs_selectionController","set","this","_Tabs_defaultSlot","provider","ContextProvider","tabsContext","Set","_Tabs_onSelectionChange","event","stopPropagation","selectedValue","Array","from","options","detail","value","emit","_Tabs_getDefaultSelected","__classPrivateFieldGet","call","_a","name","_Tabs_getTabs","__classPrivateFieldSet","shadowRoot","querySelector","_c","_b","assignedElements","flatten","filter","item","tagName","toLowerCase","connectedCallback","SelectionController","TAB_SELECT_EVENT","addEventListener","update","changedProperties","has","init","toArray","setValue","render","html","styles","css","getToken","color","window","customElements","define"],"mappings":"4oBAmBM,MAAOA,UAAaC,EAOzB,qBAAoBC,GACnB,MAAO,CACNC,UAAW,CAAEC,KAAMC,OAAQC,UAAW,aAAcC,SAAS,GAC7DC,SAAU,CAAEJ,KAAMK,QAASF,SAAS,GACpCG,KAAM,CAAEN,KAAMK,SACdE,UAAW,CAAEC,OAAO,GACpBC,oBAAqB,CAAET,KAAMC,OAAQC,UAAW,yBAEjD,CAyCD,WAAAQ,GACCC,QAtDDC,EAAAC,IAAAC,KAAmD,MAEnDC,EAAAF,IAAAC,KAAuC,MA4C/BA,KAAAE,SAAW,IAAIC,EAAgBH,KAAMI,EAAa,CACzDT,oBAAqB,aACrBL,UAAU,EACVE,MAAM,EACNC,UAAW,IAAIY,IAAI,MAkEpBC,EAAoCP,IAAAC,MAACO,IACpCA,EAAMC,kBAEN,MAAOC,GAAiBC,MAAMC,KAAKX,KAAKP,WAClCmB,EAAU,CACfC,OAAQ,CAAEC,MAAO3B,OAAOsB,KAGzBT,KAAKe,KAAK,eAAgBH,EAAQ,IAGnCI,EAAAjB,IAAAC,MAAsB,WAMrB,OAAc,UAFDiB,EAAAjB,YAAAkB,KAAAlB,MAED,UAAE,IAAAmB,OAAA,EAAAA,EAAEC,IAAI,IAGrBC,EAAAtB,IAAAC,MAAW,eACVsB,EAAAtB,KAAAC,EAAA,QAAAkB,EAAAF,EAAAjB,KAAAC,EAAA,YAAA,IAAAkB,EAAAA,EACCnB,KAAKuB,YAAcvB,KAAKuB,WAAWC,cAAc,aAGlD,MAAO,IAF6D,QAAtDC,EAAmB,UAAnBR,EAAAjB,mBAAmB,IAAA0B,OAAA,EAAAA,EAAAC,iBAAiB,CAAEC,SAAS,WAAO,IAAAH,EAAAA,EAAI,IAEtDI,QAChBC,GAAwC,UAA/BA,EAAKC,QAAQC,eACd,IAvFVhC,KAAKf,UAAY,GACjBe,KAAKL,oBAAsB,aAC3BK,KAAKV,UAAW,EAChBU,KAAKR,MAAO,EACZQ,KAAKd,KAAO,gBACZc,KAAKP,UAAY,IAAIY,GACrB,CAEQ,iBAAA4B,GACRpC,MAAMoC,oBAENX,EAAAtB,KAAIF,EAAwB,IAAIoC,EAC/BlC,KACAA,KAAKd,KACLiD,QAGDnC,KAAKoC,iBAAiB,WAAYnB,EAAAjB,KAAuBM,EAAA,KACzD,CAEkB,MAAA+B,CAAOC,GACzBzC,MAAMwC,OAAOC,GAETA,EAAkBC,IAAI,cAAgBtB,EAAAjB,KAAIF,EAAA,MAC7CmB,EAAAjB,KAAyBF,EAAA,KAAC0C,KACzBC,EAAQzC,KAAKf,WAAagC,EAAAjB,KAAwBgB,EAAA,KAAAE,KAAxBlB,QAI5B,MAAOS,GAAiBC,MAAMC,KAAKX,KAAKP,YAEvC6C,EAAkBC,IAAI,cACpBvC,KAAKf,WAAawB,IAAkBT,KAAKf,YAG3Ce,KAAKf,UAAYwB,IAIjB6B,EAAkBC,IAAI,wBACtBD,EAAkBC,IAAI,aACtBD,EAAkBC,IAAI,SACtBD,EAAkBC,IAAI,eAEtBvC,KAAKE,SAASwC,SAAS,CACtB/C,oBAAqBK,KAAKL,oBAC1BL,SAAUU,KAAKV,SACfE,KAAMQ,KAAKR,KACXC,UAAWO,KAAKP,WAGlB,CAEQ,MAAAkD,GACR,OAAOC,CAAI;;;GAIX,wEApHe9D,EAAA+D,OAAS,CCflBC,CAAG;;4BAEiBC,EAAS;4BACTC,EAAM;;;;;;;;;;;IDiKlCC,OAAOC,eAAeC,OAAO,SAAUrE"}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import{i as e,r as t,s as o,x as r}from"../../lit-element-26769da5.js";import{o as i}from"../../class-map-fe8f3591.js";import{g as s}from"../../get-color-token-07d651ab.js";import{g as a}from"../../get-token-44e330dd.js";import{t as n}from"../../typography-b88b14c1.js";import{t as l}from"../../to-rem-486b0c16.js";import"../../directive-ee0c609c.js";import"../../index-89653e64.js";import"../../_commonjsHelpers-1fe14821.js";class c extends o{static get properties(){return{variant:{type:String},size:{type:String},isSkeleton:{type:Boolean,attribute:"is-skeleton"}}}constructor(){super(),this.variant="neutral",this.size="default",this.isSkeleton=!1}render(){return r`
|
|
2
|
-
<span
|
|
3
|
-
class=${i({tag:!0,"-success":"success"===this.variant,"-neutral":"neutral"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-is-skeleton":this.isSkeleton,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size})}
|
|
4
|
-
>
|
|
5
|
-
${this.isSkeleton?r``:r`<slot name="leading"></slot>`}
|
|
6
|
-
<slot></slot>
|
|
7
|
-
</span>
|
|
8
|
-
`}}c.styles=[[e`
|
|
9
|
-
@keyframes skeleton-loading {
|
|
10
|
-
0% {
|
|
11
|
-
background-color: ${s("color-background-tertiary")};
|
|
12
|
-
opacity: 0.3;
|
|
13
|
-
}
|
|
14
|
-
50% {
|
|
15
|
-
background-color: ${s("color-background-tertiary")};
|
|
16
|
-
opacity: 0.6;
|
|
17
|
-
}
|
|
18
|
-
100% {
|
|
19
|
-
background-color: ${s("color-background-tertiary")};
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
`,e`
|
|
23
|
-
:host {
|
|
24
|
-
--m-tag-skeleton-width: 100px;
|
|
25
|
-
|
|
26
|
-
display: contents;
|
|
27
|
-
}
|
|
28
|
-
.tag {
|
|
29
|
-
display: inline-block;
|
|
30
|
-
white-space: nowrap;
|
|
31
|
-
overflow: hidden;
|
|
32
|
-
text-overflow: ellipsis;
|
|
33
|
-
box-sizing: border-box;
|
|
34
|
-
max-width: 200px;
|
|
35
|
-
border-radius: 100px;
|
|
36
|
-
line-height: ${a("line-height-1")};
|
|
37
|
-
cursor: default;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.tag slot[name='leading']::slotted(*) {
|
|
41
|
-
margin-inline-end: ${a("spacing-1")};
|
|
42
|
-
vertical-align: middle;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.-size-small {
|
|
46
|
-
${n("chips-sm")};
|
|
47
|
-
padding: ${a("spacing-1")} ${a("spacing-2")};
|
|
48
|
-
block-size: ${l("18px")};
|
|
49
|
-
}
|
|
50
|
-
.-size-default {
|
|
51
|
-
${n("chips-md")};
|
|
52
|
-
padding: ${a("spacing-2")} ${a("spacing-3")};
|
|
53
|
-
block-size: ${a("global-height-small")};
|
|
54
|
-
}
|
|
55
|
-
.-size-large {
|
|
56
|
-
${n("button-lg")};
|
|
57
|
-
padding: ${a("spacing-3")} ${a("spacing-4")};
|
|
58
|
-
block-size: ${a("global-height-default")};
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.-success {
|
|
62
|
-
color: ${s("color-success-60")};
|
|
63
|
-
background: ${s("color-success-20")};
|
|
64
|
-
}
|
|
65
|
-
.-neutral {
|
|
66
|
-
color: ${s("color-text-tertiary")};
|
|
67
|
-
background: ${s("color-background-tertiary")};
|
|
68
|
-
}
|
|
69
|
-
.-warning {
|
|
70
|
-
color: ${s("color-warning-100")};
|
|
71
|
-
background: ${s("color-warning-20")};
|
|
72
|
-
}
|
|
73
|
-
.-danger {
|
|
74
|
-
color: ${s("color-danger-60")};
|
|
75
|
-
background: ${s("color-danger-20")};
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.-is-skeleton {
|
|
79
|
-
${t("animation: skeleton-loading 1s linear infinite alternate;")};
|
|
80
|
-
width: var(--m-tag-skeleton-width);
|
|
81
|
-
}
|
|
82
|
-
`]],window.customElements.define("m-tag",c);export{c as Tag};
|
|
83
|
-
//# sourceMappingURL=tag.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tag.js","sources":["../../../src/components/tag/tag.ts","../../../src/components/tag/tag.styles.ts","../../../src/styles/skeleton.ts"],"sourcesContent":[null,null,null],"names":["Tag","LitElement","properties","variant","type","String","size","isSkeleton","Boolean","attribute","constructor","super","this","render","html","classMap","tag","styles","css","color","token","typography","toRem","unsafeCSS","window","customElements","define"],"mappings":"0aAcM,MAAOA,UAAYC,EAGxB,qBAAoBC,GACnB,MAAO,CACNC,QAAS,CAAEC,KAAMC,QACjBC,KAAM,CAAEF,KAAMC,QACdE,WAAY,CAAEH,KAAMI,QAASC,UAAW,eAEzC,CAiBD,WAAAC,GACCC,QAEAC,KAAKT,QAAU,UACfS,KAAKN,KAAO,UACZM,KAAKL,YAAa,CAClB,CAEQ,MAAAM,GACR,OAAOC,CAAI;;YAEDC,EAAS,CAChBC,KAAK,EAEL,WAA6B,YAAjBJ,KAAKT,QACjB,WAA6B,YAAjBS,KAAKT,QACjB,WAA6B,YAAjBS,KAAKT,QACjB,UAA4B,WAAjBS,KAAKT,QAEhB,eAAgBS,KAAKL,WAErB,cAA6B,UAAdK,KAAKN,KACpB,gBAA+B,YAAdM,KAAKN,KACtB,cAA6B,UAAdM,KAAKN;;MAGnBM,KAAKL,WAAaO,CAAI,GAAKA,CAAI;;;GAInC,EAvDed,EAAAiB,OAAS,CCPlB,CCJAC,CAAG;;;wBAGaC,EAAM;;;;wBAINA,EAAM;;;;wBAINA,EAAM;;;GDL5BD,CAAG;;;;;;;;;;;;;;mBAccE,EAAM;;;;;yBAKAA,EAAM;;;;;MAKzBC,EAAW;eACFD,EAAM,gBAAgBA,EAAM;kBACzBE,EAAM;;;MAGlBD,EAAW;eACFD,EAAM,gBAAgBA,EAAM;kBACzBA,EAAM;;;MAGlBC,EAAW;eACFD,EAAM,gBAAgBA,EAAM;kBACzBA,EAAM;;;;aAIXD,EAAM;kBACDA,EAAM;;;aAGXA,EAAM;kBACDA,EAAM;;;aAGXA,EAAM;kBACDA,EAAM;;;aAGXA,EAAM;kBACDA,EAAM;;;;MCzChBI,EAAU;;;MFmDlBC,OAAOC,eAAeC,OAAO,QAAS1B"}
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import{P as d,n as o}from"../../polymorphic-tag-ea0d4568.js";import{i as e,s as t}from"../../lit-element-26769da5.js";import{o as m}from"../../class-map-fe8f3591.js";import{o as s}from"../../style-map-463fcba3.js";import{d as i}from"../../index-89653e64.js";import{t as l}from"../../transition-eb314b12.js";import{t as r}from"../../typography-b88b14c1.js";import{g as h}from"../../get-color-token-07d651ab.js";import"../../directive-ee0c609c.js";import"../../to-array-5c3637ca.js";import"../../_commonjsHelpers-1fe14821.js";import"../../get-token-44e330dd.js";class b extends(d(t,["h1","h2","h3","h4","h5","h6","p","span"],"span")){static get properties(){return{color:{type:String},ellipsized:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),this.as="span",this.color="color-text-primary",this.ellipsized=!1,this.variant="body-md"}render(){return o`
|
|
2
|
-
<${this.tag}
|
|
3
|
-
class=${m({"m-text":!0,"-body-lg-bold":"body-lg-bold"===this.variant,"-body-lg":"body-lg"===this.variant,"-body-md-bold-underline":"body-md-bold-underline"===this.variant,"-body-md-bold":"body-md-bold"===this.variant,"-body-md-underline":"body-md-underline"===this.variant,"-body-md":"body-md"===this.variant,"-body-sm-bold-underline":"body-sm-bold-underline"===this.variant,"-body-sm-bold":"body-sm-bold"===this.variant,"-body-sm-underline":"body-sm-underline"===this.variant,"-body-sm":"body-sm"===this.variant,"-button-lg":"button-lg"===this.variant,"-button-md":"button-md"===this.variant,"-button-sm":"button-sm"===this.variant,"-chips-md":"chips-md"===this.variant,"-chips-sm":"chips-sm"===this.variant,"-heading-lg-bold":"heading-lg-bold"===this.variant,"-heading-lg":"heading-lg"===this.variant,"-heading-md-bold":"heading-md-bold"===this.variant,"-heading-md":"heading-md"===this.variant,"-heading-sm-bold":"heading-sm-bold"===this.variant,"-heading-sm":"heading-sm"===this.variant,"-hero-lg-bold":"hero-lg-bold"===this.variant,"-hero-lg":"hero-lg"===this.variant,"-hero-md-bold":"hero-md-bold"===this.variant,"-hero-md":"hero-md"===this.variant,"-hero-sm-bold":"hero-sm-bold"===this.variant,"-hero-sm":"hero-sm"===this.variant,"-number-md":"number-md"===this.variant,"-number-sm":"number-sm"===this.variant,"-table-header-md":"table-header-md"===this.variant,"-table-header-sm":"table-header-sm"===this.variant,"-ellipsized":Boolean(this.ellipsized)})}
|
|
4
|
-
style=${s({"--m-text-color":i.toCSSValue(this.color)})}
|
|
5
|
-
>
|
|
6
|
-
<slot></slot>
|
|
7
|
-
</${this.tag}>
|
|
8
|
-
`}}b.styles=[e`
|
|
9
|
-
:host {
|
|
10
|
-
--m-text-color: ${h("color-text-primary")};
|
|
11
|
-
--m-text-display: inline-block;
|
|
12
|
-
--m-text-max-width: initial;
|
|
13
|
-
--m-text-padding: 0;
|
|
14
|
-
--m-text-margin: 0;
|
|
15
|
-
|
|
16
|
-
display: contents;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.m-text {
|
|
20
|
-
${l([{property:"color"}])};
|
|
21
|
-
|
|
22
|
-
${r()};
|
|
23
|
-
|
|
24
|
-
color: var(--m-text-color);
|
|
25
|
-
display: var(--m-text-display);
|
|
26
|
-
padding: var(--m-text-padding);
|
|
27
|
-
margin: var(--m-text-margin);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.-body-lg-bold {
|
|
31
|
-
${r("body-lg-bold")};
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.-body-lg {
|
|
35
|
-
${r("body-lg")};
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.-body-md-bold-underline {
|
|
39
|
-
${r("body-md-bold-underline")};
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.-body-md-bold {
|
|
43
|
-
${r("body-md-bold")};
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.-body-md-underline {
|
|
47
|
-
${r("body-md-underline")};
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.-body-md {
|
|
51
|
-
${r("body-md")};
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.-body-sm-bold-underline {
|
|
55
|
-
${r("body-sm-bold-underline")};
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.-body-sm-bold {
|
|
59
|
-
${r("body-sm-bold")};
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.-body-sm-underline {
|
|
63
|
-
${r("body-sm-underline")};
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.-body-sm {
|
|
67
|
-
${r("body-sm")};
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.-button-lg {
|
|
71
|
-
${r("button-lg")};
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.-button-md {
|
|
75
|
-
${r("button-md")};
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.-button-sm {
|
|
79
|
-
${r("button-sm")};
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.-chips-md {
|
|
83
|
-
${r("chips-md")};
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.-chips-sm {
|
|
87
|
-
${r("chips-sm")};
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.-heading-lg-bold {
|
|
91
|
-
${r("heading-lg-bold")};
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.-heading-lg {
|
|
95
|
-
${r("heading-lg")};
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.-heading-md-bold {
|
|
99
|
-
${r("heading-md-bold")};
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.-heading-md {
|
|
103
|
-
${r("heading-md")};
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.-heading-sm-bold {
|
|
107
|
-
${r("heading-sm-bold")};
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.-heading-sm {
|
|
111
|
-
${r("heading-sm")};
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.-hero-lg-bold {
|
|
115
|
-
${r("hero-lg-bold")};
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.-hero-lg {
|
|
119
|
-
${r("hero-lg")};
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.-hero-md-bold {
|
|
123
|
-
${r("hero-md-bold")};
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.-hero-md {
|
|
127
|
-
${r("hero-md")};
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.-hero-sm-bold {
|
|
131
|
-
${r("hero-sm-bold")};
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.-hero-sm {
|
|
135
|
-
${r("hero-sm")};
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.-number-md {
|
|
139
|
-
${r("number-md")};
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.-number-sm {
|
|
143
|
-
${r("number-sm")};
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.-table-header-md {
|
|
147
|
-
${r("table-header-md")};
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.-table-header-sm {
|
|
151
|
-
${r("table-header-sm")};
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.-ellipsized {
|
|
155
|
-
overflow: hidden;
|
|
156
|
-
text-overflow: ellipsis;
|
|
157
|
-
white-space: nowrap;
|
|
158
|
-
max-width: var(--m-text-max-width);
|
|
159
|
-
}
|
|
160
|
-
`],window.customElements.define("m-text",b);export{b as Text};
|
|
161
|
-
//# sourceMappingURL=text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sources":["../../../src/components/text/text.ts","../../../src/components/text/text.styles.ts"],"sourcesContent":[null,null],"names":["Text","PolymorphicTagMixin","LitElement","properties","color","type","String","ellipsized","Boolean","reflect","variant","constructor","super","this","as","render","html","tag","classMap","styleMap","toCSSValue","styles","css","transition","property","typography","window","customElements","define"],"mappings":"gjBAqBM,MAAOA,UAAaC,EACzBC,EACA,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,IAAK,QAC1C,SAIA,qBAAoBC,GACnB,MAAO,CACNC,MAAO,CAAEC,KAAMC,QACfC,WAAY,CAAEF,KAAMG,QAASC,SAAS,GACtCC,QAAS,CAAEL,KAAMC,OAAQG,SAAS,GAEnC,CAoBD,WAAAE,GACCC,QAEAC,KAAKC,GAAK,OACVD,KAAKT,MAAQ,qBACbS,KAAKN,YAAa,EAClBM,KAAKH,QAAU,SACf,CAEQ,MAAAK,GACR,OAAOC,CAAI;MACPH,KAAKI;YACCC,EAAS,CAChB,UAAU,EACV,gBAAkC,iBAAjBL,KAAKH,QACtB,WAA6B,YAAjBG,KAAKH,QACjB,0BAA4C,2BAAjBG,KAAKH,QAChC,gBAAkC,iBAAjBG,KAAKH,QACtB,qBAAuC,sBAAjBG,KAAKH,QAC3B,WAA6B,YAAjBG,KAAKH,QACjB,0BAA4C,2BAAjBG,KAAKH,QAChC,gBAAkC,iBAAjBG,KAAKH,QACtB,qBAAuC,sBAAjBG,KAAKH,QAC3B,WAA6B,YAAjBG,KAAKH,QACjB,aAA+B,cAAjBG,KAAKH,QACnB,aAA+B,cAAjBG,KAAKH,QACnB,aAA+B,cAAjBG,KAAKH,QACnB,YAA8B,aAAjBG,KAAKH,QAClB,YAA8B,aAAjBG,KAAKH,QAClB,mBAAqC,oBAAjBG,KAAKH,QACzB,cAAgC,eAAjBG,KAAKH,QACpB,mBAAqC,oBAAjBG,KAAKH,QACzB,cAAgC,eAAjBG,KAAKH,QACpB,mBAAqC,oBAAjBG,KAAKH,QACzB,cAAgC,eAAjBG,KAAKH,QACpB,gBAAkC,iBAAjBG,KAAKH,QACtB,WAA6B,YAAjBG,KAAKH,QACjB,gBAAkC,iBAAjBG,KAAKH,QACtB,WAA6B,YAAjBG,KAAKH,QACjB,gBAAkC,iBAAjBG,KAAKH,QACtB,WAA6B,YAAjBG,KAAKH,QACjB,aAA+B,cAAjBG,KAAKH,QACnB,aAA+B,cAAjBG,KAAKH,QACnB,mBAAqC,oBAAjBG,KAAKH,QACzB,mBAAqC,oBAAjBG,KAAKH,QACzB,cAAeF,QAAQK,KAAKN;YAErBY,EAAS,CAEhB,iBAAkBC,EAAAA,WAAWP,KAAKT;;;OAIhCS,KAAKI;GAEV,EAnFejB,EAAAqB,OAAS,CCpBlBC,CAAG;;qBAEUlB,EAAM;;;;;;;;;;KAUtBmB,EAAW,CAAC,CAAEC,SAAU;;KAExBC;;;;;;;;;KASAA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;;;;;;IDrChBC,OAAOC,eAAeC,OAAO,SAAU5B"}
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import{_ as t}from"../../tslib.es6-14a1a18b.js";import{i as e,x as i,A as o}from"../../lit-element-26769da5.js";import{l as r}from"../../if-defined-91a7eb3e.js";import{s as l}from"../../context-consumer-4fa4f752.js";import{o as s}from"../../class-map-fe8f3591.js";import{C as n}from"../../component-e7cf11f6.js";import{d as a,o as d}from"../../index-d8e55df5.js";import{g as c}from"../../get-color-token-07d651ab.js";import{g as m}from"../../get-token-44e330dd.js";import{t as p}from"../../typography-b88b14c1.js";import{t as h}from"../../transition-eb314b12.js";import{p as f}from"../../padding-a0e1e1b3.js";import{f as u}from"../../field.context-333901c5.js";import"../../group-3c305132.js";import"../close-button/close-button.js";import"../../context-request-event-57d48151.js";import"../../directive-ee0c609c.js";import"../../to-array-5c3637ca.js";import"../../_commonjsHelpers-1fe14821.js";import"../../index-89653e64.js";import"../../create-context-b9182a87.js";import"../../base-layout.styles-24522bea.js";import"../../to-rem-486b0c16.js";import"../../margin-bb4df92f.js";import"../icon/icon.js";import"../icon/available-icons.js";var g,x,b,$,y;class v extends n{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String},status:{type:String},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),g.add(this),this.inputElement=null,this.field=new l(this,u,void 0,!0),$.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),y.set(this,(t=>{t.stopPropagation(),this.clear()})),this.clearable=!1,this.disabled=!1,this.placeholder=void 0,this.size="default",this.type="text",this.value=void 0,this.max=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}render(){return i`
|
|
2
|
-
<div
|
|
3
|
-
class=${s({container:!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"is-disabled":Boolean(this.disabled),"-status-default":"default"===t(this,g,"m",b).call(this),"-status-danger":"danger"===t(this,g,"m",b).call(this)})}
|
|
4
|
-
>
|
|
5
|
-
<slot name="leading"></slot>
|
|
6
|
-
<input
|
|
7
|
-
id="${r(this.id)}"
|
|
8
|
-
type="${r(this.type)}"
|
|
9
|
-
class="text-field"
|
|
10
|
-
aria-disabled=${this.disabled?"true":"false"}
|
|
11
|
-
?disabled="${this.disabled}"
|
|
12
|
-
?readonly=${this.readOnly}
|
|
13
|
-
max=${this.max||o}
|
|
14
|
-
maxlength=${null!=this.maxLength&&this.maxLength>-1?this.maxLength:o}
|
|
15
|
-
min=${this.min||o}
|
|
16
|
-
minlength=${null!=this.minLength&&this.minLength>-1?this.minLength:o}
|
|
17
|
-
pattern=${r(this.pattern)}
|
|
18
|
-
placeholder="${r(this.placeholder)}"
|
|
19
|
-
step=${this.step||o}
|
|
20
|
-
value="${r(this.value)}"
|
|
21
|
-
@change=${this.reemit}
|
|
22
|
-
@input=${t(this,$,"f")}
|
|
23
|
-
/>
|
|
24
|
-
${this.clearable?i`<m-close-button
|
|
25
|
-
class=${s({clear:!0,"is-visible":t(this,g,"m",x).call(this)})}
|
|
26
|
-
controls="${r(this.id)}"
|
|
27
|
-
@m-close=${t(this,y,"f")}
|
|
28
|
-
label="Clear input"
|
|
29
|
-
></m-close-button>`:o}
|
|
30
|
-
<slot name="trailing"></slot>
|
|
31
|
-
</div>
|
|
32
|
-
`}get input(){var t,e;return null==this.inputElement&&(this.inputElement=null!==(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("input"))&&void 0!==e?e:null),this.inputElement}clear(){this.value="",this.input&&(this.input.value=""),this.emit("m-clear"),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}$=new WeakMap,y=new WeakMap,g=new WeakSet,x=function(){const t=this.value||"";return!this.disabled&&t.length>0},b=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},v.styles=[e`
|
|
33
|
-
:host {
|
|
34
|
-
--m-text-field-background-color: transparent;
|
|
35
|
-
--m-text-field-border-color: ${c("color-border")};
|
|
36
|
-
--m-text-field-height: ${m("global-height-default")};
|
|
37
|
-
--m-text-field-outline-color: ${c("color-primary-100")};
|
|
38
|
-
--m-text-field-outline-offset: 2px;
|
|
39
|
-
--m-text-field-padding-y: ${m("spacing-2")};
|
|
40
|
-
--m-text-field-placeholder-color: ${c("color-text-placeholder")};
|
|
41
|
-
--m-text-field-color: ${c("color-text-primary")};
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.container {
|
|
45
|
-
${p("body-md")};
|
|
46
|
-
${h([{property:"background-color"},{property:"border-color"}])};
|
|
47
|
-
|
|
48
|
-
display: inline-flex;
|
|
49
|
-
align-items: center;
|
|
50
|
-
justify-content: start;
|
|
51
|
-
gap: ${m("spacing-2")};
|
|
52
|
-
|
|
53
|
-
position: relative;
|
|
54
|
-
box-sizing: border-box;
|
|
55
|
-
width: 100%;
|
|
56
|
-
block-size: var(--m-text-field-height);
|
|
57
|
-
|
|
58
|
-
${f(m("spacing-2"))};
|
|
59
|
-
|
|
60
|
-
background-color: var(--m-text-field-background-color);
|
|
61
|
-
border-radius: ${m("border-radius-s")};
|
|
62
|
-
border: 1px solid var(--m-text-field-border-color);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.container.-size-small {
|
|
66
|
-
--m-text-field-height: ${m("global-height-small")};
|
|
67
|
-
--m-text-field-padding-y: 0;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.container.-size-small,
|
|
71
|
-
.container.-size-small .text-field {
|
|
72
|
-
${p("body-sm")};
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.container.-size-large {
|
|
76
|
-
--m-text-field-height: ${m("global-height-large")};
|
|
77
|
-
--m-text-field-padding-y: ${m("spacing-3")};
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.container.-status-danger {
|
|
81
|
-
--m-text-field-border-color: ${c("color-danger-60")};
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
${a(".container")} {
|
|
85
|
-
--m-text-field-background-color: ${c("color-background-tertiary")};
|
|
86
|
-
|
|
87
|
-
cursor: default;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
${a(".container","*")} {
|
|
91
|
-
pointer-events: none;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
slot[name='leading']::slotted(*),
|
|
95
|
-
slot[name='trailing']::slotted(*) {
|
|
96
|
-
display: inline-flex;
|
|
97
|
-
flex: 0 0 auto;
|
|
98
|
-
align-items: center;
|
|
99
|
-
cursor: default;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
${d.hover(".container")} {
|
|
103
|
-
--m-text-field-border-color: ${c("color-primary-60")};
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
${d.focus(".container")} {
|
|
107
|
-
--m-text-field-border-color: ${c("color-primary-60")};
|
|
108
|
-
|
|
109
|
-
outline: 1px solid var(--m-text-field-outline-color);
|
|
110
|
-
outline-offset: var(--m-text-field-outline-offset);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.text-field {
|
|
114
|
-
${p("body-md")};
|
|
115
|
-
|
|
116
|
-
border: none;
|
|
117
|
-
outline: none;
|
|
118
|
-
flex: 1;
|
|
119
|
-
min-width: 0;
|
|
120
|
-
|
|
121
|
-
${f(0)};
|
|
122
|
-
padding-block: var(--m-text-field-padding-y);
|
|
123
|
-
|
|
124
|
-
background-color: var(--m-text-field-background-color);
|
|
125
|
-
color: var(--m-text-field-color);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.text-field::placeholder {
|
|
129
|
-
color: var(--m-text-field-placeholder-color);
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
${d.active(".text-field")},
|
|
133
|
-
${d.focus(".text-field")} {
|
|
134
|
-
-webkit-appearance: none;
|
|
135
|
-
background: none;
|
|
136
|
-
border: none;
|
|
137
|
-
outline: none;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.clear {
|
|
141
|
-
visibility: hidden;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.clear.is-visible {
|
|
145
|
-
visibility: visible;
|
|
146
|
-
}
|
|
147
|
-
`],window.customElements.define("m-text-field",v);export{v as TextField};
|
|
148
|
-
//# sourceMappingURL=text-field.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.js","sources":["../../../src/components/text-field/text-field.ts","../../../src/components/text-field/text-field.styles.ts"],"sourcesContent":[null,null],"names":["TextField","Component","properties","clearable","type","Boolean","disabled","reflect","max","String","maxLength","Number","attribute","min","minLength","pattern","placeholder","readOnly","size","status","step","value","constructor","super","this","inputElement","field","ContextConsumer","fieldContext","undefined","_TextField_handleInput","set","event","target","reemit","_TextField_handleClear","stopPropagation","clear","connectedCallback","setAttribute","render","html","classMap","container","__classPrivateFieldGet","_TextField_instances","_TextField_getStatus","ifDefined","id","nothing","_TextField_isClearVisible","call","input","_b","shadowRoot","_a","querySelector","emit","focus","length","styles","css","color","token","typography","transition","property","px","on","hover","active","window","customElements","define"],"mappings":"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"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import{a as t,_ as s}from"../../tslib.es6-14a1a18b.js";import{i as e,s as i,x as o}from"../../lit-element-26769da5.js";import{o as l}from"../../class-map-fe8f3591.js";import{t as r}from"../../to-array-5c3637ca.js";import{T as a}from"../../toggle-group.constants-79414aee.js";import{S as g}from"../../selection.controller-d67641f1.js";import{g as n}from"../../get-color-token-07d651ab.js";import{g as h}from"../../get-token-44e330dd.js";import"../../group-3c305132.js";import"../../directive-ee0c609c.js";import"../../_commonjsHelpers-1fe14821.js";import"../../index-89653e64.js";import"../../base-layout.styles-24522bea.js";var p,m,c,u,d,f;class b extends i{static get properties(){return{disabled:{type:Boolean},role:{type:String,reflect:!0},showCheck:{type:Boolean,attribute:"show-check"},size:{type:String,reflect:!0},type:{type:String},value:{},selection:{state:!0}}}constructor(){super(),p.set(this,null),m.set(this,null),c.set(this,(()=>{var e,i,o;t(this,m,null!==(e=s(this,m,"f"))&&void 0!==e?e:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(o=null===(i=s(this,m,"f"))||void 0===i?void 0:i.assignedElements({flatten:!0}))&&void 0!==o?o:[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),u.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),d.set(this,(t=>{t.checked=this.selection.has(t.value)})),f.set(this,(t=>{t.disabled=this.disabled})),this.showCheck=!1,this.size="default",this.type="single",this.selection=new Set}update(e){super.update(e),(null!=e.get("type")&&null!=this.type||null==s(this,p,"f"))&&(t(this,p,new g(this,this.type,a),"f"),s(this,p,"f").init(r(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),e.has("value")&&s(this,p,"f").init(r(this.value))}updated(t){super.updated(t),t.has("selection")&&s(this,c,"f").call(this).forEach((t=>{s(this,d,"f").call(this,t)})),t.has("disabled")&&s(this,c,"f").call(this).forEach((t=>{s(this,f,"f").call(this,t)})),t.has("role")&&s(this,c,"f").call(this).forEach((t=>{s(this,u,"f").call(this,t)}))}render(){return o`
|
|
2
|
-
<m-group
|
|
3
|
-
class=${l({"toggle-group":!0,"-single":"single"===this.type,"-single-strict":"single-strict"===this.type,"-multiple":"multiple"===this.type,"-small":"small"===this.size,"-show-check":this.showCheck})}
|
|
4
|
-
gap="spacing-1"
|
|
5
|
-
>
|
|
6
|
-
<slot></slot>
|
|
7
|
-
</m-group>
|
|
8
|
-
`}}p=new WeakMap,m=new WeakMap,c=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,b.styles=[[e`
|
|
9
|
-
.toggle-group {
|
|
10
|
-
inline-size: max-content;
|
|
11
|
-
|
|
12
|
-
border: 1px solid ${n("color-border")};
|
|
13
|
-
padding: ${h("spacing-1")};
|
|
14
|
-
|
|
15
|
-
border-radius: ${h("border-radius-s")};
|
|
16
|
-
box-sizing: border-box;
|
|
17
|
-
|
|
18
|
-
block-size: ${h("global-height-default")};
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.toggle-group.-small {
|
|
22
|
-
block-size: ${h("global-height-small")};
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.toggle-group.-small ::slotted(m-toggle) {
|
|
26
|
-
--m-toggle-base-size: 18px;
|
|
27
|
-
--m-toggle-font-size: ${h("font-size-2")};
|
|
28
|
-
--m-toggle-icon-size: 10px;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
32
|
-
--m-toggle-icon-display: inline-flex;
|
|
33
|
-
}
|
|
34
|
-
`]],window.customElements.define("m-toggle-group",b);export{b as ToggleGroup};
|
|
35
|
-
//# sourceMappingURL=toggle-group.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.js","sources":["../../../src/components/toggle-group/toggle-group.ts","../../../src/components/toggle-group/toggle-group.styles.ts"],"sourcesContent":[null,null],"names":["ToggleGroup","LitElement","properties","disabled","type","Boolean","role","String","reflect","showCheck","attribute","size","value","selection","state","constructor","super","_ToggleGroup_selectionController","set","this","_ToggleGroup_defaultSlot","_ToggleGroup_getToggles","__classPrivateFieldSet","_a","__classPrivateFieldGet","shadowRoot","querySelector","_c","_b","assignedElements","flatten","filter","item","tagName","toLowerCase","_ToggleGroup_setToggleRole","toggle","setAttribute","includes","_ToggleGroup_setToggleChecked","checked","has","_ToggleGroup_setToggleDisabled","Set","update","changedProperties","get","SelectionController","TOGGLE_EVENT","init","toArray","updated","call","forEach","render","html","classMap","styles","css","color","token","window","customElements","define"],"mappings":"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"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import{_ as t}from"../../tslib.es6-14a1a18b.js";import{i as o,s as e,x as i}from"../../lit-element-26769da5.js";import{o as s}from"../../class-map-fe8f3591.js";import{T as r}from"../../toggle-group.constants-79414aee.js";import{d as n,o as a}from"../../index-d8e55df5.js";import{s as l}from"../../base-button.styles-ef6a0a49.js";import{g as c}from"../../get-color-token-07d651ab.js";import{g as m}from"../../get-token-44e330dd.js";import"../icon/icon.js";import"../../directive-ee0c609c.js";import"../../to-array-5c3637ca.js";import"../../_commonjsHelpers-1fe14821.js";import"../../index-89653e64.js";import"../../transition-eb314b12.js";import"../../typography-b88b14c1.js";import"../../padding-a0e1e1b3.js";import"../../margin-bb4df92f.js";import"../../component-e7cf11f6.js";import"../icon/available-icons.js";var p,g,d,u,b;class h extends e{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String,reflect:!0}}}constructor(){super(),p.add(this),d.set(this,(()=>{if(this.disabled)return;this.checked=!this.checked;const t={detail:{value:this.value,type:"toggle"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(r,t))})),u.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),b.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",t(this,d,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,d,"f"))}updated(o){super.updated(o),o.has("disabled")&&t(this,u,"f").call(this),o.has("checked")&&t(this,b,"f").call(this)}render(){return i`
|
|
2
|
-
<button
|
|
3
|
-
type="button"
|
|
4
|
-
class=${s({button:!0,toggle:!0})}
|
|
5
|
-
role="${this.role}"
|
|
6
|
-
aria-checked="${this.checked}"
|
|
7
|
-
?disabled="${this.disabled}"
|
|
8
|
-
>
|
|
9
|
-
<slot name="leading" slot="leading">
|
|
10
|
-
<m-icon name="check" class="check-icon"></m-icon>
|
|
11
|
-
</slot>
|
|
12
|
-
|
|
13
|
-
<slot></slot>
|
|
14
|
-
</button>
|
|
15
|
-
`}focus(o){var e;null===(e=t(this,p,"a",g))||void 0===e||e.focus(o)}}d=new WeakMap,u=new WeakMap,b=new WeakMap,p=new WeakSet,g=function(){var t,o;return null!==(o=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==o?o:null},h.styles=[[l(),o`
|
|
16
|
-
:host {
|
|
17
|
-
/*
|
|
18
|
-
* These custom properties are here because they are meant to be
|
|
19
|
-
* overriden via toggle-group styles.
|
|
20
|
-
*/
|
|
21
|
-
--m-toggle-base-size: 30px;
|
|
22
|
-
--m-toggle-font-size: ${m("font-size-3")};
|
|
23
|
-
--m-toggle-icon-size: 12px;
|
|
24
|
-
--m-toggle-icon-display: none;
|
|
25
|
-
|
|
26
|
-
--m-button-border-color: transparent;
|
|
27
|
-
--m-button-color: ${c("color-primary-100")};
|
|
28
|
-
--m-button-padding-x: ${m("spacing-2")};
|
|
29
|
-
--m-button-padding-y: 0;
|
|
30
|
-
|
|
31
|
-
--m-button-base-size: var(--m-toggle-base-size);
|
|
32
|
-
--m-button-font-size: var(--m-toggle-font-size);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
${n([".toggle"])} {
|
|
36
|
-
--m-button-color: ${c("color-text-disabled")};
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
[aria-checked='true'] {
|
|
40
|
-
--m-button-background-color: ${c("color-primary-20")};
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
${a.hover(".toggle")} {
|
|
44
|
-
--m-button-background-color: ${c("color-background-tertiary")};
|
|
45
|
-
--m-button-border-color: ${c("color-background-tertiary")};
|
|
46
|
-
--m-button-color: ${c("color-primary-100")};
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.check-icon {
|
|
50
|
-
--m-icon-size: var(--m-toggle-icon-size);
|
|
51
|
-
--m-icon-color: var(--m-button-color);
|
|
52
|
-
|
|
53
|
-
display: var(--m-toggle-icon-display);
|
|
54
|
-
}
|
|
55
|
-
`]],window.customElements.define("m-toggle",h);export{h as Toggle};
|
|
56
|
-
//# sourceMappingURL=toggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","sources":["../../../src/components/toggle-group/toggle.ts","../../../src/components/toggle-group/toggle.styles.ts"],"sourcesContent":[null,null],"names":["Toggle","LitElement","properties","checked","type","Boolean","disabled","reflect","role","String","value","constructor","super","_Toggle_handleClick","set","this","options","detail","bubbles","composed","dispatchEvent","CustomEvent","TOGGLE_EVENT","_Toggle_setDisabled","setAttribute","_Toggle_setChecked","connectedCallback","addEventListener","__classPrivateFieldGet","disconnectedCallback","removeEventListener","updated","changedProperties","has","call","render","html","classMap","button","toggle","focus","_a","_Toggle_instances","_Toggle_button_get","_b","renderRoot","querySelector","styles","baseStyles","css","token","color","on","hover","window","customElements","define"],"mappings":"2zBAeM,MAAOA,UAAeC,EAG3B,qBAAoBC,GACnB,MAAO,CACNC,QAAS,CAAEC,KAAMC,SACjBC,SAAU,CAAEF,KAAMC,QAASE,SAAS,GACpCC,KAAM,CAAEJ,KAAMK,OAAQF,SAAS,GAC/BG,MAAO,CAAEN,KAAMK,OAAQF,SAAS,GAEjC,CAuBD,WAAAI,GACCC,oBA2DDC,EAAAC,IAAAC,MAAe,KACd,GAAIA,KAAKT,SACR,OAGDS,KAAKZ,SAAWY,KAAKZ,QAErB,MAAMa,EAAU,CACfC,OAAQ,CAAEP,MAAOK,KAAKL,MAAON,KAAM,UACnCc,SAAS,EACTC,UAAU,GAGXJ,KAAKK,cAAc,IAAIC,YAAYC,EAAcN,GAAS,IAG3DO,EAAAT,IAAAC,MAAe,KACdA,KAAKS,aAAa,gBAAiBf,OAAOM,KAAKT,UAAU,IAG1DmB,EAAAX,IAAAC,MAAc,KACbA,KAAKS,aAAa,eAAgBf,OAAOM,KAAKZ,SAAS,IA9EvDY,KAAKT,UAAW,EAChBS,KAAKZ,SAAU,CACf,CAEQ,iBAAAuB,GACRd,MAAMc,oBAENX,KAAKY,iBAAiB,QAASC,EAAAb,KAAiBF,EAAA,KAChD,CAEQ,oBAAAgB,GACRjB,MAAMiB,uBAENd,KAAKe,oBAAoB,QAASF,EAAAb,KAAiBF,EAAA,KACnD,CAEkB,OAAAkB,CAAQC,GAC1BpB,MAAMmB,QAAQC,GAEVA,EAAkBC,IAAI,aACzBL,EAAAb,KAAIQ,EAAA,KAAJW,KAAAnB,MAGGiB,EAAkBC,IAAI,YACzBL,EAAAb,KAAIU,EAAA,KAAJS,KAAAnB,KAED,CAEQ,MAAAoB,GACR,OAAOC,CAAI;;;YAGDC,EAAS,CAChBC,QAAQ,EACRC,QAAQ;YAEDxB,KAAKP;oBACGO,KAAKZ;iBACRY,KAAKT;;;;;;;;GASpB,CAEQ,KAAAkC,CAAMxB,SACF,QAAZyB,EAAAb,EAAAb,KAAY2B,EAAA,IAAAC,UAAA,IAAAF,GAAAA,EAAED,MAAMxB,EACpB,+EAGA,OAAmD,QAA5C4B,EAAe,QAAfH,EAAA1B,KAAK8B,kBAAU,IAAAJ,OAAA,EAAAA,EAAEK,cAAc,iBAAa,IAAAF,EAAAA,EAAA,IACpD,EA1FgB5C,EAAA+C,OAAS,CCRlB,CACNC,IACAC,CAAG;;;;;;;4BAOuBC,EAAM;;;;;wBAKVC,EAAM;4BACFD,EAAM;;;;;;;KAO7B5C,EAAS,CAAC;wBACS6C,EAAM;;;;mCAIKA,EAAM;;;KAGpCC,EAAGC,MAAM;mCACqBF,EAAM;+BACVA,EAAM;wBACbA,EAAM;;;;;;;;;MD4F9BG,OAAOC,eAAeC,OAAO,WAAYxD"}
|