@mhmo91/schmancy 0.2.77 → 0.2.78

package/dist/list-CM7wxkp9.js

@@ -1,70 +0,0 @@
-import { c as m } from "./consume-fRVATvdE.js";
-import "rxjs";
-import { classMap as g } from "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as h } from "./tailwind.mixin-5DpBAFrV.js";
-import { S as v } from "./context-YZmnxxIi.js";
-import { html as u, css as b } from "lit";
-import { property as c, queryAssignedElements as f, customElement as y } from "lit/decorators.js";
-import { when as x } from "lit/directives/when.js";
-import { n as $, e as j } from "./provide-BLSgVvMJ.js";
-var w = Object.defineProperty, O = Object.getOwnPropertyDescriptor, a = (o, e, s, r) => {
-  for (var l, t = r > 1 ? void 0 : r ? O(e, s) : e, n = o.length - 1; n >= 0; n--) (l = o[n]) && (t = (r ? l(e, s, t) : l(t)) || t);
-  return r && t && w(e, s, t), t;
-};
-let i = class extends h() {
-  constructor() {
-    super(...arguments), this.selected = !1;
-  }
-  get imgClasses() {
-    return ["h-[24px]", "w-[24px]", "object-contain"];
-  }
-  firstUpdated() {
-    var o, e;
-    (o = this.leading) == null || o.forEach((s) => {
-      s.classList.add(...this.imgClasses);
-    }), (e = this.trailing) == null || e.forEach((s) => {
-      s.classList.add(...this.imgClasses);
-    });
-  }
-  render() {
-    const o = { "rounded-none": this.rounded === !1, "rounded-full": this.rounded, "relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden": !0, "bg-secondary-container text-secondery-onContainer": this.selected }, e = { "z-0 duration-500 transition-opacity": !0, "rounded-none": this.rounded === !1, "rounded-full": this.rounded, "hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ": !this.readonly };
-    return u` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(o)}>
-			${x(!this.readonly, () => u` <div class="${this.classMap(e)}"></div>`)}
-			<slot></slot>
-		</li>`;
-  }
-};
-a([m({ context: v, subscribe: !0 }), c()], i.prototype, "variant", 2), a([c({ type: Boolean })], i.prototype, "rounded", 2), a([c({ type: Boolean })], i.prototype, "readonly", 2), a([c({ type: Boolean })], i.prototype, "selected", 2), a([f({ slot: "leading", flatten: !0 })], i.prototype, "leading", 2), a([f({ slot: "trailing", flatten: !0 })], i.prototype, "trailing", 2), i = a([y("schmancy-list-item")], i);
-const B = $(void 0);
-var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, d = (o, e, s, r) => {
-  for (var l, t = r > 1 ? void 0 : r ? E(e, s) : e, n = o.length - 1; n >= 0; n--) (l = o[n]) && (t = (r ? l(e, s, t) : l(t)) || t);
-  return r && t && C(e, s, t), t;
-};
-let p = class extends h(b`
-	:host {
-		display: block;
-		padding-top: 8px;
-		padding-bottom: 8px;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.fill = "auto", this.scroller = !1;
-  }
-  render() {
-    const o = { "overflow-auto": this.scroller, relative: this.scroller, "contain-[size_layout]": this.scroller, "scroll-smooth": this.scroller };
-    return u`
-			<schmancy-surface .fill=${this.fill} type=${this.surface}>
-				<ul class="${g(o)}">
-					<slot></slot>
-				</ul>
-			</schmancy-surface>
-		`;
-  }
-};
-d([j({ context: B }), c()], p.prototype, "surface", 2), d([c({ type: String, reflect: !0 })], p.prototype, "fill", 2), d([c({ type: Boolean, reflect: !0 })], p.prototype, "scroller", 2), p = d([y("schmancy-list")], p);
-export {
-  p as L,
-  i as S
-};
-//# sourceMappingURL=list-CM7wxkp9.js.map

package/dist/list-CM7wxkp9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-CM7wxkp9.js","sources":["../src/list/list-item.ts","../src/list/context.ts","../src/list/list.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\nimport { classMap } from 'lit/directives/class-map.js' // Import classMap\n\n/**\n * @slot - The default slot.\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * The type of list.\n\t * @attr type\n\t * @type {SchmancyListType}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t@property({ type: Boolean, reflect: true })\n\tscroller: boolean = false // New property: 'scroller'\n\n\trender() {\n\t\tconst ulClasses = {\n\t\t\t'overflow-auto': this.scroller,\n\t\t\trelative: this.scroller,\n\t\t\t'contain-[size_layout]': this.scroller,\n\t\t\t//Add any classes, when the scroll is active, you can style this as a scroll\n\t\t\t'scroll-smooth': this.scroller,\n\t\t}\n\n\t\treturn html`\n\t\t\t<schmancy-surface .fill=${this.fill} type=${this.surface}>\n\t\t\t\t<ul class=\"${classMap(ulClasses)}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListItem","TailwindElement","constructor","super","arguments","this","selected","imgClasses","leading","forEach","img","classList","add","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","SchmancySurfaceTypeContext","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","SchmancyListTypeContext","createContext","List","css","fill","scroller","render","ulClasses","relative","surface","provide","String","reflect"],"mappings":"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"}