@fluid-topics/ft-tabs 0.3.51 → 0.3.53
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/build/ft-tabs.light.js +9 -7
- package/build/ft-tabs.min.js +4 -2
- package/package.json +7 -7
package/build/ft-tabs.light.js
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
}
|
|
6
6
|
</style>
|
|
7
7
|
<slot></slot>
|
|
8
|
-
`}updated(t){super.updated(t),this.id||(this.id="tab-"+this.uniqueId),this.ariaLabelledBy=this.id+"-control",this.dispatchEvent(new Event("updated"))}}p.elementDefinitions={},l([o.property({type:String})],p.prototype,"label",void 0),l([o.property({type:String})],p.prototype,"icon",void 0),l([o.property()],p.prototype,"iconVariant",void 0),l([o.property({type:Boolean})],p.prototype,"active",void 0),l([o.property({type:Boolean})],p.prototype,"disabled",void 0),l([o.property({type:String,reflect:!0})],p.prototype,"id",void 0),l([o.property({type:String,reflect:!0,attribute:"aria-labelledby"})],p.prototype,"ariaLabelledBy",void 0);const h=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),f=h,c=i.FtCssVariableFactory.extend("--ft-ripple-background-color",h),d=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),
|
|
8
|
+
`}updated(t){super.updated(t),this.id||(this.id="tab-"+this.uniqueId),this.ariaLabelledBy=this.id+"-control",this.dispatchEvent(new Event("updated"))}}p.elementDefinitions={},l([o.property({type:String})],p.prototype,"label",void 0),l([o.property({type:String})],p.prototype,"icon",void 0),l([o.property()],p.prototype,"iconVariant",void 0),l([o.property({type:Boolean})],p.prototype,"active",void 0),l([o.property({type:Boolean})],p.prototype,"disabled",void 0),l([o.property({type:String,reflect:!0})],p.prototype,"id",void 0),l([o.property({type:String,reflect:!0,attribute:"aria-labelledby"})],p.prototype,"ariaLabelledBy",void 0);const h=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),f=h,c=i.FtCssVariableFactory.extend("--ft-ripple-background-color",h),d=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),x=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),u=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),y=i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),g=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),b=g,v=i.FtCssVariableFactory.extend("--ft-ripple-background-color",g),m=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),$=m,w=i.FtCssVariableFactory.extend("--ft-ripple-background-color",m),k=e.css`
|
|
9
9
|
:host {
|
|
10
10
|
display: contents;
|
|
11
11
|
}
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
82
|
-
opacity: ${
|
|
82
|
+
opacity: ${x};
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
90
|
-
opacity: ${
|
|
90
|
+
opacity: ${u};
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
* Copyright 2020 Google LLC
|
|
118
118
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
119
119
|
*/
|
|
120
|
-
const at=Symbol.for(""),lt=t=>{if((null==t?void 0:t.r)===at)return null==t?void 0:t._$litStatic$},pt=t=>({_$litStatic$:t,r:at}),ht=new Map,ft=(t=>(i,...e)=>{const o=e.length;let s,n;const r=[],a=[];let l,p=0,h=!1;for(;p<o;){for(l=i[p];p<o&&void 0!==(n=e[p],s=lt(n));)l+=s+i[++p],h=!0;a.push(n),r.push(l),p++}if(p===o&&r.push(i[o]),h){const t=r.join("$$lit$$");void 0===(i=ht.get(t))&&(r.raw=r,ht.set(t,i=r)),e=a}return t(i,...e)})(K);var ct;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(ct||(ct={}));const dt=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),
|
|
120
|
+
const at=Symbol.for(""),lt=t=>{if((null==t?void 0:t.r)===at)return null==t?void 0:t._$litStatic$},pt=t=>({_$litStatic$:t,r:at}),ht=new Map,ft=(t=>(i,...e)=>{const o=e.length;let s,n;const r=[],a=[];let l,p=0,h=!1;for(;p<o;){for(l=i[p];p<o&&void 0!==(n=e[p],s=lt(n));)l+=s+i[++p],h=!0;a.push(n),r.push(l),p++}if(p===o&&r.push(i[o]),h){const t=r.join("$$lit$$");void 0===(i=ht.get(t))&&(r.raw=r,ht.set(t,i=r)),e=a}return t(i,...e)})(K);var ct;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(ct||(ct={}));const dt=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),xt=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.contentFont),ut={fontFamily:xt,fontSize:i.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:i.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:i.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:i.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:i.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},yt=i.FtCssVariableFactory.extend("--ft-typography-title-font-family",dt),gt=i.FtCssVariableFactory.extend("--ft-typography-title-font-size",ut.fontSize,"20px"),bt=i.FtCssVariableFactory.extend("--ft-typography-title-font-weight",ut.fontWeight,"normal"),vt=i.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",ut.letterSpacing,"0.15px"),mt=i.FtCssVariableFactory.extend("--ft-typography-title-line-height",ut.lineHeight,"1.2"),$t=i.FtCssVariableFactory.extend("--ft-typography-title-text-transform",ut.textTransform,"inherit"),wt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",dt),kt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",ut.fontSize,"14px"),zt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",ut.fontWeight,"normal"),jt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",ut.letterSpacing,"0.105px"),Nt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",ut.lineHeight,"1.7"),Ot=i.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",ut.textTransform,"inherit"),St=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",xt),It=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",ut.fontSize,"16px"),At=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",ut.fontWeight,"600"),Ct=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",ut.letterSpacing,"0.144px"),_t=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",ut.lineHeight,"1.5"),Et=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",ut.textTransform,"inherit"),Tt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",xt),Bt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",ut.fontSize,"14px"),Mt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",ut.fontWeight,"normal"),Ut=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",ut.letterSpacing,"0.098px"),Rt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",ut.lineHeight,"1.7"),Dt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",ut.textTransform,"inherit"),Ft=i.FtCssVariableFactory.extend("--ft-typography-body1-font-family",xt),Wt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-size",ut.fontSize,"16px"),Zt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",ut.fontWeight,"normal"),Gt=i.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",ut.letterSpacing,"0.496px"),Kt=i.FtCssVariableFactory.extend("--ft-typography-body1-line-height",ut.lineHeight,"1.5"),Lt=i.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",ut.textTransform,"inherit"),Ht=i.FtCssVariableFactory.extend("--ft-typography-body2-font-family",xt),qt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-size",ut.fontSize,"14px"),Pt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",ut.fontWeight,"normal"),Vt=i.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",ut.letterSpacing,"0.252px"),Xt=i.FtCssVariableFactory.extend("--ft-typography-body2-line-height",ut.lineHeight,"1.4"),Yt=i.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",ut.textTransform,"inherit"),Jt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-family",xt),Qt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-size",ut.fontSize,"12px"),ti=i.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",ut.fontWeight,"normal"),ii=i.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",ut.letterSpacing,"0.396px"),ei=i.FtCssVariableFactory.extend("--ft-typography-caption-line-height",ut.lineHeight,"1.33"),oi=i.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",ut.textTransform,"inherit"),si=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",xt),ni=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",ut.fontSize,"10px"),ri=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",ut.fontWeight,"normal"),ai=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",ut.letterSpacing,"0.33px"),li=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",ut.lineHeight,"1.6"),pi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",ut.textTransform,"inherit"),hi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-family",xt),fi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-size",ut.fontSize,"10px"),ci=i.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",ut.fontWeight,"normal"),di=i.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",ut.letterSpacing,"1.5px"),xi=i.FtCssVariableFactory.extend("--ft-typography-overline-line-height",ut.lineHeight,"1.6"),ui=i.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",ut.textTransform,"uppercase"),yi=i.FtCssVariableFactory.extend("--ft-typography-button-font-family",xt),gi=i.FtCssVariableFactory.extend("--ft-typography-button-font-size",ut.fontSize,"14px"),bi=i.FtCssVariableFactory.extend("--ft-typography-button-font-weight",ut.fontWeight,"600"),vi=i.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",ut.letterSpacing,"1.246px"),mi=i.FtCssVariableFactory.extend("--ft-typography-button-line-height",ut.lineHeight,"1.15"),$i=i.FtCssVariableFactory.extend("--ft-typography-button-text-transform",ut.textTransform,"uppercase"),wi=e.css`
|
|
121
121
|
.ft-typography--title {
|
|
122
122
|
font-family: ${yt};
|
|
123
123
|
font-size: ${gt};
|
|
@@ -196,8 +196,8 @@ const at=Symbol.for(""),lt=t=>{if((null==t?void 0:t.r)===at)return null==t?void
|
|
|
196
196
|
font-size: ${fi};
|
|
197
197
|
font-weight: ${ci};
|
|
198
198
|
letter-spacing: ${di};
|
|
199
|
-
line-height: ${
|
|
200
|
-
text-transform: ${
|
|
199
|
+
line-height: ${xi};
|
|
200
|
+
text-transform: ${ui};
|
|
201
201
|
}
|
|
202
202
|
`,Ci=e.css`
|
|
203
203
|
.ft-typography--button {
|
|
@@ -223,7 +223,8 @@ const at=Symbol.for(""),lt=t=>{if((null==t?void 0:t.r)===at)return null==t?void
|
|
|
223
223
|
:host, i.ft-icon {
|
|
224
224
|
display: inline-flex;
|
|
225
225
|
align-items: center;
|
|
226
|
-
|
|
226
|
+
flex-shrink: 0;
|
|
227
|
+
flex-grow: 0;
|
|
227
228
|
}
|
|
228
229
|
|
|
229
230
|
:host {
|
|
@@ -255,6 +256,7 @@ const at=Symbol.for(""),lt=t=>{if((null==t?void 0:t.r)===at)return null==t?void
|
|
|
255
256
|
font-size: calc(0.9 * ${Ui});
|
|
256
257
|
position: relative;
|
|
257
258
|
top: -5%;
|
|
259
|
+
justify-content: center;
|
|
258
260
|
}
|
|
259
261
|
|
|
260
262
|
.ft-icon--file-format {
|
package/build/ft-tabs.min.js
CHANGED
|
@@ -72,7 +72,7 @@ var ct,ft;class dt extends C{constructor(){super(...arguments),this.renderOption
|
|
|
72
72
|
<style>${t}</style>
|
|
73
73
|
`))}
|
|
74
74
|
${this.getTemplate()}
|
|
75
|
-
`}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){}scheduleExportpartsUpdate(){this.exportpartsDebouncer.run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var e,i,o,s,n,r;const a=t=>null!=t&&t.trim().length>0,l=t.filter(a).map((t=>t.trim()));if(0===l.length)return void this.removeAttribute("exportparts");const h=new Set;for(let t of null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==i?i:[]){const e=null!==(s=null===(o=t.getAttribute("part"))||void 0===o?void 0:o.split(" "))&&void 0!==s?s:[],i=null!==(r=null===(n=t.getAttribute("exportparts"))||void 0===n?void 0:n.split(",").map((t=>t.split(":")[1])))&&void 0!==r?r:[];new Array(...e,...i).filter(a).map((t=>t.trim())).forEach((t=>h.add(t)))}if(0===h.size)return void this.removeAttribute("exportparts");const p=[...h.values()].flatMap((t=>l.map((e=>`${t}:${e}--${t}`))));this.setAttribute("exportparts",[...this.part,...p].join(", "))}}mt([o()],wt.prototype,"exportpartsPrefix",void 0),mt([function(t,e){const i=()=>JSON.parse(JSON.stringify(t));return o({type:Object,converter:{fromAttribute:t=>{if(null==t)return i();try{return JSON.parse(t)}catch{return i()}},toAttribute:t=>JSON.stringify(t)},...null!=e?e:{}})}([])],wt.prototype,"exportpartsPrefixes",void 0),y`
|
|
75
|
+
`}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var e,i;if((null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==i?i:[]).forEach((t=>t.remove())),this.customStylesheet){const t=document.createElement("style");t.classList.add("ft-lit-element--custom-stylesheet"),t.innerHTML=this.customStylesheet,this.shadowRoot.append(t)}}scheduleExportpartsUpdate(){this.exportpartsDebouncer.run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var e,i,o,s,n,r;const a=t=>null!=t&&t.trim().length>0,l=t.filter(a).map((t=>t.trim()));if(0===l.length)return void this.removeAttribute("exportparts");const h=new Set;for(let t of null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==i?i:[]){const e=null!==(s=null===(o=t.getAttribute("part"))||void 0===o?void 0:o.split(" "))&&void 0!==s?s:[],i=null!==(r=null===(n=t.getAttribute("exportparts"))||void 0===n?void 0:n.split(",").map((t=>t.split(":")[1])))&&void 0!==r?r:[];new Array(...e,...i).filter(a).map((t=>t.trim())).forEach((t=>h.add(t)))}if(0===h.size)return void this.removeAttribute("exportparts");const p=[...h.values()].flatMap((t=>l.map((e=>`${t}:${e}--${t}`))));this.setAttribute("exportparts",[...this.part,...p].join(", "))}}mt([o()],wt.prototype,"exportpartsPrefix",void 0),mt([function(t,e){const i=()=>JSON.parse(JSON.stringify(t));return o({type:Object,converter:{fromAttribute:t=>{if(null==t)return i();try{return JSON.parse(t)}catch{return i()}},toAttribute:t=>JSON.stringify(t)},...null!=e?e:{}})}([])],wt.prototype,"exportpartsPrefixes",void 0),mt([o()],wt.prototype,"customStylesheet",void 0),y`
|
|
76
76
|
.ft-no-text-select {
|
|
77
77
|
-webkit-touch-callout: none;
|
|
78
78
|
-webkit-user-select: none;
|
|
@@ -340,7 +340,8 @@ class Ci extends Ct{constructor(t){if(super(t),this.it=q,t.type!==kt)throw Error
|
|
|
340
340
|
:host, i.ft-icon {
|
|
341
341
|
display: inline-flex;
|
|
342
342
|
align-items: center;
|
|
343
|
-
|
|
343
|
+
flex-shrink: 0;
|
|
344
|
+
flex-grow: 0;
|
|
344
345
|
}
|
|
345
346
|
|
|
346
347
|
:host {
|
|
@@ -372,6 +373,7 @@ class Ci extends Ct{constructor(t){if(super(t),this.it=q,t.type!==kt)throw Error
|
|
|
372
373
|
font-size: calc(0.9 * ${Ui});
|
|
373
374
|
position: relative;
|
|
374
375
|
top: -5%;
|
|
376
|
+
justify-content: center;
|
|
375
377
|
}
|
|
376
378
|
|
|
377
379
|
.ft-icon--file-format {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-tabs",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.53",
|
|
4
4
|
"description": "Generic tabs component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-icon": "0.3.
|
|
23
|
-
"@fluid-topics/ft-ripple": "0.3.
|
|
24
|
-
"@fluid-topics/ft-tooltip": "0.3.
|
|
25
|
-
"@fluid-topics/ft-typography": "0.3.
|
|
26
|
-
"@fluid-topics/ft-wc-utils": "0.3.
|
|
22
|
+
"@fluid-topics/ft-icon": "0.3.53",
|
|
23
|
+
"@fluid-topics/ft-ripple": "0.3.53",
|
|
24
|
+
"@fluid-topics/ft-tooltip": "0.3.53",
|
|
25
|
+
"@fluid-topics/ft-typography": "0.3.53",
|
|
26
|
+
"@fluid-topics/ft-wc-utils": "0.3.53",
|
|
27
27
|
"lit": "2.2.8"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "cf1f6c836c7bcacfd0a9abbd39a185077341036e"
|
|
30
30
|
}
|