From 8ac007ba9a4512b7cd129f850b98ef8a1e85a79b Mon Sep 17 00:00:00 2001 From: Narendra Sisodiya Date: Wed, 29 Sep 2021 18:10:26 +0530 Subject: [PATCH] Removed lit-html and added lit (#547) --- package-lock.json | 1 - package.json | 1 - src/components/alert/alert.ts | 2 +- src/components/avatar/avatar.ts | 2 +- src/components/badge/badge.ts | 2 +- src/components/breadcrumb-item/breadcrumb-item.ts | 4 ++-- src/components/button/button.ts | 4 ++-- src/components/card/card.ts | 2 +- src/components/checkbox/checkbox.ts | 6 +++--- src/components/color-picker/color-picker.ts | 8 ++++---- src/components/details/details.ts | 2 +- src/components/dialog/dialog.ts | 4 ++-- src/components/drawer/drawer.ts | 4 ++-- src/components/dropdown/dropdown.ts | 2 +- src/components/icon-button/icon-button.ts | 4 ++-- src/components/icon/icon.ts | 2 +- src/components/image-comparer/image-comparer.ts | 2 +- src/components/input/input.ts | 6 +++--- src/components/menu-item/menu-item.ts | 2 +- src/components/progress-bar/progress-bar.ts | 4 ++-- src/components/qr-code/qr-code.ts | 2 +- src/components/radio-group/radio-group.ts | 2 +- src/components/radio/radio.ts | 6 +++--- src/components/range/range.ts | 6 +++--- src/components/rating/rating.ts | 6 +++--- src/components/responsive-media/responsive-media.ts | 2 +- src/components/select/select.ts | 4 ++-- src/components/skeleton/skeleton.ts | 2 +- src/components/switch/switch.ts | 6 +++--- src/components/tab-group/tab-group.ts | 2 +- src/components/tab/tab.ts | 2 +- src/components/tag/tag.ts | 2 +- src/components/textarea/textarea.ts | 6 +++--- src/components/tooltip/tooltip.ts | 2 +- src/internal/form-control.ts | 4 ++-- 35 files changed, 58 insertions(+), 60 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3d9578363..460d7f1b9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,7 +13,6 @@ "@shoelace-style/animations": "^1.1.0", "color": "^3.1.3", "lit": "^2.0.0", - "lit-html": "^2.0.0", "qr-creator": "^1.0.0" }, "devDependencies": { diff --git a/package.json b/package.json index 1bd1fa383..a5b651841 100644 --- a/package.json +++ b/package.json @@ -43,7 +43,6 @@ "@shoelace-style/animations": "^1.1.0", "color": "^3.1.3", "lit": "^2.0.0", - "lit-html": "^2.0.0", "qr-creator": "^1.0.0" }, "devDependencies": { diff --git a/src/components/alert/alert.ts b/src/components/alert/alert.ts index 0a64cd6e6..901401faa 100644 --- a/src/components/alert/alert.ts +++ b/src/components/alert/alert.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import { animateTo, stopAnimations } from '../../internal/animate'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; diff --git a/src/components/avatar/avatar.ts b/src/components/avatar/avatar.ts index 3aa903dc0..14bad8982 100644 --- a/src/components/avatar/avatar.ts +++ b/src/components/avatar/avatar.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import styles from './avatar.styles'; import '../icon/icon'; diff --git a/src/components/badge/badge.ts b/src/components/badge/badge.ts index 653784ea2..9b874a46f 100644 --- a/src/components/badge/badge.ts +++ b/src/components/badge/badge.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import styles from './badge.styles'; /** diff --git a/src/components/breadcrumb-item/breadcrumb-item.ts b/src/components/breadcrumb-item/breadcrumb-item.ts index e1c3cfdc4..2aed4a423 100644 --- a/src/components/breadcrumb-item/breadcrumb-item.ts +++ b/src/components/breadcrumb-item/breadcrumb-item.ts @@ -1,7 +1,7 @@ import { LitElement, html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { hasSlot } from '../../internal/slot'; import styles from './breadcrumb-item.styles'; diff --git a/src/components/button/button.ts b/src/components/button/button.ts index a9c2300e4..438f93e26 100644 --- a/src/components/button/button.ts +++ b/src/components/button/button.ts @@ -1,7 +1,7 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { emit } from '../../internal/event'; import { hasSlot } from '../../internal/slot'; import styles from './button.styles'; diff --git a/src/components/card/card.ts b/src/components/card/card.ts index 65b3c9568..502716f37 100644 --- a/src/components/card/card.ts +++ b/src/components/card/card.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import { hasSlot } from '../../internal/slot'; import styles from './card.styles'; diff --git a/src/components/checkbox/checkbox.ts b/src/components/checkbox/checkbox.ts index 48bb939b8..85d0d4e3f 100644 --- a/src/components/checkbox/checkbox.ts +++ b/src/components/checkbox/checkbox.ts @@ -1,8 +1,8 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; -import { live } from 'lit-html/directives/live.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { live } from 'lit/directives/live.js'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; import styles from './checkbox.styles'; diff --git a/src/components/color-picker/color-picker.ts b/src/components/color-picker/color-picker.ts index fff0aa213..24208b326 100644 --- a/src/components/color-picker/color-picker.ts +++ b/src/components/color-picker/color-picker.ts @@ -1,9 +1,9 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; -import { live } from 'lit-html/directives/live.js'; -import { styleMap } from 'lit-html/directives/style-map.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { live } from 'lit/directives/live.js'; +import { styleMap } from 'lit/directives/style-map.js'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; import { clamp } from '../../internal/math'; diff --git a/src/components/details/details.ts b/src/components/details/details.ts index fbd05f122..2ad02ce9d 100644 --- a/src/components/details/details.ts +++ b/src/components/details/details.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import { animateTo, stopAnimations, shimKeyframesHeightAuto } from '../../internal/animate'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; diff --git a/src/components/dialog/dialog.ts b/src/components/dialog/dialog.ts index 430bc48b6..4393d62ad 100644 --- a/src/components/dialog/dialog.ts +++ b/src/components/dialog/dialog.ts @@ -1,7 +1,7 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { animateTo, stopAnimations } from '../../internal/animate'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; diff --git a/src/components/drawer/drawer.ts b/src/components/drawer/drawer.ts index ee6a40757..442ac8df1 100644 --- a/src/components/drawer/drawer.ts +++ b/src/components/drawer/drawer.ts @@ -1,7 +1,7 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { animateTo, stopAnimations } from '../../internal/animate'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; diff --git a/src/components/dropdown/dropdown.ts b/src/components/dropdown/dropdown.ts index 20fb79f64..610496003 100644 --- a/src/components/dropdown/dropdown.ts +++ b/src/components/dropdown/dropdown.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import { Instance as PopperInstance, createPopper } from '@popperjs/core/dist/esm'; import { animateTo, stopAnimations } from '../../internal/animate'; import { emit } from '../../internal/event'; diff --git a/src/components/icon-button/icon-button.ts b/src/components/icon-button/icon-button.ts index 10005de75..e3cee18ea 100644 --- a/src/components/icon-button/icon-button.ts +++ b/src/components/icon-button/icon-button.ts @@ -1,7 +1,7 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import styles from './icon-button.styles'; import '../icon/icon'; diff --git a/src/components/icon/icon.ts b/src/components/icon/icon.ts index 12aa56f40..b17d8d75b 100644 --- a/src/components/icon/icon.ts +++ b/src/components/icon/icon.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; -import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js'; +import { unsafeSVG } from 'lit/directives/unsafe-svg.js'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; import { getIconLibrary, watchIcon, unwatchIcon } from './library'; diff --git a/src/components/image-comparer/image-comparer.ts b/src/components/image-comparer/image-comparer.ts index 769dd91b5..f5b963302 100644 --- a/src/components/image-comparer/image-comparer.ts +++ b/src/components/image-comparer/image-comparer.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { styleMap } from 'lit-html/directives/style-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; import { clamp } from '../../internal/math'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; diff --git a/src/components/input/input.ts b/src/components/input/input.ts index 603ebba76..b894d5188 100644 --- a/src/components/input/input.ts +++ b/src/components/input/input.ts @@ -1,8 +1,8 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { live } from 'lit-html/directives/live.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { live } from 'lit/directives/live.js'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; import { getLabelledBy, renderFormControl } from '../../internal/form-control'; diff --git a/src/components/menu-item/menu-item.ts b/src/components/menu-item/menu-item.ts index fd7db91a0..3cf341409 100644 --- a/src/components/menu-item/menu-item.ts +++ b/src/components/menu-item/menu-item.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import { watch } from '../../internal/watch'; import styles from './menu-item.styles'; diff --git a/src/components/progress-bar/progress-bar.ts b/src/components/progress-bar/progress-bar.ts index a9ca019af..1788b8287 100644 --- a/src/components/progress-bar/progress-bar.ts +++ b/src/components/progress-bar/progress-bar.ts @@ -1,7 +1,7 @@ import { LitElement, html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { styleMap } from 'lit-html/directives/style-map.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; import styles from './progress-bar.styles'; /** diff --git a/src/components/qr-code/qr-code.ts b/src/components/qr-code/qr-code.ts index d27bc623e..585718f50 100644 --- a/src/components/qr-code/qr-code.ts +++ b/src/components/qr-code/qr-code.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { styleMap } from 'lit-html/directives/style-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; import { watch } from '../../internal/watch'; import QrCreator from 'qr-creator'; import styles from './qr-code.styles'; diff --git a/src/components/radio-group/radio-group.ts b/src/components/radio-group/radio-group.ts index f632558c4..f306ac82f 100644 --- a/src/components/radio-group/radio-group.ts +++ b/src/components/radio-group/radio-group.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import type SlRadio from '../radio/radio'; import styles from './radio-group.styles'; diff --git a/src/components/radio/radio.ts b/src/components/radio/radio.ts index 0b7c02ce6..69ce5384d 100644 --- a/src/components/radio/radio.ts +++ b/src/components/radio/radio.ts @@ -1,8 +1,8 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; -import { live } from 'lit-html/directives/live.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { live } from 'lit/directives/live.js'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; import styles from './radio.styles'; diff --git a/src/components/range/range.ts b/src/components/range/range.ts index 6cede7fe6..918375d8b 100644 --- a/src/components/range/range.ts +++ b/src/components/range/range.ts @@ -1,9 +1,9 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { emit } from '../../internal/event'; -import { live } from 'lit-html/directives/live.js'; +import { live } from 'lit/directives/live.js'; import { watch } from '../../internal/watch'; import { getLabelledBy, renderFormControl } from '../../internal/form-control'; import { hasSlot } from '../../internal/slot'; diff --git a/src/components/rating/rating.ts b/src/components/rating/rating.ts index 4e057bc7d..9154b5223 100644 --- a/src/components/rating/rating.ts +++ b/src/components/rating/rating.ts @@ -1,8 +1,8 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { styleMap } from 'lit-html/directives/style-map.js'; -import { unsafeHTML } from 'lit-html/directives/unsafe-html.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; +import { unsafeHTML } from 'lit/directives/unsafe-html.js'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; import { clamp } from '../../internal/math'; diff --git a/src/components/responsive-media/responsive-media.ts b/src/components/responsive-media/responsive-media.ts index 8363a6d7e..c4058f15d 100644 --- a/src/components/responsive-media/responsive-media.ts +++ b/src/components/responsive-media/responsive-media.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import styles from './responsive-media.styles'; /** diff --git a/src/components/select/select.ts b/src/components/select/select.ts index 5b6254825..188eac782 100644 --- a/src/components/select/select.ts +++ b/src/components/select/select.ts @@ -1,7 +1,7 @@ import { LitElement, TemplateResult, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; import { getLabelledBy, renderFormControl } from '../../internal/form-control'; diff --git a/src/components/skeleton/skeleton.ts b/src/components/skeleton/skeleton.ts index 4c557d4b3..872d419de 100644 --- a/src/components/skeleton/skeleton.ts +++ b/src/components/skeleton/skeleton.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import styles from './skeleton.styles'; /** diff --git a/src/components/switch/switch.ts b/src/components/switch/switch.ts index cf189d5c5..ac21fdeb4 100644 --- a/src/components/switch/switch.ts +++ b/src/components/switch/switch.ts @@ -1,8 +1,8 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; -import { live } from 'lit-html/directives/live.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { live } from 'lit/directives/live.js'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; import styles from './switch.styles'; diff --git a/src/components/tab-group/tab-group.ts b/src/components/tab-group/tab-group.ts index 1ce0c6767..813535b96 100644 --- a/src/components/tab-group/tab-group.ts +++ b/src/components/tab-group/tab-group.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import { emit } from '../../internal/event'; import { watch } from '../../internal/watch'; import { getOffset } from '../../internal/offset'; diff --git a/src/components/tab/tab.ts b/src/components/tab/tab.ts index d676a23b7..0b5a5d548 100644 --- a/src/components/tab/tab.ts +++ b/src/components/tab/tab.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import { emit } from '../../internal/event'; import styles from './tab.styles'; diff --git a/src/components/tag/tag.ts b/src/components/tag/tag.ts index 6cd1e4be5..152a175d0 100644 --- a/src/components/tag/tag.ts +++ b/src/components/tag/tag.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import { emit } from '../../internal/event'; import styles from './tag.styles'; diff --git a/src/components/textarea/textarea.ts b/src/components/textarea/textarea.ts index 6b94732bc..0288e0814 100644 --- a/src/components/textarea/textarea.ts +++ b/src/components/textarea/textarea.ts @@ -1,9 +1,9 @@ import { LitElement, html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { emit } from '../../internal/event'; -import { live } from 'lit-html/directives/live.js'; +import { live } from 'lit/directives/live.js'; import { watch } from '../../internal/watch'; import { getLabelledBy, renderFormControl } from '../../internal/form-control'; import { hasSlot } from '../../internal/slot'; diff --git a/src/components/tooltip/tooltip.ts b/src/components/tooltip/tooltip.ts index 1c272f694..84b67d77f 100644 --- a/src/components/tooltip/tooltip.ts +++ b/src/components/tooltip/tooltip.ts @@ -1,6 +1,6 @@ import { LitElement, html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit-html/directives/class-map.js'; +import { classMap } from 'lit/directives/class-map.js'; import { Instance as PopperInstance, createPopper } from '@popperjs/core/dist/esm'; import { animateTo, parseDuration, stopAnimations } from '../../internal/animate'; import { emit, waitForEvent } from '../../internal/event'; diff --git a/src/internal/form-control.ts b/src/internal/form-control.ts index f6e1eaabc..503a67d11 100644 --- a/src/internal/form-control.ts +++ b/src/internal/form-control.ts @@ -1,6 +1,6 @@ import { html, TemplateResult } from 'lit'; -import { classMap } from 'lit-html/directives/class-map.js'; -import { ifDefined } from 'lit-html/directives/if-defined.js'; +import { classMap } from 'lit/directives/class-map.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; export const renderFormControl = ( props: {