@kyndryl-design-system/shidoka-applications 1.45.0 → 1.46.0
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/cardSample-01a2374a.js +169 -0
- package/cardSample-01a2374a.js.map +1 -0
- package/common/mixins/form-input.js +1 -1
- package/components/global/footer/footer.js +1 -1
- package/components/global/footer/footerLink.js +1 -1
- package/components/global/footer/footerNav.js +1 -1
- package/components/global/footer/index.js +1 -1
- package/components/global/header/header.js +1 -1
- package/components/global/header/headerAvatar.js +1 -1
- package/components/global/header/headerCategory.js +1 -1
- package/components/global/header/headerDivider.js +1 -1
- package/components/global/header/headerFlyout.js +1 -1
- package/components/global/header/headerFlyouts.js +1 -1
- package/components/global/header/headerLink.js +1 -1
- package/components/global/header/headerNav.js +1 -1
- package/components/global/header/headerNotificationPanel.js +1 -1
- package/components/global/header/headerPanel.js +1 -1
- package/components/global/header/headerPanelLink.js +1 -1
- package/components/global/header/headerUserProfile.js +1 -1
- package/components/global/header/index.js +1 -1
- package/components/global/localNav/index.js +1 -1
- package/components/global/localNav/localNav.js +1 -1
- package/components/global/localNav/localNavLink.js +1 -1
- package/components/global/uiShell/index.js +1 -1
- package/components/global/uiShell/uiShell.js +1 -1
- package/components/reusable/blockCodeView/blockCodeView.js +1 -1
- package/components/reusable/blockCodeView/index.js +1 -1
- package/components/reusable/breadcrumbs/breadcrumbItem.js +1 -1
- package/components/reusable/breadcrumbs/breadcrumbs.js +1 -1
- package/components/reusable/breadcrumbs/index.js +1 -1
- package/components/reusable/card/card.content.sample.d.ts +16 -0
- package/components/reusable/card/card.content.sample.d.ts.map +1 -0
- package/components/reusable/card/card.js +1 -1
- package/components/reusable/card/card.sample.d.ts +12 -0
- package/components/reusable/card/card.sample.d.ts.map +1 -0
- package/components/reusable/card/index.d.ts +2 -0
- package/components/reusable/card/index.d.ts.map +1 -1
- package/components/reusable/card/index.js +1 -1
- package/components/reusable/card/informationalCard.skeleton.d.ts +20 -0
- package/components/reusable/card/informationalCard.skeleton.d.ts.map +1 -0
- package/components/reusable/card/informationalCard.skeleton.js +28 -0
- package/components/reusable/card/informationalCard.skeleton.js.map +1 -0
- package/components/reusable/card/vitalCard.skeleton.d.ts +18 -0
- package/components/reusable/card/vitalCard.skeleton.d.ts.map +1 -0
- package/components/reusable/card/vitalCard.skeleton.js +290 -0
- package/components/reusable/card/vitalCard.skeleton.js.map +1 -0
- package/components/reusable/checkbox/checkbox.js +1 -1
- package/components/reusable/checkbox/checkboxGroup.js +1 -1
- package/components/reusable/checkbox/checkboxSubgroup.js +1 -1
- package/components/reusable/checkbox/index.js +1 -1
- package/components/reusable/datePicker/datepicker.js +1 -1
- package/components/reusable/datePicker/index.js +1 -1
- package/components/reusable/daterangepicker/daterangepicker.js +1 -1
- package/components/reusable/daterangepicker/index.js +1 -1
- package/components/reusable/dropdown/dropdown.js +4 -4
- package/components/reusable/dropdown/dropdownCategory.js +1 -1
- package/components/reusable/dropdown/dropdownOption.js +1 -1
- package/components/reusable/dropdown/index.js +1 -1
- package/components/reusable/errorBlock/errorBlock.js +1 -1
- package/components/reusable/errorBlock/index.js +1 -1
- package/components/reusable/globalFilter/globalFilter.chart.sample.d.ts +48 -0
- package/components/reusable/globalFilter/globalFilter.chart.sample.d.ts.map +1 -0
- package/components/reusable/globalFilter/globalFilter.js +1 -1
- package/components/reusable/globalFilter/globalFilter.sample.d.ts +30 -0
- package/components/reusable/globalFilter/globalFilter.sample.d.ts.map +1 -0
- package/components/reusable/globalFilter/globalFilter.table.sample.d.ts +48 -0
- package/components/reusable/globalFilter/globalFilter.table.sample.d.ts.map +1 -0
- package/components/reusable/globalFilter/index.js +1 -1
- package/components/reusable/inlineCodeView/index.js +1 -1
- package/components/reusable/inlineCodeView/inlineCodeView.js +1 -1
- package/components/reusable/loaders/index.js +1 -1
- package/components/reusable/loaders/inline.js +1 -1
- package/components/reusable/loaders/loader.js +1 -1
- package/components/reusable/loaders/skeleton.d.ts +23 -6
- package/components/reusable/loaders/skeleton.d.ts.map +1 -1
- package/components/reusable/loaders/skeleton.js +76 -15
- package/components/reusable/loaders/skeleton.js.map +1 -1
- package/components/reusable/modal/index.js +1 -1
- package/components/reusable/modal/modal.js +1 -1
- package/components/reusable/notification/index.js +1 -1
- package/components/reusable/notification/notification.js +1 -1
- package/components/reusable/notification/notificationContainer.js +1 -1
- package/components/reusable/numberInput/index.js +1 -1
- package/components/reusable/numberInput/numberInput.js +1 -1
- package/components/reusable/overflowMenu/index.js +1 -1
- package/components/reusable/overflowMenu/overflowMenu.js +1 -1
- package/components/reusable/overflowMenu/overflowMenuItem.js +1 -1
- package/components/reusable/pagetitle/index.js +1 -1
- package/components/reusable/pagetitle/pageTitle.js +1 -1
- package/components/reusable/pagination/Pagination.d.ts.map +1 -1
- package/components/reusable/pagination/Pagination.js +4 -72
- package/components/reusable/pagination/Pagination.js.map +1 -1
- package/components/reusable/pagination/index.d.ts +1 -0
- package/components/reusable/pagination/index.d.ts.map +1 -1
- package/components/reusable/pagination/index.js +1 -1
- package/components/reusable/pagination/pagination-items-range.js +1 -1
- package/components/reusable/pagination/pagination-navigation-buttons.js +1 -1
- package/components/reusable/pagination/pagination-page-size-dropdown.js +1 -1
- package/components/reusable/pagination/pagination.skeleton.d.ts +21 -0
- package/components/reusable/pagination/pagination.skeleton.d.ts.map +1 -0
- package/components/reusable/pagination/pagination.skeleton.js +25 -0
- package/components/reusable/pagination/pagination.skeleton.js.map +1 -0
- package/components/reusable/progressBar/index.js +1 -1
- package/components/reusable/progressBar/progressBar.js +1 -1
- package/components/reusable/radioButton/index.js +1 -1
- package/components/reusable/radioButton/radioButton.js +1 -1
- package/components/reusable/radioButton/radioButtonGroup.js +1 -1
- package/components/reusable/search/index.js +1 -1
- package/components/reusable/search/search.js +1 -1
- package/components/reusable/sideDrawer/index.js +1 -1
- package/components/reusable/sideDrawer/sideDrawer.js +1 -1
- package/components/reusable/stepper/index.js +1 -1
- package/components/reusable/stepper/stepper.js +1 -1
- package/components/reusable/stepper/stepperItem.js +1 -1
- package/components/reusable/stepper/stepperItemChild.js +1 -1
- package/components/reusable/table/data-table.js +3 -3
- package/components/reusable/table/index.d.ts +1 -0
- package/components/reusable/table/index.d.ts.map +1 -1
- package/components/reusable/table/index.js +1 -1
- package/components/reusable/table/story-helpers/action-menu.sample.d.ts +19 -0
- package/components/reusable/table/story-helpers/action-menu.sample.d.ts.map +1 -0
- package/components/reusable/table/story-helpers/batch-actions.sample.d.ts +17 -0
- package/components/reusable/table/story-helpers/batch-actions.sample.d.ts.map +1 -0
- package/components/reusable/table/story-helpers/column-setting.sample.d.ts +34 -0
- package/components/reusable/table/story-helpers/column-setting.sample.d.ts.map +1 -0
- package/components/reusable/table/story-helpers/table-story.sample.d.ts +70 -0
- package/components/reusable/table/story-helpers/table-story.sample.d.ts.map +1 -0
- package/components/reusable/table/story-helpers/table.settings.sample.d.ts +25 -0
- package/components/reusable/table/story-helpers/table.settings.sample.d.ts.map +1 -0
- package/components/reusable/table/story-helpers/ultils.sample.d.ts +58 -0
- package/components/reusable/table/story-helpers/ultils.sample.d.ts.map +1 -0
- package/components/reusable/table/table-body.js +1 -1
- package/components/reusable/table/table-cell.js +1 -1
- package/components/reusable/table/table-container.js +1 -1
- package/components/reusable/table/table-expanded-row.js +1 -1
- package/components/reusable/table/table-foot.js +1 -1
- package/components/reusable/table/table-footer.js +1 -1
- package/components/reusable/table/table-head.js +1 -1
- package/components/reusable/table/table-header-row.js +1 -1
- package/components/reusable/table/table-header.js +1 -1
- package/components/reusable/table/table-legend-item.js +1 -1
- package/components/reusable/table/table-legend.js +1 -1
- package/components/reusable/table/table-row.js +1 -1
- package/components/reusable/table/table-toolbar.js +1 -1
- package/components/reusable/table/table.js +1 -20
- package/components/reusable/table/table.js.map +1 -1
- package/components/reusable/table/table.skeleton.d.ts +37 -0
- package/components/reusable/table/table.skeleton.d.ts.map +1 -0
- package/components/reusable/table/table.skeleton.js +95 -0
- package/components/reusable/table/table.skeleton.js.map +1 -0
- package/components/reusable/tabs/index.js +1 -1
- package/components/reusable/tabs/tab.js +1 -1
- package/components/reusable/tabs/tabPanel.js +1 -1
- package/components/reusable/tabs/tabs.d.ts.map +1 -1
- package/components/reusable/tabs/tabs.js +1 -1
- package/components/reusable/tabs/tabs.js.map +1 -1
- package/components/reusable/tag/index.d.ts +1 -0
- package/components/reusable/tag/index.d.ts.map +1 -1
- package/components/reusable/tag/index.js +1 -1
- package/components/reusable/tag/tag.js +7 -311
- package/components/reusable/tag/tag.js.map +1 -1
- package/components/reusable/tag/tag.skeleton.d.ts +24 -0
- package/components/reusable/tag/tag.skeleton.d.ts.map +1 -0
- package/components/reusable/tag/tag.skeleton.js +32 -0
- package/components/reusable/tag/tag.skeleton.js.map +1 -0
- package/components/reusable/tag/tagGroup.d.ts +1 -1
- package/components/reusable/tag/tagGroup.js +3 -3
- package/components/reusable/tag/tagGroup.js.map +1 -1
- package/components/reusable/textArea/index.js +1 -1
- package/components/reusable/textArea/textArea.js +1 -1
- package/components/reusable/textInput/index.js +1 -1
- package/components/reusable/textInput/textInput.js +1 -1
- package/components/reusable/timepicker/index.js +1 -1
- package/components/reusable/timepicker/timepicker.js +1 -1
- package/components/reusable/toggleButton/index.js +1 -1
- package/components/reusable/toggleButton/toggleButton.js +1 -1
- package/components/reusable/tooltip/index.js +1 -1
- package/components/reusable/tooltip/tooltip.js +1 -1
- package/components/reusable/widget/index.js +1 -1
- package/components/reusable/widget/layout.sample.d.ts +39 -0
- package/components/reusable/widget/layout.sample.d.ts.map +1 -0
- package/components/reusable/widget/sample/gridstack.newWidget.sample.d.ts +17 -0
- package/components/reusable/widget/sample/gridstack.newWidget.sample.d.ts.map +1 -0
- package/components/reusable/widget/widget.js +1 -1
- package/components/reusable/widget/widgetDragHandle.js +1 -1
- package/components/reusable/widget/widgetGridstack.js +1 -1
- package/index.js +1 -1
- package/package.json +3 -3
- package/pagination-9cc71a5d.js +69 -0
- package/pagination-9cc71a5d.js.map +1 -0
- package/stories/sampleCardComponents/card.content.sample.d.ts +16 -0
- package/stories/sampleCardComponents/card.content.sample.d.ts.map +1 -0
- package/stories/sampleCardComponents/card.sample.d.ts +12 -0
- package/stories/sampleCardComponents/card.sample.d.ts.map +1 -0
- package/stories/sampleCardComponents/vitalCard.sample.d.ts +17 -0
- package/stories/sampleCardComponents/vitalCard.sample.d.ts.map +1 -0
- package/table-c2115867.js +21 -0
- package/table-c2115867.js.map +1 -0
- package/tag-e16a93ec.js +306 -0
- package/tag-e16a93ec.js.map +1 -0
- package/vendor/@carbon/{icons-6cb6c4b5.js → icons-b64cd713.js} +2 -2
- package/vendor/@carbon/{icons-6cb6c4b5.js.map → icons-b64cd713.js.map} +1 -1
- package/vendor/deepmerge-ts-e62363e6.js +2 -0
- package/vendor/deepmerge-ts-e62363e6.js.map +1 -0
- package/vendor/lit-html-244138f0.js +23 -0
- package/vendor/lit-html-244138f0.js.map +1 -0
- package/vendor/lottie-web-cef0fc90.js.map +1 -1
- package/vendor/prismjs-257fc4fa.js.map +1 -1
- package/vendor/tslib-53a81efe.js +2 -0
- package/vendor/tslib-53a81efe.js.map +1 -0
- package/vendor/deepmerge-ts-0394e16f.js +0 -2
- package/vendor/deepmerge-ts-0394e16f.js.map +0 -1
- package/vendor/lit-html-836d5e5c.js +0 -23
- package/vendor/lit-html-836d5e5c.js.map +0 -1
- package/vendor/tslib-958f81aa.js +0 -16
- package/vendor/tslib-958f81aa.js.map +0 -1
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
import"./vendor/lit-52eb9e23.js";import{i}from"./vendor/lit-element-3185f710.js";var t=i`*,
|
|
2
|
+
*::before,
|
|
3
|
+
*::after {
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
:root {
|
|
8
|
+
--kd-current-breakpoint: sm;
|
|
9
|
+
}
|
|
10
|
+
@media (min-width: 42rem) {
|
|
11
|
+
:root {
|
|
12
|
+
--kd-current-breakpoint: md;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
@media (min-width: 74rem) {
|
|
16
|
+
:root {
|
|
17
|
+
--kd-current-breakpoint: lg;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
@media (min-width: 82rem) {
|
|
21
|
+
:root {
|
|
22
|
+
--kd-current-breakpoint: xl;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
@media (min-width: 99rem) {
|
|
26
|
+
:root {
|
|
27
|
+
--kd-current-breakpoint: max;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.card-logo-container {
|
|
32
|
+
display: flex;
|
|
33
|
+
justify-content: space-between;
|
|
34
|
+
align-items: center;
|
|
35
|
+
}
|
|
36
|
+
.card-logo {
|
|
37
|
+
width: 32px;
|
|
38
|
+
height: 32px;
|
|
39
|
+
}
|
|
40
|
+
.card-logo-img {
|
|
41
|
+
min-width: 32px;
|
|
42
|
+
min-height: 32px;
|
|
43
|
+
border-radius: 50%;
|
|
44
|
+
}
|
|
45
|
+
.card-title {
|
|
46
|
+
font-family: var(--kd-font-family-primary);
|
|
47
|
+
font-size: var(--kd-font-size-utility-1-sm);
|
|
48
|
+
line-height: var(--kd-line-height-utility-1-sm);
|
|
49
|
+
font-weight: var(--kd-font-weight-regular);
|
|
50
|
+
letter-spacing: var(--kd-letter-spacing-5);
|
|
51
|
+
color: var(--kd-color-text-primary);
|
|
52
|
+
margin-top: 16px;
|
|
53
|
+
margin-bottom: 16px;
|
|
54
|
+
font-weight: 500;
|
|
55
|
+
}
|
|
56
|
+
@media (min-width: 42rem) {
|
|
57
|
+
.card-title {
|
|
58
|
+
font-size: var(--kd-font-size-utility-1-md);
|
|
59
|
+
line-height: var(--kd-line-height-utility-1-md);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
@media (min-width: 74rem) {
|
|
63
|
+
.card-title {
|
|
64
|
+
font-size: var(--kd-font-size-utility-1-lg);
|
|
65
|
+
line-height: var(--kd-line-height-utility-1-lg);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
@media (min-width: 82rem) {
|
|
69
|
+
.card-title {
|
|
70
|
+
font-size: var(--kd-font-size-utility-1-xlg);
|
|
71
|
+
line-height: var(--kd-line-height-utility-1-xlg);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
@media (min-width: 99rem) {
|
|
75
|
+
.card-title {
|
|
76
|
+
font-size: var(--kd-font-size-utility-1-max);
|
|
77
|
+
line-height: var(--kd-line-height-utility-1-max);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
.card-subtitle {
|
|
81
|
+
font-family: var(--kd-font-family-secondary);
|
|
82
|
+
font-size: var(--kd-font-size-utility-3-sm);
|
|
83
|
+
line-height: var(--kd-line-height-utility-3-sm);
|
|
84
|
+
font-weight: var(--kd-font-weight-regular);
|
|
85
|
+
letter-spacing: var(--kd-letter-spacing-5);
|
|
86
|
+
color: var(--kd-color-text-primary);
|
|
87
|
+
margin-bottom: 16px;
|
|
88
|
+
}
|
|
89
|
+
@media (min-width: 42rem) {
|
|
90
|
+
.card-subtitle {
|
|
91
|
+
font-size: var(--kd-font-size-utility-3-md);
|
|
92
|
+
line-height: var(--kd-line-height-utility-3-md);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
@media (min-width: 74rem) {
|
|
96
|
+
.card-subtitle {
|
|
97
|
+
font-size: var(--kd-font-size-utility-3-lg);
|
|
98
|
+
line-height: var(--kd-line-height-utility-3-lg);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
@media (min-width: 82rem) {
|
|
102
|
+
.card-subtitle {
|
|
103
|
+
font-size: var(--kd-font-size-utility-3-xlg);
|
|
104
|
+
line-height: var(--kd-line-height-utility-3-xlg);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
@media (min-width: 99rem) {
|
|
108
|
+
.card-subtitle {
|
|
109
|
+
font-size: var(--kd-font-size-utility-3-max);
|
|
110
|
+
line-height: var(--kd-line-height-utility-3-max);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
.card-description {
|
|
114
|
+
font-family: var(--kd-font-family-secondary);
|
|
115
|
+
font-size: var(--kd-font-size-utility-2-sm);
|
|
116
|
+
line-height: var(--kd-line-height-utility-2-sm);
|
|
117
|
+
font-weight: var(--kd-font-weight-regular);
|
|
118
|
+
letter-spacing: var(--kd-letter-spacing-5);
|
|
119
|
+
color: var(--kd-color-text-primary);
|
|
120
|
+
margin-bottom: 16px;
|
|
121
|
+
}
|
|
122
|
+
@media (min-width: 42rem) {
|
|
123
|
+
.card-description {
|
|
124
|
+
font-size: var(--kd-font-size-utility-2-md);
|
|
125
|
+
line-height: var(--kd-line-height-utility-2-md);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
@media (min-width: 74rem) {
|
|
129
|
+
.card-description {
|
|
130
|
+
font-size: var(--kd-font-size-utility-2-lg);
|
|
131
|
+
line-height: var(--kd-line-height-utility-2-lg);
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
@media (min-width: 82rem) {
|
|
135
|
+
.card-description {
|
|
136
|
+
font-size: var(--kd-font-size-utility-2-xlg);
|
|
137
|
+
line-height: var(--kd-line-height-utility-2-xlg);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
@media (min-width: 99rem) {
|
|
141
|
+
.card-description {
|
|
142
|
+
font-size: var(--kd-font-size-utility-2-max);
|
|
143
|
+
line-height: var(--kd-line-height-utility-2-max);
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
.card-actions {
|
|
147
|
+
display: inline-flex;
|
|
148
|
+
}
|
|
149
|
+
.card-action-btn-class {
|
|
150
|
+
display: flex;
|
|
151
|
+
align-items: center;
|
|
152
|
+
}
|
|
153
|
+
.card-thumbnail-img {
|
|
154
|
+
margin-top: 16px;
|
|
155
|
+
border-radius: 8px;
|
|
156
|
+
}
|
|
157
|
+
.card-link {
|
|
158
|
+
text-align: center;
|
|
159
|
+
}
|
|
160
|
+
.card-link-elements {
|
|
161
|
+
display: flex;
|
|
162
|
+
flex-wrap: wrap;
|
|
163
|
+
justify-content: space-evenly;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.tags {
|
|
167
|
+
margin-bottom: 16px;
|
|
168
|
+
}`;export{t as c};
|
|
169
|
+
//# sourceMappingURL=cardSample-01a2374a.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cardSample-01a2374a.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as t}from"../../vendor/tslib-
|
|
1
|
+
import{_ as t}from"../../vendor/tslib-53a81efe.js";import{t as i,n as e}from"../../vendor/lit-52eb9e23.js";import{s as n}from"../../vendor/lit-element-3185f710.js";const a=a=>{class s extends a{constructor(){super(...arguments),this._internals=this.attachInternals(),this.value="",this.name="",this.invalidText="",this._internalValidationMsg="",this._isInvalid=!1,this._handleInvalid=()=>{this._validate(!0,!1)}}_onUpdated(t){t.has("value")&&(this._internals.setFormValue(this.value),this._validate(!1,!1)),(t.has("invalidText")||t.has("_internalValidationMsg"))&&(this._isInvalid=""!==this.invalidText||""!==this._internalValidationMsg),t.has("invalidText")&&void 0!==t.get("invalidText")&&this._validate(!1,!1)}updated(t){this._onUpdated(t)}_onConnected(){this._internals.form&&this.addEventListener("invalid",this._handleInvalid)}connectedCallback(){super.connectedCallback(),this._onConnected()}_onDisconnected(){this._internals.form&&this.removeEventListener("invalid",this._handleInvalid)}disconnectedCallback(){this._onDisconnected(),super.disconnectedCallback()}}return s.shadowRootOptions={...n.shadowRootOptions,delegatesFocus:!0},s.formAssociated=!0,t([i()],s.prototype,"_internals",void 0),t([e({type:String})],s.prototype,"value",void 0),t([e({type:String})],s.prototype,"name",void 0),t([e({type:String})],s.prototype,"invalidText",void 0),t([i()],s.prototype,"_internalValidationMsg",void 0),t([i()],s.prototype,"_isInvalid",void 0),s};export{a as FormMixin};
|
|
2
2
|
//# sourceMappingURL=form-input.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as i}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,o,e}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as n,x as l}from"../../../vendor/lit-element-3185f710.js";import{o as d}from"../../../vendor/lit-html-244138f0.js";import{l as a}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-61c066a3.js";var s=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as o}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as o}from"../../../vendor/tslib-53a81efe.js";import{n as t,e as r}from"../../../vendor/lit-52eb9e23.js";import{i as e,s as i,x as n}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";var s=e`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as r}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as r}from"../../../vendor/tslib-53a81efe.js";import{e as o}from"../../../vendor/lit-52eb9e23.js";import{i as e,s as t,x as l}from"../../../vendor/lit-element-3185f710.js";var s=e`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Footer}from"./footer.js";export{FooterNav}from"./footerNav.js";export{FooterNavLink}from"./footerLink.js";import"../../../vendor/tslib-
|
|
1
|
+
export{Footer}from"./footer.js";export{FooterNav}from"./footerNav.js";export{FooterNavLink}from"./footerLink.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-52eb9e23.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lit-html-244138f0.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-61c066a3.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,l as o,t as i,o as r,e as n}from"../../../vendor/lit-52eb9e23.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-3185f710.js";import{o as s}from"../../../vendor/lit-html-244138f0.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{l as c}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-61c066a3.js";var g=a`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{n as i,e}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as o,x as n}from"../../../vendor/lit-element-3185f710.js";var d=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as i}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,e}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as d,x as o}from"../../../vendor/lit-element-3185f710.js";var n=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as r}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as r}from"../../../vendor/tslib-53a81efe.js";import{e}from"../../../vendor/lit-52eb9e23.js";import{i as o,s as d,x as t}from"../../../vendor/lit-element-3185f710.js";var n=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,l as i,o,e as r}from"../../../vendor/lit-52eb9e23.js";import{i as n,s as a,x as l}from"../../../vendor/lit-element-3185f710.js";import{a as d,b as s}from"../../../vendor/@carbon/icons-b64cd713.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";var c=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as o}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as o}from"../../../vendor/tslib-53a81efe.js";import{n as e,e as t}from"../../../vendor/lit-52eb9e23.js";import{i,s as r,x as n}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{c as a}from"../../../vendor/@carbon/icons-b64cd713.js";var d=i`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as o,l as i,o as r,e as n}from"../../../vendor/lit-52eb9e23.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-3185f710.js";import{debounce as s}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{a as c,b as h,d as v}from"../../../vendor/@carbon/icons-b64cd713.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";var p=a`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{t as o,n as t,o as i,e as r}from"../../../vendor/lit-52eb9e23.js";import{i as n,s as a,x as d}from"../../../vendor/lit-element-3185f710.js";import{e as c,f as l}from"../../../vendor/@carbon/icons-b64cd713.js";var s=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,e as i}from"../../../vendor/lit-52eb9e23.js";import{i as n,s as a,x as r}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/button";var o=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{n as e,o as i,e as o}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as n,x as a}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{e as d}from"../../../vendor/@carbon/icons-b64cd713.js";var l=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{n as e,e as i}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as o,x as n}from"../../../vendor/lit-element-3185f710.js";var a=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as i}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,e}from"../../../vendor/lit-52eb9e23.js";import{i as l,s as n,x as r}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/link";var o=l`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Header}from"./header.js";export{HeaderNav}from"./headerNav.js";export{HeaderLink}from"./headerLink.js";export{HeaderCategory}from"./headerCategory.js";export{HeaderDivider}from"./headerDivider.js";export{HeaderFlyouts}from"./headerFlyouts.js";export{HeaderFlyout}from"./headerFlyout.js";export{HeaderUserProfile}from"./headerUserProfile.js";export{HeaderAvatar}from"./headerAvatar.js";export{HeaderPanel}from"./headerPanel.js";export{HeaderPanelLink}from"./headerPanelLink.js";export{HeaderNotificationPanel}from"./headerNotificationPanel.js";import"../../../vendor/tslib-
|
|
1
|
+
export{Header}from"./header.js";export{HeaderNav}from"./headerNav.js";export{HeaderLink}from"./headerLink.js";export{HeaderCategory}from"./headerCategory.js";export{HeaderDivider}from"./headerDivider.js";export{HeaderFlyouts}from"./headerFlyouts.js";export{HeaderFlyout}from"./headerFlyout.js";export{HeaderUserProfile}from"./headerUserProfile.js";export{HeaderAvatar}from"./headerAvatar.js";export{HeaderPanel}from"./headerPanel.js";export{HeaderPanelLink}from"./headerPanelLink.js";export{HeaderNotificationPanel}from"./headerNotificationPanel.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-52eb9e23.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lit-html-244138f0.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-61c066a3.js";import"../../../vendor/@carbon/icons-b64cd713.js";import"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"@kyndryl-design-system/shidoka-foundation/components/link";import"@kyndryl-design-system/shidoka-foundation/components/button";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";import"../../../vendor/tslib-
|
|
1
|
+
export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-52eb9e23.js";import"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import"../../../vendor/@carbon/icons-b64cd713.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as i,t,l as n,o,e as a}from"../../../vendor/lit-52eb9e23.js";import{i as d,s as r,x as l}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{g as s,h as p}from"../../../vendor/@carbon/icons-b64cd713.js";var h=d`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as i,l as n,o,e as a}from"../../../vendor/lit-52eb9e23.js";import{i as d,s as r,x as l}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{a as s,b as h}from"../../../vendor/@carbon/icons-b64cd713.js";var c=d`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{UiShell}from"./uiShell.js";import"../../../vendor/tslib-
|
|
1
|
+
export{UiShell}from"./uiShell.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-52eb9e23.js";import"../../../vendor/lit-element-3185f710.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{l as t,e as l}from"../../../vendor/lit-52eb9e23.js";import{i,s as o,x as a}from"../../../vendor/lit-element-3185f710.js";var n=i`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as o,c as i,o as a,b as n,e as s}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as d,x as h}from"../../../vendor/lit-element-3185f710.js";import{d as l}from"../../../vendor/deepmerge-ts-e62363e6.js";import{P as c}from"../../../vendor/prismjs-257fc4fa.js";import{B as p,C as g,l as k}from"../../../vendor/@carbon/icons-b64cd713.js";import"@kyndryl-design-system/shidoka-foundation/components/button";import"@kyndryl-design-system/shidoka-foundation/components/icon";import"../../../vendor/lottie-web-cef0fc90.js";var m=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{BlockCodeView}from"./blockCodeView.js";import"../../../vendor/tslib-
|
|
1
|
+
export{BlockCodeView}from"./blockCodeView.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-52eb9e23.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../vendor/prismjs-257fc4fa.js";import"../../../vendor/lottie-web-cef0fc90.js";import"../../../vendor/@carbon/icons-b64cd713.js";import"@kyndryl-design-system/shidoka-foundation/components/button";import"@kyndryl-design-system/shidoka-foundation/components/icon";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as r,e as t}from"../../../vendor/lit-52eb9e23.js";import{i as o,s as i,x as s}from"../../../vendor/lit-element-3185f710.js";var a=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{e}from"../../../vendor/lit-52eb9e23.js";import{i,s as r,x as d}from"../../../vendor/lit-element-3185f710.js";var n=i`@charset "UTF-8";
|
|
2
2
|
*,
|
|
3
3
|
*::before,
|
|
4
4
|
*::after {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{BreadcrumbItem}from"./breadcrumbItem.js";export{Breadcrumbs}from"./breadcrumbs.js";import"../../../vendor/tslib-
|
|
1
|
+
export{BreadcrumbItem}from"./breadcrumbItem.js";export{Breadcrumbs}from"./breadcrumbs.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-52eb9e23.js";import"../../../vendor/lit-element-3185f710.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import '../overflowMenu';
|
|
3
|
+
import '../tag';
|
|
4
|
+
import '@kyndryl-design-system/shidoka-foundation/components/icon';
|
|
5
|
+
import '@kyndryl-design-system/shidoka-foundation/components/button';
|
|
6
|
+
/** Sample Lit component to show containable items inside Card. */
|
|
7
|
+
export declare class SampleCardContentComponent extends LitElement {
|
|
8
|
+
static styles: any;
|
|
9
|
+
render(): import("lit").TemplateResult<1>;
|
|
10
|
+
}
|
|
11
|
+
declare global {
|
|
12
|
+
interface HTMLElementTagNameMap {
|
|
13
|
+
'sample-card-content-component': SampleCardContentComponent;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=card.content.sample.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.content.sample.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/card/card.content.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,iBAAiB,CAAC;AACzB,OAAO,QAAQ,CAAC;AAEhB,OAAO,2DAA2D,CAAC;AACnE,OAAO,6DAA6D,CAAC;AAGrE,mEAAmE;AACnE,qBACa,0BAA2B,SAAQ,UAAU;IACxD,OAAgB,MAAM,MAAkB;IAE/B,MAAM;CAoGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,+BAA+B,EAAE,0BAA0B,CAAC;KAC7D;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as r}from"../../../vendor/tslib-
|
|
1
|
+
import{_ as r}from"../../../vendor/tslib-53a81efe.js";import{n as e,o,e as t}from"../../../vendor/lit-52eb9e23.js";import{i,s as d,x as a}from"../../../vendor/lit-element-3185f710.js";var l=i`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/** Sample Lit component to show card pattern. */
|
|
3
|
+
export declare class SampleCardComponent extends LitElement {
|
|
4
|
+
static styles: any;
|
|
5
|
+
render(): import("lit").TemplateResult<1>;
|
|
6
|
+
}
|
|
7
|
+
declare global {
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sample-card-component': SampleCardComponent;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=card.sample.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.sample.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/card/card.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,kDAAkD;AAClD,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,MAAM,MAAkB;IAE/B,MAAM;CAoBhB;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Card}from"./card.js";import"../../../vendor/tslib-
|
|
1
|
+
export{Card}from"./card.js";export{VitalCardSkeleton}from"./vitalCard.skeleton.js";export{InformationalCardSkeleton}from"./informationalCard.skeleton.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-52eb9e23.js";import"../../../vendor/lit-element-3185f710.js";import"../loaders/skeleton.js";import"../../../cardSample-01a2374a.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import '../loaders/skeleton';
|
|
3
|
+
/**
|
|
4
|
+
* `kyn-info-card-skeleton` Web Component.
|
|
5
|
+
* A skeleton loading state for the informational card component that mirrors its structure.
|
|
6
|
+
*/
|
|
7
|
+
export declare class InformationalCardSkeleton extends LitElement {
|
|
8
|
+
static styles: any;
|
|
9
|
+
/** Sets the number of body/description lines to show in the skeleton pattern example. */
|
|
10
|
+
lines?: number | undefined;
|
|
11
|
+
/** Sets show or hide thumbnail element. */
|
|
12
|
+
thumbnailVisible?: boolean;
|
|
13
|
+
render(): import("lit").TemplateResult<1>;
|
|
14
|
+
}
|
|
15
|
+
declare global {
|
|
16
|
+
interface HTMLElementTagNameMap {
|
|
17
|
+
'kyn-info-card-skeleton': InformationalCardSkeleton;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=informationalCard.skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"informationalCard.skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/card/informationalCard.skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,qBAAqB,CAAC;AAI7B;;;GAGG;AACH,qBACa,yBAA0B,SAAQ,UAAU;IACvD,OAAgB,MAAM,MAAkB;IAExC,0FAA0F;IAE1F,KAAK,CAAC,qBAAK;IAEX,4CAA4C;IAE5C,gBAAgB,CAAC,EAAE,OAAO,CAAS;IAE1B,MAAM;CAmChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,yBAAyB,CAAC;KACrD;CACF"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,e as s}from"../../../vendor/lit-52eb9e23.js";import{s as i,x as l}from"../../../vendor/lit-element-3185f710.js";import"../loaders/skeleton.js";import{c as n}from"../../../cardSample-01a2374a.js";let o=class extends i{constructor(){super(...arguments),this.lines=0,this.thumbnailVisible=!1}render(){return l`
|
|
2
|
+
<div>
|
|
3
|
+
<div class="card-logo">
|
|
4
|
+
<kyn-skeleton shape="circle" size="small"></kyn-skeleton>
|
|
5
|
+
</div>
|
|
6
|
+
${this.thumbnailVisible?l`
|
|
7
|
+
<kyn-skeleton
|
|
8
|
+
shape="rectangle"
|
|
9
|
+
width="95%"
|
|
10
|
+
height="128px"
|
|
11
|
+
class="card-thumbnail-img"
|
|
12
|
+
alt="Card thumbnail"
|
|
13
|
+
></kyn-skeleton>
|
|
14
|
+
`:""}
|
|
15
|
+
<div class="card-title">
|
|
16
|
+
<kyn-skeleton width="80px" height="16px"></kyn-skeleton>
|
|
17
|
+
</div>
|
|
18
|
+
<div class="card-subtitle">
|
|
19
|
+
<kyn-skeleton shape="rectangle" width="120px"></kyn-skeleton>
|
|
20
|
+
</div>
|
|
21
|
+
${Array(this.lines).fill(null).map((()=>l`
|
|
22
|
+
<div class="card-description">
|
|
23
|
+
<kyn-skeleton width="95%" height="16px"></kyn-skeleton>
|
|
24
|
+
</div>
|
|
25
|
+
`))}
|
|
26
|
+
</div>
|
|
27
|
+
`}};o.styles=n,e([t({type:Number})],o.prototype,"lines",void 0),e([t({type:Boolean})],o.prototype,"thumbnailVisible",void 0),o=e([s("kyn-info-card-skeleton")],o);export{o as InformationalCardSkeleton};
|
|
28
|
+
//# sourceMappingURL=informationalCard.skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"informationalCard.skeleton.js","sources":["../../../../src/components/reusable/card/informationalCard.skeleton.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport '../loaders/skeleton';\n\nimport CardSampleScss from '../../../stories/sampleCardComponents/cardSample.scss';\n\n/**\n * `kyn-info-card-skeleton` Web Component.\n * A skeleton loading state for the informational card component that mirrors its structure.\n */\n@customElement('kyn-info-card-skeleton')\nexport class InformationalCardSkeleton extends LitElement {\n static override styles = CardSampleScss;\n\n /** Sets the number of body/description lines to show in the skeleton pattern example. */\n @property({ type: Number })\n lines? = 0;\n\n /** Sets show or hide thumbnail element. */\n @property({ type: Boolean })\n thumbnailVisible?: boolean = false;\n\n override render() {\n return html`\n <div>\n <div class=\"card-logo\">\n <kyn-skeleton shape=\"circle\" size=\"small\"></kyn-skeleton>\n </div>\n ${this.thumbnailVisible\n ? html`\n <kyn-skeleton\n shape=\"rectangle\"\n width=\"95%\"\n height=\"128px\"\n class=\"card-thumbnail-img\"\n alt=\"Card thumbnail\"\n ></kyn-skeleton>\n `\n : ''}\n <div class=\"card-title\">\n <kyn-skeleton width=\"80px\" height=\"16px\"></kyn-skeleton>\n </div>\n <div class=\"card-subtitle\">\n <kyn-skeleton shape=\"rectangle\" width=\"120px\"></kyn-skeleton>\n </div>\n ${Array(this.lines)\n .fill(null)\n .map(\n () => html`\n <div class=\"card-description\">\n <kyn-skeleton width=\"95%\" height=\"16px\"></kyn-skeleton>\n </div>\n `\n )}\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-info-card-skeleton': InformationalCardSkeleton;\n }\n}\n"],"names":["InformationalCardSkeleton","LitElement","constructor","this","lines","thumbnailVisible","render","html","Array","fill","map","styles","CardSampleScss","__decorate","property","type","Number","prototype","Boolean","customElement"],"mappings":"uQAYO,IAAMA,EAAN,cAAwCC,EAAxC,WAAAC,uBAKLC,KAAKC,MAAI,EAITD,KAAgBE,kBAAa,CAqC9B,CAnCU,MAAAC,GACP,OAAOC,CAAI;;;;;UAKLJ,KAAKE,iBACHE,CAAI;;;;;;;;cASJ;;;;;;;UAOFC,MAAML,KAAKC,OACVK,KAAK,MACLC,KACC,IAAMH,CAAI;;;;;;KAQnB,GA5CeP,EAAMW,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACPhB,EAAAiB,UAAA,aAAA,GAIXJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACiBlB,EAAAiB,UAAA,wBAAA,GATxBjB,EAAyBa,EAAA,CADrCM,EAAc,2BACFnB"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import '../loaders/skeleton';
|
|
3
|
+
/**
|
|
4
|
+
* `kyn-vital-card-skeleton` Web Component.
|
|
5
|
+
* A skeleton loading state for the vital card component that mirrors its structure.
|
|
6
|
+
*/
|
|
7
|
+
export declare class VitalCardSkeleton extends LitElement {
|
|
8
|
+
static styles: any[];
|
|
9
|
+
/** Sets the number of body/description lines to show in the skeleton pattern example. */
|
|
10
|
+
lines?: number | undefined;
|
|
11
|
+
render(): import("lit").TemplateResult<1>;
|
|
12
|
+
}
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
'kyn-vital-card-skeleton': VitalCardSkeleton;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=vitalCard.skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vitalCard.skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/card/vitalCard.skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,MAAM,KAAK,CAAC;AAG5C,OAAO,qBAAqB,CAAC;AAK7B;;;GAGG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,QAkBpB;IAEF,0FAA0F;IAE1F,KAAK,CAAC,qBAAK;IAEF,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,iBAAiB,CAAC;KAC9C;CACF"}
|