diff options
Diffstat (limited to 'tpl/objects')
| -rw-r--r-- | tpl/objects/text-field.pug | 52 |
1 files changed, 26 insertions, 26 deletions
diff --git a/tpl/objects/text-field.pug b/tpl/objects/text-field.pug index d33d3b2..2e9827b 100644 --- a/tpl/objects/text-field.pug +++ b/tpl/objects/text-field.pug | |||
| @@ -1,33 +1,33 @@ | |||
| 1 | include icon.pug | 1 | include icon.pug |
| 2 | 2 | ||
| 3 | mixin text-field | 3 | mixin text-field |
| 4 | - const slots = {} | 4 | - const slots = {} |
| 5 | 5 | ||
| 6 | mixin slot(key) | 6 | mixin slot(key) |
| 7 | - slots[key] = block | 7 | - slots[key] = block |
| 8 | 8 | ||
| 9 | - | 9 | - |
| 10 | block ? block() : undefined | 10 | block ? block() : undefined |
| 11 | 11 | ||
| 12 | let classes = { | 12 | let classes = { |
| 13 | 'o-text-field': true, | 13 | 'o-text-field': true, |
| 14 | 'o-text-field--ext': attributes.ext, | 14 | 'o-text-field--ext': attributes.ext, |
| 15 | 'is-invalid': attributes.invalid, | 15 | 'is-invalid': attributes.invalid, |
| 16 | 'is-disabled': attributes.disabled, | 16 | 'is-disabled': attributes.disabled, |
| 17 | 'l-card': !!block, | 17 | 'l-card': !!block, |
| 18 | 'l-card--flush': !!block, | 18 | 'l-card--flush': !!block, |
| 19 | 'l-card--gapless': !!block, | 19 | 'l-card--gapless': !!block, |
| 20 | 'u-p-xs': !!block | 20 | 'u-p-xs': !!block |
| 21 | } | 21 | } |
| 22 | 22 | ||
| 23 | div(class=classes aria-disabled=attributes.disabled && String(attributes.disabled)) | 23 | div(class=classes aria-disabled=attributes.disabled && String(attributes.disabled)) |
| 24 | if !!block | 24 | if !!block |
| 25 | if slots.pre | 25 | if slots.pre |
| 26 | - slots.pre() | 26 | - slots.pre() |
| 27 | input.o-text-field__native.l-card__block.l-card__block--main&attributes(attributes) | 27 | input.o-text-field__native.l-card__block.l-card__block--main&attributes(attributes) |
| 28 | if slots.post | 28 | if slots.post |
| 29 | - slots.post() | 29 | - slots.post() |
| 30 | .o-text-field__bg | 30 | .o-text-field__bg |
| 31 | else | 31 | else |
| 32 | input.o-text-field__native&attributes(attributes) | 32 | input.o-text-field__native&attributes(attributes) |
| 33 | .o-text-field__bg | 33 | .o-text-field__bg |
