UNPKG

@larva.io/webcomponents

Version:

Fentrica SmartUnits WebComponents package

28 lines (23 loc) 4.4 kB
/*! * (C) Fentrica http://fentrica.com - Seee LICENSE.md */ 'use strict'; var index = require('./index-B0SElCD3.js'); var theme = require('./theme-3s-LQhJl.js'); const listItemCss = "slot-fb[hidden],slot[hidden]{display:initial !important}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:var(--lar-list-item-padding-top, 0.5rem) var(--lar-list-item-padding-right, 0.5rem) var(--lar-list-item-padding-bottom, 0.5rem) var(--lar-list-item-padding-left, 0.5rem);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}.item-inner{-ms-flex:2;flex:2;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;width:100%}:host(:empty){display:none !important}:host(.lar-item-disabled){opacity:0.2}:host(.lar-color-primary){background:var(--lar-color-primary-shade, rgb(105.6, 9.68, 161.04)) !important;color:var(--lar-color-primary-contrast, #fff) !important;fill:var(--lar-color-primary-contrast, #fff) !important;stroke:var(--lar-color-primary-contrast, #fff) !important}:host(.lar-color-secondary){background:var(--lar-color-secondary-shade, rgb(111.76, 161.92, 0)) !important;color:var(--lar-color-secondary-contrast, #fff) !important;fill:var(--lar-color-secondary-contrast, #fff) !important;stroke:var(--lar-color-secondary-contrast, #fff) !important}:host(.lar-color-tertiary){background:var(--lar-color-tertiary-shade, rgb(0, 146.08, 208.56)) !important;color:var(--lar-color-tertiary-contrast, #fff) !important;fill:var(--lar-color-tertiary-contrast, #fff) !important;stroke:var(--lar-color-tertiary-contrast, #fff) !important}:host(.lar-color-success){background:var(--lar-color-success-shade, rgb(111.76, 161.92, 0)) !important;color:var(--lar-color-success-contrast, #fff) !important;fill:var(--lar-color-success-contrast, #fff) !important;stroke:var(--lar-color-success-contrast, #fff) !important}:host(.lar-color-warning){background:var(--lar-color-warning-shade, rgb(224.4, 158.4, 0)) !important;color:var(--lar-color-warning-contrast, #fff) !important;fill:var(--lar-color-warning-contrast, #fff) !important;stroke:var(--lar-color-warning-contrast, #fff) !important}:host(.lar-color-danger){background:var(--lar-color-danger-shade, rgb(216.48, 71.28, 25.52)) !important;color:var(--lar-color-danger-contrast, #fff) !important;fill:var(--lar-color-danger-contrast, #fff) !important;stroke:var(--lar-color-danger-contrast, #fff) !important}:host(.lar-color-light){background:var(--lar-color-light-shade, rgb(214.72, 215.6, 218.24)) !important;color:var(--lar-color-light-contrast, #000) !important;fill:var(--lar-color-light-contrast, #000) !important;stroke:var(--lar-color-light-contrast, #000) !important}:host(.lar-color-medium){background:var(--lar-color-medium-shade, rgb(188.32, 188.32, 188.32)) !important;color:var(--lar-color-medium-contrast, #000) !important;fill:var(--lar-color-medium-contrast, #000) !important;stroke:var(--lar-color-medium-contrast, #000) !important}:host(.lar-color-dark){background:var(--lar-color-dark-shade, rgb(29.92, 31.68, 35.2)) !important;color:var(--lar-color-dark-contrast, #fff) !important;fill:var(--lar-color-dark-contrast, #fff) !important;stroke:var(--lar-color-dark-contrast, #fff) !important}"; const ListItem = class { constructor(hostRef) { index.registerInstance(this, hostRef); /** * If `true`, the user cannot interact with the toggle. Defaults to `false`. */ this.disabled = false; } render() { return (index.h(index.Host, { key: '5bd601cdfcb6dd834f3689b5528c9160cba60be2', class: Object.assign(Object.assign({}, theme.createColorClasses(this.color)), { 'lar-item-disabled': this.disabled }) }, index.h("slot", { key: 'f3b77a0f320995998e7cd44db1b291fb6500a56f', name: "start" }), index.h("div", { key: '4d81c47a2d828323bc0dc1b11222d0e6b2812338', class: "item-inner" }, index.h("slot", { key: 'd526605465f170bca57f795665908fd0e0bd5786' })), index.h("slot", { key: 'ac85f67124330d6de6dd0a84f417489badf93feb', name: "end" }))); } get el() { return index.getElement(this); } }; ListItem.style = listItemCss; exports.lar_list_item = ListItem; //# sourceMappingURL=lar-list-item.entry.cjs.js.map