@cds/core 5.5.7 → 5.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_virtual/_virtual_library-entry-points +1 -1
- package/accordion/accordion-content.element.scss.js +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- package/accordion/accordion-panel.element.js +1 -1
- package/accordion/accordion-panel.element.js.map +1 -1
- package/accordion/accordion-panel.element.scss.js +1 -1
- package/alert/alert-group.element.d.ts +4 -7
- package/alert/alert-group.element.js +1 -1
- package/alert/alert-group.element.js.map +1 -1
- package/alert/alert-group.element.scss.js +1 -1
- package/alert/alert.element.d.ts +2 -2
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.element.d.ts +1 -1
- package/badge/badge.element.scss.js +1 -1
- package/breadcrumb/breadcrumb.element.d.ts +1 -1
- package/breadcrumb/breadcrumb.element.js +1 -1
- package/breadcrumb/breadcrumb.element.js.map +1 -1
- package/button/button.element.d.ts +1 -1
- package/button/button.element.js +1 -1
- package/button/button.element.js.map +1 -1
- package/button/button.element.scss.js +1 -1
- package/button/icon-button.element.d.ts +1 -1
- package/button/icon-button.element.js +1 -1
- package/button/icon-button.element.js.map +1 -1
- package/card/card.element.js +1 -1
- package/card/card.element.js.map +1 -1
- package/card/card.element.scss.js +1 -1
- package/checkbox/checkbox.element.scss.js +1 -1
- package/custom-elements.json +20975 -18000
- package/custom-elements.legacy.json +222 -78
- package/forms/control/control.element.d.ts +6 -4
- package/forms/control/control.element.js +2 -2
- package/forms/control/control.element.js.map +1 -1
- package/forms/control/control.element.scss.js +1 -1
- package/forms/control-group/control-group.element.d.ts +3 -2
- package/forms/control-group/control-group.element.js.map +1 -1
- package/forms/control-group/control-group.element.scss.js +1 -1
- package/forms/control-inline/control-inline.element.d.ts +1 -0
- package/forms/control-inline/control-inline.element.js +1 -1
- package/forms/control-inline/control-inline.element.js.map +1 -1
- package/forms/control-inline/control-inline.element.scss.js +1 -1
- package/forms/control-label/control-label.element.scss.js +1 -1
- package/forms/control-message/control-message.element.d.ts +1 -1
- package/forms/control-message/control-message.element.scss.js +1 -1
- package/forms/form-group/form-group.element.d.ts +2 -2
- package/forms/utils/index.d.ts +2 -1
- package/forms/utils/index.js +1 -1
- package/forms/utils/index.js.map +1 -1
- package/global.css +5 -0
- package/global.min.css +1 -1
- package/icon/icon.element.d.ts +5 -5
- package/icon/icon.element.scss.js +1 -1
- package/icon/utils/icon.classnames.d.ts +1 -0
- package/icon/utils/icon.classnames.js +1 -1
- package/icon/utils/icon.classnames.js.map +1 -1
- package/input/input.element.scss.js +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/base/button.base.d.ts +0 -2
- package/internal/base/button.base.js +1 -1
- package/internal/base/button.base.js.map +1 -1
- package/internal/decorators/property.js +1 -1
- package/internal/decorators/property.js.map +1 -1
- package/internal/index.d.ts +3 -0
- package/internal/index.js +1 -1
- package/internal/index.js.map +1 -1
- package/internal/services/i18n.service.d.ts +8 -0
- package/internal/services/i18n.service.js +1 -1
- package/internal/services/i18n.service.js.map +1 -1
- package/internal/utils/color.d.ts +2 -0
- package/internal/utils/color.js +2 -0
- package/internal/utils/color.js.map +1 -0
- package/internal/utils/css.d.ts +1 -0
- package/internal/utils/css.js +1 -1
- package/internal/utils/css.js.map +1 -1
- package/internal/utils/exists.d.ts +1 -3
- package/internal/utils/exists.js.map +1 -1
- package/internal/utils/global.js +1 -1
- package/internal/utils/string.d.ts +1 -0
- package/internal/utils/string.js +1 -1
- package/internal/utils/string.js.map +1 -1
- package/internal-components/overlay/overlay.element.d.ts +2 -4
- package/internal-components/overlay/overlay.element.js.map +1 -1
- package/modal/modal-content.element.d.ts +2 -4
- package/modal/modal-content.element.js.map +1 -1
- package/navigation/navigation-item.element.d.ts +1 -1
- package/navigation/navigation-item.element.js +1 -1
- package/navigation/navigation-item.element.js.map +1 -1
- package/navigation/navigation-item.element.scss.js +2 -2
- package/navigation/navigation-start.element.d.ts +1 -2
- package/navigation/navigation-start.element.js +1 -1
- package/navigation/navigation-start.element.js.map +1 -1
- package/navigation/navigation.element.d.ts +2 -6
- package/navigation/navigation.element.js +1 -3
- package/navigation/navigation.element.js.map +1 -1
- package/navigation/navigation.element.scss.js +1 -1
- package/package.json +20 -2
- package/password/password.element.d.ts +0 -1
- package/password/password.element.js +1 -1
- package/password/password.element.js.map +1 -1
- package/polyfills/aria-reflect.d.ts +45 -0
- package/polyfills/aria-reflect.js +2 -0
- package/polyfills/aria-reflect.js.map +1 -0
- package/polyfills/index.d.ts +1 -0
- package/polyfills/index.js +2 -0
- package/polyfills/index.js.map +1 -0
- package/progress-circle/progress-circle.element.d.ts +26 -3
- package/progress-circle/progress-circle.element.js +1 -1
- package/progress-circle/progress-circle.element.js.map +1 -1
- package/progress-circle/progress-circle.utils.d.ts +6 -0
- package/progress-circle/progress-circle.utils.js +2 -0
- package/progress-circle/progress-circle.utils.js.map +1 -0
- package/radio/radio-group.element.js +1 -1
- package/radio/radio-group.element.js.map +1 -1
- package/radio/radio.element.scss.js +1 -1
- package/select/register.js +1 -1
- package/select/register.js.map +1 -1
- package/select/select.element.d.ts +1 -1
- package/select/select.element.js +1 -1
- package/select/select.element.js.map +1 -1
- package/select/select.element.scss.js +1 -1
- package/select/select.global.scss.js +1 -1
- package/selection-panels/checkbox/checkbox-panel.element.d.ts +35 -0
- package/selection-panels/checkbox/checkbox-panel.element.js +2 -0
- package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -0
- package/selection-panels/checkbox/index.d.ts +1 -0
- package/selection-panels/checkbox/index.js +2 -0
- package/selection-panels/checkbox/index.js.map +1 -0
- package/selection-panels/checkbox/register.d.ts +6 -0
- package/selection-panels/checkbox/register.js +2 -0
- package/selection-panels/checkbox/register.js.map +1 -0
- package/selection-panels/radio/index.d.ts +1 -0
- package/selection-panels/radio/index.js +2 -0
- package/selection-panels/radio/index.js.map +1 -0
- package/selection-panels/radio/radio-panel.element.d.ts +35 -0
- package/selection-panels/radio/radio-panel.element.js +2 -0
- package/selection-panels/radio/radio-panel.element.js.map +1 -0
- package/selection-panels/radio/register.d.ts +6 -0
- package/selection-panels/radio/register.js +2 -0
- package/selection-panels/radio/register.js.map +1 -0
- package/selection-panels/shared/selection-panel.element.scss.js +6 -0
- package/selection-panels/shared/selection-panel.element.scss.js.map +1 -0
- package/selection-panels/shared/selection-panel.interfaces.d.ts +1 -0
- package/styles/module.tokens.css +5 -0
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +1 -0
- package/styles/theme.dark.min.css +1 -1
- package/tag/tag.element.d.ts +1 -1
- package/tag/tag.element.scss.js +1 -1
- package/test/index.js +1 -1
- package/test/utils.d.ts +2 -0
- package/test/utils.js +1 -1
- package/test/utils.js.map +1 -1
- package/textarea/textarea.element.scss.js +1 -1
- package/toggle/toggle.element.scss.js +1 -1
- package/tokens/tokens.android.xml +5 -0
- package/tokens/tokens.d.ts +5 -0
- package/tokens/tokens.ios.swift +5 -0
- package/tokens/tokens.js +5 -0
- package/tokens/tokens.json +20 -0
- package/tokens/tokens.scss +5 -0
- package/tree-view/tree-item.element.d.ts +1 -5
- package/tree-view/tree-item.element.js +1 -1
- package/tree-view/tree-item.element.js.map +1 -1
- package/tree-view/tree-item.element.scss.js +1 -1
- package/tree-view/tree.element.d.ts +0 -4
- package/tree-view/tree.element.js +1 -1
- package/tree-view/tree.element.js.map +1 -1
- package/accordion/accordion-content.element.css.d.ts +0 -1
- package/accordion/accordion-header.element.css.d.ts +0 -1
- package/accordion/accordion-panel.element.css.d.ts +0 -1
- package/accordion/accordion.element.css.d.ts +0 -1
- package/alert/alert-actions.element.css.d.ts +0 -1
- package/alert/alert-group.element.css.d.ts +0 -1
- package/alert/alert.element.css.d.ts +0 -1
- package/badge/badge.element.css.d.ts +0 -1
- package/button/base-button.element.css.d.ts +0 -1
- package/button/base-button.element.scss.js +0 -2
- package/button/base-button.element.scss.js.map +0 -1
- package/button/button.element.css.d.ts +0 -1
- package/button/icon-button.element.css.d.ts +0 -1
- package/button/inline-button.element.css.d.ts +0 -1
- package/checkbox/checkbox.element.css.d.ts +0 -1
- package/datalist/datalist-global.element.css.d.ts +0 -1
- package/date/date.global.css.d.ts +0 -1
- package/divider/divider.element.css.d.ts +0 -1
- package/file/file.element.css.d.ts +0 -1
- package/forms/control/control.element.css.d.ts +0 -1
- package/forms/control-action/control-action.element.css.d.ts +0 -1
- package/forms/control-group/control-group.element.css.d.ts +0 -1
- package/forms/control-inline/control-inline.element.css.d.ts +0 -1
- package/forms/control-label/control-label.element.css.d.ts +0 -1
- package/forms/control-message/control-message.element.css.d.ts +0 -1
- package/forms/form-group/form-group.element.css.d.ts +0 -1
- package/icon/icon.element.css.d.ts +0 -1
- package/input/input-group.element.css.d.ts +0 -1
- package/input/input.element.css.d.ts +0 -1
- package/internal/base/base.element.css.d.ts +0 -1
- package/internal-components/close-button/close-button.element.css.d.ts +0 -1
- package/internal-components/overlay/overlay.element.css.d.ts +0 -1
- package/modal/modal.element.css.d.ts +0 -1
- package/navigation/navigation-start.element.scss.js +0 -6
- package/navigation/navigation-start.element.scss.js.map +0 -1
- package/progress-circle/progress-circle.element.css.d.ts +0 -1
- package/radio/radio.element.css.d.ts +0 -1
- package/range/range.element.css.d.ts +0 -1
- package/range/range.global.css.d.ts +0 -1
- package/search/search.global.css.d.ts +0 -1
- package/select/select.element.css.d.ts +0 -1
- package/select/select.global.css.d.ts +0 -1
- package/tag/tag.element.css.d.ts +0 -1
- package/test-dropdown/test-dropdown.element.css.d.ts +0 -1
- package/textarea/textarea.element.css.d.ts +0 -1
- package/time/time.global.css.d.ts +0 -1
- package/toggle/toggle.element.css.d.ts +0 -1
package/tokens/tokens.js
CHANGED
|
@@ -352,6 +352,10 @@ export const aliasObjectOpacity0 = 'var(--cds-alias-object-opacity-0)';
|
|
|
352
352
|
export const aliasObjectOpacity100 = 'var(--cds-alias-object-opacity-100)';
|
|
353
353
|
export const aliasObjectOpacity200 = 'var(--cds-alias-object-opacity-200)';
|
|
354
354
|
export const aliasObjectOpacity300 = 'var(--cds-alias-object-opacity-300)';
|
|
355
|
+
export const aliasObjectInteractionOutline = 'var(--cds-alias-object-interaction-outline)';
|
|
356
|
+
export const aliasObjectInteractionOutlineWebkit = 'var(--cds-alias-object-interaction-outline-webkit)';
|
|
357
|
+
export const aliasObjectInteractionOutlineOffset = 'var(--cds-alias-object-interaction-outline-offset)';
|
|
358
|
+
export const aliasObjectInteractionTouchTarget = 'var(--cds-alias-object-interaction-touch-target)';
|
|
355
359
|
export const aliasObjectInteractionBorderColor = 'var(--cds-alias-object-interaction-border-color)';
|
|
356
360
|
export const aliasObjectInteractionBackground = 'var(--cds-alias-object-interaction-background)';
|
|
357
361
|
export const aliasObjectInteractionBackgroundHover = 'var(--cds-alias-object-interaction-background-hover)';
|
|
@@ -384,6 +388,7 @@ export const aliasStatusWarningDark = 'var(--cds-alias-status-warning-dark)';
|
|
|
384
388
|
export const aliasStatusDanger = 'var(--cds-alias-status-danger)';
|
|
385
389
|
export const aliasStatusDangerTint = 'var(--cds-alias-status-danger-tint)';
|
|
386
390
|
export const aliasStatusDangerShade = 'var(--cds-alias-status-danger-shade)';
|
|
391
|
+
export const aliasStatusDangerDark = 'var(--cds-alias-status-danger-dark)';
|
|
387
392
|
export const aliasStatusNeutral = 'var(--cds-alias-status-neutral)';
|
|
388
393
|
export const aliasStatusNeutralTint = 'var(--cds-alias-status-neutral-tint)';
|
|
389
394
|
export const aliasStatusNeutralShade = 'var(--cds-alias-status-neutral-shade)';
|
package/tokens/tokens.json
CHANGED
|
@@ -2010,6 +2010,18 @@
|
|
|
2010
2010
|
"aliasObjectOpacity300": {
|
|
2011
2011
|
"value": "hsla(0, 0%, 0%, 0.6)"
|
|
2012
2012
|
},
|
|
2013
|
+
"aliasObjectInteractionOutline": {
|
|
2014
|
+
"value": "Highlight solid 2px"
|
|
2015
|
+
},
|
|
2016
|
+
"aliasObjectInteractionOutlineWebkit": {
|
|
2017
|
+
"value": "5px auto -webkit-focus-ring-color"
|
|
2018
|
+
},
|
|
2019
|
+
"aliasObjectInteractionOutlineOffset": {
|
|
2020
|
+
"value": "1px"
|
|
2021
|
+
},
|
|
2022
|
+
"aliasObjectInteractionTouchTarget": {
|
|
2023
|
+
"value": 36
|
|
2024
|
+
},
|
|
2013
2025
|
"aliasObjectInteractionBorderColor": {
|
|
2014
2026
|
"value": [
|
|
2015
2027
|
198,
|
|
@@ -2261,6 +2273,14 @@
|
|
|
2261
2273
|
],
|
|
2262
2274
|
"alias": "globalColorRed800"
|
|
2263
2275
|
},
|
|
2276
|
+
"aliasStatusDangerDark": {
|
|
2277
|
+
"value": [
|
|
2278
|
+
9,
|
|
2279
|
+
100,
|
|
2280
|
+
28
|
|
2281
|
+
],
|
|
2282
|
+
"alias": "globalColorRed900"
|
|
2283
|
+
},
|
|
2264
2284
|
"aliasStatusNeutral": {
|
|
2265
2285
|
"value": [
|
|
2266
2286
|
198,
|
package/tokens/tokens.scss
CHANGED
|
@@ -369,6 +369,10 @@ $cds-alias-object-opacity-0: var(--cds-alias-object-opacity-0) !default;
|
|
|
369
369
|
$cds-alias-object-opacity-100: var(--cds-alias-object-opacity-100) !default;
|
|
370
370
|
$cds-alias-object-opacity-200: var(--cds-alias-object-opacity-200) !default;
|
|
371
371
|
$cds-alias-object-opacity-300: var(--cds-alias-object-opacity-300) !default;
|
|
372
|
+
$cds-alias-object-interaction-outline: var(--cds-alias-object-interaction-outline) !default;
|
|
373
|
+
$cds-alias-object-interaction-outline-webkit: var(--cds-alias-object-interaction-outline-webkit) !default;
|
|
374
|
+
$cds-alias-object-interaction-outline-offset: var(--cds-alias-object-interaction-outline-offset) !default;
|
|
375
|
+
$cds-alias-object-interaction-touch-target: var(--cds-alias-object-interaction-touch-target) !default;
|
|
372
376
|
$cds-alias-object-interaction-border-color: var(--cds-alias-object-interaction-border-color) !default;
|
|
373
377
|
$cds-alias-object-interaction-background: var(--cds-alias-object-interaction-background) !default;
|
|
374
378
|
$cds-alias-object-interaction-background-hover: var(--cds-alias-object-interaction-background-hover) !default;
|
|
@@ -401,6 +405,7 @@ $cds-alias-status-warning-dark: var(--cds-alias-status-warning-dark) !default;
|
|
|
401
405
|
$cds-alias-status-danger: var(--cds-alias-status-danger) !default;
|
|
402
406
|
$cds-alias-status-danger-tint: var(--cds-alias-status-danger-tint) !default;
|
|
403
407
|
$cds-alias-status-danger-shade: var(--cds-alias-status-danger-shade) !default;
|
|
408
|
+
$cds-alias-status-danger-dark: var(--cds-alias-status-danger-dark) !default;
|
|
404
409
|
$cds-alias-status-neutral: var(--cds-alias-status-neutral) !default;
|
|
405
410
|
$cds-alias-status-neutral-tint: var(--cds-alias-status-neutral-tint) !default;
|
|
406
411
|
$cds-alias-status-neutral-shade: var(--cds-alias-status-neutral-shade) !default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Animatable,
|
|
1
|
+
import { Animatable, EventEmitter } from '@cds/core/internal';
|
|
2
2
|
import { LitElement } from 'lit';
|
|
3
3
|
/**
|
|
4
4
|
* Tree view is a hierarchical component that gives users access to a hierarchical set of objects displayed in a the parent-child relationship.
|
|
@@ -33,12 +33,8 @@ export declare class CdsTreeItem extends LitElement implements Animatable {
|
|
|
33
33
|
i18n: {
|
|
34
34
|
loading: string;
|
|
35
35
|
};
|
|
36
|
-
protected role: string;
|
|
37
36
|
cdsMotion: string;
|
|
38
37
|
cdsMotionChange: EventEmitter<string>;
|
|
39
|
-
protected ariaDisabled: AriaBooleanAttributeValues | undefined;
|
|
40
|
-
protected ariaExpanded: AriaBooleanAttributeValues | undefined;
|
|
41
|
-
protected ariaSelected: AriaBooleanAttributeValues | undefined;
|
|
42
38
|
multiSelect: boolean;
|
|
43
39
|
disabled: boolean;
|
|
44
40
|
expanded: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{I18nService as t,createId as i,baseStyles as
|
|
1
|
+
import{__decorate as e}from"tslib";import{I18nService as t,createId as i,baseStyles as s,i18n as d,property as l,event as o,querySlotAll as a,querySlot as n,animate as r,AnimationTreeItemExpandName as c,reverseAnimation as p}from"@cds/core/internal";import{LitElement as h,html as m}from"lit";import{ifDefined as g}from"lit/directives/if-defined.js";import u from"./tree-item.element.scss.js";let v=class extends h{constructor(){super(...arguments),this.i18n=t.keys.treeview,this.cdsMotion="on",this.multiSelect=!1,this.disabled=!1,this.expanded=!1,this.expandable=!1,this.indeterminate=!1,this.loading=!1,this.selected=!1}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.role="treeitem",this.id||(this.id=i())}updated(e){super.updated(e),this.treeItemChildren.length>0&&(this.expandable=!0),this.expandable?this.ariaExpanded=this.expanded?"true":"false":this.ariaExpanded=null,this.multiSelect?this.ariaSelected=this.selected?"true":"false":this.ariaSelected=null,this.ariaDisabled=this.disabled?"true":"false"}toggleExpanded(){this.expandedChange.emit(!this.expanded)}toggleSelected(){this.selectedChange.emit(!this.selected),this.anchorLink&&this.anchorLink.click()}onSlotChange(){this.treeItemChildren.forEach((e=>{e.getAttribute("slot")||e.setAttribute("slot",i())})),this.requestUpdate()}render(){return m`<div class="private-host" cds-layout="p-l:md"><div cds-layout="horizontal align:vertical-center ${this.multiSelect?"gap:md":"gap:sm"}"><div class="lhs-container">${this.treeItemLeftHandSideTemplate}</div><div class="item-content" cds-layout="p:sm ${this.multiSelect?"p-x:md":""} align:stretch" @click="${()=>this.toggleSelected()}"><span cds-layout="horizontal align:vertical-center gap:md" cds-text="lhe">${this.multiSelect?m`<cds-internal-visual-checkbox part="checkbox" .disabled="${this.disabled}" .indeterminate="${this.indeterminate}" .selected="${this.selected}"></cds-internal-visual-checkbox>`:m``}<slot @slotchange="${this.onSlotChange}"></slot></span></div></div><div class="item-children" role="${g(this.expanded?"group":void 0)}" ?hidden="${!this.expanded}">${Array.from(this.treeItemChildren).map((e=>m`<slot name="${e.getAttribute("slot")}"></slot>`))}</div></div>`}get treeItemLeftHandSideTemplate(){return this.loading?m`<cds-progress-circle size="xs" aria-label="${this.i18n.loading}"></cds-progress-circle>`:this.expandable?m`<div @click="${()=>this.toggleExpanded()}"><cds-icon class="expand-collapse-icon" part="expand-collapse-icon" shape="angle"></cds-icon></div>`:m``}static get styles(){return[s,u]}};e([d()],v.prototype,"i18n",void 0),e([l({type:String})],v.prototype,"cdsMotion",void 0),e([o()],v.prototype,"cdsMotionChange",void 0),e([l({type:Boolean,reflect:!0,attribute:"multi-select"})],v.prototype,"multiSelect",void 0),e([l({type:Boolean})],v.prototype,"disabled",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"expanded",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"expandable",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"indeterminate",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"loading",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"selected",void 0),e([a(":scope > cds-tree-item")],v.prototype,"treeItemChildren",void 0),e([n(":scope > a")],v.prototype,"anchorLink",void 0),e([o()],v.prototype,"expandedChange",void 0),e([o()],v.prototype,"selectedChange",void 0),v=e([r({expanded:{true:c,false:p(c)}})],v);export{v as CdsTreeItem};
|
|
2
2
|
//# sourceMappingURL=tree-item.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-item.element.js","sources":["../../../src/tree-view/tree-item.element.ts"],"sourcesContent":null,"names":["CdsTreeItem","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","treeview","
|
|
1
|
+
{"version":3,"file":"tree-item.element.js","sources":["../../../src/tree-view/tree-item.element.ts"],"sourcesContent":null,"names":["CdsTreeItem","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","treeview","cdsMotion","multiSelect","disabled","expanded","expandable","indeterminate","loading","selected","connectedCallback","tabIndex","role","id","createId","props","updated","treeItemChildren","length","ariaExpanded","ariaSelected","ariaDisabled","expandedChange","emit","selectedChange","anchorLink","click","forEach","i","getAttribute","setAttribute","requestUpdate","html","treeItemLeftHandSideTemplate","toggleSelected","onSlotChange","ifDefined","undefined","Array","from","map","toggleExpanded","styles","baseStyles","__decorate","prototype","property","type","String","event","Boolean","reflect","attribute","querySlotAll","querySlot","animate","true","AnimationTreeItemExpandName","false","reverseAnimation"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var
|
|
1
|
+
import{css as o}from"lit";var a=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:var(--cds-alias-object-app-background, var(--cds-global-color-gray-50, #fafafa));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--focus-width:var(--cds-alias-object-border-width-300, calc((3 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-body-font-weight, 400);--icon-transform:rotate(90deg);cursor:pointer}.private-host{cursor:inherit}.item-children{overflow:hidden}.item-content{background:var(--background);border-left:var(--focus-width) solid transparent;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight)}.item-content:hover{--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}.lhs-container{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}.expand-collapse-icon{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));transform:var(--icon-transform);transition:transform var(--animation-duration)}:host(:focus) .item-content{border-color:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2);outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px)}:host(:focus) .item-content:active{--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff));--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}@media (-webkit-min-device-pixel-ratio:0){:host(:focus) .item-content{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([selected]) .item-content{--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]) .item-content{--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white))!important;--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;border-color:var(--cds-alias-object-interaction-color-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed}:host([cds-motion=off])>.private-host>.item-children{height:0}:host([cds-motion=off][expanded])>.private-host>.item-children{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:auto!important;transform:none}:host([expanded]){--icon-transform:rotate(180deg)}`;export default a;
|
|
2
2
|
//# sourceMappingURL=tree-item.element.scss.js.map
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { AriaBooleanAttributeValues } from '@cds/core/internal';
|
|
2
1
|
import { LitElement, PropertyValues } from 'lit';
|
|
3
2
|
import { CdsTreeItem } from './tree-item.element.js';
|
|
4
3
|
/**
|
|
@@ -21,10 +20,7 @@ import { CdsTreeItem } from './tree-item.element.js';
|
|
|
21
20
|
* @slot - Content slot for inside the tree
|
|
22
21
|
*/
|
|
23
22
|
export declare class CdsTree extends LitElement {
|
|
24
|
-
protected role: string;
|
|
25
23
|
multiSelect: boolean;
|
|
26
|
-
ariaActiveDescendant: string;
|
|
27
|
-
protected ariaMultiSelectable: AriaBooleanAttributeValues;
|
|
28
24
|
private firstChildItem;
|
|
29
25
|
private childrenItems;
|
|
30
26
|
connectedCallback(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{onAnyKey as t,onKey as i,nextInArray as
|
|
1
|
+
import{__decorate as e}from"tslib";import{onAnyKey as t,onKey as i,nextInArray as n,previousInArray as s,arrayHead as r,arrayTail as a,syncProps as c,isVisible as d,baseStyles as l,property as h,querySlot as o,querySlotAll as m}from"@cds/core/internal";import{LitElement as p,html as v}from"lit";import{CdsTreeItem as u}from"./tree-item.element.js";import A from"./tree.element.scss.js";class f extends p{constructor(){super(...arguments),this.multiSelect=!1,this.keyboardNavigationHandler=e=>{const c=this.currentActiveItem;c&&c instanceof u&&(t(["arrow-left","arrow-right","arrow-up","arrow-down","home","end","enter","space"],e,(()=>{e.preventDefault()})),i("arrow-left",e,(()=>{if(c.expandable&&c.expanded)c.expandedChange.emit(!1);else{const e=c.parentElement;e&&e instanceof u&&this.setAriaActiveDescendant(e)}})),i("arrow-right",e,(()=>{c.expandable&&(c.expanded?this.setAriaActiveDescendant(n(c,this.visibleChildren)):c.expandedChange.emit(!0))})),i("arrow-down",e,(()=>{c&&this.setAriaActiveDescendant(n(c,this.visibleChildren))})),i("arrow-up",e,(()=>{c&&this.setAriaActiveDescendant(s(c,this.visibleChildren))})),i("home",e,(()=>{c&&this.setAriaActiveDescendant(r(this.visibleChildren))})),i("end",e,(()=>{c&&this.setAriaActiveDescendant(a(this.visibleChildren))})),i("enter",e,(()=>{c.anchorLink&&c.anchorLink.click(),c.expandable&&c.expandedChange.emit(!c.expanded)})),i("space",e,(()=>{c.anchorLink&&c.anchorLink.click(),c&&!c.disabled&&c.selectedChange.emit(!c.selected)})))}}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.role="tree",this.addEventListener("focus",this.initAriaActiveDescendant),this.addEventListener("click",this.clickHandler),this.addEventListener("keydown",this.keyboardNavigationHandler)}disconnectedCallback(){super.disconnectedCallback()}updated(e){super.updated(e),this.ariaMultiSelectable=this.multiSelect?"true":"false",this.childrenItems.forEach((e=>c(e,this,{multiSelect:this.multiSelect})))}clickHandler(e){if(e.target instanceof u){const t=this.visibleChildren.find((t=>t===e.target));t&&this.setAriaActiveDescendant(t)}}get currentActiveItem(){return this.visibleChildren.find((e=>e.id===this.ariaActiveDescendant))}initAriaActiveDescendant(){if(!this.currentActiveItem){const e=this.visibleChildren.find((e=>e.selected))||this.firstChildItem;e&&this.setAriaActiveDescendant(e)}}setAriaActiveDescendant(e){e&&(this.ariaActiveDescendant=e.id,e.focus())}get visibleChildren(){return Array.from(this.childrenItems).filter((e=>d(e)))}render(){return v`<slot></slot>`}static get styles(){return[l,A]}}e([h({type:Boolean,attribute:"multi-select"})],f.prototype,"multiSelect",void 0),e([o("cds-tree-item")],f.prototype,"firstChildItem",void 0),e([m("cds-tree-item")],f.prototype,"childrenItems",void 0);export{f as CdsTree};
|
|
2
2
|
//# sourceMappingURL=tree.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.element.js","sources":["../../../src/tree-view/tree.element.ts"],"sourcesContent":null,"names":["CdsTree","LitElement","[object Object]","super","arguments","this","
|
|
1
|
+
{"version":3,"file":"tree.element.js","sources":["../../../src/tree-view/tree.element.ts"],"sourcesContent":null,"names":["CdsTree","LitElement","[object Object]","super","arguments","this","multiSelect","keyboardNavigationHandler","e","current","currentActiveItem","CdsTreeItem","onAnyKey","preventDefault","onKey","expandable","expanded","expandedChange","emit","parentNode","parentElement","setAriaActiveDescendant","nextInArray","visibleChildren","previousInArray","arrayHead","arrayTail","anchorLink","click","disabled","selectedChange","selected","connectedCallback","tabIndex","role","addEventListener","initAriaActiveDescendant","clickHandler","disconnectedCallback","props","updated","ariaMultiSelectable","childrenItems","forEach","c","syncProps","target","match","find","id","ariaActiveDescendant","focusableChild","firstChildItem","activeItem","focus","Array","from","filter","n","isVisible","html","styles","baseStyles","__decorate","property","type","Boolean","attribute","prototype","querySlot","querySlotAll"],"mappings":"mYA6BO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,aAAc,EACnBD,KAAKE,0BAA6BC,IAC9B,MAAMC,EAAUJ,KAAKK,kBACjBD,GAAWA,aAAmBE,IAC9BC,EAAS,CAAC,aAAc,cAAe,WAAY,aAAc,OAAQ,MAAO,QAAS,SAAUJ,GAAG,KAIlGA,EAAEK,oBAENC,EAAM,aAAcN,GAAG,KACnB,GAAIC,EAAQM,YAAcN,EAAQO,SAC9BP,EAAQQ,eAAeC,MAAK,OAE3B,CACD,MAAMC,EAAaV,EAAQW,cACvBD,GAAcA,aAAsBR,GACpCN,KAAKgB,wBAAwBF,OAIzCL,EAAM,cAAeN,GAAG,KAChBC,EAAQM,aACJN,EAAQO,SACRX,KAAKgB,wBAAwBC,EAAYb,EAASJ,KAAKkB,kBAGvDd,EAAQQ,eAAeC,MAAK,OAIxCJ,EAAM,aAAcN,GAAG,KACfC,GACAJ,KAAKgB,wBAAwBC,EAAYb,EAASJ,KAAKkB,qBAG/DT,EAAM,WAAYN,GAAG,KACbC,GACAJ,KAAKgB,wBAAwBG,EAAgBf,EAASJ,KAAKkB,qBAGnET,EAAM,OAAQN,GAAG,KACTC,GACAJ,KAAKgB,wBAAwBI,EAAUpB,KAAKkB,qBAGpDT,EAAM,MAAON,GAAG,KACRC,GACAJ,KAAKgB,wBAAwBK,EAAUrB,KAAKkB,qBAGpDT,EAAM,QAASN,GAAG,KAGVC,EAAQkB,YACRlB,EAAQkB,WAAWC,QAEnBnB,EAAQM,YACRN,EAAQQ,eAAeC,MAAMT,EAAQO,aAG7CF,EAAM,QAASN,GAAG,KAGVC,EAAQkB,YACRlB,EAAQkB,WAAWC,QAEnBnB,IAAYA,EAAQoB,UACpBpB,EAAQqB,eAAeZ,MAAMT,EAAQsB,eAMzD7B,oBACIC,MAAM6B,oBACN3B,KAAK4B,SAAW,EAChB5B,KAAK6B,KAAO,OACZ7B,KAAK8B,iBAAiB,QAAS9B,KAAK+B,0BACpC/B,KAAK8B,iBAAiB,QAAS9B,KAAKgC,cACpChC,KAAK8B,iBAAiB,UAAW9B,KAAKE,2BAE1CL,uBACIC,MAAMmC,uBAEVpC,QAAQqC,GACJpC,MAAMqC,QAAQD,GACdlC,KAAKoC,oBAAsBpC,KAAKC,YAAc,OAAS,QACvDD,KAAKqC,cAAcC,SAAQC,GAAKC,EAAUD,EAAGvC,KAAM,CAAEC,YAAaD,KAAKC,gBAE3EJ,aAAaM,GACT,GAAIA,EAAEsC,kBAAkBnC,EAAa,CACjC,MAAMoC,EAAQ1C,KAAKkB,gBAAgByB,MAAKJ,GAAKA,IAAMpC,EAAEsC,SACjDC,GACA1C,KAAKgB,wBAAwB0B,IAIzCrC,wBACI,OAAOL,KAAKkB,gBAAgByB,MAAKJ,GAAKA,EAAEK,KAAO5C,KAAK6C,uBAMxDhD,2BACI,IAAKG,KAAKK,kBAAmB,CAGzB,MAAMyC,EAAiB9C,KAAKkB,gBAAgByB,MAAKJ,GAAKA,EAAEb,YAAa1B,KAAK+C,eACtED,GACA9C,KAAKgB,wBAAwB8B,IAIzCjD,wBAAwBmD,GAChBA,IACAhD,KAAK6C,qBAAuBG,EAAWJ,GACvCI,EAAWC,SAInB/B,sBACI,OAAOgC,MAAMC,KAAKnD,KAAKqC,eAAee,QAAOC,GAAKC,EAAUD,KAEhExD,SACI,OAAO0D,CAAK,gBAEhBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,UAAW,kBACtCnE,EAAQoE,UAAW,mBAAe,GACrCL,EAAW,CACPM,EAAU,kBACXrE,EAAQoE,UAAW,sBAAkB,GACxCL,EAAW,CACPO,EAAa,kBACdtE,EAAQoE,UAAW,qBAAiB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--padding:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) - var(--border-width));--height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--min-width:var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem));--text-decoration:none;display:inline-block;height:var(--height)}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);height:100%;line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;text-decoration:var(--text-decoration);text-overflow:ellipsis;transform:scale(1);user-select:none;vertical-align:middle;white-space:nowrap;width:100%}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;height:100%}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{box-shadow:0 var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{filter:brightness(90%)}:host([action=outline]) .private-host::after{filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))));width:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:calc(var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}`;export default o;
|
|
2
|
-
//# sourceMappingURL=base-button.element.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base-button.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{css as o}from"lit";var t=o`/*!
|
|
2
|
-
* Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
|
|
3
|
-
* This software is released under MIT license.
|
|
4
|
-
* The full license information can be found in LICENSE in the root directory of this project.
|
|
5
|
-
*/:host{--color:inherit;--line-height:inherit;--focus-width:var(--cds-alias-object-border-width-300, calc((3 / var(--cds-global-base, 20)) * 1rem));--font-size:inherit;--font-weight:inherit;--text-transform:capitalize;padding-left:var(--focus-width)}:host(:hover),:host([_has-focus]){background:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));outline:0;cursor:pointer}:host(:hover)::after,:host([_has-focus])::after{content:"";position:absolute;inset:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem));outline:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) auto -webkit-focus-ring-color}.private-host{background:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--line-height);text-transform:var(--text-transform)}.private-host:hover{cursor:pointer}.icon-slot,.private-host{color:var(--color)}::slotted(span){color:var(--color)}:host([is-group-start][_active]:not([_expanded])){background:var(--cds-alias-object-interaction-background-selected,var(--cds-global-color-blue-50,#e6f7ff));padding-left:0;border-left:var(--focus-width) solid var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host([_has-focus][is-group-start][_active]:not([_expanded])),:host([is-group-start][_active]:not([_expanded]):hover){background:var(--cds-alias-object-interaction-background-selected,var(--cds-global-color-blue-50,#e6f7ff));padding-left:var(--focus-width)}:host([is-group-start]){margin-bottom:false}:host(:active),:host(:active:focus){background:var(--cds-alias-object-interaction-background-active,var(--cds-global-color-blue-100,#bdebff))!important}`;export default t;
|
|
6
|
-
//# sourceMappingURL=navigation-start.element.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-start.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":";;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
package/tag/tag.element.css.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit-element").CSSResultGroup;
|