@loomui-ng/ui 0.0.0-stage → 0.1.0

package/fesm2022/loomui-ng-ui-scroll-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-scroll-area.mjs","names":[],"sources":["../../../libs/ui/scroll-area/scroll-area.ts","../../../libs/ui/scroll-area/scroll-area.manual.ts"],"sourcesContent":["// GENERATED by tools/gen-ui.mjs from docs/evidence/slots/scroll-area.json.\n// Change tools/ui-specs.mjs and regenerate; hand-written parts live in ./scroll-area.manual.ts.\nimport { Directive, computed, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\n\nexport const scrollAreaClass =\n  'relative w-96 whitespace-nowrap';\n\nexport const scrollAreaViewportClass =\n  'size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1';\n\nexport const UI_SCROLL_AREA_GENERATED = [] as const;\n","import { computed, Directive, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { scrollAreaClass, scrollAreaViewportClass } from './scroll-area';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\n/**\n * <div uiScrollArea class=\"h-72 w-48 rounded-md border\"><div uiScrollAreaViewport>…long content…</div></div>\n *\n * Deviation: Radix draws custom overlay scrollbars (`scroll-area-scrollbar` / `scroll-area-thumb`, mounted on demand and not\n * present in the captured idle DOM). This version scrolls natively and styles the native thin scrollbar instead.\n */\n@Directive({\n  selector: '[uiScrollArea], ui-scroll-area', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'scroll-area', '[attr.class]': 'classes()' },\n})\nexport class UiScrollArea {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(scrollAreaClass, this.userClass()));\n}\n\n@Directive({\n  selector: '[uiScrollAreaViewport], ui-scroll-area-viewport', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'scroll-area-viewport', tabindex: '0', '[attr.class]': 'classes()' },\n})\nexport class UiScrollAreaViewport {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() =>\n    cn(\n      scrollAreaViewportClass,\n      'overflow-auto [scrollbar-color:var(--border)_transparent] [scrollbar-width:thin]',\n      this.userClass(),\n    ),\n  );\n}\n\nexport const UI_SCROLL_AREA = [UiScrollArea, UiScrollAreaViewport] as const;\n"],"mappings":";;;;AAKA,MAAa,kBACX;AAEF,MAAa,0BACX;AAEF,MAAa,2BAA2B,CAAA;ACIxC,IAAa,eAAb,MAAa,aAAY;CACd,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAAe,GAAG,iBAAiB,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAFvE,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAZ,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAY,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,cAAA;GAAA,YAAA,EAAA,cAAA,YAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAAZ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EAJxB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAAkC,gBAAgB,CAAC,aAAa;GAC1E,MAAM;IAAE,aAAa;IAAe,gBAAgB;GAAW;EAChE,CAAA;;;;;;;;;;;AAUD,IAAa,uBAAb,MAAa,qBAAoB;CACtB,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAC3B,GACE,yBACA,oFACA,KAAK,UAAS,CAAE,GAEnB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CARU,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAoB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,aAAA;IAAA,YAAA;GAAA;GAAA,YAAA,EAAA,cAAA,YAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAApB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EAJhC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAAmD,gBAAgB,CAAC,aAAa;GAC3F,MAAM;IAAE,aAAa;IAAwB,UAAU;IAAK,gBAAgB;GAAW;EACxF,CAAA;;;;;;;;;;;AAYD,MAAa,iBAAiB,CAAC,cAAc,oBAAoB"}