@koobiq/components 17.3.0 → 17.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/_alert-theme.scss +16 -20
- package/alert/alert-tokens.scss +132 -0
- package/alert/alert.component.scss +11 -6
- package/autocomplete/_autocomplete-theme.scss +3 -5
- package/autocomplete/autocomplete-tokens.scss +16 -0
- package/autocomplete/autocomplete.scss +4 -0
- package/badge/_badge-theme.scss +22 -25
- package/badge/badge-tokens.scss +185 -0
- package/badge/badge.component.scss +5 -0
- package/button/_button-theme.scss +20 -29
- package/button/button-tokens.scss +278 -0
- package/button/button.scss +5 -0
- package/button-toggle/_button-toggle-theme.scss +16 -28
- package/button-toggle/button-toggle-tokens.scss +78 -0
- package/button-toggle/button-toggle.scss +7 -2
- package/checkbox/_checkbox-theme.scss +27 -58
- package/checkbox/checkbox-tokens.scss +140 -0
- package/checkbox/checkbox.scss +6 -4
- package/code-block/_code-block-theme.scss +212 -212
- package/core/highlight/_highlight-theme.scss +1 -1
- package/core/pop-up/pop-up-styles.d.ts +2 -2
- package/core/pop-up/pop-up-trigger.d.ts +8 -9
- package/core/pop-up/pop-up.d.ts +3 -3
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +12 -15
- package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss +140 -0
- package/core/selection/pseudo-checkbox/pseudo-checkbox.scss +3 -2
- package/core/styles/_koobiq-theme.scss +3 -42
- package/core/styles/theming/_theming.scss +1 -0
- package/datepicker/_datepicker-theme.scss +17 -43
- package/datepicker/calendar-header.component.d.ts +1 -0
- package/datepicker/calendar.scss +0 -3
- package/datepicker/datepicker-content.scss +5 -6
- package/datepicker/datepicker-tokens.scss +59 -0
- package/dropdown/_dropdown-theme.scss +15 -24
- package/dropdown/dropdown-tokens.scss +111 -0
- package/dropdown/dropdown.scss +5 -0
- package/ellipsis-center/ellipsis-center.directive.d.ts +2 -6
- package/esm2022/alert/alert.component.mjs +3 -3
- package/esm2022/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2022/badge/badge.component.mjs +3 -3
- package/esm2022/button/button.component.mjs +3 -3
- package/esm2022/button-toggle/button-toggle.component.mjs +3 -3
- package/esm2022/checkbox/checkbox.mjs +3 -3
- package/esm2022/core/common-behaviors/common-module.mjs +2 -2
- package/esm2022/core/pop-up/pop-up-styles.mjs +7 -9
- package/esm2022/core/pop-up/pop-up-trigger.mjs +13 -16
- package/esm2022/core/pop-up/pop-up.mjs +7 -6
- package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +3 -3
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-header.component.mjs +7 -3
- package/esm2022/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +12 -23
- package/esm2022/form-field/form-field.mjs +3 -3
- package/esm2022/form-field/hint.mjs +3 -3
- package/esm2022/form-field/password-hint.mjs +2 -2
- package/esm2022/form-field/password-toggle.mjs +10 -21
- package/esm2022/form-field/stepper.mjs +2 -2
- package/esm2022/icon/icon-button.component.mjs +3 -3
- package/esm2022/icon/icon-item.component.mjs +3 -3
- package/esm2022/icon/icon.component.mjs +3 -3
- package/esm2022/markdown/markdown.component.mjs +2 -2
- package/esm2022/modal/modal-ref.class.mjs +1 -1
- package/esm2022/modal/modal.component.mjs +1 -1
- package/esm2022/modal/modal.service.mjs +19 -13
- package/esm2022/modal/modal.type.mjs +1 -1
- package/esm2022/navbar/navbar-item.component.mjs +16 -30
- package/esm2022/popover/popover-confirm.component.mjs +13 -22
- package/esm2022/popover/popover.component.mjs +71 -34
- package/esm2022/popover/popover.module.mjs +6 -4
- package/esm2022/select/select-option.directive.mjs +7 -18
- package/esm2022/timezone/timezone-option.directive.mjs +7 -18
- package/esm2022/title/title.directive.mjs +7 -18
- package/esm2022/tooltip/tooltip.component.mjs +26 -45
- package/fesm2022/koobiq-components-alert.mjs +2 -2
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-autocomplete.mjs +2 -2
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +2 -2
- package/fesm2022/koobiq-components-badge.mjs.map +1 -1
- package/fesm2022/koobiq-components-button-toggle.mjs +2 -2
- package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +2 -2
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-checkbox.mjs +2 -2
- package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +29 -32
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +8 -4
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +2 -2
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-ellipsis-center.mjs +11 -19
- package/fesm2022/koobiq-components-ellipsis-center.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +27 -34
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-icon.mjs +6 -6
- package/fesm2022/koobiq-components-icon.mjs.map +1 -1
- package/fesm2022/koobiq-components-markdown.mjs +2 -2
- package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +18 -12
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +14 -26
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +86 -53
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +14 -20
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +10 -17
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-title.mjs +6 -14
- package/fesm2022/koobiq-components-title.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +25 -42
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/form-field/_form-field-theme.scss +21 -47
- package/form-field/_hint-theme.scss +13 -17
- package/form-field/form-field-tokens.scss +69 -0
- package/form-field/form-field.scss +4 -2
- package/form-field/hint-tokens.scss +60 -0
- package/form-field/hint.scss +5 -0
- package/form-field/password-toggle.d.ts +3 -6
- package/form-field/stepper.scss +4 -0
- package/icon/_icon-button-theme.scss +27 -65
- package/icon/_icon-item-theme.scss +14 -17
- package/icon/_icon-theme.scss +7 -12
- package/icon/icon-button-tokens.scss +67 -0
- package/icon/icon-button.scss +4 -0
- package/icon/icon-item-tokens.scss +52 -0
- package/icon/icon-item.scss +4 -0
- package/icon/icon-tokens.scss +17 -0
- package/icon/icon.scss +4 -0
- package/input/_input-theme.scss +1 -5
- package/input/input-tokens.scss +12 -0
- package/input/input.scss +4 -5
- package/link/_link-theme.scss +18 -26
- package/link/link-tokens.scss +67 -0
- package/markdown/markdown.scss +11 -6
- package/modal/modal-ref.class.d.ts +3 -3
- package/modal/modal.component.d.ts +2 -2
- package/modal/modal.service.d.ts +16 -11
- package/modal/modal.type.d.ts +9 -6
- package/navbar/_navbar-theme.scss +2 -2
- package/navbar/navbar-item.component.d.ts +5 -7
- package/package.json +13 -9
- package/popover/_popover-theme.scss +5 -0
- package/popover/popover-confirm.component.d.ts +3 -6
- package/popover/popover.component.d.ts +20 -9
- package/popover/popover.module.d.ts +3 -1
- package/popover/popover.scss +32 -0
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/schematics/ng-add/index.js +4 -4
- package/select/select-option.directive.d.ts +3 -6
- package/splitter/splitter.scss +3 -3
- package/table/_table-theme.scss +2 -2
- package/timezone/timezone-option.directive.d.ts +3 -6
- package/title/title.directive.d.ts +3 -6
- package/tooltip/tooltip.component.d.ts +8 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"koobiq-components-tooltip.mjs","sources":["../../../packages/components/tooltip/tooltip.animations.ts","../../../packages/components/tooltip/tooltip.component.ts","../../../packages/components/tooltip/tooltip.component.html","../../../packages/components/tooltip/tooltip.module.ts","../../../packages/components/tooltip/koobiq-components-tooltip.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, keyframes, state, style, transition, trigger } from '@angular/animations';\n\n/**\n * Animations used by KbqTooltip.\n * @docs-private\n */\nexport const kbqTooltipAnimations: {\n readonly tooltipState: AnimationTriggerMetadata;\n} = {\n /** Animation that transitions a tooltip in and out. */\n tooltipState: trigger('state', [\n state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0)' })),\n state('visible', style({ transform: 'scale(0.99)' })),\n transition(\n '* => visible',\n animate(\n '200ms cubic-bezier(0, 0, 0.2, 1)',\n keyframes([\n style({ opacity: 0, transform: 'scale(0)', offset: 0 }),\n style({ opacity: 0.5, transform: 'scale(0.9)', offset: 0.5 }),\n style({ opacity: 1, transform: 'scale(0.99)', offset: 1 })\n ])\n )\n ),\n transition('* => hidden', animate('100ms cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 0 })))\n ])\n};\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Overlay, OverlayConfig, ScrollDispatcher, ScrollStrategy } from '@angular/cdk/overlay';\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Directive,\n ElementRef,\n EventEmitter,\n Inject,\n InjectionToken,\n Injector,\n Input,\n NgZone,\n OnDestroy,\n Optional,\n Output,\n TemplateRef,\n Type,\n ViewChild,\n ViewContainerRef,\n ViewEncapsulation,\n booleanAttribute,\n numberAttribute,\n runInInjectionContext\n} from '@angular/core';\nimport {\n KbqComponentColors,\n KbqPopUp,\n KbqPopUpTrigger,\n POSITION_TO_CSS_MAP,\n PopUpPlacements,\n PopUpTriggers,\n applyPopupMargins\n} from '@koobiq/components/core';\nimport { EMPTY, merge } from 'rxjs';\nimport { kbqTooltipAnimations } from './tooltip.animations';\n\nexport enum TooltipModifier {\n Default = 'default',\n Warning = 'warning',\n Extended = 'extended'\n}\n\nexport const KBQ_TOOLTIP_OPEN_TIME = new InjectionToken<() => ScrollStrategy>('kbq-tooltip-open-time');\n\n/** @docs-private */\nexport const KBQ_TOOLTIP_OPEN_TIME_PROVIDER = {\n provide: KBQ_TOOLTIP_OPEN_TIME,\n useValue: { value: 0 }\n};\n\nexport const MIN_TIME_FOR_DELAY = 2000;\n\n@Component({\n selector: 'kbq-tooltip-component',\n templateUrl: './tooltip.component.html',\n styleUrls: ['./tooltip.scss'],\n animations: [kbqTooltipAnimations.tooltipState],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [KBQ_TOOLTIP_OPEN_TIME_PROVIDER]\n})\nexport class KbqTooltipComponent extends KbqPopUp {\n prefix = 'kbq-tooltip';\n\n @ViewChild('tooltip') elementRef: ElementRef;\n\n constructor(\n changeDetectorRef: ChangeDetectorRef,\n private injector: Injector,\n @Inject(KBQ_TOOLTIP_OPEN_TIME) private openTime\n ) {\n super(changeDetectorRef);\n }\n\n show(delay: number) {\n if (!this.content) {\n return;\n }\n\n super.show(Date.now() - this.openTime.value < MIN_TIME_FOR_DELAY ? 0 : delay);\n\n if (this.offset !== null) {\n runInInjectionContext(this.injector, () =>\n applyPopupMargins(this.elementRef, this.prefix, `${this.offset!.toString()}px`)\n );\n }\n\n this.openTime.value = Date.now();\n }\n\n updateClassMap(placement: string, customClass: string, { modifier }) {\n const classMap = {\n [`${this.prefix}_${modifier}`]: true\n };\n\n super.updateClassMap(placement, customClass, classMap);\n }\n}\n\nexport const KBQ_TOOLTIP_SCROLL_STRATEGY = new InjectionToken<() => ScrollStrategy>('kbq-tooltip-scroll-strategy');\n\n/** @docs-private */\nexport function kbqTooltipScrollStrategyFactory(overlay: Overlay): () => ScrollStrategy {\n return () => overlay.scrollStrategies.close();\n}\n\n/** @docs-private */\nexport const KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER = {\n provide: KBQ_TOOLTIP_SCROLL_STRATEGY,\n deps: [Overlay],\n useFactory: kbqTooltipScrollStrategyFactory\n};\n\n@Directive({\n selector: '[kbqTooltip]',\n exportAs: 'kbqTooltip',\n host: {\n '[class.kbq-tooltip_open]': 'isOpen',\n\n '(keydown)': 'handleKeydown($event)',\n '(touchend)': 'handleTouchend()'\n }\n})\nexport class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipComponent> implements OnDestroy {\n @Input('kbqVisible')\n get tooltipVisible(): boolean {\n return this.visible;\n }\n\n set tooltipVisible(value: boolean) {\n super.updateVisible(value);\n }\n\n @Input('kbqPlacement')\n get tooltipPlacement(): PopUpPlacements {\n return this.placement;\n }\n\n set tooltipPlacement(value: PopUpPlacements) {\n super.updatePlacement(value);\n }\n\n @Input('kbqPlacementPriority')\n get tooltipPlacementPriority() {\n return this.placementPriority;\n }\n\n set tooltipPlacementPriority(value) {\n super.updatePlacementPriority(value);\n }\n\n @Input('kbqTooltip')\n get content(): string | TemplateRef<any> {\n return this._content;\n }\n\n set content(content: string | TemplateRef<any>) {\n this._content = content;\n\n this.updateData();\n }\n\n @Input('kbqTooltipDisabled')\n get disabled(): boolean {\n return this._disabled;\n }\n\n set disabled(value) {\n this._disabled = coerceBooleanProperty(value);\n\n if (this._disabled) {\n this.hide();\n }\n }\n\n @Input('kbqEnterDelay') enterDelay = 400;\n @Input('kbqLeaveDelay') leaveDelay = 0;\n\n @Input('kbqTrigger')\n get trigger(): string {\n return this._trigger;\n }\n\n set trigger(value: string) {\n if (value) {\n this._trigger = value;\n } else {\n this._trigger = `${PopUpTriggers.Hover}, ${PopUpTriggers.Focus}`;\n }\n\n this.initListeners();\n }\n\n protected _trigger = `${PopUpTriggers.Hover}, ${PopUpTriggers.Focus}`;\n\n @Input('kbqTooltipClass')\n get customClass(): string {\n return this._customClass || '';\n }\n\n set customClass(value: string) {\n if (value) {\n this._customClass = value;\n\n this.updateClassMap();\n } else {\n this._customClass = '';\n }\n }\n\n @Input('kbqTooltipContext')\n get context() {\n return this._context;\n }\n\n set context(ctx) {\n this._context = ctx;\n this.updateData();\n }\n\n private _context: any = null;\n\n @Input('kbqTooltipColor')\n get color(): string {\n return `kbq-${this._color}`;\n }\n\n set color(value: KbqComponentColors | string) {\n this._color = value || KbqComponentColors.Contrast;\n }\n\n private _color: KbqComponentColors | string = KbqComponentColors.Contrast;\n\n @Input({ alias: 'kbqTooltipArrow', transform: booleanAttribute }) arrow: boolean = true;\n @Input({ alias: 'kbqTooltipOffset', transform: numberAttribute }) offset: number | null = null;\n\n @Output('kbqPlacementChange') placementChange = new EventEmitter();\n\n @Output('kbqVisibleChange') visibleChange = new EventEmitter<boolean>();\n\n private get hasClickInTrigger(): boolean {\n return this.trigger.includes(PopUpTriggers.Click);\n }\n\n protected originSelector = '.kbq-tooltip';\n\n protected overlayConfig: OverlayConfig = {\n panelClass: 'kbq-tooltip-panel'\n };\n\n protected modifier: TooltipModifier = TooltipModifier.Default;\n\n constructor(\n overlay: Overlay,\n elementRef: ElementRef,\n ngZone: NgZone,\n scrollDispatcher: ScrollDispatcher,\n hostView: ViewContainerRef,\n @Inject(KBQ_TOOLTIP_SCROLL_STRATEGY) scrollStrategy,\n @Optional() direction: Directionality,\n protected focusMonitor: FocusMonitor\n ) {\n super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);\n\n this.focusMonitor.monitor(this.elementRef.nativeElement);\n }\n\n ngOnDestroy() {\n this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);\n\n super.ngOnDestroy();\n }\n\n show(delay: number = this.enterDelay) {\n if (this.triggerName === 'focus' && this.focusMonitor['_lastFocusOrigin'] !== 'keyboard') {\n return;\n }\n\n super.show(delay);\n }\n\n updateData() {\n if (!this.instance) {\n return;\n }\n\n this.instance.content = this.content;\n this.instance.context = this.context && { $implicit: this.context };\n this.instance.arrow = this.arrow;\n this.instance.offset = this.offset;\n this.instance.detectChanges();\n }\n\n closingActions() {\n return merge(\n this.hasClickInTrigger ? this.overlayRef!.outsidePointerEvents() : EMPTY,\n this.overlayRef!.detachments()\n );\n }\n\n getOverlayHandleComponentType(): Type<KbqTooltipComponent> {\n return KbqTooltipComponent;\n }\n\n updateClassMap(newPlacement: string = this.placement) {\n if (!this.instance) {\n return;\n }\n\n this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], `${this.customClass} ${this.color}`, {\n modifier: this.modifier\n });\n this.instance.markForCheck();\n }\n}\n\n@Directive({\n selector: '[kbqWarningTooltip]',\n exportAs: 'kbqWarningTooltip',\n host: {\n '[class.kbq-tooltip_open]': 'isOpen',\n\n '(keydown)': 'handleKeydown($event)',\n '(touchend)': 'handleTouchend()'\n }\n})\nexport class KbqWarningTooltipTrigger extends KbqTooltipTrigger {\n @Input('kbqWarningTooltip')\n get content(): string | TemplateRef<any> {\n return this._content;\n }\n\n set content(content: string | TemplateRef<any>) {\n this._content = content;\n\n this.updateData();\n }\n\n protected modifier: TooltipModifier = TooltipModifier.Warning;\n\n constructor(\n overlay: Overlay,\n elementRef: ElementRef,\n ngZone: NgZone,\n scrollDispatcher: ScrollDispatcher,\n hostView: ViewContainerRef,\n @Inject(KBQ_TOOLTIP_SCROLL_STRATEGY) scrollStrategy,\n @Optional() direction: Directionality,\n focusMonitor: FocusMonitor\n ) {\n super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, focusMonitor);\n }\n}\n\n@Directive({\n selector: '[kbqExtendedTooltip]',\n exportAs: 'kbqExtendedTooltip',\n host: {\n '[class.kbq-tooltip_open]': 'isOpen',\n\n '(keydown)': 'handleKeydown($event)',\n '(touchend)': 'handleTouchend()'\n }\n})\nexport class KbqExtendedTooltipTrigger extends KbqTooltipTrigger {\n @Input('kbqExtendedTooltip')\n get content(): string | TemplateRef<any> {\n return this._content;\n }\n\n set content(content: string | TemplateRef<any>) {\n this._content = content;\n\n this.updateData();\n }\n\n @Input('kbqTooltipHeader')\n get header(): string | TemplateRef<any> {\n return this._header;\n }\n\n set header(header: string | TemplateRef<any>) {\n this._header = header;\n\n this.updateData();\n }\n\n private _header: string | TemplateRef<any>;\n\n protected modifier: TooltipModifier = TooltipModifier.Extended;\n\n constructor(\n overlay: Overlay,\n elementRef: ElementRef,\n ngZone: NgZone,\n scrollDispatcher: ScrollDispatcher,\n hostView: ViewContainerRef,\n @Inject(KBQ_TOOLTIP_SCROLL_STRATEGY) scrollStrategy,\n @Optional() direction: Directionality,\n focusMonitor: FocusMonitor\n ) {\n super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, focusMonitor);\n }\n\n updateData() {\n if (!this.instance) {\n return;\n }\n\n super.updateData();\n this.instance.header = this.header;\n }\n}\n","<div\n #tooltip\n class=\"kbq-tooltip\"\n [class.kbq-tooltip_arrowless]=\"!arrow\"\n [ngClass]=\"classMap\"\n (@state.done)=\"animationDone($event)\"\n (@state.start)=\"animationStart()\"\n [@state]=\"visibility\"\n>\n <div class=\"kbq-tooltip__inner\">\n <div\n *ngIf=\"arrow\"\n class=\"kbq-tooltip__arrow\"\n ></div>\n\n <div\n *ngIf=\"header\"\n class=\"kbq-tooltip__header\"\n >\n <ng-container\n *ngIf=\"isTemplateRef(header)\"\n [ngTemplateOutlet]=\"$any(header)\"\n [ngTemplateOutletContext]=\"context\"\n />\n <ng-container *ngIf=\"!isTemplateRef(header)\">\n <div>{{ header }}</div>\n </ng-container>\n </div>\n <div class=\"kbq-tooltip__content\">\n <ng-container\n *ngIf=\"isTemplateRef(content)\"\n [ngTemplateOutlet]=\"$any(content)\"\n [ngTemplateOutletContext]=\"context\"\n />\n <ng-container *ngIf=\"!isTemplateRef(content)\">\n <div>{{ content }}</div>\n </ng-container>\n </div>\n </div>\n</div>\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport {\n KBQ_TOOLTIP_OPEN_TIME_PROVIDER,\n KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,\n KbqExtendedTooltipTrigger,\n KbqTooltipComponent,\n KbqTooltipTrigger,\n KbqWarningTooltipTrigger\n} from './tooltip.component';\n\n@NgModule({\n declarations: [\n KbqTooltipComponent,\n KbqTooltipTrigger,\n KbqExtendedTooltipTrigger,\n KbqWarningTooltipTrigger\n ],\n exports: [\n KbqTooltipComponent,\n KbqTooltipTrigger,\n KbqExtendedTooltipTrigger,\n KbqWarningTooltipTrigger\n ],\n imports: [CommonModule, OverlayModule],\n providers: [\n KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,\n KBQ_TOOLTIP_OPEN_TIME_PROVIDER\n ]\n})\nexport class KbqToolTipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"koobiq-components-tooltip.mjs","sources":["../../../packages/components/tooltip/tooltip.animations.ts","../../../packages/components/tooltip/tooltip.component.ts","../../../packages/components/tooltip/tooltip.component.html","../../../packages/components/tooltip/tooltip.module.ts","../../../packages/components/tooltip/koobiq-components-tooltip.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, keyframes, state, style, transition, trigger } from '@angular/animations';\n\n/**\n * Animations used by KbqTooltip.\n * @docs-private\n */\nexport const kbqTooltipAnimations: {\n readonly tooltipState: AnimationTriggerMetadata;\n} = {\n /** Animation that transitions a tooltip in and out. */\n tooltipState: trigger('state', [\n state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0)' })),\n state('visible', style({ transform: 'scale(0.99)' })),\n transition(\n '* => visible',\n animate(\n '200ms cubic-bezier(0, 0, 0.2, 1)',\n keyframes([\n style({ opacity: 0, transform: 'scale(0)', offset: 0 }),\n style({ opacity: 0.5, transform: 'scale(0.9)', offset: 0.5 }),\n style({ opacity: 1, transform: 'scale(0.99)', offset: 1 })\n ])\n )\n ),\n transition('* => hidden', animate('100ms cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 0 })))\n ])\n};\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Overlay, OverlayConfig, ScrollStrategy } from '@angular/cdk/overlay';\nimport {\n ChangeDetectionStrategy,\n Component,\n Directive,\n ElementRef,\n EventEmitter,\n Inject,\n InjectionToken,\n Input,\n OnDestroy,\n Output,\n TemplateRef,\n Type,\n ViewChild,\n ViewEncapsulation,\n booleanAttribute,\n inject,\n numberAttribute\n} from '@angular/core';\nimport {\n KbqComponentColors,\n KbqPopUp,\n KbqPopUpTrigger,\n POSITION_TO_CSS_MAP,\n PopUpPlacements,\n PopUpTriggers,\n applyPopupMargins\n} from '@koobiq/components/core';\nimport { EMPTY, merge } from 'rxjs';\nimport { kbqTooltipAnimations } from './tooltip.animations';\n\nexport enum TooltipModifier {\n Default = 'default',\n Warning = 'warning',\n Extended = 'extended'\n}\n\nexport const KBQ_TOOLTIP_OPEN_TIME = new InjectionToken<() => ScrollStrategy>('kbq-tooltip-open-time');\n\n/** @docs-private */\nexport const KBQ_TOOLTIP_OPEN_TIME_PROVIDER = {\n provide: KBQ_TOOLTIP_OPEN_TIME,\n useValue: { value: 0 }\n};\n\nexport const MIN_TIME_FOR_DELAY = 2000;\n\n@Component({\n selector: 'kbq-tooltip-component',\n templateUrl: './tooltip.component.html',\n styleUrls: ['./tooltip.scss'],\n animations: [kbqTooltipAnimations.tooltipState],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [KBQ_TOOLTIP_OPEN_TIME_PROVIDER]\n})\nexport class KbqTooltipComponent extends KbqPopUp {\n prefix = 'kbq-tooltip';\n\n @ViewChild('tooltip') elementRef: ElementRef;\n\n constructor(@Inject(KBQ_TOOLTIP_OPEN_TIME) private openTime) {\n super();\n }\n\n show(delay: number) {\n if (!this.content) {\n return;\n }\n\n super.show(Date.now() - this.openTime.value < MIN_TIME_FOR_DELAY ? 0 : delay);\n\n if (this.offset !== null) {\n applyPopupMargins(\n this.renderer,\n this.elementRef.nativeElement,\n this.prefix,\n `${this.offset!.toString()}px`\n );\n }\n\n this.openTime.value = Date.now();\n }\n\n updateClassMap(placement: string, customClass: string, { modifier }) {\n const classMap = {\n [`${this.prefix}_${modifier}`]: true\n };\n\n super.updateClassMap(placement, customClass, classMap);\n }\n}\n\nexport const KBQ_TOOLTIP_SCROLL_STRATEGY = new InjectionToken<() => ScrollStrategy>('kbq-tooltip-scroll-strategy');\n\n/** @docs-private */\nexport function kbqTooltipScrollStrategyFactory(overlay: Overlay): () => ScrollStrategy {\n return () => overlay.scrollStrategies.close();\n}\n\n/** @docs-private */\nexport const KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER = {\n provide: KBQ_TOOLTIP_SCROLL_STRATEGY,\n deps: [Overlay],\n useFactory: kbqTooltipScrollStrategyFactory\n};\n\n@Directive({\n selector: '[kbqTooltip]',\n exportAs: 'kbqTooltip',\n host: {\n '[class.kbq-tooltip_open]': 'isOpen',\n\n '(keydown)': 'handleKeydown($event)',\n '(touchend)': 'handleTouchend()'\n }\n})\nexport class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipComponent> implements OnDestroy {\n protected scrollStrategy: () => ScrollStrategy = inject(KBQ_TOOLTIP_SCROLL_STRATEGY);\n protected focusMonitor: FocusMonitor = inject(FocusMonitor);\n\n @Input('kbqVisible')\n get tooltipVisible(): boolean {\n return this.visible;\n }\n\n set tooltipVisible(value: boolean) {\n super.updateVisible(value);\n }\n\n @Input('kbqPlacement')\n get tooltipPlacement(): PopUpPlacements {\n return this.placement;\n }\n\n set tooltipPlacement(value: PopUpPlacements) {\n super.updatePlacement(value);\n }\n\n @Input('kbqPlacementPriority')\n get tooltipPlacementPriority() {\n return this.placementPriority;\n }\n\n set tooltipPlacementPriority(value) {\n super.updatePlacementPriority(value);\n }\n\n @Input('kbqTooltip')\n get content(): string | TemplateRef<any> {\n return this._content;\n }\n\n set content(content: string | TemplateRef<any>) {\n this._content = content;\n\n this.updateData();\n }\n\n @Input('kbqTooltipDisabled')\n get disabled(): boolean {\n return this._disabled;\n }\n\n set disabled(value) {\n this._disabled = coerceBooleanProperty(value);\n\n if (this._disabled) {\n this.hide();\n }\n }\n\n @Input('kbqEnterDelay') enterDelay = 400;\n @Input('kbqLeaveDelay') leaveDelay = 0;\n\n @Input('kbqTrigger')\n get trigger(): string {\n return this._trigger;\n }\n\n set trigger(value: string) {\n if (value) {\n this._trigger = value;\n } else {\n this._trigger = `${PopUpTriggers.Hover}, ${PopUpTriggers.Focus}`;\n }\n\n this.initListeners();\n }\n\n protected _trigger = `${PopUpTriggers.Hover}, ${PopUpTriggers.Focus}`;\n\n @Input('kbqTooltipClass')\n get customClass(): string {\n return this._customClass || '';\n }\n\n set customClass(value: string) {\n if (value) {\n this._customClass = value;\n\n this.updateClassMap();\n } else {\n this._customClass = '';\n }\n }\n\n @Input('kbqTooltipContext')\n get context() {\n return this._context;\n }\n\n set context(ctx) {\n this._context = ctx;\n this.updateData();\n }\n\n private _context: any = null;\n\n @Input('kbqTooltipColor')\n get color(): string {\n return `kbq-${this._color}`;\n }\n\n set color(value: KbqComponentColors | string) {\n this._color = value || KbqComponentColors.Contrast;\n }\n\n private _color: KbqComponentColors | string = KbqComponentColors.Contrast;\n\n @Input({ alias: 'kbqTooltipArrow', transform: booleanAttribute }) arrow: boolean = true;\n @Input({ alias: 'kbqTooltipOffset', transform: numberAttribute }) offset: number | null = null;\n\n @Output('kbqPlacementChange') placementChange = new EventEmitter();\n\n @Output('kbqVisibleChange') visibleChange = new EventEmitter<boolean>();\n\n private get hasClickInTrigger(): boolean {\n return this.trigger.includes(PopUpTriggers.Click);\n }\n\n protected originSelector = '.kbq-tooltip';\n\n protected overlayConfig: OverlayConfig = {\n panelClass: 'kbq-tooltip-panel'\n };\n\n protected modifier: TooltipModifier = TooltipModifier.Default;\n\n constructor() {\n super();\n\n this.focusMonitor.monitor(this.elementRef.nativeElement);\n }\n\n ngOnDestroy() {\n this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);\n\n super.ngOnDestroy();\n }\n\n show(delay: number = this.enterDelay) {\n if (this.triggerName === 'focus' && this.focusMonitor['_lastFocusOrigin'] !== 'keyboard') {\n return;\n }\n\n super.show(delay);\n }\n\n updateData() {\n if (!this.instance) {\n return;\n }\n\n this.instance.content = this.content;\n this.instance.context = this.context && { $implicit: this.context };\n this.instance.arrow = this.arrow;\n this.instance.offset = this.offset;\n this.instance.detectChanges();\n }\n\n closingActions() {\n return merge(\n this.hasClickInTrigger ? this.overlayRef!.outsidePointerEvents() : EMPTY,\n this.overlayRef!.detachments()\n );\n }\n\n getOverlayHandleComponentType(): Type<KbqTooltipComponent> {\n return KbqTooltipComponent;\n }\n\n updateClassMap(newPlacement: string = this.placement) {\n if (!this.instance) {\n return;\n }\n\n this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], `${this.customClass} ${this.color}`, {\n modifier: this.modifier\n });\n this.instance.markForCheck();\n }\n}\n\n@Directive({\n selector: '[kbqWarningTooltip]',\n exportAs: 'kbqWarningTooltip',\n host: {\n '[class.kbq-tooltip_open]': 'isOpen',\n\n '(keydown)': 'handleKeydown($event)',\n '(touchend)': 'handleTouchend()'\n }\n})\nexport class KbqWarningTooltipTrigger extends KbqTooltipTrigger {\n @Input('kbqWarningTooltip')\n get content(): string | TemplateRef<any> {\n return this._content;\n }\n\n set content(content: string | TemplateRef<any>) {\n this._content = content;\n\n this.updateData();\n }\n\n protected modifier: TooltipModifier = TooltipModifier.Warning;\n}\n\n@Directive({\n selector: '[kbqExtendedTooltip]',\n exportAs: 'kbqExtendedTooltip',\n host: {\n '[class.kbq-tooltip_open]': 'isOpen',\n\n '(keydown)': 'handleKeydown($event)',\n '(touchend)': 'handleTouchend()'\n }\n})\nexport class KbqExtendedTooltipTrigger extends KbqTooltipTrigger {\n @Input('kbqExtendedTooltip')\n get content(): string | TemplateRef<any> {\n return this._content;\n }\n\n set content(content: string | TemplateRef<any>) {\n this._content = content;\n\n this.updateData();\n }\n\n @Input('kbqTooltipHeader')\n get header(): string | TemplateRef<any> {\n return this._header;\n }\n\n set header(header: string | TemplateRef<any>) {\n this._header = header;\n\n this.updateData();\n }\n\n private _header: string | TemplateRef<any>;\n\n protected modifier: TooltipModifier = TooltipModifier.Extended;\n\n updateData() {\n if (!this.instance) {\n return;\n }\n\n super.updateData();\n this.instance.header = this.header;\n }\n}\n","<div\n #tooltip\n class=\"kbq-tooltip\"\n [class.kbq-tooltip_arrowless]=\"!arrow\"\n [ngClass]=\"classMap\"\n (@state.done)=\"animationDone($event)\"\n (@state.start)=\"animationStart()\"\n [@state]=\"visibility\"\n>\n <div class=\"kbq-tooltip__inner\">\n <div\n *ngIf=\"arrow\"\n class=\"kbq-tooltip__arrow\"\n ></div>\n\n <div\n *ngIf=\"header\"\n class=\"kbq-tooltip__header\"\n >\n <ng-container\n *ngIf=\"isTemplateRef(header)\"\n [ngTemplateOutlet]=\"$any(header)\"\n [ngTemplateOutletContext]=\"context\"\n />\n <ng-container *ngIf=\"!isTemplateRef(header)\">\n <div>{{ header }}</div>\n </ng-container>\n </div>\n <div class=\"kbq-tooltip__content\">\n <ng-container\n *ngIf=\"isTemplateRef(content)\"\n [ngTemplateOutlet]=\"$any(content)\"\n [ngTemplateOutletContext]=\"context\"\n />\n <ng-container *ngIf=\"!isTemplateRef(content)\">\n <div>{{ content }}</div>\n </ng-container>\n </div>\n </div>\n</div>\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport {\n KBQ_TOOLTIP_OPEN_TIME_PROVIDER,\n KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,\n KbqExtendedTooltipTrigger,\n KbqTooltipComponent,\n KbqTooltipTrigger,\n KbqWarningTooltipTrigger\n} from './tooltip.component';\n\n@NgModule({\n declarations: [\n KbqTooltipComponent,\n KbqTooltipTrigger,\n KbqExtendedTooltipTrigger,\n KbqWarningTooltipTrigger\n ],\n exports: [\n KbqTooltipComponent,\n KbqTooltipTrigger,\n KbqExtendedTooltipTrigger,\n KbqWarningTooltipTrigger\n ],\n imports: [CommonModule, OverlayModule],\n providers: [\n KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,\n KBQ_TOOLTIP_OPEN_TIME_PROVIDER\n ]\n})\nexport class KbqToolTipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -5,107 +5,81 @@
|
|
|
5
5
|
@use '../core/styles/typography/typography-utils' as *;
|
|
6
6
|
@use '../core/styles/common/tokens' as *;
|
|
7
7
|
|
|
8
|
-
@mixin kbq-form-field-state($
|
|
9
|
-
$state: map.get($component, $state-name);
|
|
10
|
-
|
|
8
|
+
@mixin kbq-form-field-state($state-name) {
|
|
11
9
|
.kbq-form-field__container {
|
|
12
|
-
border-color: kbq-css-variable(form-field-#{$state-name}-border-color
|
|
13
|
-
background-color: kbq-css-variable(form-field-#{$state-name}-background
|
|
10
|
+
border-color: kbq-css-variable(form-field-#{$state-name}-border-color);
|
|
11
|
+
background-color: kbq-css-variable(form-field-#{$state-name}-background);
|
|
14
12
|
}
|
|
15
13
|
|
|
16
14
|
.kbq-input,
|
|
17
15
|
.kbq-tag-input,
|
|
18
16
|
.kbq-textarea {
|
|
19
|
-
color: kbq-css-variable(form-field-#{$state-name}-text
|
|
17
|
+
color: kbq-css-variable(form-field-#{$state-name}-text);
|
|
20
18
|
|
|
21
19
|
&::placeholder {
|
|
22
|
-
color: kbq-css-variable(form-field-#{$state-name}-placeholder
|
|
20
|
+
color: kbq-css-variable(form-field-#{$state-name}-placeholder);
|
|
23
21
|
}
|
|
24
22
|
|
|
25
23
|
&::-ms-input-placeholder {
|
|
26
|
-
color: kbq-css-variable(form-field-#{$state-name}-placeholder
|
|
24
|
+
color: kbq-css-variable(form-field-#{$state-name}-placeholder);
|
|
27
25
|
}
|
|
28
26
|
|
|
29
27
|
&::-webkit-input-placeholder {
|
|
30
|
-
color: kbq-css-variable(form-field-#{$state-name}-placeholder
|
|
28
|
+
color: kbq-css-variable(form-field-#{$state-name}-placeholder);
|
|
31
29
|
}
|
|
32
30
|
}
|
|
33
31
|
}
|
|
34
32
|
|
|
35
|
-
@mixin kbq-form-field-theme(
|
|
33
|
+
@mixin kbq-form-field-theme() {
|
|
36
34
|
.kbq-form-field {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
@include kbq-form-field-state($form-field, default);
|
|
35
|
+
@include kbq-form-field-state(default);
|
|
40
36
|
|
|
41
37
|
& .kbq-input {
|
|
42
38
|
//https://css-tricks.com/almanac/selectors/a/autofill/
|
|
43
39
|
&:-webkit-autofill,
|
|
44
40
|
&:-webkit-autofill:hover,
|
|
45
41
|
&:-webkit-autofill:focus {
|
|
46
|
-
-webkit-box-shadow: 0 0 0 40rem
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
map.get($form-field, states-autofill, background)
|
|
50
|
-
)
|
|
51
|
-
inset;
|
|
52
|
-
-webkit-text-fill-color: kbq-css-variable(
|
|
53
|
-
form-field-states-autofill-text,
|
|
54
|
-
map.get($form-field, states-autofill, text)
|
|
55
|
-
);
|
|
56
|
-
caret-color: kbq-css-variable(
|
|
57
|
-
form-field-states-autofill-text,
|
|
58
|
-
map.get($form-field, states-autofill, text)
|
|
59
|
-
);
|
|
42
|
+
-webkit-box-shadow: inset 0 0 0 40rem kbq-css-variable(form-field-states-autofill-background);
|
|
43
|
+
-webkit-text-fill-color: kbq-css-variable(form-field-states-autofill-text);
|
|
44
|
+
caret-color: kbq-css-variable(form-field-states-autofill-text);
|
|
60
45
|
}
|
|
61
46
|
}
|
|
62
47
|
|
|
63
48
|
&.cdk-focused {
|
|
64
|
-
@include kbq-form-field-state(
|
|
49
|
+
@include kbq-form-field-state(states-focused);
|
|
65
50
|
|
|
66
51
|
& .kbq-form-field__container {
|
|
67
|
-
box-shadow: 0 0 0.1px 1px
|
|
68
|
-
kbq-css-variable(
|
|
69
|
-
form-field-states-focused-focus-outline,
|
|
70
|
-
map.get($form-field, states-focused, focus-outline)
|
|
71
|
-
);
|
|
52
|
+
box-shadow: 0 0 0.1px 1px kbq-css-variable(form-field-states-focused-focus-outline);
|
|
72
53
|
}
|
|
73
54
|
}
|
|
74
55
|
|
|
75
56
|
&.kbq-form-field_invalid,
|
|
76
57
|
&.ng-invalid {
|
|
77
|
-
@include kbq-form-field-state(
|
|
58
|
+
@include kbq-form-field-state(states-error);
|
|
78
59
|
|
|
79
60
|
&.cdk-focused .kbq-form-field__container {
|
|
80
|
-
box-shadow: 0 0 0.1px 1px
|
|
81
|
-
kbq-css-variable(
|
|
82
|
-
form-field-states-error-focused-focus-outline,
|
|
83
|
-
map.get($form-field, states-error, focus-outline)
|
|
84
|
-
);
|
|
61
|
+
box-shadow: 0 0 0.1px 1px kbq-css-variable(form-field-states-error-focused-focus-outline);
|
|
85
62
|
}
|
|
86
63
|
}
|
|
87
64
|
|
|
88
65
|
&.kbq-disabled {
|
|
89
|
-
@include kbq-form-field-state(
|
|
66
|
+
@include kbq-form-field-state(states-disabled);
|
|
90
67
|
|
|
91
68
|
.kbq-icon {
|
|
92
|
-
color: kbq-css-variable(form-field-states-disabled-text
|
|
93
|
-
-webkit-text-fill-color: kbq-css-variable(
|
|
94
|
-
form-field-states-disabled-text,
|
|
95
|
-
map.get($form-field, states-disabled, text)
|
|
96
|
-
);
|
|
69
|
+
color: kbq-css-variable(form-field-states-disabled-text);
|
|
70
|
+
-webkit-text-fill-color: kbq-css-variable(form-field-states-disabled-text);
|
|
97
71
|
}
|
|
98
72
|
}
|
|
99
73
|
}
|
|
100
74
|
|
|
101
75
|
.kbq-form-field__hint {
|
|
102
76
|
& > .kbq-hint:not(.kbq-password-hint, .kbq-contrast-fade, .kbq-success, .kbq-warning, .kbq-error) {
|
|
103
|
-
color: kbq-css-variable(form-field-hint-text
|
|
77
|
+
color: kbq-css-variable(form-field-hint-text);
|
|
104
78
|
}
|
|
105
79
|
}
|
|
106
80
|
}
|
|
107
81
|
|
|
108
|
-
@mixin kbq-form-field-typography(
|
|
82
|
+
@mixin kbq-form-field-typography() {
|
|
109
83
|
.kbq-form-field {
|
|
110
84
|
@include kbq-typography-css-variables(form-field, text);
|
|
111
85
|
}
|
|
@@ -5,57 +5,53 @@
|
|
|
5
5
|
@use '../core/styles/typography/typography-utils' as *;
|
|
6
6
|
@use '../core/styles/common/tokens' as *;
|
|
7
7
|
|
|
8
|
-
@mixin kbq-hint-color($
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
color: kbq-css-variable(hint-#{$type}-#{$style-name}-text, map.get($style, text));
|
|
8
|
+
@mixin kbq-hint-color($type, $style-name) {
|
|
9
|
+
color: kbq-css-variable(hint-#{$type}-#{$style-name}-text);
|
|
12
10
|
|
|
13
11
|
& .kbq-icon {
|
|
14
|
-
color: kbq-css-variable(hint-#{$type}-#{$style-name}-icon
|
|
12
|
+
color: kbq-css-variable(hint-#{$type}-#{$style-name}-icon) !important;
|
|
15
13
|
}
|
|
16
14
|
}
|
|
17
15
|
|
|
18
|
-
@mixin kbq-hint-theme(
|
|
19
|
-
$hint: map.get(map.get($theme, components), hint);
|
|
20
|
-
|
|
16
|
+
@mixin kbq-hint-theme() {
|
|
21
17
|
.kbq-hint {
|
|
22
18
|
&.kbq-contrast-fade {
|
|
23
|
-
@include kbq-hint-color(
|
|
19
|
+
@include kbq-hint-color(fill-text-on, fade-contrast);
|
|
24
20
|
}
|
|
25
21
|
|
|
26
22
|
&.kbq-success {
|
|
27
|
-
@include kbq-hint-color(
|
|
23
|
+
@include kbq-hint-color(fill-text-on, success);
|
|
28
24
|
}
|
|
29
25
|
|
|
30
26
|
&.kbq-warning {
|
|
31
|
-
@include kbq-hint-color(
|
|
27
|
+
@include kbq-hint-color(fill-text-on, warning);
|
|
32
28
|
}
|
|
33
29
|
|
|
34
30
|
&.kbq-error {
|
|
35
|
-
@include kbq-hint-color(
|
|
31
|
+
@include kbq-hint-color(fill-text-on, error);
|
|
36
32
|
}
|
|
37
33
|
}
|
|
38
34
|
|
|
39
35
|
.kbq-hint.kbq-hint_fill-text-off {
|
|
40
36
|
&.kbq-contrast-fade {
|
|
41
|
-
@include kbq-hint-color(
|
|
37
|
+
@include kbq-hint-color(fill-text-off, fade-contrast);
|
|
42
38
|
}
|
|
43
39
|
|
|
44
40
|
&.kbq-success {
|
|
45
|
-
@include kbq-hint-color(
|
|
41
|
+
@include kbq-hint-color(fill-text-off, success);
|
|
46
42
|
}
|
|
47
43
|
|
|
48
44
|
&.kbq-warning {
|
|
49
|
-
@include kbq-hint-color(
|
|
45
|
+
@include kbq-hint-color(fill-text-off, warning);
|
|
50
46
|
}
|
|
51
47
|
|
|
52
48
|
&.kbq-error {
|
|
53
|
-
@include kbq-hint-color(
|
|
49
|
+
@include kbq-hint-color(fill-text-off, error);
|
|
54
50
|
}
|
|
55
51
|
}
|
|
56
52
|
}
|
|
57
53
|
|
|
58
|
-
@mixin kbq-hint-typography(
|
|
54
|
+
@mixin kbq-hint-typography() {
|
|
59
55
|
.kbq-hint .kbq-hint__text {
|
|
60
56
|
@include kbq-typography-css-variables(hint, normal-text);
|
|
61
57
|
}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
.kbq-form-field {
|
|
2
|
+
--kbq-form-field-size-height: 32px;
|
|
3
|
+
--kbq-form-field-size-border-width: 1px;
|
|
4
|
+
--kbq-form-field-size-border-radius: 8px;
|
|
5
|
+
--kbq-form-field-size-icon-size: 16px;
|
|
6
|
+
--kbq-form-field-size-icon-margin-left: 8px;
|
|
7
|
+
--kbq-form-field-size-icon-margin-right: 8px;
|
|
8
|
+
--kbq-form-field-size-icon-button-size: 24px;
|
|
9
|
+
--kbq-form-field-size-icon-button-margin-right: 4px;
|
|
10
|
+
--kbq-form-field-size-icon-button-margin-left: 4px;
|
|
11
|
+
--kbq-form-field-font-text-font-size: 14px;
|
|
12
|
+
--kbq-form-field-font-text-line-height: 20px;
|
|
13
|
+
--kbq-form-field-font-text-letter-spacing: -0.006em;
|
|
14
|
+
--kbq-form-field-font-text-font-weight: normal;
|
|
15
|
+
--kbq-form-field-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
|
16
|
+
Arial, sans-serif;
|
|
17
|
+
--kbq-form-field-font-text-text-transform: null;
|
|
18
|
+
--kbq-form-field-font-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
|
22
|
+
--kbq-form-field-default-border-color: hsla(229, 15%, 80%, 100%);
|
|
23
|
+
--kbq-form-field-default-background: hsla(0, 0%, 100%, 100%);
|
|
24
|
+
--kbq-form-field-default-placeholder: hsla(229, 15%, 60%, 100%);
|
|
25
|
+
--kbq-form-field-default-text: hsla(229, 15%, 15%, 100%);
|
|
26
|
+
--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);
|
|
27
|
+
--kbq-form-field-states-focused-background: hsla(0, 0%, 100%, 100%);
|
|
28
|
+
--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 60%, 100%);
|
|
29
|
+
--kbq-form-field-states-focused-text: hsla(229, 15%, 15%, 100%);
|
|
30
|
+
--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);
|
|
31
|
+
--kbq-form-field-states-error-border-color: hsla(7, 97%, 45%, 100%);
|
|
32
|
+
--kbq-form-field-states-error-background: hsla(7, 97%, 99%, 100%);
|
|
33
|
+
--kbq-form-field-states-error-placeholder: hsla(7, 97%, 70%, 100%);
|
|
34
|
+
--kbq-form-field-states-error-text: hsla(7, 97%, 40%, 100%);
|
|
35
|
+
--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);
|
|
36
|
+
--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);
|
|
37
|
+
--kbq-form-field-states-autofill-background: hsla(216, 100%, 85%, 100%);
|
|
38
|
+
--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 60%, 100%);
|
|
39
|
+
--kbq-form-field-states-autofill-text: hsla(229, 15%, 15%, 100%);
|
|
40
|
+
--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 15%, 32%);
|
|
41
|
+
--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);
|
|
42
|
+
--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 15%, 32%);
|
|
43
|
+
--kbq-form-field-states-disabled-text: hsla(229, 15%, 15%, 32%);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
|
|
47
|
+
--kbq-form-field-default-border-color: hsla(229, 15%, 30%, 100%);
|
|
48
|
+
--kbq-form-field-default-background: hsla(229, 15%, 12%, 100%);
|
|
49
|
+
--kbq-form-field-default-placeholder: hsla(229, 15%, 45%, 100%);
|
|
50
|
+
--kbq-form-field-default-text: hsla(229, 15%, 80%, 100%);
|
|
51
|
+
--kbq-form-field-states-focused-border-color: hsla(216, 100%, 60%, 100%);
|
|
52
|
+
--kbq-form-field-states-focused-background: hsla(229, 15%, 12%, 100%);
|
|
53
|
+
--kbq-form-field-states-focused-placeholder: hsla(229, 15%, 45%, 100%);
|
|
54
|
+
--kbq-form-field-states-focused-text: hsla(229, 15%, 80%, 100%);
|
|
55
|
+
--kbq-form-field-states-focused-focus-outline: hsla(216, 100%, 60%, 100%);
|
|
56
|
+
--kbq-form-field-states-error-border-color: hsla(7, 97%, 35%, 100%);
|
|
57
|
+
--kbq-form-field-states-error-background: hsla(7, 97%, 6%, 100%);
|
|
58
|
+
--kbq-form-field-states-error-placeholder: hsla(7, 97%, 25%, 100%);
|
|
59
|
+
--kbq-form-field-states-error-text: hsla(7, 97%, 60%, 100%);
|
|
60
|
+
--kbq-form-field-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%);
|
|
61
|
+
--kbq-form-field-states-autofill-border-color: hsla(216, 100%, 60%, 100%);
|
|
62
|
+
--kbq-form-field-states-autofill-background: hsla(216, 100%, 20%, 100%);
|
|
63
|
+
--kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 45%, 100%);
|
|
64
|
+
--kbq-form-field-states-autofill-text: hsla(229, 15%, 80%, 100%);
|
|
65
|
+
--kbq-form-field-states-disabled-border-color: hsla(229, 15%, 50%, 32%);
|
|
66
|
+
--kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);
|
|
67
|
+
--kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 40%, 100%);
|
|
68
|
+
--kbq-form-field-states-disabled-text: hsla(229, 15%, 40%, 100%);
|
|
69
|
+
}
|
|
@@ -5,10 +5,9 @@
|
|
|
5
5
|
|
|
6
6
|
@use '../core/forms/forms';
|
|
7
7
|
|
|
8
|
-
@use '../core/styles/tokens';
|
|
9
8
|
@use '../core/styles/common/tokens' as *;
|
|
10
9
|
|
|
11
|
-
|
|
10
|
+
@use './form-field-theme' as *;
|
|
12
11
|
|
|
13
12
|
.kbq-form-field {
|
|
14
13
|
position: relative;
|
|
@@ -143,3 +142,6 @@ $tokens: meta.module-variables(tokens) !default;
|
|
|
143
142
|
.kbq-password-hint {
|
|
144
143
|
margin-top: kbq-css-variable(form-field-hint-size-gap);
|
|
145
144
|
}
|
|
145
|
+
|
|
146
|
+
@include kbq-form-field-theme();
|
|
147
|
+
@include kbq-form-field-typography();
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
.kbq-hint {
|
|
2
|
+
--kbq-hint-size-normal-margin-top: 2px;
|
|
3
|
+
--kbq-hint-size-normal-content-padding: 4px;
|
|
4
|
+
--kbq-hint-size-compact-margin-top: 0;
|
|
5
|
+
--kbq-hint-size-compact-content-padding: 4px;
|
|
6
|
+
--kbq-hint-font-normal-text-font-size: 14px;
|
|
7
|
+
--kbq-hint-font-normal-text-line-height: 20px;
|
|
8
|
+
--kbq-hint-font-normal-text-letter-spacing: -0.006em;
|
|
9
|
+
--kbq-hint-font-normal-text-font-weight: 500;
|
|
10
|
+
--kbq-hint-font-normal-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
|
11
|
+
Arial, sans-serif;
|
|
12
|
+
--kbq-hint-font-normal-text-text-transform: null;
|
|
13
|
+
--kbq-hint-font-normal-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
14
|
+
--kbq-hint-font-compact-text-font-size: 12px;
|
|
15
|
+
--kbq-hint-font-compact-text-line-height: 16px;
|
|
16
|
+
--kbq-hint-font-compact-text-letter-spacing: normal;
|
|
17
|
+
--kbq-hint-font-compact-text-font-weight: normal;
|
|
18
|
+
--kbq-hint-font-compact-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
|
19
|
+
Arial, sans-serif;
|
|
20
|
+
--kbq-hint-font-compact-text-text-transform: null;
|
|
21
|
+
--kbq-hint-font-compact-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
|
25
|
+
--kbq-hint-fill-text-off-fade-contrast-text: hsla(229, 15%, 15%, 100%);
|
|
26
|
+
--kbq-hint-fill-text-off-fade-contrast-icon: hsla(229, 15%, 60%, 100%);
|
|
27
|
+
--kbq-hint-fill-text-off-success-text: hsla(229, 15%, 15%, 100%);
|
|
28
|
+
--kbq-hint-fill-text-off-success-icon: hsla(104, 64%, 40%, 100%);
|
|
29
|
+
--kbq-hint-fill-text-off-warning-text: hsla(229, 15%, 15%, 100%);
|
|
30
|
+
--kbq-hint-fill-text-off-warning-icon: hsla(38, 100%, 42%, 100%);
|
|
31
|
+
--kbq-hint-fill-text-off-error-text: hsla(229, 15%, 15%, 100%);
|
|
32
|
+
--kbq-hint-fill-text-off-error-icon: hsla(7, 97%, 45%, 100%);
|
|
33
|
+
--kbq-hint-fill-text-on-fade-contrast-text: hsla(229, 15%, 15%, 100%);
|
|
34
|
+
--kbq-hint-fill-text-on-fade-contrast-icon: hsla(229, 15%, 60%, 100%);
|
|
35
|
+
--kbq-hint-fill-text-on-success-text: hsla(104, 64%, 30%, 100%);
|
|
36
|
+
--kbq-hint-fill-text-on-success-icon: hsla(104, 64%, 40%, 100%);
|
|
37
|
+
--kbq-hint-fill-text-on-warning-text: hsla(38, 100%, 33%, 100%);
|
|
38
|
+
--kbq-hint-fill-text-on-warning-icon: hsla(38, 100%, 42%, 100%);
|
|
39
|
+
--kbq-hint-fill-text-on-error-text: hsla(7, 97%, 40%, 100%);
|
|
40
|
+
--kbq-hint-fill-text-on-error-icon: hsla(7, 97%, 45%, 100%);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
|
|
44
|
+
--kbq-hint-fill-text-off-fade-contrast-text: hsla(229, 15%, 80%, 100%);
|
|
45
|
+
--kbq-hint-fill-text-off-fade-contrast-icon: hsla(229, 15%, 45%, 100%);
|
|
46
|
+
--kbq-hint-fill-text-off-success-text: hsla(229, 15%, 80%, 100%);
|
|
47
|
+
--kbq-hint-fill-text-off-success-icon: hsla(104, 64%, 45%, 100%);
|
|
48
|
+
--kbq-hint-fill-text-off-warning-text: hsla(229, 15%, 80%, 100%);
|
|
49
|
+
--kbq-hint-fill-text-off-warning-icon: hsla(38, 100%, 60%, 100%);
|
|
50
|
+
--kbq-hint-fill-text-off-error-text: hsla(229, 15%, 80%, 100%);
|
|
51
|
+
--kbq-hint-fill-text-off-error-icon: hsla(7, 97%, 60%, 100%);
|
|
52
|
+
--kbq-hint-fill-text-on-fade-contrast-text: hsla(229, 15%, 80%, 100%);
|
|
53
|
+
--kbq-hint-fill-text-on-fade-contrast-icon: hsla(229, 15%, 45%, 100%);
|
|
54
|
+
--kbq-hint-fill-text-on-success-text: hsla(104, 64%, 45%, 100%);
|
|
55
|
+
--kbq-hint-fill-text-on-success-icon: hsla(104, 64%, 45%, 100%);
|
|
56
|
+
--kbq-hint-fill-text-on-warning-text: hsla(38, 100%, 60%, 100%);
|
|
57
|
+
--kbq-hint-fill-text-on-warning-icon: hsla(38, 100%, 60%, 100%);
|
|
58
|
+
--kbq-hint-fill-text-on-error-text: hsla(7, 97%, 60%, 100%);
|
|
59
|
+
--kbq-hint-fill-text-on-error-icon: hsla(7, 97%, 60%, 100%);
|
|
60
|
+
}
|
package/form-field/hint.scss
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Directionality } from '@angular/cdk/bidi';
|
|
3
|
-
import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
|
|
4
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, TemplateRef } from '@angular/core';
|
|
5
2
|
import { KbqFormFieldRef } from '@koobiq/components/core';
|
|
6
3
|
import { KbqIconButton } from '@koobiq/components/icon';
|
|
7
4
|
import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
|
|
@@ -16,10 +13,10 @@ export declare class KbqPasswordToggle extends KbqTooltipTrigger implements Afte
|
|
|
16
13
|
get hidden(): boolean;
|
|
17
14
|
get iconClass(): string;
|
|
18
15
|
get visibility(): string;
|
|
19
|
-
constructor(
|
|
16
|
+
constructor(formField: KbqFormFieldRef, changeDetector: ChangeDetectorRef);
|
|
20
17
|
ngAfterViewInit(): void;
|
|
21
18
|
toggle(event: KeyboardEvent): void;
|
|
22
19
|
private updateState;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqPasswordToggle,
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KbqPasswordToggle, never>;
|
|
24
21
|
static ɵcmp: i0.ɵɵComponentDeclaration<KbqPasswordToggle, "kbq-password-toggle", ["kbqPasswordToggle"], { "content": { "alias": "kbqTooltipNotHidden"; "required": false; }; "kbqTooltipHidden": { "alias": "kbqTooltipHidden"; "required": false; }; }, {}, never, never, false, never>;
|
|
25
22
|
}
|